:root{--bg:#f3f5f9;--surface:#fff;--ink:#19253d;--muted:#8590a3;--line:#e8edf4;--teal:#143f8a;--soft:#e7edf7;--danger:#d65c65;--nav:#111b30;--navtext:#93a3be;--shadow:0 4px 24px #24375605}
*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Inter,"Microsoft YaHei UI","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);font-size:14px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,.button{cursor:pointer;border:1px solid transparent;border-radius:9px;padding:11px 17px;font-weight:500;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:background .15s,box-shadow .15s,border-color .15s}button:disabled{opacity:.45;cursor:default}.primary{background:var(--teal);color:white;box-shadow:0 3px 8px #143f8a1c}.primary:hover{background:#103473}.secondary{background:white;border-color:#e0e7ef;color:#526078}.secondary:hover{border-color:#b7c6d4;background:#fafcfe}.ghost{background:transparent;color:var(--muted);text-align:left}.danger{color:var(--danger);background:#fff1f2;border-color:#f5d7da}.hidden{display:none!important}h1,h2,p{margin-top:0}h1{font-size:27px;font-weight:700;letter-spacing:-.5px;margin-bottom:8px}h2{font-size:20px}.muted{color:var(--muted);line-height:1.8}.eyebrow{font-size:11px;letter-spacing:1px;color:var(--muted);font-weight:500}.brand-mark{background:linear-gradient(145deg,#2766d2,#133e88);color:white;display:grid;place-items:center;font-weight:650;font-size:25px;width:54px;height:54px;border-radius:16px;box-shadow:0 5px 18px #133d8630}.brand-mark.small{width:39px;height:39px;border-radius:12px;font-size:20px;flex-shrink:0}.login-wrap{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 22% 16%,#c9d5ea,transparent 46%),radial-gradient(ellipse at 90% 80%,#dce3f5,transparent 40%),#f1f5f8;padding:28px}.login-card{width:460px;max-width:100%;background:#ffffffed;padding:44px;border:1px solid #fff;border-radius:24px;box-shadow:0 25px 90px #1a3f5714}.login-card .eyebrow{display:block;margin:28px 0 12px;color:#5e7397}.login-card h1{font-size:27px}.login-card label{margin-top:23px}.login-card .primary{width:100%;margin-top:24px;justify-content:space-between;padding:13px 17px}.login-foot{font-size:11px;color:#94a1ad;border-top:1px solid var(--line);padding-top:22px;margin-top:26px}.shell{display:flex;min-height:100vh}.sidebar{width:234px;position:fixed;top:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--nav);padding:31px 17px 20px;overflow:auto;z-index:2;color:white}.brand{display:flex;gap:12px;align-items:center;font-weight:650;font-size:17px;margin:0 9px 28px}.brand div>span{display:block;font-size:10px;color:#788aa9;font-weight:400;letter-spacing:1.4px;margin-top:5px}.workspace-tag{display:flex;align-items:center;gap:9px;border:1px solid #29354c;border-radius:9px;padding:12px 15px;margin:0 7px 25px;color:#bdc8db;font-size:11px;background:#172238}.workspace-tag>span{height:6px;width:6px;border-radius:50%;background:#2765d0;box-shadow:0 0 0 4px #2765d00d}.side-caption{font-size:10px;letter-spacing:1.4px;color:#647591;padding:0 17px 12px}nav{display:flex;flex-direction:column;gap:4px}nav button{justify-content:flex-start;background:transparent;color:var(--navtext);padding:12px 16px;font-size:12px;gap:13px;border-radius:9px;border:1px solid transparent}nav button:hover{background:#1b2942;color:#d8e4f5}nav button .nav-icon{display:flex;width:18px;color:#6f83a5}nav button svg{width:18px;height:18px}nav button.active{background:#143a3b;color:#5486dd;font-weight:600;border-color:#1e3255}nav button.active .nav-icon{color:#5486dd}.side-bottom{margin-top:auto;padding:26px 8px 0;font-size:12px}.side-bottom #identity{padding:17px 9px;border-top:1px solid #263149;line-height:1.9;color:#8295b3}.side-bottom #identity strong{font-size:13px;color:#e0e8f6}.side-bottom .ghost{font-size:11px;padding:9px;color:#879ab7}.side-bottom .ghost:hover{color:white}main{margin-left:234px;width:calc(100% - 234px);padding:35px 36px 24px;min-width:0}header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:8px}header .eyebrow{margin-bottom:12px;font-size:10px;letter-spacing:.6px}.header-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.header-actions button,.header-actions a{font-size:11px}.header-date{font-size:11px;color:#8a96aa;margin-right:8px}.description{font-size:12px;margin-bottom:25px}.toolbar{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:16px}.toolbar button{font-size:12px}.toolbar:empty,.filters:empty{display:none}.filters{display:flex;gap:12px;align-items:center;background:white;border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:22px;flex-wrap:wrap;box-shadow:var(--shadow)}.filters input{min-width:210px;width:auto;background:#fafbfd}.filters select{width:auto;min-width:135px;background:#fafbfd}.filters label{margin:0;font-size:12px}.filters input[role=switch]{appearance:none;min-width:0;width:34px;height:20px;border:0;border-radius:20px;background:#cbd5df;cursor:pointer;padding:0;position:relative;box-shadow:none;transition:background .18s;flex-shrink:0}.filters input[role=switch]:after{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:white;box-shadow:0 1px 4px #0002;transition:transform .18s}.filters input[role=switch]:checked{background:var(--teal)}.filters input[role=switch]:checked:after{transform:translateX(14px)}.filters input[role=switch]:disabled{opacity:.4;cursor:default}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin:0 0 25px}.stat{background:white;border:1px solid var(--line);border-radius:14px;padding:22px 23px;box-shadow:var(--shadow);min-width:0}.stat-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.stat-top svg{width:20px;height:20px;color:#a1adbd}.stat-label{font-size:12px;color:#8190a5}.stat-number{font-family:Inter,"Segoe UI",sans-serif;font-size:32px;font-weight:650;letter-spacing:-1px;line-height:1.3;font-variant-numeric:tabular-nums}.stat-foot{font-size:10px;color:#a3adbb;margin-top:13px;padding-top:13px;border-top:1px solid #f1f4f8}.stat:nth-child(1) .stat-top svg,.stat:nth-child(3) .stat-top svg{color:var(--teal)}.dashboard-hero{padding:29px 31px;display:flex;justify-content:space-between;align-items:center;gap:25px;border:1px solid #cad6eb;border-radius:16px;margin:0 0 24px;background:radial-gradient(ellipse at 100% 0%,#b5caef73,transparent 60%),linear-gradient(100deg,#e6ecf7,#f2f5fb);position:relative;overflow:hidden}.hero-eyebrow{display:block;color:#4266a4;font-size:10px;letter-spacing:2px;margin-bottom:12px}.dashboard-hero h2{font-size:23px;color:#1f3457;font-weight:650;letter-spacing:-.4px;margin-bottom:11px}.dashboard-hero p{color:#738097;font-size:11px;margin-bottom:0}.hero-actions{display:flex;gap:10px;flex-shrink:0}.hero-button{font-size:11px;background:#154291;color:white;padding:12px 17px}.hero-button.subtle{background:#fff9;color:#345286;border-color:#c2cee3}.dashboard-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:22px}.panel{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}.panel-title{padding:21px 24px;border-bottom:1px solid var(--line);font-size:13px;font-weight:650}.shortcut-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:22px}.shortcut{background:#f8fafc;border:1px solid #edf1f6;display:flex;flex-direction:column;align-items:flex-start;padding:19px 16px;gap:11px;white-space:normal;text-align:left}.shortcut:hover{background:#eff3f9;border-color:#d4dcea}.shortcut svg{height:24px;width:24px;color:#4567a2}.shortcut strong{font-size:12px;font-weight:600}.shortcut span{font-size:10px;color:#97a2b2;line-height:1.6}.guide-panel p{font-size:11px;line-height:1.95;margin:18px 23px;color:#8b97a9}.table-wrap{overflow:auto;max-height:72vh}table{border-collapse:separate;border-spacing:0;width:100%;text-align:left;white-space:nowrap;font-size:12px}th{position:sticky;top:0;z-index:1;background:#f8fafc;color:#8794a8;font-weight:500;padding:15px 18px;border-bottom:1px solid var(--line);font-size:11px}td{padding:15px 18px;border-bottom:1px solid #eef2f7;max-width:330px;overflow:hidden;text-overflow:ellipsis}tr:last-child td{border-bottom:0}tbody tr:hover{background:#f8f9fc}td .row-action{font-size:11px;padding:5px 8px;background:transparent;color:#154290}td .row-action:hover{background:#e8edf6}td.code{font-family:Consolas,monospace;font-size:12px;color:#526579;max-width:300px}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #e0e7ef;background:white;border-radius:8px;color:#45536b;outline:none;font-size:12px}input::placeholder{color:#a4adbb}input:focus,textarea:focus,select:focus{border-color:#436cb4;box-shadow:0 0 0 3px #143f8a0c}input[type=checkbox]{width:15px;min-width:0;height:15px;accent-color:var(--teal);cursor:pointer}label{display:block;font-size:12px;font-weight:500;margin-bottom:18px;color:#5c6a80}label>input,label>select,label>textarea{margin-top:8px}textarea{min-height:110px;resize:vertical}label small{display:block;color:#99a3b3;font-size:10px;font-weight:400;line-height:1.8;margin-top:7px}.check-label{display:flex;align-items:center;gap:9px;font-weight:400;margin:12px 0}.check-label input{margin:0}.check-group{display:grid;grid-template-columns:repeat(3,1fr);gap:2px 15px;margin:10px 0 20px}.badge{display:inline-block;border-radius:5px;padding:4px 8px;background:#e9eff8;color:#355ea4;font-size:10px;font-weight:500}.badge.bad{background:#fdf0f1;color:#d4727b}.badge.warn{background:#fff5df;color:#b99a52}.empty{padding:65px 25px;text-align:center;color:#9ba8b9;font-size:12px}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:15px;margin:20px 0;color:#8c99ad;font-size:11px}.pagination button{font-size:11px;padding:8px 13px}footer{display:flex;align-items:center;gap:12px;color:#a2adbc;font-size:10px;letter-spacing:.3px;margin-top:34px;padding-bottom:8px}.footer-dot{width:3px;height:3px;background:#b1bdca;border-radius:50%}dialog{border:1px solid #e5ecf3;border-radius:18px;padding:0;width:650px;max-width:94vw;max-height:88vh;color:var(--ink);box-shadow:0 35px 110px #11223c2b}dialog::backdrop{background:#101c3755;backdrop-filter:blur(5px)}#modal-form{padding:28px 32px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-head h2{margin:0;font-size:19px}.icon-button{background:transparent;color:#98a5b7;font-size:25px;padding:0 5px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}#modal-fields{max-height:60vh;overflow:auto;padding:3px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.error{color:var(--danger);font-size:12px;line-height:1.8;margin:12px 0 0;white-space:pre-wrap}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);padding:14px 24px;border-radius:10px;color:white;background:#152541;box-shadow:0 8px 35px #14244030;z-index:10;font-size:12px;max-width:90vw}.result{font-family:Consolas,monospace;white-space:pre-wrap;word-break:break-all;background:#f5f8fb;padding:18px;border-radius:9px;font-size:12px;max-height:55vh;overflow:auto}.intro{padding:25px;line-height:1.9;color:#8897aa;font-size:12px}.intro strong{color:var(--ink)}.mono{font-family:Consolas,monospace}
@media(min-width:1700px){main{padding:42px 52px}}@media(max-width:1200px){main{padding:28px 24px}.sidebar{width:213px}main{margin-left:213px;width:calc(100% - 213px)}.header-date{display:none}.dashboard-hero{align-items:flex-start}.hero-actions{flex-direction:column}.dashboard-grid{grid-template-columns:1fr}.stats{gap:12px}.stat{padding:19px}.stat-number{font-size:28px}}@media(max-width:800px){.shell{display:block}.sidebar{position:relative;width:100%;padding:19px;height:auto;bottom:auto}.brand{margin-bottom:16px}.workspace-tag,.side-caption,.side-bottom{display:none}nav{flex-direction:row;overflow:auto}nav button{flex-shrink:0;padding:10px 12px}main{margin:0;width:100%;padding:24px 16px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.stat{padding:18px}.stat-number{font-size:27px}.stat-foot{font-size:9px}header{align-items:flex-start;flex-direction:column;gap:13px}h1{font-size:25px}.header-actions{width:100%;justify-content:flex-start;gap:7px}.header-actions a,.header-actions button{font-size:10px;padding:9px 11px}.check-group{grid-template-columns:repeat(2,1fr)}.field-grid{grid-template-columns:1fr}.dashboard-hero{padding:24px;flex-direction:column;gap:20px}.hero-actions{flex-direction:row}.dashboard-hero h2{font-size:21px}.shortcut-grid{padding:16px;gap:9px}.shortcut{padding:15px 10px}.filters{padding:13px;gap:10px}.filters input:not([type=checkbox]),.filters select{min-width:0;max-width:100%;flex:1 1 130px}.filters .check-label{flex-basis:100%;padding:4px}.description{margin-bottom:20px}footer{flex-wrap:wrap;font-size:9px;gap:8px}}

.device-heading{display:grid;gap:10px;margin-bottom:18px}.device-heading strong{font-family:Consolas,monospace;font-size:13px;word-break:break-all}.device-heading span{font-size:11px}.device-list{display:grid;gap:14px}.device-card{border:1px solid var(--line);background:#f8fafc;border-radius:12px;padding:17px}.device-card-title{display:flex;align-items:center;justify-content:space-between;font-size:12px}.device-card dl{display:grid;grid-template-columns:130px minmax(0,1fr);gap:10px;font-size:11px;margin:18px 0}.device-card dt{color:var(--muted)}.device-card dd{margin:0;word-break:break-all;font-family:Consolas,monospace;line-height:1.6}.device-actions{display:flex;gap:9px}.device-actions button{font-size:11px;padding:8px 12px}.device-bind-form{border-top:1px solid var(--line);margin-top:22px;padding-top:22px}.device-bind-form h3{font-size:13px;margin:0 0 18px}.device-bind-form input{margin-top:8px}@media(max-width:500px){.device-card dl{grid-template-columns:1fr;gap:5px}.device-card dd{margin-bottom:10px}}

td.row-actions{min-width:220px;width:250px;max-width:280px;white-space:normal;overflow:visible}td.row-actions button{margin:2px 1px;white-space:nowrap}

/* Console refinement: a quiet canvas, compact chrome, and data-led overview. */
:root{--bg:#f6f7f9;--ink:#202b3d;--muted:#8a94a3;--line:#e9edf1;--teal:#123b81;--soft:#e9edf5;--nav:#111b2b;--navtext:#8a95a9;--shadow:0 2px 5px #24293202,0 5px 22px #24293203}
body{font-family:"Segoe UI","Microsoft YaHei UI","Microsoft YaHei",sans-serif;font-size:14px}button,.button{border-radius:8px}.primary{background:#153f88;box-shadow:0 2px 4px #0f2e660c}.primary:hover{background:#103471}.secondary{border-color:#e3e7eb;color:#5e6877}button:focus-visible,a:focus-visible{outline:3px solid #7c94be;outline-offset:3px}.sidebar{width:238px;padding:30px 18px 18px;background:linear-gradient(165deg,#141e30,#0e1726 80%);border-right:1px solid #1e2a3e}.brand{gap:12px;margin:0 10px 31px;font-size:18px;letter-spacing:.8px;color:#f7f8fb}.brand div>span{font-size:8px;letter-spacing:2.2px;color:#6f7c93;margin-top:7px}.brand-mark.small{width:37px;height:40px;border-radius:10px;background:#2e405e;color:#b1c8f1;box-shadow:inset 0 1px 0 #ffffff12}.brand-mark svg{width:25px;height:25px}.workspace-tag{font-size:11px;margin:0 5px 17px;padding:12px;background:#ffffff05;border-color:#343f52;color:#b3bac6;letter-spacing:.3px}.workspace-tag>span:first-child{background:#92addb;box-shadow:0 0 0 4px #93b0e108}.workspace-tag .workspace-arrow{margin-left:auto;width:auto;height:auto;background:none;box-shadow:none;color:#6f7c93;font-size:16px}.nav-group{font-size:10px;color:#5b677d;letter-spacing:1px;padding:19px 17px 7px;line-height:1}nav{gap:3px}nav button{padding:11px 15px;font-size:12px;font-weight:400;border-radius:7px;color:#8d98ab;gap:13px}nav button .nav-icon{color:#768296}nav button.active{background:#b0c5e9;color:#1e293c;border-color:#b0c5e9;box-shadow:0 4px 13px #0000000a}nav button.active .nav-icon{color:#31425e}nav button:hover:not(.active){background:#263145;color:#d8dde6}.side-bottom{padding-top:25px}.side-bottom #identity{border-color:#293446;color:#778296;font-size:10px}.side-bottom #identity strong{color:#dfe3ea;font-size:12px}.side-bottom .ghost{color:#808b9e;font-size:10px}.side-bottom .ghost:hover{color:#ecf0f7}
main{margin-left:238px;width:calc(100% - 238px);padding:25px 34px 24px}header{border-bottom:1px solid #e8ecf0;padding-bottom:22px;margin-bottom:24px;gap:16px}header .eyebrow{font-size:10px;letter-spacing:.2px;margin-bottom:7px;color:#9ba3af}header h1{font-size:22px;font-weight:650;letter-spacing:.2px;margin:0}.header-actions{gap:8px}.header-actions button,.header-actions a{padding:9px 13px;font-size:11px}.header-date{font-size:10px;color:#949da9;margin-right:11px}.header-user{display:flex;align-items:center;gap:9px;padding-left:14px;margin-left:6px;border-left:1px solid #e1e6e9;color:#6f7884;font-size:11px}#header-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e7eaf0;border:3px solid white;box-shadow:0 0 0 1px #dfe3e9;color:#505d73;font-size:12px;font-weight:600}.is-dashboard #page-description{display:none}.is-dashboard header h1{font-size:14px;font-weight:500;color:#5b6574}.is-dashboard header .eyebrow{margin-bottom:4px}.is-dashboard .dashboard-hero{background:none;border:0;box-shadow:none;border-radius:0;padding:6px 0 25px;margin:0;display:flex;align-items:center;justify-content:space-between;gap:20px}.overview-kicker{font-size:9px;letter-spacing:1.7px;color:#9a9fa7;margin-bottom:11px}.dashboard-hero h2{font-size:29px;letter-spacing:1px;font-weight:650;color:#242c3b;margin:0 0 10px}.dashboard-hero p{font-size:12px;color:#8c9199;margin:0;line-height:1.8}.overview-actions{display:flex;align-items:center;gap:17px}.overview-actions button{font-size:12px;padding:11px 18px}.overview-actions svg{width:16px;height:16px}.scope-chip{font-size:10px;color:#90949c}.stats.primary-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:23px}.stat.metric-card{padding:23px 22px 19px;border-radius:12px;border:1px solid #e6e8eb;background:white;box-shadow:var(--shadow);overflow:hidden}.metric-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#7d838d;margin-bottom:23px}.metric-top svg{width:19px;height:19px;color:#97a2b5}.metric-value{display:flex;align-items:baseline;gap:9px;margin-bottom:22px}.metric-value strong{font-family:"Segoe UI",sans-serif;font-size:36px;letter-spacing:-1.5px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums}.metric-value>span{font-size:10px;color:#a0a4ab}.metric-bottom{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#a1a5ac;gap:8px;min-height:14px}.metric-caption{font-size:8px;letter-spacing:1.5px;opacity:.5}.metric-card.total{background:radial-gradient(ellipse at 100% 100%,#43536f,transparent 75%),#20314d;border-color:#20314d;position:relative}.metric-card.total:after{content:"";position:absolute;width:130px;height:130px;border:1px solid #99b0d912;border-radius:50%;right:-75px;top:-35px;pointer-events:none;box-shadow:0 0 0 28px #99b0d906,0 0 0 56px #99b0d903}.metric-card.total .metric-top{color:#bac2cf}.metric-card.total .metric-top svg{color:#a3b4d1}.metric-card.total .metric-value strong{color:#eaeff7}.metric-card.total .metric-value>span{color:#9da8bc}.metric-card.total .metric-bottom{color:#929fb5}.metric-progress{width:55px;flex-shrink:0;display:flex}.metric-progress svg{width:55px;height:4px}.live-indicator{display:inline-block;width:6px;height:6px;border-radius:50%;background:#355da2;box-shadow:0 0 0 4px #30589c0b;flex-shrink:0}.today-tag{font-size:9px;color:#4e6792;background:#eff2f8;padding:3px 6px;border-radius:4px;white-space:nowrap}
.analytics-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,1fr);gap:22px;margin-bottom:22px}.panel{border-color:#e7ebee;border-radius:12px;box-shadow:var(--shadow)}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:23px 25px 0}.section-head h2{font-size:14px;font-weight:600;letter-spacing:.3px;margin:0 0 7px}.section-head p{font-size:10px;color:#9ca6b2;margin:0;line-height:1.6}.chart-tabs{display:flex;align-items:center;padding:3px;background:#f5f7f8;border:1px solid #edf0f2;border-radius:7px;gap:2px}.chart-tabs button{font-size:10px;font-weight:400;background:transparent;color:#909ca2;border-radius:5px;padding:6px 10px}.chart-tabs button.active{background:#fff;color:#424f67;box-shadow:0 1px 4px #151f2f10}.trend-body{padding:23px 23px 15px}.chart-summary{display:flex;align-items:baseline;gap:10px;padding:0 3px 17px}.chart-summary>strong{font-size:28px;font-weight:600;letter-spacing:-1px;color:#2a303a}.chart-summary>span{font-size:10px;color:#999ea6}.chart-legend{display:flex;align-items:center;gap:7px;margin-left:auto;font-size:10px;color:#9a9ea6}.chart-legend i{width:6px;height:6px;background:#8195b8;border-radius:2px}.trend-chart{display:block;width:100%;height:205px;overflow:visible}.axis-label{font-family:inherit;font-size:11px;fill:#9fa3ab}.axis-label.current{fill:#4e6388}.bar-value{font-size:11px;fill:#6a768c;font-family:inherit}.chart-column:focus{outline:none}.chart-column:hover rect:last-of-type,.chart-column:focus rect:last-of-type{fill:#1e468c}.chart-note{font-size:9px;color:#aeb2b8;margin:10px 0 0;padding-left:5px}.distribution-panel{display:grid;grid-template-columns:minmax(0,1fr);align-content:start}.ring-wrap{display:flex;justify-content:center;align-items:center;margin:3px 0 -4px}.ring-wrap>svg{width:189px;height:189px}.ring-value{font-family:"Segoe UI",sans-serif;font-size:28px;fill:#292f38;font-weight:600;letter-spacing:-1px}.ring-label{font-size:10px;fill:#999ea6}.state-legends{padding:0 24px 18px;display:grid;gap:3px}.state-legend{display:flex;justify-content:flex-start;padding:6px 2px;background:none;border:0;border-radius:5px;color:#8b9098;gap:9px;font-weight:400;font-size:10px}.state-legend:hover{background:#f7f8fa}.state-legend svg{height:6px;width:6px;flex-shrink:0}.state-legend strong{margin-left:auto;font-size:11px;font-weight:500;color:#4e5562}.state-legend small{width:38px;text-align:right;color:#a7abb1;font-size:9px}
.stats.secondary-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid #e7ebee;background:white;border-radius:11px;padding:19px 0;margin:0 0 23px;box-shadow:var(--shadow)}.stat.secondary-stat{border:0;border-radius:0;padding:2px 23px;box-shadow:none;display:flex;gap:13px;align-items:center;position:relative}.secondary-stat+.secondary-stat{border-left:1px solid #edeef0}.secondary-icon{display:grid;place-items:center;height:37px;width:37px;border-radius:10px;background:#f1f2f5;color:#8490a5;flex-shrink:0}.secondary-icon svg{height:17px;width:17px}.secondary-stat:nth-child(2) .secondary-icon{color:#c38e89;background:#faf3f2}.secondary-stat:nth-child(3) .secondary-icon{color:#98a9bf;background:#f2f5fa}.secondary-stat:nth-child(4) .secondary-icon{color:#bda56b;background:#faf7f0}.secondary-stat>div{display:grid;gap:5px;min-width:0}.secondary-stat>div>span{font-size:10px;color:#9a9fa7}.secondary-stat strong{font-size:20px;line-height:1.2;font-weight:600;color:#444a53;font-variant-numeric:tabular-nums}.secondary-stat>small{margin-left:auto;align-self:flex-end;font-size:9px;color:#b3b7bd;padding-bottom:3px}
.dashboard-bottom{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:22px}.text-button{color:#8992a0;background:none;font-size:10px;padding:3px 0;border:0;font-weight:400}.activation-list{padding:13px 24px 10px}.activation-item{display:flex;align-items:center;gap:12px;width:100%;background:none;text-align:left;justify-content:flex-start;border:0;border-bottom:1px solid #f0f1f3;border-radius:0;padding:13px 0}.activation-item:last-child{border-bottom:0}.activation-item:hover{background:#f9fafc}.activation-icon{height:31px;width:31px;border:1px solid #e9ebef;background:#f5f6f9;color:#8a95a8;display:grid;place-items:center;border-radius:8px;flex-shrink:0}.activation-icon svg{height:15px;width:15px}.activation-copy{display:grid;gap:5px;min-width:0}.activation-copy strong{font-size:11px;color:#585f6b;font-weight:500}.activation-copy>span{font-size:9px;color:#a7abb3;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:260px;font-weight:400}.activation-time{font-size:9px;color:#a4a8b0;white-space:nowrap;margin-left:auto;font-weight:400}.activation-arrow{color:#b8bcc4;font-size:12px;margin-left:5px}.premium-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:23px 24px}.premium-shortcut{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:16px 11px;background:#f9fafb;border:1px solid #ebedf0;border-radius:8px;min-width:0;text-align:left}.premium-shortcut:hover{background:#edf1f7;border-color:#d6dde8}.shortcut-icon{height:28px;width:28px;display:grid;place-items:center;color:#828fa6;flex-shrink:0}.shortcut-icon svg{width:20px;height:20px}.premium-shortcut>div{min-width:0;display:grid;gap:5px}.premium-shortcut strong{font-size:11px;font-weight:500;color:#596170}.premium-shortcut>div>span{font-size:8px;line-height:1.6;white-space:nowrap;color:#a8adb5}.premium-shortcut>span:last-child{margin-left:auto;color:#adb3bd;font-size:11px}.data-updated{display:flex;align-items:center;gap:9px;margin:0 24px 22px;padding:14px 0 0;border-top:1px solid #edeff2;font-size:9px;color:#9fa5b0}.data-updated .live-indicator{height:4px;width:4px;box-shadow:none}
.description{color:#99a3ae;font-size:11px}.filters{box-shadow:none;border-color:#e7ebee;border-radius:10px;background:#fff;padding:17px}.panel-title{font-size:13px}table{font-size:12px}th{font-size:11px;padding:15px 18px;color:#8995a0;background:#f8f9fa}td{padding:15px 18px;font-size:11px}.badge{font-size:10px;border-radius:5px}.login-wrap{background:radial-gradient(ellipse at 20% 15%,#dae0ea,transparent 48%),radial-gradient(ellipse at 95% 95%,#dbe0e9,transparent 45%),#f0f2f6}.login-card{box-shadow:0 30px 100px #1e293b10;border-radius:19px;border-color:white}.login-card .brand-mark{background:#2e405e;box-shadow:none}.login-card .eyebrow{color:#838fa5;font-size:10px}.login-card h1{color:#273244;font-size:27px}footer{color:#afb3b9;font-size:9px;margin-top:28px}.header-actions .sdk-link{font-size:10px;background:transparent;border-color:transparent;color:#91969e}.header-actions .sdk-link:hover{border-color:#dfe3e9}
@media(min-width:1700px){main{padding:30px 48px}.trend-chart{height:235px}.ring-wrap>svg{width:210px;height:210px}.state-legends{padding-bottom:22px;gap:5px}.metric-card{min-height:170px}}
@media(max-width:1250px){.header-date{display:none}.header-user{display:none}.sidebar{width:214px}main{margin-left:214px;width:calc(100% - 214px);padding:24px}.scope-chip{display:none}.analytics-grid{grid-template-columns:minmax(0,1.65fr) minmax(250px,1fr);gap:17px}.primary-metrics .metric-card{padding:20px 16px}.metric-value strong{font-size:31px}.metric-bottom{font-size:9px}.today-tag{display:none}.secondary-stat>small{display:none}.stat.secondary-stat{padding:2px 16px;gap:10px}.secondary-stat strong{font-size:18px}.section-head{padding:21px 20px 0}.trend-body{padding:23px 16px 15px}.activation-time{display:none}.premium-shortcuts{gap:9px;padding:22px 18px}.premium-shortcut{padding:14px 8px;gap:6px}.premium-shortcut>div>span{display:none}.state-legends{padding-left:22px;padding-right:22px}.chart-tabs button{padding:6px 7px}.chart-summary>span{font-size:9px}.activation-copy>span{max-width:220px}}
@media(max-width:1000px) and (min-width:801px){.analytics-grid{grid-template-columns:1fr}.distribution-panel{display:grid;grid-template-columns:1fr 1fr;align-items:center}.distribution-panel .section-head{grid-column:1/-1}.distribution-panel .ring-wrap{margin:5px 0 14px}.distribution-panel .state-legends{padding:15px 24px 20px 0}.dashboard-bottom{grid-template-columns:1fr}.activation-time{display:block}.metric-value strong{font-size:27px}.metric-top{font-size:11px}.metric-bottom>span{font-size:8px}.metric-progress{display:none}.stat.secondary-stat{padding:2px 10px}.secondary-icon{width:29px;height:32px}.secondary-stat strong{font-size:16px}.premium-shortcut>div>span{display:block}}
@media(max-width:800px){.sidebar{position:relative;width:100%;padding:20px 16px 13px}.brand{margin:0 7px 19px;font-size:17px}.brand-mark.small{height:34px;width:33px}.brand div>span{font-size:7px}.nav-group{display:none}.workspace-tag{display:none}nav{gap:6px;padding-bottom:3px}nav button{padding:10px 12px;font-size:11px;white-space:nowrap}main{margin:0;width:100%;padding:23px 16px}.is-dashboard header{margin-bottom:15px;padding-bottom:15px}.header-actions{gap:5px;flex-wrap:wrap;max-width:100%}.header-actions button,.header-actions a{padding:8px 10px;font-size:10px}.header-user{display:none}.header-actions .sdk-link{font-size:9px}header{align-items:flex-start}.is-dashboard .dashboard-hero{align-items:flex-start;flex-direction:row;gap:14px;padding:9px 0 23px}.overview-kicker{font-size:8px;margin-bottom:10px}.dashboard-hero h2{font-size:24px;letter-spacing:.5px}.dashboard-hero p{font-size:10px;max-width:240px}.overview-actions{padding-top:22px;gap:0;flex-shrink:0}.overview-actions button{font-size:10px;padding:9px 11px}.stats.primary-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:17px}.stat.metric-card{padding:20px 17px 18px}.metric-top{font-size:11px;margin-bottom:19px}.metric-top svg{height:16px;width:16px}.metric-value{margin-bottom:19px}.metric-value strong{font-size:31px}.metric-bottom{font-size:9px}.metric-caption{display:none}.today-tag{display:none}.analytics-grid{grid-template-columns:1fr;gap:17px;margin-bottom:17px}.section-head{padding:20px 19px 0;gap:10px}.section-head h2{font-size:13px}.section-head p{font-size:9px}.chart-tabs{padding:2px}.chart-tabs button{font-size:9px;padding:6px 7px}.trend-body{padding:20px 14px 15px}.chart-summary{padding:0 5px 12px;gap:8px}.chart-summary>strong{font-size:25px}.chart-summary>span{font-size:9px}.chart-legend{font-size:8px}.trend-chart{height:auto;min-height:145px}.chart-note{font-size:8px;margin-top:7px}.distribution-panel{display:grid;grid-template-columns:1fr 1fr;align-items:center}.distribution-panel .section-head{grid-column:1/-1}.distribution-panel .ring-wrap{margin:6px 0 13px}.ring-wrap>svg{width:156px;height:156px}.distribution-panel .state-legends{padding:14px 18px 17px 0;gap:6px}.state-legend{font-size:9px;gap:7px}.state-legend small{font-size:8px;width:32px}.state-legend strong{font-size:10px}.stats.secondary-metrics{grid-template-columns:repeat(2,minmax(0,1fr));padding:0;gap:0;margin-bottom:17px}.stat.secondary-stat{padding:17px 14px;gap:10px}.secondary-stat:nth-child(3){border-left:0;border-top:1px solid #edeef0}.secondary-stat:nth-child(4){border-top:1px solid #edeef0}.secondary-icon{height:31px;width:31px;border-radius:8px}.secondary-stat strong{font-size:19px}.secondary-stat>div>span{font-size:9px}.secondary-stat>small{display:none}.dashboard-bottom{grid-template-columns:1fr;gap:17px}.activation-list{padding:9px 18px}.activation-item{padding:13px 0;gap:10px}.activation-copy>span{max-width:210px;font-size:8px}.activation-time{display:block;font-size:8px}.activation-arrow{display:none}.premium-shortcuts{padding:20px 18px;gap:11px}.premium-shortcut{padding:16px 9px}.premium-shortcut>div>span{display:block;font-size:8px}.premium-shortcut>span:last-child{display:none}.data-updated{margin:0 18px 18px}.stat{min-width:0}.filters input:not([type=checkbox]),.filters select{min-width:0;max-width:100%}.table-wrap{max-width:100%}.primary-metrics .metric-progress{width:38px}.primary-metrics .metric-progress svg{width:38px}}
@media(prefers-reduced-motion:no-preference){.metric-card,.analytics-grid>.panel,.dashboard-bottom>.panel{animation:dashboard-enter .3s ease-out both}.metric-card:nth-child(2){animation-delay:.025s}.metric-card:nth-child(3){animation-delay:.05s}.metric-card:nth-child(4){animation-delay:.075s}@keyframes dashboard-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}}

@media(max-width:800px){.trend-chart .axis-label{font-size:18px}.trend-chart .bar-value{font-size:19px}}

/* Blue & white console */
:root{--bg:#f5f7fc;--ink:#202e49;--muted:#8391ab;--teal:#3568df;--soft:#eef3ff;--nav:#ffffff;--navtext:#7b88a1;--line:#e8edf5;--shadow:0 3px 6px #263a7003,0 12px 35px #263a7004}
.sidebar{background:#fff;border-right:1px solid #e6ebf4;box-shadow:3px 0 22px #21356b02}.brand{color:#263859}.brand div>span{color:#a3aec3}.brand-mark.small{background:linear-gradient(145deg,#5689f5,#3664d6);color:#fff;box-shadow:0 4px 11px #3c6bd92b}.workspace-tag{color:#7e8da8;border-color:#e5eaf5;background:#f8faff}.workspace-tag>span:first-child{background:#628aed;box-shadow:0 0 0 4px #ebf1ff}.workspace-tag .workspace-arrow{color:#9aa9c2}.nav-group{color:#acb6c9}nav button{color:#7d8aa3}nav button .nav-icon{color:#96a4be}nav button.active{background:#eef3ff;color:#3865d4;border-color:#e3ebff;box-shadow:inset 3px 0 0 #4d7aea}nav button.active .nav-icon{color:#4f78d7}nav button:hover:not(.active){background:#f6f8fd;color:#506eab}.side-bottom #identity{border-color:#edf0f7;color:#a1acc0}.side-bottom #identity strong{color:#405577}.side-bottom .ghost{color:#8796b0}.side-bottom .ghost:hover{color:#3568df}.primary{background:linear-gradient(130deg,#4a7bea,#3563d5);border-color:#3f6edc;box-shadow:0 3px 9px #3767dc18}.primary:hover{background:#315ed0}.metric-card.total{background:radial-gradient(ellipse at 100% 100%,#6389e8,transparent 75%),linear-gradient(125deg,#315ed0,#3c70dd);border-color:#3b6ad6;box-shadow:0 7px 23px #3c67cb1c}.metric-card.total .metric-top{color:#d6e3ff}.metric-card.total .metric-top svg{color:#c6d9ff}.metric-card.total .metric-value strong{color:#fff}.metric-card.total .metric-value>span,.metric-card.total .metric-bottom{color:#bdd2fb}.metric-card.total:after{border-color:#d7e5ff16;box-shadow:0 0 0 28px #d7e5ff08,0 0 0 56px #d7e5ff05}.dashboard-hero h2{color:#263a60}.overview-kicker{color:#9aaac4}.scope-chip{color:#97a5bb}.panel{box-shadow:0 2px 5px #314b7902,0 9px 30px #314b7903}.metric-top{color:#8594af}.metric-top svg{color:#94ade0}.metric-value strong{color:#26395c}.metric-bottom{color:#a0adc3}.today-tag{background:#f0f5ff;color:#6890cf}.chart-tabs{background:#f4f7fd;border-color:#ecf0f8}.chart-tabs button.active{color:#4e72b9}.chart-summary>strong{color:#2d4062}.ring-value{fill:#2d4062}.metric-card:not(.total){border-color:#e5ebf5}.secondary-icon{background:#f0f4ff;color:#7b9de0}.header-user{color:#8394b3}#header-avatar{background:#eef3ff;color:#708ecc;box-shadow:0 0 0 1px #e5ebf7}.header-actions .sdk-link{color:#8b9bb6}.badge{background:#edf4ff;color:#6d90ca}.login-wrap{background:radial-gradient(ellipse at 20% 15%,#e0eaff,transparent 48%),radial-gradient(ellipse at 95% 95%,#e4eaff,transparent 45%),#f5f8ff}.login-card .brand-mark{background:linear-gradient(145deg,#5c8df5,#3563d5);color:white}.login-card .eyebrow{color:#8da5d4}.login-card h1{color:#304a76}.activation-icon{background:#f6f8ff;border-color:#e8edfa;color:#94aee0}.premium-shortcut{background:#fafbff;border-color:#edf1f9}.premium-shortcut:hover{background:#f1f5ff;border-color:#e0e9fb}.shortcut-icon{color:#88a6d9}.premium-shortcut strong{color:#5c7299}.activation-copy strong{color:#607697}.data-updated{border-color:#edf1f9;color:#9aaac2}

.metric-top{color:#7184a5}.metric-bottom{color:#8c9db9}.section-head p{color:#8b9bb5}.state-legend{color:#7c8dab}.state-legend strong{color:#4e638a}.activation-copy>span{color:#91a0ba}.premium-shortcut>div>span{color:#91a2bf}.chart-note{color:#98a6bd}.axis-label{fill:#8b9cb8}.nav-group{color:#98a8c2}nav button{font-size:12px;color:#7185a6}.header-date{color:#8a9bb7}

/* Sales ledger */
.sales-workspace{display:grid;grid-template-columns:238px minmax(0,1fr);gap:23px;align-items:start}.agent-tree-panel{padding:20px 13px;position:sticky;top:20px;max-height:calc(100vh - 50px);overflow:auto;border-color:#e1e8f4;box-shadow:0 5px 24px #233f7305}.agent-tree-header{display:flex;align-items:center;gap:9px;padding:0 5px 18px;color:#3d567f}.agent-tree-header svg{width:17px;height:17px;color:#6c8ec7}.agent-tree-header strong{font-size:12px;font-weight:600}.tree-count{margin-left:auto;padding:2px 7px;border:1px solid #e8eef9;border-radius:5px;color:#92a7ca;font-size:10px}.agent-tree-panel>input{background:#f8faff;border-color:#e7edf7;font-size:11px;padding:11px}.tree-tools{display:flex;gap:6px;margin-top:13px}.tree-tools button{font-size:9px;padding:5px 8px;background:#fff;border-color:#e4ebf7;color:#8ca0bd;border-radius:5px}.tree-helper{font-size:9px;color:#a4b3ca;margin:13px 1px}.agent-tree-body{padding:3px 0}.tree-node-line{display:flex;align-items:center;gap:2px;margin-bottom:4px}.tree-expand{width:15px;flex-shrink:0;padding:5px 0;background:none;color:#a3b0c7;font-size:16px}.tree-agent{padding:10px 8px;min-width:0;flex:1;display:flex;justify-content:flex-start;gap:7px;background:none;border-radius:7px;color:#8b9fbe;font-size:11px;font-weight:400}.tree-agent svg{width:13px;height:13px;flex-shrink:0}.tree-agent>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.tree-agent small{margin-left:auto;padding:2px 4px;color:#9bacc8;font-size:9px;font-variant-numeric:tabular-nums}.tree-agent:hover{background:#f5f8ff}.tree-agent.selected{background:#edf3ff;color:#396ac2;box-shadow:inset 2px 0 0 #5683eb}.tree-agent.selected small{color:#4d77c8;background:#e1eafd;border-radius:4px}.tree-children{padding-left:14px;margin-left:7px;border-left:1px solid #edf1f8}.sales-main{min-width:0}.sales-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 22px;gap:16px}.sales-heading .overview-kicker{font-size:8px;margin:2px 0 9px;letter-spacing:1.5px;color:#9dacc4}.sales-heading h2{font-size:22px;letter-spacing:.2px;color:#263d67;font-weight:650;margin:0 0 10px}.sales-heading p{font-size:10px;color:#8e9fbb;margin:0;line-height:1.7}.sales-heading>.badge{font-size:9px;flex-shrink:0;background:#f0f5ff;color:#7c99cc}.stats.sales-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.stat.sales-summary-card{display:grid;gap:18px;padding:20px;border-radius:11px;border-color:#e4ebf6;box-shadow:0 3px 12px #24477d03;position:relative;overflow:hidden}.sales-summary-card>span{font-size:11px;color:#8c9eb9}.sales-summary-card strong{font-size:31px;font-weight:600;line-height:1;color:#2f4b79;font-variant-numeric:tabular-nums;letter-spacing:-1px}.sales-summary-card small{font-size:9px;color:#9faec5;line-height:1.6}.sales-summary-card.normal{background:linear-gradient(120deg,#f6f9ff,#fff);border-color:#dfe9fc}.sales-summary-card.normal strong{color:#4f7fd5}.sales-summary-card.abnormal{background:linear-gradient(120deg,#fff8fa,#fff);border-color:#f2e5ea}.sales-summary-card.abnormal strong{color:#cc7e92}.sales-summary-card.normal:before,.sales-summary-card.abnormal:before{content:"";position:absolute;left:0;top:23px;width:3px;height:22px;border-radius:0 3px 3px 0;background:#719aea}.sales-summary-card.abnormal:before{background:#d596a6}.sales-distribution{margin-bottom:22px;border-color:#e3eaf5}.sales-distribution .section-head{padding-top:22px}.sales-distribution .section-head h2{font-size:13px}.sales-distribution .section-head p{font-size:10px}.sales-asof{font-size:9px;color:#a9b6cd;margin-top:3px}.sales-distribution-body{display:flex;align-items:center;gap:34px;padding:13px 28px 21px}.sales-ring{height:156px;width:156px;flex-shrink:0}.sales-ring-value{font-size:23px;fill:#345481;font-weight:600;letter-spacing:-.6px}.sales-ring-label{font-size:10px;fill:#99acc6}.sales-status-legend{display:grid;gap:17px;width:100%;min-width:0}.sales-status-row{display:grid;grid-template-columns:7px 1fr auto;gap:7px 10px;align-items:center;font-size:11px;color:#7c93b6}.sales-status-row i{width:6px;height:6px;border-radius:50%;background:#7195e0}.sales-status-row.abnormal i{background:#d98b9c}.sales-status-row strong{font-size:17px;font-weight:500;color:#5078be}.sales-status-row.abnormal strong{color:#c78395}.sales-status-row small{grid-column:2/-1;font-size:9px;color:#a8b5cb}.sales-equation{border-top:1px solid #edf1f8;display:flex;align-items:center;gap:8px;padding-top:15px;margin-top:0;font-size:9px;color:#a5b2c7;flex-wrap:wrap}.sales-equation strong{font-size:12px;color:#6d87af;font-weight:500}.sales-report-panel{min-width:0}.sales-report-tabs{display:inline-flex;gap:2px;background:#eff3fb;padding:4px;border-radius:8px;margin:0 0 13px}.sales-report-tabs button{background:none;font-size:10px;color:#91a3bf;padding:8px 14px;font-weight:400;border:0;border-radius:5px}.sales-report-tabs button.active{background:#fff;box-shadow:0 2px 5px #28436e0c;color:#4b73b9}.sales-details-buttons{display:flex;gap:8px;flex-wrap:wrap;float:right}.sales-details-buttons button{font-size:10px;padding:9px 11px;background:white;color:#8b9fbe;border-color:#e6edf8}.sales-details-buttons button:nth-child(2){color:#658dce}.sales-details-buttons button:nth-child(3){color:#be8796}.sales-table-note{clear:both;font-size:10px;color:#9bacc6;margin:3px 0 16px;line-height:1.8}.sales-account-cell{display:grid;gap:6px;white-space:normal;min-width:105px}.sales-account-cell strong{color:#5875a2;font-weight:550;font-size:11px}.sales-account-cell small{color:#a2b0c7;font-size:9px}.sales-normal-number{color:#5982c8;font-variant-numeric:tabular-nums}.sales-abnormal-number{color:#c18194;font-variant-numeric:tabular-nums}.sales-report-panel td,.sales-report-panel th{padding:17px 15px}.sales-report-panel td.row-actions{min-width:150px;max-width:220px}.sales-report-panel td.row-actions button{font-size:10px;padding:5px}.sales-report-foot{display:flex;justify-content:space-between;gap:20px;margin:16px 2px 0;font-size:9px;color:#a2b0c6;line-height:1.8}.sales-detail-actions{padding:21px 24px}.sales-detail-actions button{font-size:11px}.sales-main>.section-head{padding-left:0;padding-top:0;margin-bottom:10px}.sales-main>.section-head h2{font-size:21px}.sales-main>.panel{margin-top:0}
@media(min-width:1750px){.sales-workspace{grid-template-columns:255px minmax(0,1fr);gap:27px}.sales-summary-card strong{font-size:35px}.sales-distribution-body{gap:40px}.sales-ring{height:168px;width:168px}.sales-status-legend{grid-template-columns:1fr 1fr;column-gap:45px}.sales-equation{grid-column:1/-1}.sales-summary-card small{font-size:10px}}
@media(max-width:1250px){.sales-workspace{grid-template-columns:205px minmax(0,1fr);gap:18px}.stats.sales-summary{gap:10px}.stat.sales-summary-card{padding:16px 13px;gap:15px}.sales-summary-card>span{font-size:10px}.sales-summary-card strong{font-size:27px}.sales-summary-card small{font-size:8px}.sales-distribution-body{padding:13px 18px 21px;gap:17px}.sales-ring{height:140px;width:140px}.sales-details-buttons{float:none;margin:0 0 11px}.sales-report-foot{flex-direction:column;gap:5px}.sales-heading h2{font-size:19px}.sales-asof{display:none}}
@media(max-width:1000px) and (min-width:801px){.sales-workspace{grid-template-columns:175px minmax(0,1fr);gap:15px}.stats.sales-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.agent-tree-panel{padding:15px 8px}.tree-children{padding-left:8px;margin-left:2px}.tree-agent{font-size:10px;padding-left:5px}.sales-distribution-body{gap:10px}.sales-ring{width:115px;height:115px}.sales-status-row{font-size:10px}}
@media(max-width:800px){.sales-workspace{grid-template-columns:minmax(0,1fr);gap:18px}.agent-tree-panel{position:static;max-height:285px;padding:16px;overflow:auto}.agent-tree-header{padding-bottom:13px}.agent-tree-panel>input{width:100%}.tree-helper{font-size:9px}.agent-tree-body{padding-top:3px}.sales-heading{margin-bottom:17px}.sales-heading h2{font-size:19px;line-height:1.6;margin-bottom:7px}.sales-heading p{font-size:9px}.stats.sales-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat.sales-summary-card{padding:18px;gap:17px}.sales-summary-card>span{font-size:11px}.sales-summary-card strong{font-size:30px}.sales-summary-card small{font-size:9px}.sales-distribution .section-head{padding:19px 17px 0}.sales-distribution-body{padding:12px 15px 18px;gap:13px}.sales-ring{width:123px;height:123px}.sales-status-legend{gap:13px}.sales-status-row{font-size:10px;column-gap:7px}.sales-status-row small{font-size:8px;line-height:1.6}.sales-status-row strong{font-size:16px}.sales-equation{gap:6px;font-size:8px;padding-top:11px}.sales-equation strong{font-size:10px}.sales-table-note{font-size:9px}.sales-details-buttons{gap:6px}.sales-details-buttons button{font-size:9px;padding:9px}.sales-report-foot{font-size:9px}}

.sales-mini-composition{display:grid;gap:7px;min-width:130px}.sales-mini-composition svg{height:5px;width:140px}.sales-mini-composition small{font-size:9px;color:#9dacc4}.sales-heading p{font-size:11px}.sales-summary-card small{font-size:10px}.sales-table-note{font-size:11px;color:#8b9ebc}.sales-report-panel th{color:#768caa}.sales-status-row{font-size:12px}.tree-agent{font-size:12px}.sales-account-cell strong{font-size:12px}.sales-report-tabs button{font-size:11px}.sales-details-buttons button{font-size:11px}.sales-report-foot{font-size:10px}@media(max-width:800px){.sales-status-row{font-size:10px}.sales-summary-card small{font-size:9px}.sales-heading p{font-size:9px}.sales-table-note{font-size:9px}.sales-details-buttons button{font-size:9px}.sales-report-foot{font-size:9px}}

.sales-summary-card>span{color:#758bab}.sales-summary-card small{color:#93a5c0}.sales-report-panel td{font-size:12px}.sales-tree-header,.agent-tree-header{color:#34537f}.sales-heading h2{letter-spacing:.3px}.sales-report-panel .row-action{font-weight:400}.sales-mini-composition small{color:#91a5c2}.sales-status-row small{color:#94a8c5}