:root{--surface:#fff;--canvas:#f5f6f2;--muted:#747871;--soft-shadow:0 10px 35px rgba(20,24,18,.055);--radius:14px}.demo-app{background:var(--canvas)}.demo-app.open{grid-template-columns:248px 1fr}.demo-sidebar{padding:24px 18px;background:linear-gradient(180deg,#111 0%,#171815 100%);border-right:1px solid #292a27}.demo-logo{padding:0 10px 28px}.demo-sidebar nav{gap:5px}.demo-sidebar nav button,.exit-demo{border-radius:9px;padding:13px 15px;transition:background .18s,color .18s,transform .18s}.demo-sidebar nav button:hover{transform:translateX(2px)}.demo-sidebar nav button.active{background:#2b2d27;box-shadow:inset 3px 0 #ffe500,0 6px 16px rgba(0,0,0,.16)}.demo-topbar{height:76px;border-color:#e9ebe4;padding:0 3.2vw;backdrop-filter:blur(14px);background:rgba(255,255,255,.94)}.partner-marquee{min-height:54px;border-color:#eceee8}.demo-content{padding:38px 3.2vw 80px}.view-heading{margin-bottom:28px}.view-heading h2{font-size:35px}.view-heading p{color:var(--muted)}.outline,.yellow,.asset-grid button,.select-plan,.export-csv{border-radius:8px;transition:transform .18s,box-shadow .18s,background .18s}.outline:hover,.yellow:hover,.asset-grid button:hover,.select-plan:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(17,17,17,.13)}.stat-grid{gap:14px;margin-bottom:14px}.stat-grid article,.chart-card,.allocation-card,.table-card,.asset-grid article,.plan-grid article,.network-stat,.location-list,.lesson-grid button,.settings-form{border-color:#e5e8e0;border-radius:var(--radius);box-shadow:var(--soft-shadow)}.stat-grid article{padding:22px}.stat-grid strong{letter-spacing:-.03em}.dashboard-grid{gap:14px}.chart-card,.allocation-card,.table-card{padding:23px}.notification-panel{top:82px;border:0;border-radius:14px;box-shadow:0 22px 70px rgba(0,0,0,.17)}.mini-device{border-radius:18px}.plan-grid{gap:14px}.plan-grid article{overflow:hidden}.limited-pill{border-radius:999px}.network-stat{padding:23px}.referral-tree{border-radius:14px;box-shadow:var(--soft-shadow)}.filters select,.filters input,.settings-form input,.settings-form select{border-radius:8px}.location-layout{gap:14px}.fake-map,.location-list{border-radius:14px;box-shadow:var(--soft-shadow)}.location-list article{border-radius:9px;cursor:pointer;transition:background .18s,transform .18s}.location-list article:hover{background:#fafbf7;transform:translateX(3px)}.lesson-grid{gap:14px}.lesson-grid button{transition:transform .18s,box-shadow .18s}.lesson-grid button:hover{transform:translateY(-2px);box-shadow:0 14px 35px rgba(20,24,18,.09)}.table-row:not(.table-head){cursor:pointer;transition:background .15s}.table-row:not(.table-head):hover{background:#fafbf7}.demo-dialog{border-radius:16px}.detail-status{display:flex;align-items:center;justify-content:space-between;background:#f1f3ed;padding:12px 15px;border-radius:9px;margin-bottom:16px}.detail-status span{color:#248b51;font-size:10px;font-weight:900}.detail-status b{font-size:9px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-grid p{background:#f5f6f2;border-radius:9px;padding:14px;margin:0!important;display:grid;gap:7px}.detail-grid small{font-size:7px;letter-spacing:.1em;color:#888}.detail-grid strong{font-size:11px}.activity-detail .table-row{min-width:0;grid-template-columns:repeat(6,1fr);background:#f5f6f2;border-radius:9px;padding:14px}.chart-refresh{animation:chart-pop .35s ease}@keyframes chart-pop{from{opacity:.45;transform:translateY(4px)}to{opacity:1;transform:none}}.auth-panel,.auth-form{animation:auth-enter .5s ease both}@keyframes auth-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:900px){.demo-app.open{grid-template-columns:1fr}.demo-content{padding:26px 4vw 70px}}@media(max-width:560px){.demo-content{padding:20px 15px 65px}.view-heading h2{font-size:29px}.detail-grid{grid-template-columns:1fr}.stat-grid article{padding:18px}.chart-card,.allocation-card,.table-card{padding:17px}.demo-dialog{padding:24px}}