*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f6f7fb;color:#16192a}.app{display:flex;min-height:100vh}.sidebar{width:252px;background:#fff;border-right:1px solid #e7e9f1;padding:18px 14px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:30}.brand{height:60px;display:flex;align-items:center;padding:0 8px}.brand img{max-width:188px;max-height:48px;object-fit:contain}.adminBadge{margin:8px 8px 17px;padding:9px 11px;border-radius:10px;background:#f4f1ff;color:#6847e8;font-size:10px;font-weight:800;letter-spacing:.09em}.adminBadge span{float:right;background:#7249ef;color:#fff;padding:2px 7px;border-radius:999px}.navLabel{font-size:10px;font-weight:800;color:#a3a7b7;letter-spacing:.13em;padding:10px 12px 7px}.navItem{width:100%;border:0;background:transparent;display:flex;gap:11px;align-items:center;padding:10px 11px;margin:2px 0;border-radius:10px;font-size:14px;color:#555c70;cursor:pointer;text-align:left;transition:.15s}.navItem svg{width:18px;height:18px;stroke-width:1.8;flex:none}.navItem:hover{background:#f8f6ff;color:#6947e8}.navItem.active{background:#efeaff;color:#6847ec;font-weight:700}.navItem .badge{margin-left:auto;background:#ffedf3;color:#d53c68;font-size:10px;padding:3px 7px;border-radius:999px}.sideBottom{margin-top:auto;border-top:1px solid #ececf2;padding-top:12px}.danger{color:#a63f59}.main{margin-left:252px;width:calc(100% - 252px)}.topbar{height:74px;background:#fff;border-bottom:1px solid #e8eaf1;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:20}.search{width:min(540px,48vw);height:42px;border:1px solid #dfe2eb;background:#fafbfe;border-radius:12px;display:flex;align-items:center;padding:0 13px;color:#969aaa}.search svg{width:17px}.search input{border:0;outline:0;background:transparent;width:100%;font-size:14px;padding-left:8px}.topActions{display:flex;gap:9px;align-items:center}.iconBtn,.profile{border:1px solid #dfe2eb;background:#fff;cursor:pointer}.iconBtn{width:40px;height:40px;border-radius:11px;position:relative;display:grid;place-items:center}.iconBtn svg{width:18px}.bell span{position:absolute;top:-5px;right:-5px;background:#ef4f75;color:#fff;border-radius:50%;font-size:9px;min-width:17px;height:17px;display:grid;place-items:center}.profile{display:flex;align-items:center;gap:9px;border-radius:12px;padding:6px 10px;color:inherit}.profile small{display:block;color:#969aaa;font-size:10px}.profile>svg{width:15px}.avatar{width:31px;height:31px;border-radius:50%;background:#eee9ff;color:#6f47ef;display:grid;place-items:center;font-weight:800}.menuBtn{display:none}.content{padding:28px;max-width:1500px;margin:auto}.pageHead{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px;gap:16px}.pageHead h1{font-size:29px;margin:0 0 4px;letter-spacing:-.02em}.pageHead p{margin:0;color:#818596;font-size:13px}.btn{border:0;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer;display:inline-flex;gap:7px;align-items:center;justify-content:center;transition:.15s}.btn svg{width:16px;height:16px}.primary{background:#7448f5;color:#fff;box-shadow:0 7px 20px #7548f52a}.primary:hover{transform:translateY(-1px);background:#673ce9}.secondary{background:#fff;border:1px solid #dfe1ea;color:#4f5466}.secondary:hover{background:#f8f9fc}.dangerBtn{background:#fff0f3;color:#ca3d5c}.grid{display:grid;gap:14px}.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:#fff;border:1px solid #e5e7ef;border-radius:15px;padding:18px;box-shadow:0 5px 16px #21243a07}.statTop{display:flex;justify-content:space-between;align-items:center}.statIcon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#f0ebff;color:#6c45ef}.statIcon svg{width:19px;height:19px}.stat h2{font-size:26px;margin:14px 0 2px}.stat small{color:#868a99}.up{font-size:11px;color:#139d6e;background:#e9fbf4;padding:4px 7px;border-radius:999px}.down{font-size:11px;color:#d34b69;background:#fff0f4;padding:4px 7px;border-radius:999px}.sectionTitle{display:flex;align-items:center;justify-content:space-between;margin:22px 0 10px;gap:10px}.sectionTitle h3{margin:0;font-size:16px}.split{grid-template-columns:1.5fr 1fr}.chart{height:220px;display:flex;align-items:flex-end;gap:11px;padding:20px 6px 0}.barWrap{flex:1;text-align:center;color:#979baa;font-size:10px}.bar{background:linear-gradient(180deg,#8053ff,#b69fff);border-radius:7px 7px 3px 3px;min-height:8px;margin-bottom:7px}.donut{width:150px;height:150px;border-radius:50%;background:conic-gradient(#7448f5 0 43%,#3a8df4 43% 68%,#ff9f43 68% 84%,#34c38f 84% 94%,#e7e7ef 94%);margin:22px auto;position:relative}.donut:after{content:"$1,286";position:absolute;inset:29px;background:#fff;border-radius:50%;display:grid;place-items:center;font-size:19px;font-weight:800}.legend{display:grid;grid-template-columns:1fr 1fr;gap:7px;font-size:11px;color:#696e7e}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:#7448f5;margin-right:5px}.tableWrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:12px}.table th{text-align:left;color:#8e92a1;font-size:10px;text-transform:uppercase;letter-spacing:.05em;padding:10px 8px;border-bottom:1px solid #ececf2}.table td{padding:11px 8px;border-bottom:1px solid #f0f1f5;white-space:nowrap}.table tbody tr:hover{background:#fbfaff}.pill{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:700}.paid{background:#e9fbf4;color:#0c9c6a}.pending{background:#fff7e7;color:#bd7d00}.failed{background:#fff0f3;color:#ce395d}.info{background:#eef4ff;color:#2e69ce}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field label{display:block;font-size:11px;font-weight:700;color:#777b8c;margin:0 0 6px}.field input,.field select,.field textarea{width:100%;border:1px solid #dfe1e9;border-radius:10px;padding:10px 11px;font:inherit;background:#fff;outline:0}.field input:focus,.field select:focus,.field textarea:focus{border-color:#8c6cf6;box-shadow:0 0 0 3px #7448f513}.field textarea{min-height:110px;resize:vertical}.full{grid-column:1/-1}.alertRow{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid #ececf2;border-radius:11px;margin:8px 0}.alertRow .grow{flex:1}.alertRow small{display:block;color:#8b8f9f;margin-top:2px}.toggle{width:40px;height:23px;background:#d8dbe5;border-radius:999px;position:relative;cursor:pointer;transition:.2s}.toggle:after{content:"";position:absolute;width:17px;height:17px;background:#fff;border-radius:50%;left:3px;top:3px;box-shadow:0 1px 4px #0002;transition:.2s}.toggle.on{background:#7448f5}.toggle.on:after{left:20px}.planGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.planCard{position:relative;overflow:hidden}.planCard.popular:before{content:"MOST POPULAR";position:absolute;right:14px;top:14px;font-size:9px;font-weight:800;color:#159767;background:#e8fbf2;padding:4px 7px;border-radius:999px}.planPrice{font-size:30px;font-weight:800;margin:12px 0 4px}.planName{font-size:18px;font-weight:800}.planMeta{color:#878b9a;font-size:12px}.planActions{display:flex;gap:8px;margin-top:16px}.featureMini{margin-top:12px;border-top:1px solid #eee;padding-top:10px;color:#707586;font-size:11px;line-height:1.75}.modalBackdrop{position:fixed;inset:0;background:#17182a70;backdrop-filter:blur(3px);z-index:100;display:none;align-items:center;justify-content:center;padding:20px}.modalBackdrop.open{display:flex}.modal{width:min(620px,96vw);max-height:88vh;overflow:auto;background:#fff;border-radius:18px;box-shadow:0 25px 70px #0003;padding:24px;position:relative}.modal.wide{width:min(860px,96vw)}.modalClose{position:absolute;right:14px;top:14px;width:34px;height:34px;border:0;border-radius:9px;background:#f4f5f8;display:grid;place-items:center;cursor:pointer}.modalClose svg{width:17px}.modalHead{padding-right:40px;margin-bottom:18px}.modalHead h2{margin:0 0 5px;font-size:22px}.modalHead p{margin:0;color:#8a8e9c;font-size:12px}.detailGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detailBox{border:1px solid #ececf2;border-radius:11px;padding:12px}.detailBox small{color:#9296a4;display:block;margin-bottom:4px}.timeline{border-left:2px solid #e8e2ff;margin:16px 0 0 8px;padding-left:18px}.timeItem{position:relative;padding:0 0 16px}.timeItem:before{content:"";width:9px;height:9px;background:#7448f5;border:3px solid #efeaff;border-radius:50%;position:absolute;left:-24px;top:3px}.modalActions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px;flex-wrap:wrap}.toast{position:fixed;right:22px;bottom:22px;background:#181b29;color:#fff;padding:12px 16px;border-radius:10px;opacity:0;transform:translateY(10px);transition:.2s;z-index:150}.toast.show{opacity:1;transform:none}body.dark{background:#12131a;color:#f6f7fb}body.dark .sidebar,body.dark .topbar,body.dark .card,body.dark .modal,body.dark .field input,body.dark .field select,body.dark .field textarea,body.dark .secondary,body.dark .profile,body.dark .iconBtn{background:#1b1d27;color:#f4f4f7;border-color:#2b2e3b}body.dark .main{background:#14161f}body.dark .search{background:#1b1d27;border-color:#2b2e3b}body.dark .search input{color:#fff}
@media(max-width:1100px){.stats{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.planGrid{grid-template-columns:repeat(2,1fr)}.sidebar{width:220px}.main{margin-left:220px;width:calc(100% - 220px)}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s;width:240px}.sidebar.open{transform:none}.main{margin-left:0;width:100%}.menuBtn{display:grid;place-items:center;border:0;background:#f0edff;color:#6f47ef;border-radius:9px;width:38px;height:38px}.topbar{padding:0 14px;gap:8px}.search{display:none}.profile div:nth-child(2){display:none}.content{padding:18px 14px}.pageHead{align-items:flex-start}.pageHead h1{font-size:24px}.stats,.planGrid{grid-template-columns:1fr 1fr}.card{padding:14px}.stat h2{font-size:22px}.formGrid,.detailGrid{grid-template-columns:1fr}.full{grid-column:auto}}@media(max-width:430px){.stats,.planGrid{grid-template-columns:1fr}.topActions{gap:5px}.iconBtn{width:36px;height:36px}.pageHead{display:block}.pageHead .btn{margin-top:12px;width:100%}.modal{padding:18px}.planActions{flex-direction:column}}
/* V3 CONTROL CENTER */
.periodGrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin:0 0 18px}.periodCard{border:1px solid #e4e6ee;background:#fff;border-radius:14px;padding:14px;text-align:left;cursor:pointer;color:inherit;transition:.15s}.periodCard:hover{transform:translateY(-1px);border-color:#cfc6ff;box-shadow:0 8px 22px #4e3bb60b}.periodCard svg{width:18px;height:18px;color:#7448f5;margin-bottom:12px}.periodCard small{display:block;color:#8c91a1;margin-bottom:4px}.periodCard b{font-size:18px}.subline{display:block;color:#9ca0ad;margin-top:3px;font-size:9px}.clickRow{cursor:pointer}.selectedMonth{background:#f5f1ff!important}.reportFilter{margin-top:14px}.twoCol{grid-template-columns:repeat(2,1fr)!important}
.settingsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settingCard{padding:20px}.settingHead{display:flex;gap:12px;align-items:flex-start;margin-bottom:16px}.settingHead>svg{width:22px;height:22px;color:#7448f5;margin-top:2px}.settingHead h3{margin:0 0 3px;font-size:16px}.settingHead p{margin:0;color:#8b90a0;font-size:11px}.detailLine{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid #eef0f4;font-size:12px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.controlPanel{padding:8px 16px}.controlRow{display:flex;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid #eceef3}.controlRow:last-child{border-bottom:0}.controlRow>div:first-child{flex:1}.controlRow small{display:block;color:#8b90a0;margin-top:3px;line-height:1.5}.switch{width:44px;height:25px;border:0;background:#d8dbe5;border-radius:999px;padding:0;position:relative;cursor:pointer;flex:none}.switch span{position:absolute;width:19px;height:19px;left:3px;top:3px;background:#fff;border-radius:50%;box-shadow:0 1px 5px #0002;transition:.2s}.switch.on{background:#7448f5}.switch.on span{left:22px}
.featureChecks{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:16px}.featureChecks label{border:1px solid #e5e7ef;border-radius:10px;padding:10px 12px;font-size:12px;cursor:pointer}.featureChecks input{margin-right:6px}.featureList{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.featureList span{border:1px solid #eceef3;border-radius:10px;padding:9px 10px;font-size:11px}.planTop{display:flex;justify-content:space-between;align-items:flex-start}.planTop h3{margin:3px 0 0;font-size:19px}.planTop small{color:#12a06d;font-weight:700}.planTop svg{width:20px;color:#7448f5}.planPrice span{font-size:11px;color:#9296a4;font-weight:500}.noticePreview{border:1px solid #e5e7ef;border-radius:14px;padding:16px;background:#faf9ff}.noticePreview p{color:#707586}.noticePreview small{color:#9498a6}

/* FULL DARK THEME */
body.dark{background:#0f1118;color:#f4f6fb}body.dark .main{background:#11131b}body.dark .sidebar,body.dark .topbar{background:#161923;border-color:#272b38}body.dark .brand{background:transparent}body.dark .adminBadge{background:#242035;color:#b9a7ff}body.dark .navLabel{color:#6f7487}body.dark .navItem{color:#aeb3c2}body.dark .navItem:hover{background:#202332;color:#fff}body.dark .navItem.active{background:#2b2442;color:#bcaaff}body.dark .sideBottom{border-color:#292d39}body.dark .search{background:#1b1e29;border-color:#2c3040;color:#858b9d}body.dark .search input{color:#f5f6fa}body.dark .iconBtn,body.dark .profile{background:#1b1e29;border-color:#2c3040;color:#f5f6fa}body.dark .avatar{background:#2b2442;color:#c8baff}
body.dark .card,body.dark .modal,body.dark .periodCard,body.dark .noticePreview{background:#181b25;border-color:#2a2e3b;color:#f4f6fb;box-shadow:none}body.dark .secondary{background:#1d202b;border-color:#343846;color:#d8dce7}body.dark .secondary:hover{background:#242833}body.dark .dangerBtn{background:#38212b;color:#ff9caf}body.dark .pageHead p,body.dark .settingHead p,body.dark .controlRow small,body.dark .periodCard small,body.dark .planMeta,body.dark .modalHead p,body.dark .detailBox small,body.dark .profile small{color:#8f96a9}body.dark .stat small,body.dark .barWrap,body.dark .legend{color:#949bad}body.dark .statIcon{background:#28213e;color:#b9a5ff}body.dark .detailLine,body.dark .controlRow,body.dark .featureMini,body.dark .table th,body.dark .table td{border-color:#292d39}body.dark .table tbody tr:hover,body.dark .selectedMonth{background:#211d31!important}body.dark .table th{color:#7f879a}body.dark .field label{color:#9ca3b5}body.dark .field input,body.dark .field select,body.dark .field textarea{background:#12151e;border-color:#303544;color:#eef1f7}body.dark .detailBox,body.dark .featureChecks label,body.dark .featureList span{border-color:#2d3140;background:#151822}body.dark .modalClose{background:#252936;color:#e9ecf4}body.dark .donut:after{background:#181b25;color:#fff}body.dark .switch{background:#3a3e4c}body.dark .switch.on{background:#7954f6}body.dark .noticePreview p{color:#aeb4c3}body.dark .up{background:#17332a;color:#6fe2b5}body.dark .down{background:#38212b;color:#ff9caf}body.dark .paid{background:#17332a;color:#70ddb4}body.dark .pending{background:#382f1e;color:#e8bb5b}body.dark .failed{background:#38212b;color:#ff9caf}body.dark .info{background:#1e2b42;color:#8bb7ff}
@media(max-width:1200px){.periodGrid{grid-template-columns:repeat(4,1fr)}}@media(max-width:900px){.settingsGrid{grid-template-columns:1fr}.periodGrid{grid-template-columns:repeat(2,1fr)}.featureChecks,.featureList{grid-template-columns:1fr 1fr}}@media(max-width:430px){.periodGrid{grid-template-columns:1fr}.featureChecks,.featureList{grid-template-columns:1fr}}

.reportFilterGrid{display:grid;grid-template-columns:1.15fr 1fr 1fr auto;gap:12px;align-items:end}.reportApplyField .btn{height:42px;min-width:110px}.reportApplyField .btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.selectedRange{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;border-radius:10px;background:#f7f5ff;color:#5d5276;font-size:12px}.selectedRange svg{width:16px}.selectedRange span{color:#85899a}.reportQuickFilter input[readonly]{background:#f8f9fc;color:#7e8393}.clickRow{cursor:pointer}.selectedMonth{background:#f5f1ff!important}.selectedMonth td:first-child{color:#6d45ef}
body.dark .selectedRange{background:#232035;color:#c7b8ff}body.dark .selectedRange span{color:#8f93a5}body.dark .reportQuickFilter input[readonly]{background:#171923;color:#8d92a3}body.dark .selectedMonth{background:#242033!important}
@media(max-width:900px){.reportFilterGrid{grid-template-columns:1fr 1fr}.reportApplyField .btn{width:100%}}@media(max-width:560px){.reportFilterGrid{grid-template-columns:1fr}.selectedRange{align-items:flex-start;flex-wrap:wrap}}

/* PREMIUM ADMIN DASHBOARD */
.dashHeadActions{display:flex;gap:9px;align-items:center}.dashHeroGrid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,.9fr);gap:16px;margin-bottom:18px}.revenueHero{position:relative;overflow:hidden;border-radius:20px;padding:26px;background:linear-gradient(135deg,#6d43f2 0%,#7f55f7 52%,#8f6bf8 100%);color:#fff;box-shadow:0 18px 40px rgba(97,62,218,.20)}.heroGlow{position:absolute;width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,.10);right:-80px;top:-130px}.heroTop{position:relative;display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.heroEyebrow{font-size:10px;font-weight:800;letter-spacing:.12em;opacity:.76}.heroTop h2{font-size:42px;line-height:1;margin:10px 0 8px;letter-spacing:-.04em}.heroTop p{margin:0;font-size:12px;color:rgba(255,255,255,.78)}.heroTop p b{color:#dfffe9}.heroIcon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.18)}.heroIcon svg{width:24px;height:24px}.heroMiniGrid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:26px}.heroMiniGrid button{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.10);color:#fff;border-radius:13px;padding:12px;text-align:left;cursor:pointer;transition:.15s}.heroMiniGrid button:hover{background:rgba(255,255,255,.17);transform:translateY(-1px)}.heroMiniGrid small{display:block;font-size:10px;opacity:.72;margin-bottom:4px}.heroMiniGrid b{font-size:16px}.heroLink{position:relative;margin-top:15px;padding:0;border:0;background:none;color:#fff;font-weight:700;font-size:12px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.heroLink svg{width:14px;height:14px}.dashStatsCompact{display:grid;gap:10px}.compactStat{width:100%;border:1px solid #e5e7ef;background:#fff;border-radius:16px;padding:15px;display:grid;grid-template-columns:46px 1fr 18px;gap:12px;align-items:center;text-align:left;cursor:pointer;transition:.15s;color:inherit;box-shadow:0 5px 14px #21243a06}.compactStat:hover{transform:translateY(-1px);border-color:#d6cdfa;box-shadow:0 10px 24px rgba(42,38,76,.08)}.compactStat>svg{width:17px;color:#a0a4b2}.compactIcon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center}.compactIcon svg{width:20px;height:20px}.usersTone{background:#f1ecff;color:#7048ee}.successTone{background:#eafaf4;color:#15966d}.warningTone{background:#fff5e8;color:#d8871d}.compactStat small{display:block;color:#858a9b;font-size:10px;margin-bottom:2px}.compactStat b{font-size:22px;display:inline-block;margin-right:7px}.compactStat em{font-style:normal;font-size:10px;color:#149b6e;background:#e9fbf4;border-radius:999px;padding:3px 6px}

.dashboardBodyGrid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.85fr);gap:16px;margin-bottom:16px}.dashPanel{background:#fff;border:1px solid #e5e7ef;border-radius:18px;padding:18px;box-shadow:0 5px 16px #21243a06}.panelHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panelHead h3{margin:2px 0 0;font-size:17px}.panelKicker{font-size:9px;letter-spacing:.13em;font-weight:800;color:#9a9eac}.compactBtn{padding:8px 11px;font-size:11px}.pendingFeatured{border:1px solid #ececf3;border-radius:14px;padding:14px;display:grid;grid-template-columns:minmax(0,1fr) 90px auto auto;gap:12px;align-items:center;background:#fbfbfd}.pendingIdentity{display:flex;align-items:center;gap:11px;min-width:0}.payBadge{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#f1ecff;color:#7048ee;flex:none}.payBadge svg{width:19px}.pendingIdentity b,.pendingIdentity small{display:block}.pendingIdentity small{font-size:10px;color:#8a8e9d;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pendingAmount small{display:block;color:#8b8f9f;font-size:9px;margin-bottom:3px}.pendingAmount b{font-size:15px}.emptyGood{padding:22px;border:1px dashed #d8e8e1;border-radius:14px;color:#18835f;display:flex;align-items:center;gap:8px;background:#f5fcf9}.emptyGood svg{width:18px}.quickActionGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quickActionGrid button{border:1px solid #e7e8ef;background:#fbfbfd;border-radius:14px;padding:13px;text-align:left;cursor:pointer;transition:.15s;color:inherit}.quickActionGrid button:hover{background:#f6f3ff;border-color:#d8cffb;transform:translateY(-1px)}.quickActionGrid button span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#f0ebff;color:#7048ee;margin-bottom:12px}.quickActionGrid button span svg{width:16px}.quickActionGrid b,.quickActionGrid small{display:block}.quickActionGrid b{font-size:12px}.quickActionGrid small{font-size:9px;color:#9094a3;margin-top:3px}.revenueStrip{margin-bottom:4px}.snapshotGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.snapshotGrid>div{border:1px solid #ececf2;border-radius:14px;padding:14px;background:#fbfbfd}.snapshotGrid small,.snapshotGrid span{display:block}.snapshotGrid small{font-size:10px;color:#8b8f9f}.snapshotGrid b{display:block;font-size:20px;margin:5px 0}.snapshotGrid span{font-size:9px;color:#15966d}.snapshotAccent{background:linear-gradient(135deg,#f4f0ff,#fbfaff)!important;border-color:#dfd7fb!important}.snapshotAccent span{color:#7350dd}

body.dark .compactStat,body.dark .dashPanel{background:#1b1d27;border-color:#2b2e3b;box-shadow:none}body.dark .compactStat:hover{border-color:#4b426c;background:#20222d}body.dark .compactStat>svg{color:#777d91}body.dark .pendingFeatured,body.dark .quickActionGrid button,body.dark .snapshotGrid>div{background:#171923;border-color:#2b2e3b}body.dark .quickActionGrid button:hover{background:#211d31;border-color:#493d72}body.dark .panelKicker,body.dark .pendingIdentity small,body.dark .pendingAmount small,body.dark .quickActionGrid small,body.dark .snapshotGrid small{color:#8e93a6}body.dark .snapshotAccent{background:linear-gradient(135deg,#211c31,#1b1d27)!important;border-color:#3a315a!important}.revenueHero{isolation:isolate}
@media(max-width:1180px){.dashHeroGrid,.dashboardBodyGrid{grid-template-columns:1fr}.dashStatsCompact{grid-template-columns:repeat(3,1fr)}.compactStat{grid-template-columns:42px 1fr}.compactStat>svg{display:none}.snapshotGrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.dashHeadActions{width:100%;margin-top:10px}.dashHeadActions .btn{flex:1}.dashStatsCompact{grid-template-columns:1fr}.heroTop h2{font-size:36px}.heroMiniGrid{grid-template-columns:1fr 1fr 1fr}.pendingFeatured{grid-template-columns:1fr auto}.pendingAmount{display:none}.pendingFeatured>.pill{justify-self:start}.quickActionGrid{grid-template-columns:1fr 1fr}.snapshotGrid{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.revenueHero{padding:20px}.heroMiniGrid{grid-template-columns:1fr}.pendingFeatured{grid-template-columns:1fr}.quickActionGrid,.snapshotGrid{grid-template-columns:1fr}.dashHeadActions{flex-direction:column}.dashHeadActions .btn{width:100%}}

/* CUSTOMER SEARCH + CP PUBLIC CODE */
.userSearchBar{display:grid;grid-template-columns:minmax(280px,1fr) 170px 170px auto;gap:10px;align-items:center;margin-top:14px;padding:12px}.userSearchMain{height:42px;border:1px solid #dfe2eb;border-radius:11px;display:flex;align-items:center;gap:8px;padding:0 12px;background:#fafbfe}.userSearchMain svg{width:17px;color:#8c90a0}.userSearchMain input{width:100%;border:0;outline:0;background:transparent;font:inherit;color:inherit}.userSearchBar select{height:42px;border:1px solid #dfe2eb;border-radius:11px;background:#fff;padding:0 10px;color:inherit}.customerCode{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#6847ec;letter-spacing:.02em}.resultCount{display:block;margin-top:3px;color:#9296a4;font-size:11px}.emptyUserSearch{padding:28px;text-align:center;color:#9296a4;display:flex;align-items:center;justify-content:center;gap:8px}.emptyUserSearch svg{width:18px}.dark .userSearchMain,.dark .userSearchBar select{background:#171922;border-color:#303341}.dark .customerCode{color:#9b82ff}
@media(max-width:900px){.userSearchBar{grid-template-columns:1fr 1fr}.userSearchMain{grid-column:1/-1}}@media(max-width:560px){.userSearchBar{grid-template-columns:1fr}.userSearchMain{grid-column:auto}}

/* DASHBOARD V4 — stronger CamboPost visual polish */
.content[data-view="dashboard"]{padding-top:32px;background:radial-gradient(circle at 12% 0%,#f3efff 0,transparent 28%),linear-gradient(180deg,#f8f9fd 0%,#f4f6fb 100%);min-height:calc(100vh - 74px)}
.content[data-view="dashboard"] .pageHead{margin-bottom:26px;align-items:center}
.content[data-view="dashboard"] .pageHead h1{font-size:32px;letter-spacing:-.035em}
.content[data-view="dashboard"] .pageHead p{font-size:13px;color:#7b8092}
.content[data-view="dashboard"] .revenueHero{border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:29px;background:linear-gradient(135deg,#21154d 0%,#4d27b6 46%,#7846f3 100%);box-shadow:0 24px 60px rgba(70,42,157,.24),inset 0 1px 0 rgba(255,255,255,.12)}
.content[data-view="dashboard"] .revenueHero:after{content:"";position:absolute;right:32px;bottom:26px;width:112px;height:112px;background:url('assets/favicon.png') center/contain no-repeat;opacity:.11;filter:saturate(.9);transform:rotate(-7deg);pointer-events:none}
.content[data-view="dashboard"] .heroGlow{width:360px;height:360px;right:-110px;top:-180px;background:radial-gradient(circle,rgba(255,255,255,.18),rgba(255,255,255,0) 68%)}
.content[data-view="dashboard"] .heroTop h2{font-size:48px;margin-top:12px;text-shadow:0 3px 18px rgba(0,0,0,.13)}
.content[data-view="dashboard"] .heroTop p{font-size:12.5px}
.content[data-view="dashboard"] .heroIcon{width:56px;height:56px;border-radius:18px;background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.content[data-view="dashboard"] .heroMiniGrid{gap:10px;margin-top:28px}
.content[data-view="dashboard"] .heroMiniGrid button{border-radius:15px;padding:13px 14px;background:rgba(255,255,255,.09);backdrop-filter:blur(10px)}
.content[data-view="dashboard"] .heroMiniGrid button:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.22)}

.content[data-view="dashboard"] .dashStatsCompact{gap:12px}
.content[data-view="dashboard"] .compactStat{border-radius:18px;padding:17px;border-color:#e6e3f1;background:linear-gradient(180deg,#fff 0%,#fcfbff 100%);box-shadow:0 10px 28px rgba(31,27,54,.055)}
.content[data-view="dashboard"] .compactStat:hover{transform:translateY(-2px);border-color:#cfc4f8;box-shadow:0 16px 34px rgba(51,36,110,.10)}
.content[data-view="dashboard"] .compactIcon{width:48px;height:48px;border-radius:15px;box-shadow:inset 0 0 0 1px rgba(98,65,208,.05)}
.content[data-view="dashboard"] .compactStat small{font-size:10.5px;color:#7e8395}
.content[data-view="dashboard"] .compactStat b{font-size:24px;letter-spacing:-.025em}
.content[data-view="dashboard"] .dashboardBodyGrid{gap:18px;margin-top:2px}
.content[data-view="dashboard"] .dashPanel{border-radius:20px;padding:20px;border-color:#e5e4ed;background:rgba(255,255,255,.92);box-shadow:0 12px 32px rgba(28,25,45,.055)}
.content[data-view="dashboard"] .panelHead{margin-bottom:16px}
.content[data-view="dashboard"] .panelKicker{color:#7450e9;letter-spacing:.16em}
.content[data-view="dashboard"] .panelHead h3{font-size:18px;letter-spacing:-.015em}
.content[data-view="dashboard"] .pendingFeatured{border-radius:16px;padding:16px;border-color:#e8e3f7;background:linear-gradient(90deg,#fcfbff 0%,#fff 70%);box-shadow:inset 4px 0 0 #7a4df2}
.content[data-view="dashboard"] .payBadge{width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,#efe9ff,#f8f5ff);box-shadow:0 6px 14px rgba(105,70,220,.10)}
.content[data-view="dashboard"] .pendingIdentity b{font-size:13px}
.content[data-view="dashboard"] .pendingAmount b{font-size:17px}

.content[data-view="dashboard"] .quickActionGrid{gap:11px}
.content[data-view="dashboard"] .quickActionGrid button{min-height:112px;border-radius:16px;padding:15px;border-color:#e7e4f0;background:linear-gradient(180deg,#fff 0%,#faf9ff 100%);box-shadow:0 7px 20px rgba(34,28,68,.035)}
.content[data-view="dashboard"] .quickActionGrid button:hover{transform:translateY(-2px);background:#f8f5ff;border-color:#d4c9fb;box-shadow:0 12px 26px rgba(74,50,150,.09)}
.content[data-view="dashboard"] .quickActionGrid button span{width:38px;height:38px;border-radius:12px;margin-bottom:14px;background:linear-gradient(145deg,#ece5ff,#f6f2ff);box-shadow:0 6px 14px rgba(110,75,220,.09)}
.content[data-view="dashboard"] .quickActionGrid b{font-size:12.5px}
.content[data-view="dashboard"] .quickActionGrid small{font-size:9.5px;color:#858a9b}
.content[data-view="dashboard"] .revenueStrip{margin-top:2px;border-color:#dfdbea;background:linear-gradient(180deg,#fff,#fcfbff)}
.content[data-view="dashboard"] .snapshotGrid{gap:12px}
.content[data-view="dashboard"] .snapshotGrid>div{border-radius:16px;padding:16px;border-color:#e8e6ef;background:#fff;box-shadow:0 5px 16px rgba(35,30,60,.035)}
.content[data-view="dashboard"] .snapshotGrid b{font-size:22px;letter-spacing:-.025em}
.content[data-view="dashboard"] .snapshotGrid span{font-size:9.5px;font-weight:650}
.content[data-view="dashboard"] .snapshotAccent{background:linear-gradient(145deg,#f1ebff 0%,#faf8ff 100%)!important;border-color:#d8ccfb!important;box-shadow:0 8px 22px rgba(87,57,175,.08)!important}
.content[data-view="dashboard"] .dashHeadActions .secondary{background:#fff;box-shadow:0 5px 14px rgba(29,26,48,.04)}
.content[data-view="dashboard"] .dashHeadActions .primary{box-shadow:0 10px 24px rgba(116,72,245,.24)}

body.dark .content[data-view="dashboard"]{background:radial-gradient(circle at 12% 0%,rgba(103,69,222,.12) 0,transparent 30%),linear-gradient(180deg,#13151e 0%,#11131a 100%)}
body.dark .content[data-view="dashboard"] .compactStat,body.dark .content[data-view="dashboard"] .dashPanel{background:linear-gradient(180deg,#1d1f2a 0%,#191b24 100%);border-color:#2d3040;box-shadow:0 14px 34px rgba(0,0,0,.18)}
body.dark .content[data-view="dashboard"] .compactStat:hover{background:#212430;border-color:#55477e;box-shadow:0 16px 36px rgba(0,0,0,.24)}
body.dark .content[data-view="dashboard"] .pendingFeatured{background:linear-gradient(90deg,#201c2d 0%,#191b24 75%);border-color:#383047;box-shadow:inset 4px 0 0 #8b5cf6}
body.dark .content[data-view="dashboard"] .quickActionGrid button{background:linear-gradient(180deg,#1f212c,#1a1c25);border-color:#2f3240;box-shadow:none}
body.dark .content[data-view="dashboard"] .quickActionGrid button:hover{background:#252230;border-color:#544376}
body.dark .content[data-view="dashboard"] .revenueStrip{background:linear-gradient(180deg,#1d1f29,#191b24);border-color:#2f3240}
body.dark .content[data-view="dashboard"] .snapshotGrid>div{background:#181a23;border-color:#2d3040;box-shadow:none}
body.dark .content[data-view="dashboard"] .snapshotAccent{background:linear-gradient(145deg,#241d34,#1b1d27)!important;border-color:#45375f!important;box-shadow:none!important}

/* BRAND V5 — exact CamboPost app icon */
.brand{height:72px;display:flex;align-items:center;gap:12px;padding:0 8px}.brand img{width:54px;height:54px;max-width:none;max-height:none;object-fit:contain;flex:none;filter:none!important}.brandCopy{min-width:0;display:flex;flex-direction:column;justify-content:center}.brandCopy strong{font-size:21px;line-height:1;font-weight:850;letter-spacing:.045em;color:#16192a;white-space:nowrap}.brandCopy strong span{color:#6847ee}.brandCopy small{margin-top:6px;font-size:7px;line-height:1;font-weight:800;letter-spacing:.14em;color:#7e8496;white-space:nowrap}.dark .brandCopy strong{color:#fff}.dark .brandCopy strong span{color:#a98cff}.dark .brandCopy small{color:#b7bbca}

/* DASHBOARD V5 — visual polish only */
.content[data-view="dashboard"]{background:radial-gradient(circle at 18% 0%,#f6f2ff 0,transparent 34%),linear-gradient(180deg,#fbfbff 0%,#f7f8fc 100%);margin:-28px;padding:30px;min-height:calc(100vh - 72px)}
.content[data-view="dashboard"] .pageHead{margin-bottom:20px}.content[data-view="dashboard"] .pageHead h1{font-size:36px;letter-spacing:-.045em}.content[data-view="dashboard"] .pageHead p{font-size:13px;max-width:620px}
.content[data-view="dashboard"] .dashHeroGrid{grid-template-columns:minmax(0,1.72fr) minmax(315px,.82fr);gap:18px;align-items:stretch;margin-bottom:18px}
.content[data-view="dashboard"] .revenueHero{min-height:292px;border-radius:26px;padding:30px;background:linear-gradient(128deg,#23125f 0%,#4d22b8 50%,#7a47ff 100%);box-shadow:0 26px 60px rgba(66,39,158,.23),inset 0 1px 0 rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.13)}
.content[data-view="dashboard"] .revenueHero:before{content:"";position:absolute;inset:auto -90px -145px auto;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(88,198,255,.25),rgba(123,70,255,.08) 48%,transparent 70%)}
.content[data-view="dashboard"] .heroTop h2{font-size:50px;margin-top:13px}.content[data-view="dashboard"] .heroEyebrow{font-size:10px;letter-spacing:.18em}.content[data-view="dashboard"] .heroTop p{font-size:13px}
.content[data-view="dashboard"] .heroIcon{width:58px;height:58px;border-radius:18px;background:rgba(255,255,255,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.22)}
.content[data-view="dashboard"] .heroMiniGrid{gap:12px;margin-top:30px}.content[data-view="dashboard"] .heroMiniGrid button{border-radius:16px;padding:14px 15px;background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.17)}
.content[data-view="dashboard"] .heroMiniGrid small{font-size:10px}.content[data-view="dashboard"] .heroMiniGrid b{font-size:18px}.content[data-view="dashboard"] .heroLink{margin-top:18px;font-size:12px}
.content[data-view="dashboard"] .dashStatsCompact{gap:12px}.content[data-view="dashboard"] .compactStat{min-height:88px;border-radius:20px;padding:16px 17px;border-color:#e7e3f3;box-shadow:0 10px 30px rgba(44,35,79,.055)}
.content[data-view="dashboard"] .compactStat:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(67,48,120,.10)}.content[data-view="dashboard"] .compactIcon{width:48px;height:48px;border-radius:15px}.content[data-view="dashboard"] .compactStat b{font-size:24px}

.content[data-view="dashboard"] .dashboardBodyGrid{grid-template-columns:minmax(0,1.58fr) minmax(330px,.82fr);gap:18px;align-items:start;margin-bottom:18px}
.content[data-view="dashboard"] .dashPanel{border-radius:22px;border-color:#e7e5ef;box-shadow:0 14px 38px rgba(38,32,72,.055);padding:20px}
.content[data-view="dashboard"] .dashboardBodyGrid>.dashPanel:first-child{min-height:0;align-self:start}.content[data-view="dashboard"] .quickPanel{align-self:start}
.content[data-view="dashboard"] .panelHead{margin-bottom:16px}.content[data-view="dashboard"] .panelHead h3{font-size:18px;letter-spacing:-.02em}.content[data-view="dashboard"] .panelKicker{color:#7656e7;font-size:9px;letter-spacing:.16em}
.content[data-view="dashboard"] .pendingFeatured{grid-template-columns:minmax(0,1fr) 100px auto auto;border-radius:17px;padding:15px 16px;background:linear-gradient(180deg,#fff,#fbfaff);border-color:#e7defd;box-shadow:inset 4px 0 0 #7447ff}
.content[data-view="dashboard"] .payBadge{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#f1ebff,#fbf9ff)}.content[data-view="dashboard"] .pendingIdentity b{font-size:13px}.content[data-view="dashboard"] .pendingAmount b{font-size:18px}
.content[data-view="dashboard"] .quickActionGrid{gap:11px}.content[data-view="dashboard"] .quickActionGrid button{min-height:105px;border-radius:17px;padding:15px;background:linear-gradient(180deg,#fff,#fbfaff);border-color:#e7e4f1;box-shadow:0 6px 18px rgba(43,36,73,.035)}
.content[data-view="dashboard"] .quickActionGrid button:hover{transform:translateY(-2px);background:#f8f5ff;box-shadow:0 12px 24px rgba(75,53,143,.08)}.content[data-view="dashboard"] .quickActionGrid button span{width:38px;height:38px;border-radius:12px;margin-bottom:14px}.content[data-view="dashboard"] .quickActionGrid b{font-size:13px}.content[data-view="dashboard"] .quickActionGrid small{font-size:10px}
.content[data-view="dashboard"] .revenueStrip{border-radius:22px}.content[data-view="dashboard"] .snapshotGrid{gap:12px}.content[data-view="dashboard"] .snapshotGrid>div{border-radius:16px;padding:16px;background:#fff;border-color:#e8e7ef}.content[data-view="dashboard"] .snapshotGrid b{font-size:22px}
body.dark .content[data-view="dashboard"]{background:radial-gradient(circle at 15% 0%,rgba(91,57,173,.16),transparent 32%),#11131b}
body.dark .content[data-view="dashboard"] .compactStat,body.dark .content[data-view="dashboard"] .dashPanel{border-color:#2d3040;box-shadow:none}body.dark .content[data-view="dashboard"] .pendingFeatured,body.dark .content[data-view="dashboard"] .quickActionGrid button{background:#181a24;border-color:#302b43}
@media(max-width:760px){.content[data-view="dashboard"]{margin:-18px;padding:22px 16px}.content[data-view="dashboard"] .pageHead{display:block}.content[data-view="dashboard"] .pageHead h1{font-size:34px}.content[data-view="dashboard"] .pageHead p{font-size:15px;line-height:1.45}.content[data-view="dashboard"] .dashHeadActions{margin-top:14px;display:grid;grid-template-columns:1fr 1fr}.content[data-view="dashboard"] .revenueHero{padding:24px 20px;min-height:auto;border-radius:24px}.content[data-view="dashboard"] .heroTop h2{font-size:44px}.content[data-view="dashboard"] .heroMiniGrid{grid-template-columns:1fr 1fr;gap:12px}.content[data-view="dashboard"] .heroMiniGrid button{min-height:82px;padding:14px}.content[data-view="dashboard"] .heroMiniGrid button:nth-child(3){grid-column:1/-1}.content[data-view="dashboard"] .heroMiniGrid b{font-size:20px}.content[data-view="dashboard"] .compactStat{min-height:96px}.content[data-view="dashboard"] .pendingFeatured{grid-template-columns:1fr auto}.content[data-view="dashboard"] .quickActionGrid{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.content[data-view="dashboard"] .dashHeadActions{grid-template-columns:1fr}.content[data-view="dashboard"] .heroMiniGrid{grid-template-columns:1fr 1fr}.content[data-view="dashboard"] .heroMiniGrid button:nth-child(3){grid-column:1/-1}.content[data-view="dashboard"] .quickActionGrid{grid-template-columns:1fr 1fr}}

/* DASHBOARD V5 mobile correction */
@media(max-width:760px){
.content[data-view="dashboard"] .dashHeroGrid,.content[data-view="dashboard"] .dashboardBodyGrid{grid-template-columns:1fr!important;gap:14px}
.content[data-view="dashboard"] .revenueHero,.content[data-view="dashboard"] .dashStatsCompact,.content[data-view="dashboard"] .dashPanel{min-width:0;width:100%}
.content[data-view="dashboard"] .dashStatsCompact{grid-template-columns:1fr!important;gap:10px}
.content[data-view="dashboard"] .dashHeadActions{width:100%;grid-template-columns:1fr 1fr;gap:10px}.content[data-view="dashboard"] .dashHeadActions .btn{min-width:0;width:100%;white-space:normal}
.content[data-view="dashboard"] .heroMiniGrid{display:grid!important;grid-template-columns:1fr 1fr!important}.content[data-view="dashboard"] .heroMiniGrid button:nth-child(3){grid-column:1/-1!important}
.content[data-view="dashboard"] .heroMiniGrid button{width:100%;min-width:0;min-height:84px}.content[data-view="dashboard"] .heroLink{padding-top:2px}
.content[data-view="dashboard"] .quickActionGrid{grid-template-columns:1fr 1fr!important}.content[data-view="dashboard"] .snapshotGrid{grid-template-columns:1fr 1fr!important}
}
@media(max-width:430px){.content[data-view="dashboard"] .pageHead h1{font-size:32px}.content[data-view="dashboard"] .heroTop h2{font-size:42px}.content[data-view="dashboard"] .heroMiniGrid b{font-size:19px}.content[data-view="dashboard"] .compactStat{min-height:88px}}

/* V5 mobile width final */
@media(max-width:760px){html,body{overflow-x:hidden}.content[data-view="dashboard"]{margin:0!important;padding:20px 14px!important;width:100%!important;max-width:100%!important;overflow:hidden}.content[data-view="dashboard"] .pageHead,.content[data-view="dashboard"] .dashHeroGrid,.content[data-view="dashboard"] .dashboardBodyGrid,.content[data-view="dashboard"] .revenueStrip{width:100%;max-width:100%;min-width:0}.content[data-view="dashboard"] .dashHeadActions{max-width:100%}.content[data-view="dashboard"] .dashHeadActions .btn{overflow:hidden;text-overflow:ellipsis}.content[data-view="dashboard"] .revenueHero{overflow:hidden}.content[data-view="dashboard"] .heroMiniGrid>*{min-width:0}}

/* DASHBOARD V6 — NEW STRUCTURE */
.content[data-view="dashboard"]{background:radial-gradient(circle at 8% 0%,rgba(116,72,245,.055),transparent 26%)}
.content[data-view="dashboard"] .pageHead{margin-bottom:18px}
.content[data-view="dashboard"] .pageHead h1{font-size:32px;letter-spacing:-.035em}
.v6KpiGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.v6Kpi{border:1px solid #e5e8f0;background:#fff;border-radius:18px;padding:17px;display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:center;text-align:left;cursor:pointer;color:inherit;box-shadow:0 8px 28px rgba(32,28,68,.045);transition:.18s}
.v6Kpi:hover{transform:translateY(-2px);border-color:#d7cff8;box-shadow:0 14px 34px rgba(48,38,90,.09)}
.v6KpiIcon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#efeaff;color:#6e46ef}.v6KpiIcon svg{width:20px}
.v6Kpi.revenue .v6KpiIcon{background:linear-gradient(145deg,#6f47f0,#9169ff);color:#fff;box-shadow:0 8px 20px rgba(116,72,245,.24)}
.v6Kpi small,.v6Kpi b,.v6Kpi em{display:block}.v6Kpi small{font-size:10px;color:#898e9e}.v6Kpi b{font-size:24px;margin:2px 0 3px;letter-spacing:-.025em}.v6Kpi em{font-style:normal;font-size:9px;color:#15966d}.v6Kpi em.warn{color:#c58000}
.v6MainGrid{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(300px,.78fr);gap:14px;margin-bottom:14px}.v6BottomGrid{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(330px,.78fr);gap:14px}
.v6Card{background:#fff;border:1px solid #e5e8f0;border-radius:19px;padding:19px;box-shadow:0 8px 28px rgba(32,28,68,.045)}
.v6CardHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:15px}.v6CardHead h3{font-size:18px;margin:2px 0 0;letter-spacing:-.02em}.v6Overline{font-size:9px;letter-spacing:.15em;font-weight:800;color:#7b54ef}.v6TextBtn,.v6FullLink{border:0;background:transparent;color:#656b7d;font-weight:700;font-size:10px;display:inline-flex;gap:5px;align-items:center;cursor:pointer}.v6TextBtn svg,.v6FullLink svg{width:14px}
.v6RevenueTop{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:20px}.v6RevenueTop>div:first-child small{display:block;color:#9095a4;font-size:10px}.v6RevenueTop>div:first-child>b{display:block;font-size:32px;letter-spacing:-.035em;margin:3px 0}.v6RevenueTop>div:first-child span{font-size:10px;color:#14976b}
.v6PeriodPills{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.v6PeriodPills span{border:1px solid #e8e8f1;background:#fafaff;border-radius:999px;padding:7px 10px;font-size:9px;color:#8b8f9c}.v6PeriodPills b{color:#202333;margin-left:4px}
.v6Chart{height:225px;display:grid;grid-template-columns:40px 1fr;gap:8px}.v6YAxis{display:flex;flex-direction:column;justify-content:space-between;color:#a0a4b1;font-size:8px;padding:2px 0 18px}.v6Bars{display:grid;grid-template-columns:repeat(9,1fr);align-items:end;gap:10px;border-left:1px solid #eceef3;border-bottom:1px solid #eceef3;background:repeating-linear-gradient(to top,transparent 0 44px,#f1f2f6 45px);padding:0 10px 0 12px}.v6BarCol{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}.v6Bar{width:min(24px,72%);min-height:8px;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,#7749f5,#aa8cff);box-shadow:0 5px 12px rgba(116,72,245,.14)}.v6BarCol small{font-size:8px;color:#a0a4b1;padding-bottom:3px}
.v6PlanRows{display:grid;gap:15px}.v6PlanRows>div{display:grid;grid-template-columns:1fr 64px;gap:8px;align-items:center}.v6PlanRows span{display:flex;justify-content:space-between;grid-column:1/-1;align-items:center}.v6PlanRows span b{font-size:11px}.v6PlanRows span small{font-size:9px;color:#9297a6}.v6PlanRows i{height:7px;background:#f0eef8;border-radius:999px;overflow:hidden}.v6PlanRows u{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#6f46ee,#9b76ff);text-decoration:none}.v6PlanRows strong{font-size:11px;text-align:right}.v6FullLink{margin-top:20px;color:#6e47ee}
.v6PendingRow{border:1px solid #ececf3;background:#fbfbfe;border-radius:15px;padding:13px;display:grid;grid-template-columns:42px minmax(0,1fr) 90px auto auto;gap:11px;align-items:center}.v6PendingIcon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#efeaff;color:#7048ee}.v6PendingIcon svg{width:18px}.v6PendingUser b,.v6PendingUser small,.v6PendingAmount small,.v6PendingAmount b{display:block}.v6PendingUser small{font-size:9px;color:#9599a7;margin-top:3px}.v6PendingAmount small{font-size:9px;color:#969aa8}.v6PendingAmount b{font-size:15px}.v6QuickGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.v6QuickGrid button{border:1px solid #e7e8ef;background:#fbfbfe;border-radius:14px;padding:13px;text-align:left;color:inherit;cursor:pointer;transition:.15s}.v6QuickGrid button:hover{border-color:#d8cffb;background:#f7f4ff;transform:translateY(-1px)}.v6QuickGrid span{width:34px;height:34px;border-radius:10px;background:#efeaff;color:#7048ee;display:grid;place-items:center;margin-bottom:10px}.v6QuickGrid span svg{width:16px}.v6QuickGrid b,.v6QuickGrid small{display:block}.v6QuickGrid b{font-size:11px}.v6QuickGrid small{font-size:9px;color:#9498a6;margin-top:2px}
body.dark .v6Kpi,body.dark .v6Card{background:#1b1d27;border-color:#2b2e3b;box-shadow:none}body.dark .v6PeriodPills span,body.dark .v6PendingRow,body.dark .v6QuickGrid button{background:#171923;border-color:#2b2e3b}body.dark .v6PeriodPills b{color:#fff}body.dark .v6Bars{border-color:#303341;background:repeating-linear-gradient(to top,transparent 0 44px,#242733 45px)}body.dark .v6PlanRows i{background:#2a2d39}
@media(max-width:1180px){.v6KpiGrid{grid-template-columns:repeat(2,1fr)}.v6MainGrid,.v6BottomGrid{grid-template-columns:1fr}}
@media(max-width:760px){.v6KpiGrid{grid-template-columns:1fr 1fr;gap:9px}.v6Kpi{grid-template-columns:40px 1fr;padding:13px}.v6KpiIcon{width:40px;height:40px}.v6Kpi b{font-size:20px}.v6RevenueTop{display:block}.v6PeriodPills{justify-content:flex-start;margin-top:12px}.v6Chart{height:190px;grid-template-columns:32px 1fr}.v6Bars{gap:5px;padding-left:7px;padding-right:7px}.v6Bar{width:min(20px,76%)}.v6PendingRow{grid-template-columns:42px 1fr auto}.v6PendingAmount{display:none}.v6PendingRow>.pill{display:none}.v6QuickGrid{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.v6KpiGrid{grid-template-columns:1fr}.v6Kpi{min-height:78px}.v6Card{padding:15px}.v6RevenueTop>div:first-child>b{font-size:29px}.v6PeriodPills span{width:100%;display:flex;justify-content:space-between}.v6Chart{height:170px}.v6QuickGrid{grid-template-columns:1fr 1fr}.v6PendingRow{grid-template-columns:38px 1fr}.v6PendingRow .btn{grid-column:1/-1;width:100%}.v6PendingIcon{width:38px;height:38px}}

/* DASHBOARD V7 */
.content[data-view="dashboard"]{background:radial-gradient(circle at 90% 0,#f2edff 0,transparent 28%),#f7f8fc}
.v7Kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}
.v7Kpi{border:1px solid #e6e8f0;background:rgba(255,255,255,.94);border-radius:18px;padding:17px;display:flex;gap:13px;align-items:center;text-align:left;color:inherit;cursor:pointer;box-shadow:0 10px 28px rgba(31,32,55,.045);transition:.16s}
.v7Kpi:hover{transform:translateY(-2px);border-color:#d9d0ff;box-shadow:0 16px 34px rgba(69,51,130,.08)}
.v7KpiIcon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;flex:none}.v7KpiIcon svg{width:21px;height:21px}.v7KpiIcon.purple{background:#efe9ff;color:#7047ef}.v7KpiIcon.blue{background:#eaf3ff;color:#3978df}.v7KpiIcon.green{background:#e9faf4;color:#149b70}.v7KpiIcon.orange{background:#fff3e5;color:#db861a}
.v7Kpi small,.v7Kpi em{display:block}.v7Kpi small{font-size:10px;color:#8b8f9f;margin-bottom:2px}.v7Kpi b{font-size:24px;letter-spacing:-.03em}.v7Kpi em{font-style:normal;font-size:9px;color:#15996c;margin-top:4px}
.v7Main{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(330px,.8fr);gap:16px;margin-bottom:16px}.v7Side{display:grid;gap:16px;align-content:start}.v7Card{background:#fff;border:1px solid #e6e8f0;border-radius:20px;padding:20px;box-shadow:0 10px 30px rgba(31,32,55,.045)}
.v7PanelHead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:15px}.v7PanelHead h3{font-size:18px;margin:3px 0 0}.v7Eyebrow{font-size:9px;font-weight:800;letter-spacing:.16em;color:#7448f5}.v7TextBtn,.v7Link{border:0;background:none;color:#6e4be6;font-weight:700;font-size:11px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;padding:0}.v7TextBtn svg,.v7Link svg{width:14px;height:14px}
.v7RevenueHead{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:8px}.v7RevenueHead>div:first-child small,.v7RevenueHead>div:first-child span{display:block}.v7RevenueHead>div:first-child small{color:#8b8f9f;font-size:10px}.v7RevenueHead>div:first-child b{font-size:36px;display:block;letter-spacing:-.04em;margin:4px 0}.v7RevenueHead>div:first-child span{color:#11986b;font-size:10px}.v7Pills{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.v7Pills button{border:1px solid #e8e8f0;background:#fafafe;border-radius:999px;padding:8px 11px;font-size:9px;color:#777b8b;cursor:pointer}.v7Pills b{color:#242638;margin-left:4px}
.v7Chart{height:260px;position:relative;margin-top:10px}.v7Chart svg{width:100%;height:225px;overflow:visible}.v7Chart line{stroke:#eceef4;stroke-width:1}.v7Chart .area{fill:url(#revFill)}.v7Chart .line{fill:none;stroke:#7448f5;stroke-width:4;stroke-linecap:round;filter:drop-shadow(0 4px 5px rgba(116,72,245,.18))}.v7Chart .dots circle{fill:#fff;stroke:#7448f5;stroke-width:3}.v7Axis{display:flex;justify-content:space-between;color:#989cab;font-size:9px;padding:0 10px}
.v7PlanMix{display:grid;gap:15px}.v7PlanMix>div{display:grid;grid-template-columns:1fr 62px;gap:7px;align-items:center}.v7PlanMix span{display:flex;justify-content:space-between;gap:8px;grid-column:1/-1;font-size:11px}.v7PlanMix span em{font-style:normal;color:#9397a7}.v7PlanMix i{height:7px;background:#efeff5;border-radius:999px;overflow:hidden}.v7PlanMix i u{display:block;height:100%;background:linear-gradient(90deg,#7448f5,#a485ff);border-radius:999px}.v7PlanMix strong{font-size:11px;text-align:right}.v7Link{margin-top:18px}
.v7HealthGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.v7HealthGrid>div{border:1px solid #eceef3;border-radius:14px;padding:12px;background:#fbfbfe}.v7HealthGrid span{width:30px;height:30px;border-radius:9px;background:#f0ebff;color:#7448f5;display:grid;place-items:center;margin-bottom:10px}.v7HealthGrid span svg{width:15px}.v7HealthGrid b,.v7HealthGrid small{display:block}.v7HealthGrid b{font-size:20px}.v7HealthGrid small{font-size:9px;color:#8d91a0;margin-top:2px}
.v7Bottom{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.85fr);gap:16px}.v7Pending{display:grid;grid-template-columns:44px minmax(0,1fr) 80px auto auto;gap:12px;align-items:center;border:1px solid #ececf3;border-radius:15px;padding:13px;background:#fbfbfe}.v7PendingIcon{width:44px;height:44px;border-radius:13px;background:#f0ebff;color:#7448f5;display:grid;place-items:center}.v7PendingIcon svg{width:19px}.v7Pending>div b,.v7Pending>div small{display:block}.v7Pending>div small{color:#8c90a0;font-size:9px;margin-top:3px}.v7Pending>strong{font-size:16px}
.v7Actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.v7Actions button{border:1px solid #e7e8ef;background:#fbfbfd;border-radius:14px;padding:12px;display:flex;align-items:center;gap:10px;color:inherit;cursor:pointer;text-align:left;transition:.15s}.v7Actions button:hover{border-color:#d8cffb;background:#f6f3ff;transform:translateY(-1px)}.v7Actions button>svg{width:18px;color:#7448f5}.v7Actions span b,.v7Actions span small{display:block}.v7Actions span b{font-size:11px}.v7Actions span small{font-size:8px;color:#9195a4;margin-top:2px}
body.dark .content[data-view="dashboard"]{background:radial-gradient(circle at 90% 0,#211c35 0,transparent 28%),#14161f}body.dark .v7Kpi,body.dark .v7Card{background:#1b1d27;border-color:#2b2e3b;box-shadow:none}body.dark .v7HealthGrid>div,body.dark .v7Pending,body.dark .v7Actions button,body.dark .v7Pills button{background:#171923;border-color:#2b2e3b}body.dark .v7Pills b{color:#f4f6fb}body.dark .v7Chart line{stroke:#2b2e3b}
@media(max-width:1180px){.v7Kpis{grid-template-columns:repeat(2,1fr)}.v7Main,.v7Bottom{grid-template-columns:1fr}.v7Side{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.v7Kpis{grid-template-columns:1fr 1fr;gap:10px}.v7Kpi{padding:13px;align-items:flex-start}.v7KpiIcon{width:40px;height:40px}.v7Kpi b{font-size:20px}.v7Main,.v7Bottom{grid-template-columns:1fr}.v7Side{grid-template-columns:1fr}.v7RevenueHead{display:block}.v7Pills{justify-content:flex-start;margin-top:14px}.v7Chart{height:225px;overflow:hidden}.v7Chart svg{width:115%;height:195px}.v7Pending{grid-template-columns:42px minmax(0,1fr) auto}.v7Pending>strong,.v7Pending>.pill{grid-column:auto}.v7Pending .compactBtn{grid-column:1/-1;width:100%}.v7Actions{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.v7Kpis{grid-template-columns:1fr 1fr}.v7Kpi{gap:9px}.v7Kpi small{font-size:9px}.v7Kpi b{font-size:18px}.v7Kpi em{font-size:8px}.v7RevenueHead>div:first-child b{font-size:32px}.v7Pills{display:grid;grid-template-columns:1fr 1fr}.v7Pills button:last-child{grid-column:1/-1}.v7HealthGrid,.v7Actions{grid-template-columns:1fr 1fr}.v7Pending{grid-template-columns:42px 1fr}.v7Pending>strong,.v7Pending>.pill{justify-self:start}.v7Pending .compactBtn{grid-column:1/-1}}

/* V8 EXECUTIVE DASHBOARD */
.content[data-view="dashboard"] .v8MetricStrip{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #e7e8ef;border-radius:18px;margin-bottom:16px;overflow:hidden;box-shadow:0 10px 28px rgba(32,35,54,.045)}
.content[data-view="dashboard"] .v8MetricStrip button{border:0;border-right:1px solid #ececf2;background:transparent;text-align:left;padding:20px 22px;cursor:pointer;color:inherit;min-width:0;transition:.15s}
.content[data-view="dashboard"] .v8MetricStrip button:last-child{border-right:0}.content[data-view="dashboard"] .v8MetricStrip button:hover{background:#faf9ff}
.content[data-view="dashboard"] .v8MetricStrip small{display:block;color:#9296a6;font-size:10px;margin-bottom:7px}.content[data-view="dashboard"] .v8MetricStrip b{display:block;font-size:26px;letter-spacing:-.035em}.content[data-view="dashboard"] .v8MetricStrip span{display:block;color:#13996c;font-size:10px;margin-top:5px}.content[data-view="dashboard"] .v8MetricStrip .warn{color:#c78109}
.content[data-view="dashboard"] .v8CoreGrid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,.78fr);gap:16px;margin-bottom:16px;align-items:start}
.content[data-view="dashboard"] .v8Side{display:grid;gap:16px}.content[data-view="dashboard"] .v8Panel{background:#fff;border:1px solid #e7e8ef;border-radius:18px;padding:20px;box-shadow:0 10px 28px rgba(32,35,54,.045);min-width:0}
.content[data-view="dashboard"] .v8PanelHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.content[data-view="dashboard"] .v8PanelHead span{display:block;color:#7650ee;font-size:9px;letter-spacing:.15em;font-weight:800}.content[data-view="dashboard"] .v8PanelHead h3{margin:4px 0 0;font-size:18px}.content[data-view="dashboard"] .v8PanelHead>button{border:0;background:transparent;color:#6e49e8;font-size:11px;font-weight:700;display:flex;align-items:center;gap:5px;cursor:pointer}.content[data-view="dashboard"] .v8PanelHead>button svg{width:14px}
.content[data-view="dashboard"] .v8RevenueSummary{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:12px}.content[data-view="dashboard"] .v8RevenueSummary small{display:block;color:#9296a6;font-size:10px}.content[data-view="dashboard"] .v8RevenueSummary>div:first-child>b{display:block;font-size:35px;letter-spacing:-.04em;margin:4px 0}.content[data-view="dashboard"] .v8RevenueSummary em{font-style:normal;color:#13996c;font-size:10px}.content[data-view="dashboard"] .v8Chips{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.content[data-view="dashboard"] .v8Chips span{border:1px solid #e7e8ef;background:#fafbfe;border-radius:999px;padding:7px 10px;font-size:9px;color:#868b9b}.content[data-view="dashboard"] .v8Chips b{color:#282b39;margin-left:4px}
.content[data-view="dashboard"] .v8ChartWrap{height:260px;position:relative;border-top:1px solid #f0f1f5;padding-top:12px;overflow:hidden}.content[data-view="dashboard"] .v8ChartWrap:before,.content[data-view="dashboard"] .v8ChartWrap:after{content:"";position:absolute;left:0;right:0;border-top:1px solid #f3f4f7}.content[data-view="dashboard"] .v8ChartWrap:before{top:34%}.content[data-view="dashboard"] .v8ChartWrap:after{top:67%}.content[data-view="dashboard"] .v8ChartWrap svg{width:100%;height:220px;display:block;position:relative;z-index:1}.content[data-view="dashboard"] .v8Axis{display:flex;justify-content:space-between;color:#9ca0ad;font-size:9px;padding:0 3px}
.content[data-view="dashboard"] .v8DonutRow{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:center}.content[data-view="dashboard"] .v8Donut{width:142px;height:142px;border-radius:50%;background:conic-gradient(#7248f5 0 43%,#5b8df7 43% 68%,#a778f8 68% 84%,#d8d8e5 84% 100%);position:relative}.content[data-view="dashboard"] .v8Donut:after{content:"";position:absolute;inset:24px;background:#fff;border-radius:50%}.content[data-view="dashboard"] .v8Donut>div{position:absolute;inset:0;z-index:2;display:grid;place-content:center;text-align:center}.content[data-view="dashboard"] .v8Donut b{font-size:16px}.content[data-view="dashboard"] .v8Donut small{color:#969baa;font-size:9px;margin-top:2px}
.content[data-view="dashboard"] .v8Legend{display:grid;gap:8px}.content[data-view="dashboard"] .v8Legend button{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:7px;border:0;background:transparent;padding:4px 0;color:inherit;cursor:pointer;text-align:left}.content[data-view="dashboard"] .v8Legend i{width:8px;height:8px;border-radius:50%}.content[data-view="dashboard"] .v8Legend .p1{background:#7248f5}.content[data-view="dashboard"] .v8Legend .p2{background:#5b8df7}.content[data-view="dashboard"] .v8Legend .p3{background:#a778f8}.content[data-view="dashboard"] .v8Legend .p4{background:#d8d8e5}.content[data-view="dashboard"] .v8Legend span{font-size:11px}.content[data-view="dashboard"] .v8Legend b{font-size:11px}
.content[data-view="dashboard"] .v8Attention>button,.content[data-view="dashboard"] .v8Quick>button{width:100%;border:0;background:transparent;color:inherit;display:grid;grid-template-columns:42px 1fr 16px;gap:11px;align-items:center;text-align:left;padding:12px 0;border-top:1px solid #eef0f4;cursor:pointer}.content[data-view="dashboard"] .v8Attention>button:first-of-type,.content[data-view="dashboard"] .v8Quick>button:first-of-type{border-top:0}.content[data-view="dashboard"] .v8Attention>button>svg,.content[data-view="dashboard"] .v8Quick>button>svg{width:15px;color:#9da1af}.content[data-view="dashboard"] .v8Attention b,.content[data-view="dashboard"] .v8Quick b{display:block;font-size:12px}.content[data-view="dashboard"] .v8Attention small,.content[data-view="dashboard"] .v8Quick small{display:block;color:#9195a4;font-size:9px;margin-top:3px}.content[data-view="dashboard"] .v8AttIcon,.content[data-view="dashboard"] .v8Quick>button>span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#f1edff;color:#7049eb}.content[data-view="dashboard"] .v8AttIcon svg,.content[data-view="dashboard"] .v8Quick>button>span svg{width:17px}.content[data-view="dashboard"] .v8AttIcon.exp{background:#fff5e7;color:#d68714}.content[data-view="dashboard"] .v8AttIcon.sys{background:#eef4ff;color:#3471da}
.content[data-view="dashboard"] .v8BottomGrid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr);gap:16px}.content[data-view="dashboard"] .v8ActivityList{display:grid}.content[data-view="dashboard"] .v8ActivityList>div{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:11px;padding:12px 0;border-top:1px solid #eef0f4}.content[data-view="dashboard"] .v8ActivityList>div:first-child{border-top:0}.content[data-view="dashboard"] .v8ActivityList>div>span{width:34px;height:34px;border-radius:10px;background:#f1edff;color:#7049eb;display:grid;place-items:center}.content[data-view="dashboard"] .v8ActivityList>div>span.ok{background:#eaf9f3;color:#14976c}.content[data-view="dashboard"] .v8ActivityList svg{width:15px}.content[data-view="dashboard"] .v8ActivityList p{margin:0}.content[data-view="dashboard"] .v8ActivityList b,.content[data-view="dashboard"] .v8ActivityList small{display:block}.content[data-view="dashboard"] .v8ActivityList b{font-size:12px}.content[data-view="dashboard"] .v8ActivityList small{font-size:9px;color:#9296a5;margin-top:3px}.content[data-view="dashboard"] .v8ActivityList time{font-size:9px;color:#9ca0ad}
body.dark .content[data-view="dashboard"] .v8MetricStrip,body.dark .content[data-view="dashboard"] .v8Panel{background:#1b1d27;border-color:#2b2e3b;box-shadow:none}body.dark .content[data-view="dashboard"] .v8MetricStrip button{border-color:#2b2e3b}body.dark .content[data-view="dashboard"] .v8MetricStrip button:hover{background:#20222d}body.dark .content[data-view="dashboard"] .v8Chips span{background:#171923;border-color:#303341;color:#9297a9}body.dark .content[data-view="dashboard"] .v8Chips b{color:#fff}body.dark .content[data-view="dashboard"] .v8Donut:after{background:#1b1d27}body.dark .content[data-view="dashboard"] .v8Attention>button,body.dark .content[data-view="dashboard"] .v8Quick>button,body.dark .content[data-view="dashboard"] .v8ActivityList>div{border-color:#2b2e3b}body.dark .content[data-view="dashboard"] .v8ChartWrap{border-color:#2b2e3b}
@media(max-width:1180px){.content[data-view="dashboard"] .v8CoreGrid,.content[data-view="dashboard"] .v8BottomGrid{grid-template-columns:1fr}.content[data-view="dashboard"] .v8Side{grid-template-columns:1fr 1fr}.content[data-view="dashboard"] .v8MetricStrip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.content[data-view="dashboard"] .v8MetricStrip{grid-template-columns:1fr 1fr}.content[data-view="dashboard"] .v8MetricStrip button:nth-child(2){border-right:0}.content[data-view="dashboard"] .v8MetricStrip button:nth-child(-n+2){border-bottom:1px solid #ececf2}.content[data-view="dashboard"] .v8CoreGrid,.content[data-view="dashboard"] .v8BottomGrid{grid-template-columns:1fr}.content[data-view="dashboard"] .v8Side{grid-template-columns:1fr}.content[data-view="dashboard"] .v8RevenueSummary{display:block}.content[data-view="dashboard"] .v8Chips{justify-content:flex-start;margin-top:12px}.content[data-view="dashboard"] .v8DonutRow{grid-template-columns:125px 1fr}.content[data-view="dashboard"] .v8Donut{width:120px;height:120px}.content[data-view="dashboard"] .v8Panel{padding:16px}.content[data-view="dashboard"] .v8ChartWrap{height:230px}.content[data-view="dashboard"] .v8ChartWrap svg{height:192px}.content[data-view="dashboard"] .v8MetricStrip b{font-size:22px}}
@media(max-width:430px){.content[data-view="dashboard"] .v8MetricStrip{grid-template-columns:1fr}.content[data-view="dashboard"] .v8MetricStrip button{border-right:0!important;border-bottom:1px solid #ececf2!important}.content[data-view="dashboard"] .v8MetricStrip button:last-child{border-bottom:0!important}.content[data-view="dashboard"] .v8DonutRow{grid-template-columns:1fr;justify-items:center}.content[data-view="dashboard"] .v8Legend{width:100%}.content[data-view="dashboard"] .v8ActivityList>div{grid-template-columns:34px 1fr}.content[data-view="dashboard"] .v8ActivityList time{grid-column:2}.content[data-view="dashboard"] .v8RevenueSummary>div:first-child>b{font-size:32px}}

/* V9 COMMAND CENTER */
.content[data-view="dashboard"] .pageHead{margin-bottom:16px}.content[data-view="dashboard"] .pageHead h1{font-size:31px}.v9Overline{display:block;font-size:9px;letter-spacing:.16em;font-weight:800;color:#7550ee;margin-bottom:5px}.v9TopGrid{display:grid;grid-template-columns:1.25fr .95fr .9fr;gap:14px;align-items:stretch}.v9RevenueFocus,.v9Attention,.v9Quick,.v9Health,.v9Activity{border:1px solid #e5e7ef;border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(31,34,62,.05)}
.v9RevenueFocus{position:relative;overflow:hidden;padding:24px;background:linear-gradient(135deg,#25125f 0%,#5630d7 52%,#7850fa 100%);color:#fff;border-color:transparent;min-height:312px}.v9FocusTop{display:flex;justify-content:space-between;gap:18px;position:relative;z-index:2}.v9RevenueFocus .v9Overline{color:#d9ccff}.v9FocusTop h2{font-size:44px;line-height:1;margin:8px 0 8px;letter-spacing:-.04em}.v9FocusTop p{margin:0;color:rgba(255,255,255,.78);font-size:12px}.v9FocusTop p b{color:#bfffe1}.v9FocusIcon{width:54px;height:54px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.12);border-radius:17px;display:grid;place-items:center}.v9FocusIcon svg{width:23px;height:23px}.v9MiniMetrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:24px;position:relative;z-index:2}.v9MiniMetrics>div{padding:12px 13px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);border-radius:13px}.v9MiniMetrics small{display:block;font-size:9px;opacity:.72;margin-bottom:4px}.v9MiniMetrics b{font-size:16px}.v9Spark{position:absolute;left:0;right:0;bottom:34px;width:100%;height:94px;opacity:.95}.v9FocusLink{position:absolute;left:24px;bottom:15px;border:0;background:none;color:#fff;font-weight:700;font-size:11px;display:flex;gap:6px;align-items:center;cursor:pointer;z-index:2}.v9FocusLink svg{width:13px}
.v9Attention,.v9Quick,.v9Health,.v9Activity{padding:18px}.v9SectionHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.v9SectionHead h3{margin:0;font-size:18px}.v9Count{min-width:30px;height:30px;padding:0 8px;border-radius:10px;background:#fff1e7;color:#c57318;display:grid;place-items:center;font-weight:800}.v9Attention>button,.v9Quick>button{width:100%;border:0;background:transparent;color:inherit;display:grid;grid-template-columns:38px 1fr 16px;gap:10px;align-items:center;text-align:left;padding:12px 0;border-bottom:1px solid #eef0f4;cursor:pointer}.v9Attention>button:last-child,.v9Quick>button:last-child{border-bottom:0}.v9Attention>button:hover,.v9Quick>button:hover{transform:translateX(2px)}.v9Attention>button>svg,.v9Quick>button>svg{width:15px;color:#a0a4b1}.v9AttIcon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center}.v9AttIcon svg{width:17px}.v9AttIcon.warn{background:#fff0f4;color:#d43c64}.v9AttIcon.amber{background:#fff5e8;color:#d8871d}.v9AttIcon.info{background:#edf4ff;color:#3478dd}.v9Attention b,.v9Quick b{font-size:12px}.v9Attention small,.v9Quick small{display:block;color:#8c90a0;font-size:9px;margin-top:3px}.v9Quick>button>svg:first-child{width:18px;color:#7448f5}.v9Quick>button span{min-width:0}

.v9BottomGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.v9TextLink{border:0;background:none;color:#7448f5;font-size:10px;font-weight:700;display:flex;gap:5px;align-items:center;cursor:pointer}.v9TextLink svg{width:13px}.v9HealthMain{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center}.v9Ring{--p:75.4;width:132px;height:132px;border-radius:50%;background:conic-gradient(#7448f5 calc(var(--p)*1%),#ece9f8 0);display:grid;place-items:center;position:relative}.v9Ring:after{content:"";position:absolute;inset:16px;border-radius:50%;background:#fff}.v9Ring>div{position:relative;z-index:2;text-align:center}.v9Ring b{display:block;font-size:26px}.v9Ring small{color:#8f93a3;font-size:10px}.v9HealthNumbers{display:grid;grid-template-columns:1fr 1fr;gap:10px}.v9HealthNumbers>div{padding:14px;border:1px solid #eceef3;border-radius:14px;background:#fbfbfd}.v9HealthNumbers small,.v9HealthNumbers span{display:block}.v9HealthNumbers small{font-size:9px;color:#8d91a0}.v9HealthNumbers b{display:block;font-size:24px;margin:3px 0}.v9HealthNumbers span{font-size:9px;color:#15956c}.v9HealthStrip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #eef0f4;margin-top:16px;padding-top:14px}.v9HealthStrip>div{padding:0 12px;border-right:1px solid #eef0f4}.v9HealthStrip>div:first-child{padding-left:0}.v9HealthStrip>div:last-child{border-right:0}.v9HealthStrip b{display:block;font-size:18px}.v9HealthStrip small{display:block;color:#8e92a1;font-size:9px;margin-top:2px}.v9ActivityList>div{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #eef0f4}.v9ActivityList>div:last-child{border-bottom:0}.v9ActIcon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center}.v9ActIcon svg{width:17px}.v9ActIcon.ok{background:#eafaf4;color:#14966e}.v9ActIcon.user{background:#f0ebff;color:#7448f5}.v9ActIcon.bell{background:#eef4ff;color:#3b78d5}.v9ActIcon.refresh{background:#fff5e8;color:#d8871d}.v9ActivityList b{font-size:12px}.v9ActivityList small{display:block;color:#8f93a2;font-size:9px;margin-top:2px}.v9ActivityList time{font-size:9px;color:#9da0ae}
body.dark .v9Attention,body.dark .v9Quick,body.dark .v9Health,body.dark .v9Activity{background:#1b1d27;border-color:#2b2e3b;box-shadow:none}body.dark .v9Attention>button,body.dark .v9Quick>button,body.dark .v9ActivityList>div,body.dark .v9HealthStrip{border-color:#2c2f3b}body.dark .v9HealthNumbers>div{background:#171923;border-color:#2c2f3b}body.dark .v9Ring:after{background:#1b1d27}body.dark .v9Ring{background:conic-gradient(#8056ff calc(var(--p)*1%),#2b2d38 0)}
@media(max-width:1180px){.v9TopGrid{grid-template-columns:1.2fr 1fr}.v9Quick{grid-column:1/-1}.v9Quick{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.v9Quick .v9SectionHead{grid-column:1/-1}.v9Quick>button{border:1px solid #eceef3!important;border-radius:13px;padding:12px}.v9BottomGrid{grid-template-columns:1fr}}
@media(max-width:760px){.content[data-view="dashboard"] .pageHead{display:block}.v9TopGrid,.v9BottomGrid{grid-template-columns:1fr}.v9Quick{grid-template-columns:1fr 1fr}.v9RevenueFocus{min-height:340px}.v9MiniMetrics{grid-template-columns:1fr 1fr}.v9MiniMetrics>div:nth-child(3){grid-column:1/-1}.v9HealthMain{grid-template-columns:110px 1fr}.v9Ring{width:105px;height:105px}.v9HealthStrip{grid-template-columns:1fr 1fr;gap:12px}.v9HealthStrip>div{border-right:0;border-bottom:1px solid #eef0f4;padding:0 0 10px}.v9HealthStrip>div:nth-last-child(-n+2){border-bottom:0}.v9HealthNumbers{grid-template-columns:1fr}.v9FocusTop h2{font-size:40px}}
@media(max-width:430px){.v9Quick{grid-template-columns:1fr}.v9RevenueFocus{padding:20px}.v9FocusTop h2{font-size:38px}.v9ActivityList>div{grid-template-columns:36px 1fr}.v9ActivityList time{grid-column:2}.v9HealthMain{grid-template-columns:1fr}.v9Ring{margin:auto}.v9HealthNumbers{grid-template-columns:1fr 1fr}}

/* V9 mobile header fit */
@media(max-width:760px){.content[data-view="dashboard"] .dashHeadActions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important;width:100%!important;max-width:100%!important}.content[data-view="dashboard"] .dashHeadActions .btn{min-width:0!important;width:100%!important;padding:10px 8px!important;font-size:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.content[data-view="dashboard"] .pageHead{width:100%!important;max-width:100%!important;overflow:hidden}.content[data-view="dashboard"] .v9TopGrid,.content[data-view="dashboard"] .v9BottomGrid{width:100%!important;max-width:100%!important;min-width:0!important}.content[data-view="dashboard"] .v9RevenueFocus,.content[data-view="dashboard"] .v9Attention,.content[data-view="dashboard"] .v9Quick,.content[data-view="dashboard"] .v9Health,.content[data-view="dashboard"] .v9Activity{width:100%!important;max-width:100%!important;min-width:0!important}}

@media(max-width:430px){.content[data-view="dashboard"] .dashHeadActions{grid-template-columns:1fr!important}.content[data-view="dashboard"] .dashHeadActions .btn{width:100%!important}.content[data-view="dashboard"] .v9MiniMetrics{grid-template-columns:1fr!important}.content[data-view="dashboard"] .v9MiniMetrics>div:nth-child(3){grid-column:auto!important}}

/* V10 EXECUTIVE BUSINESS CONSOLE */
.content[data-view="dashboard"] .v10Board{background:#fff;border:1px solid #e5e7ef;border-radius:22px;box-shadow:0 14px 34px rgba(34,38,64,.06);overflow:hidden}
.content[data-view="dashboard"] .v10BoardHead,.content[data-view="dashboard"] .v10PaneHead{display:flex;align-items:center;justify-content:space-between;gap:16px}
.content[data-view="dashboard"] .v10BoardHead{padding:22px 24px 18px;border-bottom:1px solid #eceef3}.content[data-view="dashboard"] .v10BoardHead h3,.content[data-view="dashboard"] .v10PaneHead h3{margin:3px 0 0;font-size:19px}
.content[data-view="dashboard"] .v10BoardHead button,.content[data-view="dashboard"] .v10Text{border:0;background:none;color:#6f47ef;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px}.content[data-view="dashboard"] .v10BoardHead button svg,.content[data-view="dashboard"] .v10Text svg{width:14px}
.content[data-view="dashboard"] .v10Kicker{font-size:9px;letter-spacing:.16em;font-weight:900;color:#7448f5}.content[data-view="dashboard"] .v10Label{font-size:11px;color:#8b90a0;font-weight:700}
.content[data-view="dashboard"] .v10Columns{display:grid;grid-template-columns:1.25fr 1fr 1.1fr}.content[data-view="dashboard"] .v10Col{padding:24px;min-width:0}.content[data-view="dashboard"] .v10Col+.v10Col{border-left:1px solid #eceef3}
.content[data-view="dashboard"] .v10Col.finance>strong{display:block;font-size:42px;letter-spacing:-.045em;margin:7px 0 3px}.content[data-view="dashboard"] .v10Col.finance>em{font-style:normal;color:#07966b;font-size:11px;font-weight:700}
.content[data-view="dashboard"] .v10MiniRows{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:22px}.content[data-view="dashboard"] .v10MiniRows>div{padding-top:12px;border-top:1px solid #eceef3}.content[data-view="dashboard"] .v10MiniRows small,.content[data-view="dashboard"] .v10MiniRows b{display:block}.content[data-view="dashboard"] .v10MiniRows small{font-size:9px;color:#9296a5}.content[data-view="dashboard"] .v10MiniRows b{font-size:15px;margin-top:4px}
.content[data-view="dashboard"] .v10BigPair{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:13px}.content[data-view="dashboard"] .v10BigPair strong{display:block;font-size:34px}.content[data-view="dashboard"] .v10BigPair small{color:#8e92a1}.content[data-view="dashboard"] .v10CustomerFoot{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.content[data-view="dashboard"] .v10CustomerFoot span{font-size:10px;background:#f7f7fb;border:1px solid #eceef3;padding:7px 9px;border-radius:999px}.content[data-view="dashboard"] .v10CustomerFoot b{color:#7448f5}
.content[data-view="dashboard"] .v10Col.ops{display:grid;align-content:start;gap:4px}.content[data-view="dashboard"] .v10Col.ops>.v10Label{margin-bottom:6px}.content[data-view="dashboard"] .v10Col.ops button{display:grid;grid-template-columns:34px 1fr 16px;align-items:center;gap:10px;border:0;border-top:1px solid #eceef3;background:none;color:inherit;padding:13px 0;text-align:left;cursor:pointer}.content[data-view="dashboard"] .v10Col.ops button>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#f3efff;color:#7048ee}.content[data-view="dashboard"] .v10Col.ops button>span svg{width:16px}.content[data-view="dashboard"] .v10Col.ops button>b{font-size:12px}.content[data-view="dashboard"] .v10Col.ops button small{display:block;color:#9296a4;font-size:9px;margin-top:3px}.content[data-view="dashboard"] .v10Col.ops button>svg{width:14px;color:#a0a4b2}
.content[data-view="dashboard"] .v10Trend{display:grid;grid-template-columns:150px 1fr;gap:24px;align-items:end;border-top:1px solid #eceef3;padding:18px 24px 22px}.content[data-view="dashboard"] .v10Trend>div b{display:block;margin-top:5px;font-size:13px}.content[data-view="dashboard"] .v10Trend svg{width:100%;height:92px;display:block}
.content[data-view="dashboard"] .v10WorkGrid{display:grid;grid-template-columns:1.05fr 1.2fr .8fr;gap:14px;margin-top:14px}.content[data-view="dashboard"] .v10Pane{background:#fff;border:1px solid #e5e7ef;border-radius:18px;padding:19px;box-shadow:0 8px 22px rgba(34,38,64,.04);min-width:0}.content[data-view="dashboard"] .v10Badge{width:30px;height:30px;border-radius:9px;background:#fff1e5;color:#c77310;font-weight:800;display:grid;place-items:center}
.content[data-view="dashboard"] .v10Queue button{width:100%;border:0;border-top:1px solid #eceef3;background:none;color:inherit;padding:13px 0;display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;text-align:left;cursor:pointer}.content[data-view="dashboard"] .v10Queue button>span{width:36px;height:36px;border-radius:10px;display:grid;place-items:center}.content[data-view="dashboard"] .v10Queue .danger{background:#fff0f4;color:#d74869}.content[data-view="dashboard"] .v10Queue .warn{background:#fff5e8;color:#d78b1c}.content[data-view="dashboard"] .v10Queue .info{background:#eef4ff;color:#3d74df}.content[data-view="dashboard"] .v10Queue b,.content[data-view="dashboard"] .v10Queue small{display:block}.content[data-view="dashboard"] .v10Queue b{font-size:12px}.content[data-view="dashboard"] .v10Queue small{font-size:9px;color:#9195a3;margin-top:3px}.content[data-view="dashboard"] .v10Queue em{font-style:normal;font-size:9px;color:#9296a4}
.content[data-view="dashboard"] .v10Activity>div{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;padding:12px 0;border-top:1px solid #eceef3}.content[data-view="dashboard"] .v10Activity>div>span{width:36px;height:36px;border-radius:10px;display:grid;place-items:center}.content[data-view="dashboard"] .v10Activity .ok{background:#eafaf4;color:#13976b}.content[data-view="dashboard"] .v10Activity .user{background:#f1edff;color:#7448f5}.content[data-view="dashboard"] .v10Activity .bell{background:#eef4ff;color:#3d74df}.content[data-view="dashboard"] .v10Activity .refresh{background:#fff5e8;color:#d78b1c}.content[data-view="dashboard"] .v10Activity p{margin:0}.content[data-view="dashboard"] .v10Activity b,.content[data-view="dashboard"] .v10Activity small{display:block}.content[data-view="dashboard"] .v10Activity b{font-size:12px}.content[data-view="dashboard"] .v10Activity small,.content[data-view="dashboard"] .v10Activity time{font-size:9px;color:#9296a4}
.content[data-view="dashboard"] .v10Actions button{width:100%;border:0;border-top:1px solid #eceef3;background:none;color:inherit;padding:13px 0;display:grid;grid-template-columns:22px 1fr 14px;gap:10px;align-items:center;text-align:left;cursor:pointer}.content[data-view="dashboard"] .v10Actions button>svg{width:17px;color:#7448f5}.content[data-view="dashboard"] .v10Actions button>svg:last-child{width:13px;color:#9da1ae}.content[data-view="dashboard"] .v10Actions b,.content[data-view="dashboard"] .v10Actions small{display:block}.content[data-view="dashboard"] .v10Actions b{font-size:12px}.content[data-view="dashboard"] .v10Actions small{font-size:9px;color:#9296a4;margin-top:3px}
body.dark .content[data-view="dashboard"] .v10Board,body.dark .content[data-view="dashboard"] .v10Pane{background:#1b1d27;border-color:#2b2e3b;box-shadow:none}body.dark .content[data-view="dashboard"] .v10BoardHead,body.dark .content[data-view="dashboard"] .v10Col+.v10Col,body.dark .content[data-view="dashboard"] .v10Trend,body.dark .content[data-view="dashboard"] .v10Col.ops button,body.dark .content[data-view="dashboard"] .v10Queue button,body.dark .content[data-view="dashboard"] .v10Activity>div,body.dark .content[data-view="dashboard"] .v10Actions button{border-color:#2b2e3b}body.dark .content[data-view="dashboard"] .v10CustomerFoot span{background:#171923;border-color:#2b2e3b}
@media(max-width:1180px){.content[data-view="dashboard"] .v10Columns{grid-template-columns:1fr 1fr}.content[data-view="dashboard"] .v10Col.ops{grid-column:1/-1;border-left:0!important;border-top:1px solid #eceef3}.content[data-view="dashboard"] .v10WorkGrid{grid-template-columns:1fr 1fr}.content[data-view="dashboard"] .v10Pane.quick{grid-column:1/-1}}
@media(max-width:760px){.content[data-view="dashboard"] .v10Columns,.content[data-view="dashboard"] .v10WorkGrid{grid-template-columns:1fr}.content[data-view="dashboard"] .v10Col+.v10Col{border-left:0;border-top:1px solid #eceef3}.content[data-view="dashboard"] .v10Col.ops,.content[data-view="dashboard"] .v10Pane.quick{grid-column:auto}.content[data-view="dashboard"] .v10Trend{grid-template-columns:1fr;padding:16px 18px}.content[data-view="dashboard"] .v10Trend svg{height:80px}.content[data-view="dashboard"] .v10MiniRows{grid-template-columns:repeat(3,1fr)}.content[data-view="dashboard"] .v10BigPair strong{font-size:30px}.content[data-view="dashboard"] .v10Col.finance>strong{font-size:38px}}
@media(max-width:430px){.content[data-view="dashboard"] .v10BoardHead{padding:18px}.content[data-view="dashboard"] .v10BoardHead button{font-size:11px}.content[data-view="dashboard"] .v10Col{padding:18px}.content[data-view="dashboard"] .v10MiniRows{grid-template-columns:1fr 1fr}.content[data-view="dashboard"] .v10MiniRows>div:nth-child(3){grid-column:1/-1}.content[data-view="dashboard"] .v10WorkGrid{gap:12px}.content[data-view="dashboard"] .v10Pane{padding:16px}}
/* V10 revenue trend refinement */
.content[data-view="dashboard"] .v10TrendPro{display:block;padding:18px 24px 20px;border-top:1px solid #eceef3}
.content[data-view="dashboard"] .v10TrendHead{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.content[data-view="dashboard"] .v10TrendHead b{display:block;margin-top:4px;font-size:13px}.content[data-view="dashboard"] .v10TrendMeta{display:flex;align-items:center;gap:12px}.content[data-view="dashboard"] .v10TrendMeta span{font-size:10px;font-weight:800;color:#07966b;background:#ecfaf5;border-radius:999px;padding:6px 9px}.content[data-view="dashboard"] .v10TrendMeta button{border:0;background:none;color:#6f47ef;font-weight:800;font-size:10px;cursor:pointer}
.content[data-view="dashboard"] .v10TrendBody{display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px;align-items:end}.content[data-view="dashboard"] .v10TrendSummary small,.content[data-view="dashboard"] .v10TrendSummary strong,.content[data-view="dashboard"] .v10TrendSummary em{display:block}.content[data-view="dashboard"] .v10TrendSummary small{font-size:9px;color:#9296a4}.content[data-view="dashboard"] .v10TrendSummary strong{font-size:22px;margin:5px 0 3px}.content[data-view="dashboard"] .v10TrendSummary em{font-style:normal;color:#07966b;font-size:10px}
.content[data-view="dashboard"] .v10DailyBars{height:92px;display:grid;grid-template-columns:repeat(9,1fr);gap:8px;align-items:end;border-bottom:1px solid #eceef3;padding:0 4px}.content[data-view="dashboard"] .v10DayBar{height:92px;border:0;background:none;padding:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:5px;cursor:pointer}.content[data-view="dashboard"] .v10DayBar span{height:var(--h);min-height:12px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#8053ff,#a991ff);box-shadow:0 5px 14px rgba(116,72,245,.12);transition:.15s}.content[data-view="dashboard"] .v10DayBar:hover span{transform:translateY(-2px);filter:saturate(1.1)}.content[data-view="dashboard"] .v10DayBar small{text-align:center;font-size:8px;color:#969aaa}.content[data-view="dashboard"] .v10DayBar.isToday span{background:linear-gradient(180deg,#4f2bd9,#7448f5);outline:2px solid #eee9ff}.content[data-view="dashboard"] .v10DayBar.isToday small{color:#6f47ef;font-weight:800}
body.dark .content[data-view="dashboard"] .v10TrendPro{border-color:#2b2e3b}body.dark .content[data-view="dashboard"] .v10TrendMeta span{background:#15372f;color:#69d6b4}body.dark .content[data-view="dashboard"] .v10DailyBars{border-color:#2b2e3b}
@media(max-width:760px){.content[data-view="dashboard"] .v10TrendPro{padding:16px 18px 18px}.content[data-view="dashboard"] .v10TrendHead{align-items:flex-start}.content[data-view="dashboard"] .v10TrendMeta span{display:none}.content[data-view="dashboard"] .v10TrendBody{grid-template-columns:1fr;gap:10px}.content[data-view="dashboard"] .v10TrendSummary{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.content[data-view="dashboard"] .v10TrendSummary strong{font-size:20px}.content[data-view="dashboard"] .v10DailyBars{height:110px;gap:5px}.content[data-view="dashboard"] .v10DayBar{height:110px}.content[data-view="dashboard"] .v10DayBar small{font-size:7px}}

/* INTERACTIVE REVENUE TREND */
.content[data-view="dashboard"] .v10TrendInteractive{border-top:1px solid #eceef3;padding:18px 24px 16px;background:linear-gradient(180deg,#fff,#fcfbff)}
.content[data-view="dashboard"] .rtHeader,.content[data-view="dashboard"] .rtSummary{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.content[data-view="dashboard"] .rtHeader>div b{display:block;margin-top:4px;font-size:14px}.content[data-view="dashboard"] .rtReport{border:0;background:none;color:#6f47ef;font-weight:800;font-size:11px;display:flex;align-items:center;gap:5px;cursor:pointer}.content[data-view="dashboard"] .rtReport svg{width:13px}
.content[data-view="dashboard"] .rtSummary{margin:12px 0 4px;align-items:flex-end}.content[data-view="dashboard"] .rtSummary small,.content[data-view="dashboard"] .rtSummary strong,.content[data-view="dashboard"] .rtSummary em,.content[data-view="dashboard"] .rtNow small,.content[data-view="dashboard"] .rtNow b{display:block}.content[data-view="dashboard"] .rtSummary small,.content[data-view="dashboard"] .rtNow small{font-size:9px;color:#9296a4}.content[data-view="dashboard"] .rtSummary strong{font-size:24px;letter-spacing:-.03em;margin:2px 0}.content[data-view="dashboard"] .rtSummary em{font-style:normal;color:#0b956a;font-size:10px}.content[data-view="dashboard"] .rtNow{text-align:right}.content[data-view="dashboard"] .rtNow b{font-size:18px;margin-top:2px}
.content[data-view="dashboard"] .rtChartWrap{position:relative;height:190px;margin-top:2px}.content[data-view="dashboard"] .rtChart{width:100%;height:100%;overflow:visible}.content[data-view="dashboard"] .rtGrid line{stroke:#eceef3;stroke-width:1}.content[data-view="dashboard"] .rtArea{fill:url(#rtArea)}.content[data-view="dashboard"] .rtLine{fill:none;stroke:#7448f5;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.content[data-view="dashboard"] .rtPoint{fill:#fff;stroke:#7448f5;stroke-width:4;cursor:pointer;transition:.15s;outline:none;vector-effect:non-scaling-stroke}.content[data-view="dashboard"] .rtPoint:hover,.content[data-view="dashboard"] .rtPoint.selected{r:7;fill:#7448f5;stroke:#fff;filter:drop-shadow(0 3px 6px rgba(116,72,245,.35))}.content[data-view="dashboard"] .rtTicks text{font-size:10px;fill:#9296a4}
.content[data-view="dashboard"] .rtTooltip{position:absolute;z-index:5;min-width:148px;padding:10px 11px;border-radius:11px;background:#20222c;color:#fff;box-shadow:0 12px 28px rgba(19,20,31,.28);opacity:0;pointer-events:none;transform:translate(-50%,-100%) scale(.96);transition:.12s}.content[data-view="dashboard"] .rtTooltip.show{opacity:1;transform:translate(-50%,-100%) scale(1)}.content[data-view="dashboard"] .rtTooltip small,.content[data-view="dashboard"] .rtTooltip b,.content[data-view="dashboard"] .rtTooltip span{display:block}.content[data-view="dashboard"] .rtTooltip small{color:#aeb3c2;font-size:9px}.content[data-view="dashboard"] .rtTooltip b{font-size:12px;margin:3px 0}.content[data-view="dashboard"] .rtTooltip span{font-size:9px;color:#d2d5df}
.content[data-view="dashboard"] .rtRange{display:inline-flex;gap:3px;padding:3px;background:#f0f1f6;border-radius:999px;margin-top:2px}.content[data-view="dashboard"] .rtRange button{border:0;background:transparent;color:#686d7f;font-size:10px;font-weight:800;padding:7px 14px;border-radius:999px;cursor:pointer}.content[data-view="dashboard"] .rtRange button.active{background:#fff;color:#6944ed;box-shadow:0 2px 8px rgba(32,34,52,.09)}
body.dark .content[data-view="dashboard"] .v10TrendInteractive{background:#1b1d27;border-color:#2b2e3b}body.dark .content[data-view="dashboard"] .rtGrid line{stroke:#2b2e3b}body.dark .content[data-view="dashboard"] .rtRange{background:#151720}body.dark .content[data-view="dashboard"] .rtRange button{color:#9a9fb1}body.dark .content[data-view="dashboard"] .rtRange button.active{background:#292c38;color:#c8baff}body.dark .content[data-view="dashboard"] .rtTicks text{fill:#7f8597}
@media(max-width:760px){.content[data-view="dashboard"] .v10TrendInteractive{padding:16px 18px}.content[data-view="dashboard"] .rtChartWrap{height:175px}.content[data-view="dashboard"] .rtSummary strong{font-size:22px}.content[data-view="dashboard"] .rtRange{display:grid;grid-template-columns:repeat(3,1fr);width:100%;margin-top:6px}.content[data-view="dashboard"] .rtRange button{padding:9px 8px}.content[data-view="dashboard"] .rtTooltip{min-width:138px}.content[data-view="dashboard"] .rtHeader{align-items:center}}
@media(max-width:430px){.content[data-view="dashboard"] .rtHeader{gap:8px}.content[data-view="dashboard"] .rtReport{font-size:10px}.content[data-view="dashboard"] .rtChartWrap{height:160px}.content[data-view="dashboard"] .rtNow{display:none}.content[data-view="dashboard"] .rtLine{stroke-width:3}.content[data-view="dashboard"] .rtPoint{stroke-width:3}}

/* LOCAL ADMIN LOGIN */
body.authLocked{overflow:hidden}
body.authLocked>.app,body.authLocked>.modalBackdrop,body.authLocked>.toast{display:none!important}
.loginScreen{position:fixed;inset:0;z-index:500;background:radial-gradient(circle at 75% 15%,#eee9ff 0,transparent 36%),linear-gradient(135deg,#f8f9fd,#f2f1fb);display:grid;place-items:center;padding:24px}
body:not(.authLocked) .loginScreen{display:none}
.loginShell{width:min(430px,100%)}
.loginBrand{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px}
.loginBrand img{width:58px;height:58px;border-radius:16px}
.loginBrand strong{font-size:22px;letter-spacing:.03em;color:#171a2b}.loginBrand strong span{color:#7448f5}
.loginBrand small{display:block;font-size:8px;letter-spacing:.19em;font-weight:800;color:#8d92a3;margin-top:4px}
.loginBadge{width:max-content;margin:0 auto 14px;background:#eee9ff;color:#6847e8;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:900;letter-spacing:.1em}
.loginBadge span{background:#7448f5;color:#fff;border-radius:999px;padding:3px 7px;margin-left:7px}
.loginCard{background:#fff;border:1px solid #e4e6ef;border-radius:24px;padding:28px;box-shadow:0 24px 70px rgba(50,45,90,.12)}
.loginHead h1{font-size:28px;margin:0 0 6px;letter-spacing:-.03em}.loginHead p{margin:0 0 22px;color:#858a9a;font-size:13px}
.loginCard label{display:block;font-size:11px;font-weight:750;color:#6f7485;margin:13px 0 7px}
.loginCard input{width:100%;height:46px;border:1px solid #dfe2eb;border-radius:12px;padding:0 13px;font:inherit;outline:0;background:#fafbfe;color:#191c2b}
.loginCard input:focus{border-color:#8b6cf6;box-shadow:0 0 0 4px rgba(116,72,245,.09);background:#fff}
.loginPassword{position:relative}.loginPassword input{padding-right:58px}.loginPassword button{position:absolute;right:7px;top:7px;height:32px;border:0;background:#f0ecff;color:#7048ee;border-radius:8px;padding:0 10px;font-weight:750;cursor:pointer}

.loginError{min-height:18px;color:#d33f61;font-size:11px;margin-top:8px}
.loginSubmit{width:100%;height:46px;border:0;border-radius:12px;background:linear-gradient(135deg,#6840ef,#8052ff);color:#fff;font-weight:800;font-size:14px;cursor:pointer;box-shadow:0 10px 26px rgba(116,72,245,.22);transition:.15s}
.loginSubmit:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(116,72,245,.28)}
.loginHint{margin-top:16px;padding:12px 13px;border:1px solid #ececf3;background:#faf9ff;border-radius:12px;font-size:10px;color:#8b90a0}.loginHint b,.loginHint span{display:block}.loginHint b{color:#5c6070;margin-bottom:3px}
body.dark .loginScreen{background:radial-gradient(circle at 75% 15%,#241d3c 0,transparent 40%),linear-gradient(135deg,#10121a,#141722)}
body.dark .loginBrand strong{color:#f7f7fb}body.dark .loginBrand small{color:#8d93a8}
body.dark .loginCard{background:#1b1d27;border-color:#2b2e3b;box-shadow:0 24px 70px rgba(0,0,0,.34)}
body.dark .loginCard input{background:#161821;border-color:#303342;color:#fff}body.dark .loginCard input:focus{background:#191c27;border-color:#7352db}
body.dark .loginHint{background:#171923;border-color:#2b2e3b}
@media(max-width:520px){.loginScreen{padding:18px}.loginCard{padding:22px;border-radius:20px}.loginBrand img{width:52px;height:52px}.loginBrand strong{font-size:20px}.loginHead h1{font-size:25px}}

/* PREMIUM ICON SYSTEM V1 */
.navItem{min-height:48px;padding:6px 9px;gap:10px;border-radius:13px}
.navItem>svg{width:36px;height:36px;padding:8px;border-radius:11px;stroke-width:2.05;background:linear-gradient(145deg,#f1ecff,#eef4ff);color:#6848ef;box-shadow:inset 0 0 0 1px #ffffffaa,0 5px 12px #6d50ef10;transition:.18s}
.navItem:hover>svg{transform:translateY(-1px);box-shadow:inset 0 0 0 1px #ffffffcc,0 8px 16px #6d50ef1a}
.navItem.active{background:linear-gradient(90deg,#f2edff,#f7f5ff);box-shadow:inset 3px 0 0 #7048f4}
.navItem.active>svg{background:linear-gradient(145deg,#7c55ff,#5f3dea);color:#fff;box-shadow:0 7px 16px #7048f43a}
.navItem:nth-of-type(3)>svg{background:linear-gradient(145deg,#eef4ff,#edf7ff);color:#3478e7}.navItem:nth-of-type(4)>svg{background:linear-gradient(145deg,#f3edff,#eee9ff);color:#7048ef}.navItem:nth-of-type(5)>svg{background:linear-gradient(145deg,#eef4ff,#edf3ff);color:#3d72df}.navItem:nth-of-type(7)>svg{background:linear-gradient(145deg,#f5efff,#eee9ff);color:#7148ef}.navItem:nth-of-type(8)>svg{background:linear-gradient(145deg,#fff0f7,#f5efff);color:#8a49ea}
.statIcon{width:44px;height:44px;border-radius:13px;background:linear-gradient(145deg,#f0eaff,#f7f4ff);color:#6848ef;box-shadow:inset 0 0 0 1px #fff,0 6px 15px #6848ef15}.statIcon svg{width:22px;height:22px;stroke-width:2.1}
.periodCard svg{width:42px;height:42px;padding:10px;border-radius:12px;background:linear-gradient(145deg,#f0eaff,#f4f7ff);color:#6848ef;box-shadow:inset 0 0 0 1px #fff,0 6px 15px #6848ef12;margin-bottom:10px}
.v10Col.ops button>span,.v10Queue button>span,.v10Activity>div>span{box-shadow:inset 0 0 0 1px #ffffffb8,0 6px 14px #34405f10}
.v10Col.ops button>span svg,.v10Queue button>span svg,.v10Activity>div>span svg{stroke-width:2.15}

.v10Queue .danger{background:linear-gradient(145deg,#fff0f5,#ffe9f1)!important;color:#df4167!important}.v10Queue .warn{background:linear-gradient(145deg,#fff6e9,#fff0da)!important;color:#d98715!important}.v10Queue .info{background:linear-gradient(145deg,#eef5ff,#e7f0ff)!important;color:#3976e6!important}
.v10Activity .ok{background:linear-gradient(145deg,#eafbf4,#e0f8ed)!important;color:#119b6c!important}.v10Activity .user{background:linear-gradient(145deg,#f1ecff,#e9e4ff)!important;color:#7148ef!important}.v10Activity .bell{background:linear-gradient(145deg,#eef5ff,#e7f0ff)!important;color:#3976e6!important}.v10Activity .refresh{background:linear-gradient(145deg,#fff6e9,#fff0da)!important;color:#d98715!important}
.v10Actions button>svg:first-child{width:38px;height:38px;padding:9px;border-radius:11px;background:linear-gradient(145deg,#f0eaff,#f5f2ff);color:#7048f4;box-shadow:inset 0 0 0 1px #fff,0 6px 14px #7048f414;stroke-width:2.1}.v10Actions button:nth-child(2)>svg:first-child{background:linear-gradient(145deg,#eef4ff,#e9f1ff);color:#3478e7}.v10Actions button:nth-child(3)>svg:first-child{background:linear-gradient(145deg,#eafbf4,#e1f8ed);color:#10996b}.v10Actions button:nth-child(4)>svg:first-child{background:linear-gradient(145deg,#fff5e8,#ffedda);color:#d98715}
.iconBtn{background:linear-gradient(145deg,#fff,#f8f7ff);box-shadow:0 5px 14px #39415c0b}.iconBtn svg{stroke-width:2}
.btn svg{stroke-width:2.05}
body.dark .navItem>svg{background:linear-gradient(145deg,#242033,#1d2637);box-shadow:inset 0 0 0 1px #ffffff0e,0 6px 14px #0004}.dark .navItem.active>svg{background:linear-gradient(145deg,#825cff,#633cf0);color:#fff}.dark .statIcon,.dark .periodCard svg,.dark .v10Actions button>svg:first-child{box-shadow:inset 0 0 0 1px #ffffff10,0 6px 14px #0003}
@media(max-width:760px){.navItem>svg{width:34px;height:34px;padding:8px}.v10Actions button>svg:first-child{width:36px;height:36px}}

/* SYSTEM HEALTH & RECOVERY CENTER V1 */
.sysHeadActions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.sysEnv{font-size:10px;font-weight:900;letter-spacing:.1em;padding:8px 10px;border-radius:999px;background:#efeaff;color:#6847ec}
.sysOverview{display:grid;grid-template-columns:54px 1fr auto;gap:16px;align-items:center;border:1px solid #e5e7ef;background:#fff;border-radius:18px;padding:18px 20px;margin-bottom:18px}.sysOverview.warning{border-color:#f2dfbb;background:#fffcf6}.sysOverview.danger{border-color:#f2c8d1;background:#fff8fa}.sysOverviewIcon{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;background:#ecfbf5;color:#10976d}.sysOverview.warning .sysOverviewIcon{background:#fff3df;color:#d18713}.sysOverview.danger .sysOverviewIcon{background:#fff0f3;color:#d74667}.sysOverviewIcon svg{width:25px;height:25px}.sysOverview span,.sysSectionHead span,.sysPanelHead span{font-size:9px;letter-spacing:.15em;font-weight:900;color:#7448f5}.sysOverview h2{margin:3px 0 4px;font-size:20px}.sysOverview p{margin:0;color:#858a99;font-size:11px}
.sysSectionHead{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:20px 0 10px}.sysSectionHead h3{margin:3px 0 0;font-size:17px}.sysSectionHead small{color:#969aaa}
.sysServiceGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.sysService{border:1px solid #e5e7ef;background:#fff;border-radius:15px;padding:14px;display:grid;grid-template-columns:42px 1fr 16px;gap:11px;align-items:center;text-align:left;color:inherit;cursor:pointer;transition:.15s;min-width:0}.sysService:hover{transform:translateY(-1px);border-color:#cfc6ff;box-shadow:0 9px 22px #4335a10d}.sysService>svg{width:15px;color:#a0a5b2}.sysIcon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#f0ebff;color:#7448f5}.sysIcon.warning{background:#fff3e4;color:#d58312}.sysIcon.down{background:#fff0f3;color:#d74667}.sysIcon svg{width:20px}.sysServiceBody{min-width:0}.sysServiceBody>div{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.sysServiceBody b{font-size:12px}.sysServiceBody small{display:block;color:#8d92a1;font-size:9px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sysServiceBody em{display:block;font-style:normal;font-size:10px;font-weight:800;margin-top:5px}
.sysPill{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:800;background:#e9fbf4;color:#0f996d}.sysPill i{width:6px;height:6px;border-radius:50%;background:currentColor}.sysPill.warning{background:#fff4df;color:#c97d08}.sysPill.down{background:#fff0f3;color:#d64062}

.sysTwoCol{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.sysPanel{background:#fff;border:1px solid #e5e7ef;border-radius:17px;padding:18px;min-width:0}.sysPanelHead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.sysPanelHead h3{margin:3px 0 0;font-size:16px}.sysPanelHead button{border:0;background:none;color:#6947e8;font-weight:700;font-size:10px;display:flex;gap:5px;align-items:center;cursor:pointer}.sysPanelHead button svg{width:13px}.sysPanelHead>small{color:#9599a7;font-size:9px}
.resourceList{display:grid;gap:13px}.resourceList>div>div{display:flex;justify-content:space-between;align-items:center;font-size:11px}.resourceList span small{color:#9ca0ad}.resourceList i{display:block;height:8px;border-radius:999px;background:#f0eff6;margin-top:7px;overflow:hidden}.resourceList i u{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7448f5,#8d6cff);text-decoration:none}.resourceFoot{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}.resourceFoot>div{border:1px solid #eceef3;border-radius:11px;padding:10px}.resourceFoot small,.resourceFoot b{display:block}.resourceFoot small{font-size:8px;color:#969baa}.resourceFoot b{font-size:12px;margin-top:4px}
.sysRows>div{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-top:1px solid #eceef3}.sysRows>div:first-child{border-top:0}.sysRows>div>span:first-child{width:36px;height:36px;border-radius:10px;background:#f2eeff;color:#7448f5;display:grid;place-items:center}.sysRows>div>span:first-child svg{width:17px}.sysRows p{margin:0}.sysRows b,.sysRows small{display:block}.sysRows b{font-size:11px}.sysRows small{font-size:9px;color:#9296a5;margin-top:2px}.sysRows strong{font-size:10px}
.sysLower{align-items:start}.incidentList button{width:100%;border:0;border-top:1px solid #eceef3;background:none;color:inherit;display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center;padding:12px 0;text-align:left;cursor:pointer}.incidentList button:first-child{border-top:0}.incidentList p{margin:0}.incidentList b,.incidentList small{display:block}.incidentList b{font-size:11px}.incidentList small,.incidentList time{font-size:9px;color:#9296a5}.sev{font-size:8px;font-weight:900;border-radius:8px;padding:7px;text-align:center}.sev.warn{background:#fff3e2;color:#c77b0b}.sev.info{background:#eef4ff;color:#356ddd}.sev.danger{background:#fff0f3;color:#d33e60}
.recoveryGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.recoveryGrid button{border:1px solid #e8e8f0;background:#fafaff;border-radius:12px;padding:12px;color:inherit;text-align:left;cursor:pointer;transition:.15s}.recoveryGrid button:hover{border-color:#cfc5ff;background:#f7f4ff}.recoveryGrid button>svg{width:18px;color:#7448f5;margin-bottom:9px}.recoveryGrid b,.recoveryGrid small{display:block}.recoveryGrid b{font-size:10px}.recoveryGrid small{font-size:8px;color:#9296a5;margin-top:3px}

.sysConfigPreview{margin-top:14px}.configPreview{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.configPreview>div{border:1px solid #eceef3;border-radius:11px;padding:10px;min-width:0}.configPreview small,.configPreview b{display:block}.configPreview small{font-size:8px;color:#9296a5}.configPreview b{font-size:10px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sysNote{margin:12px 0 0;color:#8c91a0;font-size:9px}.sysAlertRules{margin-top:15px;border-top:1px solid #eceef3;padding-top:13px}.sysAlertRules>b{display:block;margin-bottom:8px}.sysAlertRules label{display:inline-flex;align-items:center;gap:5px;margin:5px 12px 5px 0;font-size:10px}
body.dark .sysOverview,body.dark .sysService,body.dark .sysPanel{background:#1b1d27;border-color:#2b2e3b}body.dark .sysOverview.warning{background:#251f17;border-color:#4a3a22}body.dark .sysOverview.danger{background:#28191d;border-color:#51303a}body.dark .resourceList i{background:#292c38}body.dark .resourceFoot>div,body.dark .configPreview>div,body.dark .sysRows>div,body.dark .incidentList button,body.dark .sysAlertRules{border-color:#2b2e3b}body.dark .recoveryGrid button{background:#171923;border-color:#2b2e3b}
@media(max-width:1180px){.sysServiceGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.resourceFoot{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.sysServiceGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.sysTwoCol{grid-template-columns:1fr}.configPreview{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sysHeadActions{width:100%}.sysHeadActions .btn{flex:1}.sysOverview{grid-template-columns:44px 1fr;padding:15px}.sysOverview>.btn{grid-column:1/-1;width:100%}.sysOverviewIcon{width:44px;height:44px}.sysOverview h2{font-size:17px}.sysServiceGrid{grid-template-columns:1fr}.sysSectionHead{align-items:flex-start}.sysSectionHead small{display:none}.resourceFoot{grid-template-columns:1fr 1fr}.recoveryGrid{grid-template-columns:1fr 1fr}.configPreview{grid-template-columns:1fr}}
@media(max-width:430px){.recoveryGrid{grid-template-columns:1fr}.sysPanel{padding:15px}.sysService{padding:12px}.sysPanelHead{display:block}.sysPanelHead button{margin-top:8px}.sysRows>div{grid-template-columns:34px 1fr auto}.incidentList button{grid-template-columns:44px 1fr}.incidentList time{display:none}}

/* SIDEBAR DENSITY + ACTIVE NAV V2 */
.sidebar{overflow:hidden}
.sidebar #nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:2px;scrollbar-width:none}
.sidebar #nav::-webkit-scrollbar{display:none}
.navItem{position:relative;min-height:43px;padding:4px 8px;gap:9px;margin:1px 0;border-radius:11px}
.navItem>svg{width:32px;height:32px;padding:7px;border-radius:10px;box-shadow:inset 0 0 0 1px #ffffffb8,0 3px 9px #6d50ef0d}
.navItem.active{background:transparent!important;box-shadow:none!important;color:#6847ec;font-weight:750}
.navItem.active:before{content:"";position:absolute;left:-1px;top:8px;bottom:8px;width:3px;border-radius:99px;background:linear-gradient(180deg,#825cff,#5e3fe8)}
.navItem.active>svg{background:linear-gradient(145deg,#eee8ff,#f2f5ff)!important;color:#6847ec!important;box-shadow:inset 0 0 0 1px #fff,0 5px 12px #6d50ef14!important}
.navItem:hover{background:#faf9ff}
.sideBottom{margin-top:10px;flex:none;background:inherit;position:relative;z-index:2}
.sideBottom .navItem{min-height:42px}
body.dark .navItem.active{background:transparent!important;color:#bcaaff}
body.dark .navItem.active>svg{background:linear-gradient(145deg,#28213d,#202839)!important;color:#bcaaff!important}
@media(max-height:820px) and (min-width:761px){.brand{height:52px}.adminBadge{margin-top:4px;margin-bottom:8px;padding:7px 9px}.navLabel{padding-top:5px}.navItem{min-height:39px}.navItem>svg{width:29px;height:29px;padding:6px}.sideBottom{padding-top:7px}}

/* REVENUE PERFORMANCE — COLUMN V1 */
.content[data-view="dashboard"] .rtV2{border-top:1px solid #eceef3;padding:20px 24px 18px;background:linear-gradient(180deg,#fff,#fcfbff)}
.content[data-view="dashboard"] .rtV2Head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.content[data-view="dashboard"] .rtV2Head h3{margin:4px 0 3px;font-size:18px}.content[data-view="dashboard"] .rtV2Head p{margin:0;font-size:10px;color:#0b956a;font-weight:700}
.content[data-view="dashboard"] .rtV2Metrics{display:grid;grid-template-columns:1.35fr repeat(3,.8fr);gap:10px;margin:16px 0 18px}.content[data-view="dashboard"] .rtV2Metrics>div{border:1px solid #e8e9f0;border-radius:14px;padding:13px 14px;background:#fff;min-width:0}.content[data-view="dashboard"] .rtV2Metrics .metricPrimary{background:linear-gradient(135deg,#f5f1ff,#fbfaff);border-color:#ddd5fa}.content[data-view="dashboard"] .rtV2Metrics small,.content[data-view="dashboard"] .rtV2Metrics span,.content[data-view="dashboard"] .rtV2Metrics strong,.content[data-view="dashboard"] .rtV2Metrics b,.content[data-view="dashboard"] .rtV2Metrics em{display:block}.content[data-view="dashboard"] .rtV2Metrics small{font-size:9px;color:#8f94a4}.content[data-view="dashboard"] .rtV2Metrics strong{font-size:25px;letter-spacing:-.035em;margin:3px 0}.content[data-view="dashboard"] .rtV2Metrics b{font-size:16px;margin:5px 0 2px}.content[data-view="dashboard"] .rtV2Metrics span{font-size:9px;color:#8f94a4}.content[data-view="dashboard"] .rtV2Metrics em{font-style:normal;font-size:9px;color:#0b956a}
.content[data-view="dashboard"] .rtV2Chart{position:relative;display:grid;grid-template-columns:28px 1fr;gap:10px;height:205px;border:1px solid #eceef3;border-radius:15px;padding:14px 14px 10px;background:linear-gradient(180deg,#faf9ff,#fff)}
.content[data-view="dashboard"] .rtV2Scale{display:flex;flex-direction:column;justify-content:space-between;padding:3px 0 25px}.content[data-view="dashboard"] .rtV2Scale span{font-size:8px;color:#a0a4b1}.content[data-view="dashboard"] .rtV2Bars{display:flex;align-items:stretch;justify-content:space-between;gap:7px;min-width:0;border-bottom:1px solid #e9eaf0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 43px,#eef0f5 44px,#eef0f5 45px)}.content[data-view="dashboard"] .rtV2Bar{position:relative;flex:1;min-width:0;border:0;background:none;padding:0 0 25px;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;cursor:pointer;color:inherit;outline:none}.content[data-view="dashboard"] .rtV2Bar i{width:min(54px,72%);height:138px;display:flex;align-items:flex-end;border-radius:10px 10px 4px 4px;overflow:hidden;background:#f0edfa;box-shadow:inset 0 0 0 1px #ebe7fb}.content[data-view="dashboard"] .rtV2Bar i u{display:block;width:100%;height:var(--bar);border-radius:10px 10px 4px 4px;background:linear-gradient(180deg,#b8a6ff 0%,#7b55f7 100%);transition:.18s;box-shadow:0 -6px 14px rgba(116,72,245,.13)}
.content[data-view="dashboard"] .rtV2Bar:hover i u,.content[data-view="dashboard"] .rtV2Bar.selected i u{background:linear-gradient(180deg,#8d6cff 0%,#633ceb 100%);filter:saturate(1.06)}.content[data-view="dashboard"] .rtV2Bar.best i{box-shadow:inset 0 0 0 1px #d9cffd,0 0 0 3px #f4f0ff}.content[data-view="dashboard"] .rtV2Bar.latest i u{background:linear-gradient(180deg,#835fff 0%,#5d37e7 100%)}
.content[data-view="dashboard"] .rtV2Bar small{position:absolute;bottom:3px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:8px;color:#858a9b}.content[data-view="dashboard"] .rtV2Value{position:absolute;top:-1px;left:50%;transform:translate(-50%,-100%);font-size:8px;font-weight:800;color:#6d46ec;opacity:0;transition:.15s;white-space:nowrap}.content[data-view="dashboard"] .rtV2Bar:hover .rtV2Value,.content[data-view="dashboard"] .rtV2Bar.selected .rtV2Value{opacity:1}
.content[data-view="dashboard"] .rtV2Tooltip{position:absolute;top:10px;z-index:6;min-width:150px;padding:10px 11px;border-radius:11px;background:#20222c;color:#fff;box-shadow:0 12px 28px rgba(19,20,31,.28);opacity:0;pointer-events:none;transform:translateX(-50%) scale(.96);transition:.12s}.content[data-view="dashboard"] .rtV2Tooltip.show{opacity:1;transform:translateX(-50%) scale(1)}.content[data-view="dashboard"] .rtV2Tooltip small,.content[data-view="dashboard"] .rtV2Tooltip b,.content[data-view="dashboard"] .rtV2Tooltip span{display:block}.content[data-view="dashboard"] .rtV2Tooltip small{font-size:9px;color:#aeb3c2}.content[data-view="dashboard"] .rtV2Tooltip b{font-size:13px;margin:3px 0}.content[data-view="dashboard"] .rtV2Tooltip span{font-size:9px;color:#d2d5df}
.content[data-view="dashboard"] .rtV2Bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.content[data-view="dashboard"] .rtV2Hint{font-size:9px;color:#9398a7}
body.dark .content[data-view="dashboard"] .rtV2{background:#1b1d27;border-color:#2b2e3b}body.dark .content[data-view="dashboard"] .rtV2Metrics>div,body.dark .content[data-view="dashboard"] .rtV2Chart{background:#171923;border-color:#2b2e3b}body.dark .content[data-view="dashboard"] .rtV2Metrics .metricPrimary{background:linear-gradient(135deg,#211c31,#1b1d27);border-color:#3a315a}body.dark .content[data-view="dashboard"] .rtV2Bars{border-color:#303442;background:repeating-linear-gradient(to bottom,transparent 0,transparent 43px,#282c38 44px,#282c38 45px)}body.dark .content[data-view="dashboard"] .rtV2Bar i{background:#222533;box-shadow:inset 0 0 0 1px #313646}
@media(max-width:760px){.content[data-view="dashboard"] .rtV2{padding:16px 18px}.content[data-view="dashboard"] .rtV2Metrics{grid-template-columns:1fr 1fr}.content[data-view="dashboard"] .rtV2Chart{height:190px;padding:12px 10px 8px}.content[data-view="dashboard"] .rtV2Bar i{height:125px;width:min(40px,74%)}.content[data-view="dashboard"] .rtV2Bottom{display:block}.content[data-view="dashboard"] .rtV2Hint{display:block;margin-top:7px;text-align:center}}
@media(max-width:430px){.content[data-view="dashboard"] .rtV2Metrics{grid-template-columns:1fr 1fr}.content[data-view="dashboard"] .rtV2Metrics strong{font-size:22px}.content[data-view="dashboard"] .rtV2Chart{grid-template-columns:20px 1fr;height:176px}.content[data-view="dashboard"] .rtV2Bars{gap:4px}.content[data-view="dashboard"] .rtV2Bar i{height:112px;width:min(32px,72%)}.content[data-view="dashboard"] .rtV2Bar small{font-size:7px}.content[data-view="dashboard"] .rtV2Value{font-size:7px}.content[data-view="dashboard"] .rtV2Head h3{font-size:16px}}
/* SYSTEM HEALTH & RECOVERY CENTER V2 */
.sysOpsStrip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0 0 18px}.sysOpsTile{border:1px solid #e7e8ef;background:#fff;border-radius:14px;padding:12px;display:grid;grid-template-columns:38px 1fr 14px;gap:10px;align-items:center;text-align:left;color:inherit;cursor:pointer;min-width:0;transition:.15s}.sysOpsTile:hover{transform:translateY(-1px);border-color:#d6cdf9;box-shadow:0 8px 20px #5037a20b}.sysOpsTile>span{width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#f0eaff,#f3f6ff);color:#7048ef;display:grid;place-items:center}.sysOpsTile>span svg{width:18px}.sysOpsTile>svg{width:14px;color:#a3a7b5}.sysOpsTile small,.sysOpsTile b,.sysOpsTile em{display:block}.sysOpsTile small{font-size:8px;color:#9296a4}.sysOpsTile b{font-size:11px;margin:2px 0}.sysOpsTile em{font-style:normal;font-size:8px;color:#8b90a0}.sysOpsTile.warn>span{background:#fff3e4;color:#d58312}
.sysInlineBtn{border:1px solid #e2e4ec;background:#fff;border-radius:8px;padding:6px 9px;font-size:9px;font-weight:800;color:#6343dc;cursor:pointer}.sysInlineBtn:hover{background:#f6f3ff;border-color:#d6cdf9}.sysDiagPanel{margin-top:14px}.sysDiagText{margin:0;color:#818697;font-size:10px;line-height:1.6}.sysDiagChips{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.sysDiagChips span{font-size:9px;padding:6px 9px;border-radius:999px;background:#f4f1ff;color:#6847e8;border:1px solid #ebe5ff}.sysModalRows{border:1px solid #eceef3;border-radius:12px;overflow:hidden}.sysModalRows>div{display:flex;justify-content:space-between;gap:14px;padding:11px 12px;border-top:1px solid #eceef3;font-size:11px}.sysModalRows>div:first-child{border-top:0}.sysModalRows span{color:#858a9a;text-align:right}
body.dark .sysOpsTile{background:#1b1d27;border-color:#2b2e3b}body.dark .sysOpsTile:hover{background:#20232e;border-color:#4a416b}body.dark .sysOpsTile>span{background:linear-gradient(145deg,#28213d,#202839);box-shadow:inset 0 0 0 1px #ffffff0d}body.dark .sysInlineBtn{background:#1d202b;border-color:#343846;color:#bdaaff}body.dark .sysDiagChips span{background:#252036;border-color:#3a3157;color:#c6b7ff}body.dark .sysModalRows,body.dark .sysModalRows>div{border-color:#2b2e3b}
@media(max-width:1250px){.sysOpsStrip{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.sysOpsStrip{grid-template-columns:1fr 1fr}.sysOpsTile{padding:10px}.sysDiagPanel .sysPanelHead{display:block}.sysDiagPanel .sysPanelHead .btn{margin-top:9px;width:100%}}@media(max-width:430px){.sysOpsStrip{grid-template-columns:1fr}.sysDiagChips{gap:5px}.sysModalRows>div{display:block}.sysModalRows span{display:block;text-align:left;margin-top:4px}}

/* MOBILE TOP BAR — DARK + LARGER CONTROLS V1 */
@media(max-width:760px){
  .topbar{height:68px;padding:0 14px;background:#111318!important;border-bottom:1px solid #242731!important;gap:10px}
  .menuBtn{width:48px;height:48px;border-radius:14px;background:#242731!important;color:#fff!important;border:1px solid #343846!important;font-size:20px;box-shadow:0 8px 22px rgba(0,0,0,.22)}
  .topActions{gap:8px}
  .iconBtn{width:48px;height:48px;border-radius:14px;background:#242731!important;border:1px solid #343846!important;color:#f7f8fc!important;box-shadow:0 8px 22px rgba(0,0,0,.22)}
  .iconBtn svg{width:21px;height:21px;stroke-width:2.1}
  .profile{height:48px;min-width:68px;padding:5px 8px;border-radius:14px;background:#242731!important;border:1px solid #343846!important;color:#fff!important;box-shadow:0 8px 22px rgba(0,0,0,.22);justify-content:center}
  .profile .avatar{width:34px;height:34px;background:linear-gradient(145deg,#efeaff,#dcd2ff);color:#6847ec}
  .profile>svg{width:18px;height:18px;color:#fff}
  .bell span{top:-5px;right:-4px;min-width:20px;height:20px;font-size:10px;border:2px solid #111318}
  .content{padding-top:22px}
}

/* REFERRAL BALANCE — V1 */
.refRuleCard{margin-top:14px;padding:16px 18px;background:linear-gradient(135deg,#fff,#faf8ff);border-color:#e3def7}
.refRuleHead{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center}
.refRuleHead>span{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#f1eaff,#edf3ff);color:#7048ef}
.refRuleHead>span svg{width:20px;height:20px}.refRuleHead b,.refRuleHead small{display:block}.refRuleHead b{font-size:14px}.refRuleHead small{font-size:10px;color:#8b90a0;margin-top:3px}
.refRuleChips{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;padding-top:13px;border-top:1px solid #ece9f7}
.refRuleChips span{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border-radius:999px;background:#f4f1ff;color:#65527e;font-size:10px;border:1px solid #ebe5ff}.refRuleChips span b{color:#6847ec}.refRuleChips svg{width:13px;height:13px;color:#6847ec}
.refSearchBar{grid-template-columns:minmax(280px,1fr) auto}.refMoney{color:#6847ec}.refModalRule{margin-top:14px;padding:14px;border-radius:12px;background:#f7f5ff;border:1px solid #e7e1fb}.refModalRule b{font-size:12px}.refModalRule p{margin:5px 0 0;font-size:10px;color:#777d8f;line-height:1.55}
.refLockedRules{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.refLockedRules>div{position:relative;border:1px solid #e8e9f0;border-radius:11px;padding:11px 11px 11px 38px;background:#fbfbfd;min-height:66px}.refLockedRules>div>svg{position:absolute;left:12px;top:13px;width:17px;height:17px;color:#7048ef}.refLockedRules b,.refLockedRules small{display:block}.refLockedRules b{font-size:11px}.refLockedRules small{font-size:9px;color:#9094a4;margin-top:3px;line-height:1.4}
body.dark .refRuleCard{background:linear-gradient(135deg,#1b1d27,#1d1929);border-color:#332d47}body.dark .refRuleChips{border-color:#302b42}body.dark .refRuleChips span{background:#252036;border-color:#3a3157;color:#b8aecb}body.dark .refRuleHead small,body.dark .refModalRule p,body.dark .refLockedRules small{color:#9499aa}body.dark .refModalRule{background:#211d31;border-color:#3b315b}body.dark .refLockedRules>div{background:#171923;border-color:#2b2e3b}
@media(max-width:760px){.refRuleHead{grid-template-columns:42px 1fr}.refRuleHead .btn{grid-column:1/-1;width:100%}.refSearchBar{grid-template-columns:1fr}.refSearchBar .userSearchMain{grid-column:auto}.refLockedRules{grid-template-columns:1fr}.refRuleChips span{font-size:9px}}

/* REFERRAL CALCULATOR + EXAMPLES V2 */
.refCalcCard{margin-top:14px;padding:16px 18px;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.95fr);gap:18px;background:linear-gradient(135deg,#fff,#fbf9ff);border-color:#e3def7}
.refCalcMain{display:grid;grid-template-columns:1fr 170px 190px;gap:14px;align-items:end}.refCalcTitle{grid-column:1/-1;display:flex;gap:11px;align-items:center}.refCalcTitle>span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#efe9ff,#edf4ff);color:#7048ef}.refCalcTitle>span svg{width:19px}.refCalcTitle b,.refCalcTitle small{display:block}.refCalcTitle b{font-size:14px}.refCalcTitle small{font-size:10px;color:#8b90a0;margin-top:3px}
.refCalcInput label{display:block;font-size:9px;color:#8d92a1;margin-bottom:6px;font-weight:700}.refCalcInput>div{height:44px;border:1px solid #dfe2eb;border-radius:11px;background:#fff;display:flex;align-items:center;padding:0 12px;box-shadow:inset 0 1px 0 #fff}.refCalcInput span{color:#7f8495}.refCalcInput input{width:100%;border:0;outline:0;background:transparent;font:inherit;font-weight:800;color:inherit;padding-left:5px;font-size:15px}
.refCalcResult{border-left:1px solid #ece9f5;padding-left:16px;min-height:44px}.refCalcResult small,.refCalcResult strong,.refCalcResult em{display:block}.refCalcResult small{font-size:9px;color:#8d92a1}.refCalcResult strong{font-size:25px;line-height:1.05;margin:3px 0;color:#6847ec}.refCalcResult em{font-size:9px;font-style:normal;color:#14976d}
.refExamples{border-left:1px solid #ece9f5;padding-left:18px}.refExamplesHead{display:flex;justify-content:space-between;align-items:end;margin-bottom:10px}.refExamplesHead b{font-size:12px}.refExamplesHead small{font-size:9px;color:#9498a6}.refExampleGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.refExampleGrid button{position:relative;border:1px solid #e8e8f0;background:#fff;border-radius:10px;padding:9px 10px;text-align:left;cursor:pointer;color:inherit;transition:.15s}.refExampleGrid button:hover{border-color:#cfc5ff;background:#f7f4ff;transform:translateY(-1px)}.refExampleGrid small,.refExampleGrid b{display:block}.refExampleGrid small{font-size:8px;color:#9296a5}.refExampleGrid b{font-size:12px;margin-top:3px;color:#6847ec}.refExampleGrid em{position:absolute;right:6px;top:6px;font-size:7px;font-style:normal;font-weight:900;color:#0f9367;background:#e8faf3;border-radius:999px;padding:2px 5px}
body.dark .refCalcCard{background:linear-gradient(135deg,#1b1d27,#1d1929);border-color:#332d47}body.dark .refCalcInput>div,body.dark .refExampleGrid button{background:#171923;border-color:#2b2e3b}body.dark .refExampleGrid button:hover{background:#211d31;border-color:#493d72}body.dark .refCalcResult,body.dark .refExamples{border-color:#302b42}body.dark .refCalcTitle small{color:#959aab}
@media(max-width:1050px){.refCalcCard{grid-template-columns:1fr}.refExamples{border-left:0;border-top:1px solid #ece9f5;padding:15px 0 0}.refCalcMain{grid-template-columns:1fr 180px 190px}}
@media(max-width:760px){.refCalcCard{padding:15px}.refCalcMain{grid-template-columns:1fr 1fr}.refCalcTitle{grid-column:1/-1}.refCalcResult{border-left:0;padding-left:0}.refExampleGrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:430px){.refCalcMain{grid-template-columns:1fr}.refCalcResult{padding:10px 0;border-top:1px solid #ece9f5}.refExampleGrid{grid-template-columns:1fr 1fr}.refExamplesHead{align-items:flex-start;flex-direction:column;gap:2px}}

/* STAGING SETUP — visible only on isolated Vercel staging host */
.stagingSetupBtn{width:100%;margin-top:10px;height:42px;border:1px dashed #cfc6f8;border-radius:11px;background:#faf8ff;color:#6c49e8;font-weight:800;cursor:pointer}.stagingSetupBtn:hover{background:#f4f0ff}.stagingSetupBtn[hidden]{display:none!important}