.shell{min-height:100vh;display:flex}.sidebar{color:#d7e9e3;background:#112e29;flex-direction:column;flex-shrink:0;width:220px;padding:28px 18px;display:flex}.brand{align-items:center;gap:13px;padding:5px 10px 32px;font-size:18px;font-weight:600;display:flex}.brand small{color:#88aaa0;letter-spacing:2px;font-size:11px}.brand-icon{color:#fff;background:#27876c;border-radius:9px;place-items:center;width:36px;height:36px;font-size:19px;display:inline-grid}.sidebar nav{gap:6px;display:grid}.sidebar nav button{text-align:left;color:#aac6bc;background:0 0;padding:13px 20px}.sidebar nav button.active{color:#fff;background:#245044}.sidebar-footer{color:#9abbaf;margin-top:auto;padding:35px 10px 0;font-size:12px}.sidebar-footer small{color:#678f80;font-size:10px}.dot{background:#7bcea6;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.workspace{flex:1;min-width:0}.topbar{background:#fff;border-bottom:1px solid #e4e9ef;height:76px;padding:0 32px;font-size:13px}.topbar>span{font-weight:600}.topbar .actions>span{color:#7a8798}.content{max-width:1650px;margin:auto;padding:28px}.panel{background:#fff;border:1px solid #e4e9ef;border-radius:12px;min-height:400px;padding:28px}.panel>header{margin-bottom:25px}.panel header p{margin:4px 0;font-size:13px}.customer-layout{background:#fff;border:1px solid #e4e9ef;border-radius:12px;grid-template-columns:255px minmax(0,1fr);min-height:670px;display:grid;overflow:hidden}.customer-list{background:#fcfdfd;border-right:1px solid #e7ebf0;padding:20px 12px}.customer-list>header{margin:0 8px 22px}.customer-list h2{font-size:16px}.customer-list header button{padding:6px 10px;font-size:12px}.customer-item{color:#425169;text-align:left;background:0 0;gap:8px;width:100%;margin:4px 0;padding:16px 15px;display:grid}.customer-item span{color:#8b97a6;text-overflow:ellipsis;font-size:11px;overflow:hidden}.customer-item.selected{color:#1b7055;background:#edf6f1;border-color:#d2e8dd}.detail{min-width:0;padding:28px}.stats{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:27px;display:grid}.stat{background:#f8fafb;border:1px solid #e9edf0;border-radius:9px;gap:14px;padding:20px;display:grid}.stat span{color:#7e8d9f;font-size:12px}.stat strong{letter-spacing:-1px;font-size:36px;font-weight:600}.stat:last-child{background:#edf7f0;border-color:#dbecdf}.stat:last-child strong{color:#19724f}@media (width<=1000px){.sidebar{width:175px}.customer-layout{grid-template-columns:200px minmax(0,1fr)}.detail{padding:20px}.content{padding:18px}}@media (width<=760px){.shell{display:block}.sidebar{width:100%;padding:12px}.brand{padding:5px 10px 14px}.sidebar nav{flex-wrap:wrap;gap:2px;display:flex}.sidebar nav button{padding:10px;font-size:12px}.sidebar-footer{display:none}.topbar{height:65px;padding:0 18px}.topbar .actions>span{font-size:11px}.customer-layout{grid-template-columns:1fr}.customer-list{border-bottom:1px solid #e7ebf0;border-right:0;max-height:200px;overflow-y:auto}.stats{gap:8px}.stat{padding:14px}.stat strong{font-size:28px}.panel{padding:20px}}:root{color:#1e293b;background:#f4f6f9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{color:#fff;cursor:pointer;background:#15735c;border:1px solid #0000;border-radius:7px;padding:9px 15px}button:hover{filter:brightness(.95)}button:disabled{opacity:.5;cursor:wait}button.quiet{color:#475569;background:#fff;border-color:#dce2e9}button.link{color:#13765e;background:0 0;padding:5px 7px}input,select,textarea{color:#182536;background:#fff;border:1px solid #cdd6df;border-radius:6px;width:100%;padding:11px}input:focus,select:focus,button:focus-visible{outline-offset:2px;outline:2px solid #289b7f}textarea{word-break:break-all;min-height:110px}h1{letter-spacing:-.7px;font-size:25px}h2{margin:0 0 6px;font-size:20px;font-weight:650}h3{margin:30px 0 15px;font-size:16px}p{color:#66758a;line-height:1.7}small{color:#8290a3;margin-top:5px;font-size:12px;font-weight:400;display:block}h3 small{margin-left:8px;display:inline}header{justify-content:space-between;align-items:center;gap:16px;display:flex}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.form{gap:18px;margin:24px 0;display:grid}.form label{color:#526176;gap:8px;font-size:13px;display:grid}.error{color:#af3232;overflow-wrap:anywhere;background:#fff2f1;border-radius:6px;padding:12px 16px}.hint{font-size:13px}.badge{white-space:nowrap;color:#30705e;background:#edf5f2;border-radius:5px;padding:5px 9px;font-size:12px;display:inline-block}.empty{text-align:center;color:#8592a3;padding:38px 22px;line-height:1.7}.eyebrow{color:#7a8f96;letter-spacing:1.8px;margin-bottom:10px;font-size:11px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}th{color:#7c8a9c;white-space:nowrap;background:#f7f9fb;padding:13px 14px;font-weight:500}td{border-bottom:1px solid #eef1f5;padding:17px 14px}td strong{font-weight:550}.node-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin:25px 0;display:grid}.node{background:#f8fafb;border:1px solid #e7ecf0;border-radius:8px;gap:10px;padding:20px;display:grid}.node span{color:#78899a;font-size:13px}.node h3{margin:0}.price{color:#15735c;font-size:28px}.overlay{z-index:10;background:#10233380;place-items:center;padding:25px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:min(520px,100%);max-height:90vh;padding:28px;overflow-y:auto;box-shadow:0 30px 80px #00172a33}.login-page{background:radial-gradient(at top,#e8f3ed,#0000 60%);place-items:center;min-height:100vh;display:grid}.login-card{background:#fff;border:1px solid #e6ebe8;border-radius:16px;width:min(460px,94vw);padding:42px;box-shadow:0 20px 60px #14332c08}.modal header button{white-space:nowrap;flex-shrink:0}.form .checkbox-field{align-items:center;gap:8px;display:flex}.form .checkbox-field input{width:auto;margin:0}