:root{--accent:#5b4fd4;--navy:#18143f;--bg:#f7f8fa;--text:#10213c;--muted:#6b778c;--card:#fff;--border:#e6e9ee;--green:#03c866;--red:#f1161b;--blue:#3b82f6;--pink:#7c3aed;--purple:#8b5cf6;--dark:#20252b;--teal:#2e268f;--yellow:#ffbd14}
*{box-sizing:border-box}html,body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.layout{display:flex;min-height:100vh}.sidebar{width:258px;background:#fff;border-right:1px solid var(--border);position:fixed;top:0;bottom:0;left:0;overflow-y:auto;padding:18px 14px 30px;z-index:30}.brand-wrap{display:flex;align-items:center;gap:10px;padding:5px 4px 20px}.brand-mark{width:38px;height:38px;border-radius:10px;background:linear-gradient(145deg,#2e268f,#695fd0);color:#fff;display:grid;place-items:center;font-weight:900;font-size:19px}.brand{font-size:17px;font-weight:800;color:var(--navy)}.brand-sub{font-size:10px;color:#8a96a8;margin-top:2px}.menu-caption{font-size:10px;font-weight:700;color:#9aa4b4;margin:12px 4px 8px}.menu-caption-spaced{margin-top:18px}.nav a{font-size:13px}.nav-parent,.nav-main{display:flex!important;align-items:center;gap:9px;padding:10px 10px;border-radius:7px;color:#15243d}.nav-parent.active{background:#eceef1;font-weight:700}.nav-main.active{background:#f0eeff;color:var(--accent);font-weight:700}.nav-icon{width:14px;text-align:center}.hot,.new{margin-left:auto;background:#ed1717;color:#fff;font-size:9px;font-weight:800;border-radius:4px;padding:3px 5px}.chev{margin-left:4px}.subnav{margin-left:13px;border-left:1px solid #e7eaef;padding:4px 0 4px 15px}.subnav a{display:flex;align-items:center;position:relative;padding:8px 0 8px 3px;color:#5f6d80}.subnav a.active-sub{color:var(--accent);font-weight:600}.subnav a.active-sub:before{content:"";position:absolute;left:-16px;top:7px;bottom:7px;width:2px;background:var(--accent)}.subnav .new{margin-right:4px}.main{margin-left:258px;width:calc(100% - 258px);min-height:100vh;display:flex;flex-direction:column}.topbar{height:52px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 26px;position:sticky;top:0;z-index:20}.top-left,.top-actions{display:flex;align-items:center;gap:17px}.searchbox{height:34px;width:260px;border:1px solid #e2e5ea;border-radius:5px;color:#9aa4b4;display:flex;align-items:center;justify-content:space-between;padding:0 9px;font-size:12px}.searchbox kbd{font-size:9px;background:#fff;border:1px solid #e4e7ec;border-radius:4px;padding:4px 6px;color:#5f6b7b}.searchbox.flash{box-shadow:0 0 0 3px rgba(255,107,44,.18)}.back,.top-icon,.top-actions span{font-size:14px}.icon-btn{background:none;border:0;cursor:pointer}.mobile-menu{display:none}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#efe9ff;color:#2e268f;font-weight:800}.avatar.big{width:54px;height:54px;background:#f0a72b;color:#fff;font-size:20px}.avatar.sm{width:34px;height:34px;font-size:12px;flex:0 0 auto}.content{padding:22px 24px 28px;flex:1}.page-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.page-head h1{font-size:25px;margin:0 0 7px}.breadcrumb{font-size:12px;color:#778398}.breadcrumb span{padding:0 5px}.page-actions,.welcome-actions{display:flex;gap:8px}.btn-light,.btn-accent,.full-btn,.chip{border:1px solid #e4e7ec;border-radius:5px;background:#fff;padding:8px 12px;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.btn-accent{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}.welcome-card{background:#fff;border:1px solid var(--border);border-radius:6px;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;box-shadow:0 1px 2px rgba(16,33,60,.03)}.welcome-person{display:flex;align-items:center;gap:14px}.welcome-person h2{font-size:20px;margin:0 0 5px}.welcome-person p{margin:0;color:#657289;font-size:13px}.welcome-person p a{color:var(--accent)}.top-dashboard-grid{display:grid;grid-template-columns:2.1fr 1fr;gap:18px;margin-bottom:18px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.metric-card{background:#fff;border:1px solid var(--border);border-radius:6px;min-height:158px;padding:18px;box-shadow:0 1px 2px rgba(16,33,60,.04)}.metric-icon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;margin-bottom:10px}.orange{background:#5b4fd4}.navy{background:#2e268f}.blue{background:#2585f7}.pink{background:#f5368c}.purple{background:#a83cc5}.red{background:#f1161b}.green{background:#03c866}.dark{background:#20252b}.metric-label{font-size:12px;color:#667386}.metric-value{font-size:21px;font-weight:800;margin:5px 0 14px}.metric-card a{font-size:12px;color:#667386}.panel{background:#fff;border:1px solid var(--border);border-radius:6px;overflow:hidden;box-shadow:0 1px 2px rgba(16,33,60,.03)}.panel-head{height:54px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 16px}.panel-head h3{font-size:15px;margin:0}.chip{padding:6px 9px}.bar-list{padding:18px}.bar-row{display:grid;grid-template-columns:74px 1fr 28px;align-items:center;gap:10px;margin:14px 0;font-size:11px}.bar-row>div{height:9px;background:#f1f3f6;border-radius:8px;overflow:hidden}.bar-row i{display:block;height:100%;background:#6d5cdf;border-radius:8px}.bar-row b{font-size:10px;color:#7d8796}.panel-note{font-size:11px;color:#7d8796;padding:0 18px 18px}.dashboard-grid{display:grid;gap:18px;margin-bottom:18px}.three-col{grid-template-columns:1fr 1fr 1fr}.two-one{grid-template-columns:2fr 1fr}.status-total{display:flex;justify-content:space-between;padding:17px 16px 8px;font-size:12px;color:#6a7688}.status-total b{font-size:18px;color:var(--navy)}.segmented{display:grid;grid-template-columns:48fr 20fr 12fr 20fr;height:18px;margin:8px 16px;border-radius:5px;overflow:hidden}.segmented i:nth-child(1){background:#3b82f6}.segmented i:nth-child(2){background:#2e268f}.segmented i:nth-child(3){background:#f1161b}.segmented i:nth-child(4){background:#f5368c}.status-grid{display:grid;grid-template-columns:1fr 1fr;margin:12px 16px;border:1px solid #edf0f3}.status-grid>div{padding:12px;border-right:1px solid #edf0f3;border-bottom:1px solid #edf0f3}.status-grid small{display:block;color:#7a8799}.status-grid strong{display:block;font-size:30px;margin-top:8px}.highlight-row{margin:12px 16px;padding:10px;border:1px solid var(--accent);border-radius:5px;background:#fff4ee;display:flex;align-items:center;gap:9px}.highlight-row div{flex:1}.highlight-row small{display:block;color:#748095;margin-top:3px}.award{color:var(--accent)}.highlight-row>strong{color:var(--accent)}.full-btn{width:calc(100% - 32px);margin:0 16px 16px;background:#f8f9fb}.gauge-wrap{height:220px;display:flex;align-items:center;justify-content:center}.gauge{width:245px;height:125px;border-radius:250px 250px 0 0;background:conic-gradient(from 270deg at 50% 100%,#2e268f 0 38%,#03c866 38% 56%,#ffbd14 56% 78%,#f1161b 78% 88%,transparent 88% 100%);position:relative;overflow:hidden}.gauge:after{content:"";position:absolute;width:132px;height:72px;left:56px;bottom:-1px;background:#fff;border-radius:140px 140px 0 0}.gauge>div{position:absolute;z-index:2;left:0;right:0;bottom:10px;text-align:center}.gauge small{display:block;color:#7a8698}.gauge b{font-size:18px}.legend-list{padding:0 18px 12px}.legend-list>div{display:flex;align-items:center;gap:7px;font-size:12px;margin:10px 0;color:#687588}.legend-list b{margin-left:auto;color:#142642}.dot{width:10px;height:10px;border-radius:50%}.green-dot{background:#03c866}.navy-dot{background:#2e268f}.yellow-dot{background:#ffbd14}.red-dot{background:#f1161b}.panel-bottom{display:block;margin:0 16px 16px;padding:9px;background:#f7f8fa;text-align:right;color:var(--accent);font-size:11px}.activity-list,.invoice-list{padding:10px 16px}.activity-list>div,.invoice-list>div{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #edf0f3}.activity-list p,.invoice-list p{margin:0;flex:1}.activity-list small,.invoice-list small{display:block;color:#7a8698;margin-top:3px}.time{font-size:10px;padding:3px 6px;border-radius:4px;background:#f1f3f6}.time.good{background:#ddf8e9;color:#059447}.sales-chart{height:300px;padding:28px 18px 14px;display:flex;align-items:flex-end;gap:14px}.month{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.bar-bg{height:210px;width:100%;max-width:38px;background:#f6f7f9;border-radius:5px;display:flex;align-items:flex-end;overflow:hidden}.bar-bg i{display:block;width:100%;background:#6d5cdf;border-radius:5px 5px 0 0}.month span{font-size:11px;color:#667386}.schedule-card{margin:16px;padding:18px;background:#f7f8fa;display:flex;flex-direction:column;gap:10px}.schedule-card small{color:#7a8698}.tag{font-size:9px;background:#153147;color:#fff;padding:3px 6px;border-radius:3px;align-self:flex-start}.simple-activity{padding:9px 16px}.simple-activity p{margin:0;padding:10px 0;border-bottom:1px solid #edf0f3}.simple-activity small{display:block;color:#7a8698;margin-top:3px}.todo-list{padding:14px 16px}.todo-list div{padding:12px;margin-bottom:9px;border-radius:5px;background:#f7f8fa;font-size:12px}.todo-list div:nth-child(2){background:#fff0e8}.todo-list div:nth-child(3){background:#fde8e8}.todo-list div:nth-child(4){background:#f4e9f8}.todo-list div:nth-child(5){background:#e8f1ff}.quick-list{padding:14px}.quick-list a{display:block;padding:12px;border-bottom:1px solid #edf0f3;color:#40506a}.empty-chart{height:250px;display:grid;place-items:center;text-align:center;color:#748095}.empty-chart .big-number{font-size:54px;color:var(--accent);font-weight:800}.footer{display:flex;justify-content:space-between;padding:18px 24px;background:#fff;border-top:1px solid var(--border);font-size:11px;color:#718096}.footer b{color:var(--accent)}
/* Existing forms/tables */
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:#fff;border:1px solid var(--border);border-radius:8px;padding:18px}.stat{font-size:28px;font-weight:800;color:#2e268f;margin-top:8px}.muted{color:var(--muted)}h2{font-size:20px}.btn{display:inline-block;background:#2e268f;color:#fff;border:none;padding:10px 14px;border-radius:7px;cursor:pointer}.btn.secondary{background:#fff;color:#2e268f;border:1px solid #2e268f}.btn.danger{background:#b42318}.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--border);border-radius:8px}table{width:100%;border-collapse:collapse;min-width:850px}th,td{padding:12px 14px;border-bottom:1px solid var(--border);text-align:left}th{background:#fafafa;font-size:13px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.field label{display:block;font-size:13px;font-weight:700;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:7px;background:#fff}.field textarea{min-height:100px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(430px,100%);background:#fff;padding:28px;border-radius:12px;border:1px solid var(--border);box-shadow:0 18px 50px rgba(0,0,0,.08)}.login-title{font-size:26px;font-weight:800;color:#2e268f}.alert{padding:12px;border-radius:8px;margin:12px 0;background:#fff4e5;color:#7a3e00}.success{background:#ecfdf3;color:#067647}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:12px;font-weight:700}.actions{display:flex;gap:6px;flex-wrap:wrap}
@media(max-width:1250px){.stats-grid{grid-template-columns:repeat(2,1fr)}.top-dashboard-grid{grid-template-columns:1fr}.three-col{grid-template-columns:1fr 1fr}.bottom-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.2s}.menu-open .sidebar{transform:translateX(0)}.main{margin-left:0;width:100%}.mobile-menu{display:inline-block}.topbar{padding:0 14px}.searchbox{display:none}.content{padding:16px}.three-col,.two-one,.bottom-grid{grid-template-columns:1fr}.top-dashboard-grid{grid-template-columns:1fr}.page-actions{display:none}.welcome-card{align-items:flex-start;gap:14px}.welcome-actions{flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:620px){.stats-grid,.grid,.form-grid{grid-template-columns:1fr}.welcome-card{flex-direction:column}.welcome-actions{width:100%}.welcome-actions>*{flex:1}.top-actions{gap:10px}.top-actions span:nth-child(-n+3){display:none}.page-head h1{font-size:21px}.content{padding:12px}.sales-chart{gap:5px}.bar-bg{max-width:24px}.footer{flex-direction:column;gap:7px}.metric-card{min-height:140px}}
/* V3 reference-dashboard expansion */
.neo-grid{display:grid;gap:16px;margin-bottom:16px}.neo-grid.two{grid-template-columns:2fr 1fr}.neo-grid.three{grid-template-columns:repeat(3,1fr)}.neo-panel{background:#fff;border:1px solid #e3e7ed;border-radius:4px;min-width:0;overflow:hidden}.neo-head{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid #edf0f4}.neo-head h3{margin:0;font-size:14px}.mini-btn{border:1px solid #e4e8ee;background:#fff;border-radius:4px;padding:6px 9px;font-size:10px}.admin-kpis,.lead-kpis,.help-kpis,.attendance-topstats,.finance-kpis{display:grid;gap:14px;margin-bottom:16px}.admin-kpis{grid-template-columns:repeat(4,1fr)}.lead-kpis{grid-template-columns:repeat(4,1fr)}.help-kpis{grid-template-columns:repeat(6,1fr)}.attendance-topstats{grid-template-columns:repeat(3,1fr)}.finance-kpis{grid-template-columns:2fr 1fr 1fr}.neo-stat{background:#fff;border:1px solid #e4e8ee;border-radius:4px;padding:14px;display:flex;justify-content:space-between;min-height:90px}.neo-stat small{display:block;color:#718096;font-size:11px}.neo-stat strong{display:block;font-size:22px;margin:6px 0}.neo-stat .trend{font-size:9px;color:#12a05c}.neo-stat i{font-style:normal;align-self:center}.segbar{height:18px;margin:20px;background:linear-gradient(90deg,#3b82f6 0 48%,#2e268f 48% 68%,#f1161b 68% 80%,#f5368c 80%)}.quad{display:grid;grid-template-columns:1fr 1fr}.quad>div{padding:14px;border:1px solid #edf0f4;margin:-1px 0 0 -1px}.quad small,.triple-numbers small{display:block;color:#748095}.quad b{font-size:27px}.quad.clean b{font-size:18px}.gauge-mini{width:220px;height:118px;margin:24px auto 12px;border-radius:220px 220px 0 0;background:conic-gradient(from 270deg at 50% 100%,#312a94 0 40%,#5b4fd4 40% 58%,#ffbd14 58% 72%,#03c866 72% 83%,#f1161b 83% 90%,transparent 90%);position:relative;overflow:hidden}.gauge-mini:after{content:"";position:absolute;left:54px;bottom:-1px;width:112px;height:63px;background:#fff;border-radius:120px 120px 0 0}.gauge-mini b,.gauge-mini span{position:absolute;z-index:2;left:0;right:0;text-align:center}.gauge-mini b{bottom:28px;font-size:18px}.gauge-mini span{bottom:12px;font-size:10px;color:#6f7c8e}.legend-lines{padding:12px 16px}.legend-lines span{display:flex;justify-content:space-between;margin:9px 0;font-size:11px}.people-list{padding:8px 14px}.people-list p,.invoice-rows p{display:flex;justify-content:space-between;gap:12px;padding:10px 0;margin:0;border-bottom:1px solid #edf0f4;font-size:11px}.people-list b{background:#04c96b;color:#fff;padding:3px 7px;border-radius:4px}.vbars{height:250px;display:flex;align-items:flex-end;gap:12px;padding:25px 18px 20px}.vbars>div{flex:1;text-align:center;height:100%;display:flex;flex-direction:column;justify-content:flex-end}.vbars i{display:block;min-height:6px;background:linear-gradient(#7766e8,#4b3fc0);border-radius:5px 5px 0 0}.vbars span{font-size:9px;color:#718096;margin-top:7px}.invoice-rows{padding:8px 15px}.invoice-rows em{font-style:normal;color:#e32c38;background:#ffe8ea;padding:3px 7px;border-radius:4px}.invoice-rows .paid{color:#07964d;background:#daf6e7}.notice{background:#edf8fb;color:#15617b;padding:12px 16px;margin-bottom:16px}.employee-top{grid-template-columns:1.05fr 1.3fr .8fr}.profile-panel{background:#fff;border:1px solid #e3e7ed}.profile-dark{background:#22272b;color:#fff;padding:16px;display:flex;align-items:center;gap:12px}.profile-dark small{display:block}.profile-body{padding:16px;font-size:11px;color:#657289}.attendance-clock{border:1px solid #5b4fd4;background:#faf9ff;padding:18px;text-align:center}.clockring{width:110px;height:110px;border:4px solid #03c866;border-radius:50%;margin:20px auto;display:grid;place-items:center}.attendance-clock button,.dark-btn{width:100%;background:#121c2d;color:#fff;border:0;padding:11px;border-radius:3px}.emp-bottom{grid-template-columns:.85fr 2fr}.emp-metrics{display:grid;grid-template-columns:repeat(4,1fr)}.emp-metrics .neo-stat{border:0;border-right:1px solid #edf0f4}.timeline{display:flex;gap:8px;padding:25px}.timeline span{height:16px;background:#06c968;border-radius:3px}.timeline span:nth-child(2),.timeline span:nth-child(4){background:#ffbd14}.payroll-top{grid-template-columns:1fr 2.2fr}.pay-hero{background:#202529;color:#fff;border-radius:4px;padding:16px}.pay-big{display:flex;justify-content:space-between;margin:18px 0}.pay-big b{font-size:24px}.pay-big small,.pay-cards small{display:block;font-size:9px}.pay-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pay-cards div{background:linear-gradient(#fff,#e9e6ff);color:#1d2730;padding:20px;text-align:center;border-radius:6px;font-weight:700}.pay-status{background:#fff;border:1px solid #e4e8ee;padding:13px;margin-bottom:16px;font-size:11px}.pay-status button{float:right}.range-lines{padding:0 18px 12px}.range-lines p{border-bottom:3px solid #5b4fd4;padding:7px;font-size:10px}.range-lines b{float:right}.pipeline{min-height:250px}.deals-top{grid-template-columns:1.1fr 1fr}.deal-kpis{display:grid;grid-template-columns:1fr 1fr;gap:12px}.funnel{display:flex;flex-direction:column;align-items:center;padding:25px}.funnel i{height:28px;background:linear-gradient(90deg,#5b4fd4,#9a90eb);margin:2px;color:#fff;text-align:center;font-style:normal;font-size:10px;line-height:28px}.table-lite{padding:8px 14px}.table-lite p,.hire-table p{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;padding:9px;margin:0;border-bottom:1px solid #edf0f4;font-size:10px}.activity-feed{padding:12px 16px}.activity-feed p{padding:8px 0;border-bottom:1px solid #edf0f4;margin:0;font-size:11px}.lead-main{grid-template-columns:2fr 1fr}.heatmap{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;padding:28px}.heatmap i{height:26px;background:#ebe9ff}.heatmap i:nth-child(5n){background:#5b4fd4}.legend-inline{display:flex;justify-content:center;gap:18px;font-size:9px;padding:10px}.hr-top{grid-template-columns:1.1fr 1.4fr}.stripebar{height:28px;margin:20px;background:repeating-linear-gradient(90deg,#5b4fd4 0 3px,#fff 3px 5px,#312a94 5px 8px,#fff 8px 10px)}.triple-numbers{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;padding:16px}.triple-numbers b{font-size:19px}.linefake{height:190px;margin:24px;background:linear-gradient(170deg,transparent 0 44%,#312a94 45% 46%,transparent 47% 52%,#6d5cdf 53% 54%,transparent 55%)}.linefake.tall{height:250px}.recruit-top{grid-template-columns:2.2fr 1fr}.hire-table{padding:12px}.hire-table p{grid-template-columns:1.7fr repeat(5,1fr);text-align:center}.hire-table span{background:#f5f7f9;padding:5px;border-radius:5px}.recruit-summary{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;border-top:1px solid #edf0f4;padding:18px}.recruit-summary b{font-size:20px}.recruit-summary small{display:block;font-size:9px}.reminder-card{background:#312a94;color:#fff;padding:20px;margin:12px}.reminder-card button{display:block;margin-top:20px;background:#5b4fd4;color:#fff;border:0;padding:8px 12px;border-radius:15px}.ai-panel{padding:16px}.ai-icon{font-size:38px}.fake-input{margin-top:25px;border:1px solid #e0e5eb;border-radius:20px;padding:11px;color:#8993a2}.attendance-main{grid-template-columns:2.2fr 1fr}.dark-status{background:#202529;color:#fff;padding:18px;border-radius:4px}.dark-status>small,.dark-status>b{display:block}.dark-status>b{font-size:22px}.dark-status p{display:flex;justify-content:space-between;font-size:10px}.status-progress{display:grid;grid-template-columns:2fr 1fr .6fr .5fr 1fr;height:22px;margin:16px 0;gap:2px}.status-progress i{background:#5b4fd4}.status-progress i:nth-child(2){background:#7568dc}.status-progress i:nth-child(3){background:#8c82e6}.status-progress i:nth-child(4){background:#aaa3ed}.status-progress i:nth-child(5){background:#cbc7f5}.dotplot{height:190px;margin:20px;background-image:radial-gradient(circle,#312a94 3px,transparent 4px),radial-gradient(circle,#5b4fd4 3px,transparent 4px);background-size:90px 45px,75px 55px;background-position:0 0,25px 18px}.big-counter{padding:22px;font-size:26px;font-weight:800}.big-counter small{display:block;font-size:10px;color:#687588}.finance-mid{grid-template-columns:2fr 1fr}.dark-banner{background:#101e2c;color:#fff;padding:20px}.dark-banner button{background:#5b4fd4;color:#fff;border:0;padding:8px;width:100%}.help-main{grid-template-columns:2fr 1fr}.ticket-status{display:grid;grid-template-columns:1fr 1fr;align-items:center}.ticket-status p{font-size:10px}.ticket-status b{float:right}.agent-bars{padding:12px}.agent-bars p{display:grid;grid-template-columns:150px 1fr 40px;gap:12px;align-items:center}.agent-bars i{height:8px;background:#5b4fd4;border-radius:6px}.generic-hero{background:#fff;border:1px solid #e4e8ee;padding:20px;margin-bottom:16px}.generic-hero h2{margin:0 0 6px}.generic-hero p{margin:0;color:#708094}
@media(max-width:1200px){.admin-kpis{grid-template-columns:repeat(2,1fr)}.help-kpis{grid-template-columns:repeat(3,1fr)}.employee-top,.recruit-top,.payroll-top,.deals-top,.lead-main,.hr-top,.attendance-main,.finance-mid{grid-template-columns:1fr}.neo-grid.three{grid-template-columns:1fr 1fr}.finance-kpis,.attendance-topstats{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.neo-grid.two,.neo-grid.three{grid-template-columns:1fr}.admin-kpis,.lead-kpis,.help-kpis,.attendance-topstats,.finance-kpis,.emp-metrics{grid-template-columns:1fr}.deal-kpis{grid-template-columns:1fr}.vbars{height:210px;gap:5px}.employee-top{grid-template-columns:1fr}.hire-table{overflow:auto}.hire-table p{min-width:650px}}
/* V4 live-data dashboard fixes */
.empty-real{padding:28px 16px;text-align:center;color:#8a96a8;background:#fafbfc;border:1px dashed #e1e6ec;margin:14px;border-radius:6px;font-size:12px}.dash-form{border-top:3px solid var(--accent)}.dash-form h2{margin-top:0}.people-list p form{margin-left:auto}.people-list p small{display:block;color:#7a8698;margin-top:3px}.actions-cell{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.actions-cell form{margin:0}.mini-btn.danger{background:#fff1f1;color:#d92525;border-color:#ffd0d0}.table-wrap{overflow:auto}.table-wrap table{min-width:900px}.trend{font-style:normal}.neo-stat .trend{color:#7a8698}.card.dash-form{background:#fff;border:1px solid var(--border);border-top:3px solid var(--accent);padding:18px;border-radius:6px}
/* V5 settings + light/dark mode */
.settings-page .settings-title-row h1{margin:0 0 7px;font-size:25px}.settings-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin:6px 0 18px;overflow-x:auto;background:var(--card)}.settings-tabs a{padding:12px 18px;white-space:nowrap;font-size:13px;font-weight:600}.settings-tabs a.active{background:var(--accent);color:#fff}.settings-grid{display:grid;grid-template-columns:360px 1fr;gap:22px}.settings-side{padding:18px;height:max-content}.settings-side a{display:block;padding:14px 16px;border-radius:5px;color:var(--muted);margin-bottom:4px}.settings-side a.active{background:#f0eeff;color:var(--accent);font-weight:700}.settings-main{padding:20px}.settings-main h2{font-size:18px;margin:0 0 14px}.settings-main h3{font-size:13px;margin:16px 0}.settings-main hr{border:0;border-top:1px solid var(--border)}.profile-upload-box{display:flex;align-items:center;gap:18px;background:#f8f9fb;border-radius:5px;padding:20px;margin:18px 0}.profile-photo-preview{width:76px;height:76px;border-radius:50%;border:1px dashed #dfe4ea;display:grid;place-items:center;overflow:hidden;color:#adb6c4;font-size:24px;background:var(--card)}.profile-photo-preview img{width:100%;height:100%;object-fit:cover}.profile-upload-box small{display:block;color:var(--muted);margin:6px 0 12px}.upload-label{cursor:pointer}.upload-label input{display:none}.settings-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px;margin-top:18px}.settings-form-grid .full{grid-column:1/-1}.settings-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--border);padding-top:16px;margin-top:22px}.full-settings{max-width:none}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:16px 4px;border-bottom:1px solid var(--border)}.toggle-row small{display:block;color:var(--muted);margin-top:4px}.toggle-row input{width:20px;height:20px}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}.theme-card{border:1px solid var(--border);border-radius:7px;padding:12px;cursor:pointer;display:flex;flex-direction:column;gap:10px}.theme-card input{align-self:flex-start}.theme-preview{display:block;height:110px;border-radius:5px;border:1px solid var(--border)}.light-preview{background:linear-gradient(90deg,#fff 0 24%,#f5f7fa 24%)}.dark-preview{background:linear-gradient(90deg,#151b25 0 24%,#232b38 24%)}.system-preview{background:linear-gradient(90deg,#fff 0 50%,#1d2531 50%)}.theme-quick{border:0;background:transparent;cursor:pointer;font-size:15px;color:inherit}.settings-gear{color:inherit}.settings-gear:hover{color:var(--accent)}
html[data-theme="dark"]{--bg:#121720;--text:#e9eef5;--muted:#9da8b8;--card:#1b2230;--border:#303948;--navy:#f5f7fb;--dark:#0c1118}html[data-theme="dark"] body,html[data-theme="dark"] .content{background:var(--bg);color:var(--text)}html[data-theme="dark"] .sidebar,html[data-theme="dark"] .topbar,html[data-theme="dark"] .welcome-card,html[data-theme="dark"] .metric-card,html[data-theme="dark"] .panel,html[data-theme="dark"] .neo-panel,html[data-theme="dark"] .neo-stat,html[data-theme="dark"] .profile-panel,html[data-theme="dark"] .pay-status,html[data-theme="dark"] .generic-hero,html[data-theme="dark"] .card,html[data-theme="dark"] .settings-tabs{background:var(--card);color:var(--text);border-color:var(--border)}html[data-theme="dark"] .nav-parent.active{background:#2a3341}html[data-theme="dark"] .nav-main.active,html[data-theme="dark"] .settings-side a.active{background:#292350}html[data-theme="dark"] .subnav a,html[data-theme="dark"] .breadcrumb,html[data-theme="dark"] .metric-label,html[data-theme="dark"] .muted{color:var(--muted)}html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea,html[data-theme="dark"] .btn-light,html[data-theme="dark"] .mini-btn,html[data-theme="dark"] .chip,html[data-theme="dark"] .searchbox{background:#161d28;color:var(--text);border-color:var(--border)}html[data-theme="dark"] .profile-upload-box,html[data-theme="dark"] .empty-real{background:#151b25;color:var(--muted);border-color:var(--border)}html[data-theme="dark"] table,html[data-theme="dark"] th,html[data-theme="dark"] td{border-color:var(--border)}html[data-theme="dark"] th{background:#202938;color:var(--text)}html[data-theme="dark"] .gauge-mini:after{background:var(--card)}
@media(max-width:900px){.settings-grid{grid-template-columns:1fr}.settings-side{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.settings-form-grid{grid-template-columns:1fr}.settings-form-grid .full{grid-column:auto}.theme-options{grid-template-columns:1fr}}


/* ==========================================================
   V6 — NDMA MEDIA PROFESSIONAL UI THEME
   Visual-only upgrade. Existing PHP/database functionality is untouched.
   Brand palette: NDMA deep violet + indigo + clean enterprise neutrals.
========================================================== */
:root{
  --ndma-primary:#2e268f;
  --ndma-primary-2:#5b4fd4;
  --ndma-primary-3:#7c3aed;
  --ndma-blue:#3b82f6;
  --ndma-cyan:#06b6d4;
  --ndma-soft:#f2f0ff;
  --ndma-soft-2:#f7f7fc;
  --ndma-shadow:0 10px 30px rgba(35,29,98,.07);
  --ndma-shadow-sm:0 4px 14px rgba(35,29,98,.06);
  --radius:12px;
  --accent:var(--ndma-primary-2);
  --bg:#f6f7fb;
  --text:#181b2f;
  --muted:#737b91;
  --border:#e7e8f1;
  --card:#fff;
}
html,body{font-family:Inter,"Segoe UI",Arial,Helvetica,sans-serif}
body{letter-spacing:-.005em}
.sidebar{
  width:270px;
  padding:16px 14px 28px;
  border-right:1px solid #ececf4;
  background:linear-gradient(180deg,#ffffff 0%,#fbfbff 100%);
  box-shadow:6px 0 24px rgba(35,29,98,.025)
}
.main{margin-left:270px;width:calc(100% - 270px)}
.brand-wrap{padding:7px 7px 23px;border-bottom:1px solid #f0f0f6;margin-bottom:12px}
.brand-mark{
  width:42px;height:42px;border-radius:13px;
  background:linear-gradient(135deg,var(--ndma-primary) 0%,var(--ndma-primary-2) 60%,#7868e6 100%);
  box-shadow:0 8px 18px rgba(46,38,143,.22);
  font-size:20px
}
.brand{font-size:17px;color:#201b59;letter-spacing:-.02em}
.brand-sub{font-size:10px;color:#9097aa}
.menu-caption{font-size:9px;letter-spacing:.08em;color:#a3a8b7;margin:16px 7px 8px}
.nav-parent,.nav-main{padding:10px 11px;border-radius:9px;transition:.18s ease}
.nav-parent:hover,.nav-main:hover{background:#f6f4ff;color:var(--ndma-primary)}
.nav-parent.active{background:linear-gradient(90deg,#efedff 0%,#f6f5ff 100%);color:var(--ndma-primary);box-shadow:inset 3px 0 0 var(--ndma-primary-2)}
.nav-main.active{background:linear-gradient(90deg,#efedff,#f8f7ff);color:var(--ndma-primary);box-shadow:inset 3px 0 0 var(--ndma-primary-2)}
.subnav{border-left-color:#e8e5ff}
.subnav a{border-radius:7px;padding:8px 7px;color:#687188}
.subnav a:hover{color:var(--ndma-primary);background:#f8f7ff}
.subnav a.active-sub{color:var(--ndma-primary-2);font-weight:700;background:#f5f3ff}
.subnav a.active-sub:before{background:var(--ndma-primary-2);border-radius:3px}
.hot,.new{background:linear-gradient(135deg,#5b4fd4,#7c3aed);box-shadow:0 3px 8px rgba(91,79,212,.16)}
.topbar{
  height:62px;padding:0 28px;background:rgba(255,255,255,.96);
  backdrop-filter:blur(12px);border-bottom:1px solid #ececf3;
  box-shadow:0 2px 10px rgba(20,18,55,.025)
}
.searchbox{width:300px;height:38px;border-radius:10px;background:#fafaff;border-color:#e6e5ef}
.searchbox:focus-within,.searchbox.flash{box-shadow:0 0 0 4px rgba(91,79,212,.10);border-color:#c8c2f5}
.top-icon,.settings-gear,.theme-quick,.top-actions span{transition:.18s ease}
.settings-gear:hover,.theme-quick:hover,.top-actions span:hover{color:var(--ndma-primary-2);transform:translateY(-1px)}
.avatar{background:linear-gradient(135deg,#eeeaff,#ded8ff);color:var(--ndma-primary);border:1px solid #d9d3ff;box-shadow:0 4px 10px rgba(46,38,143,.08)}
.content{padding:27px 28px 34px}
.page-head{margin-bottom:22px}
.page-head h1{font-size:26px;color:#1e1a49;letter-spacing:-.03em}
.breadcrumb{color:#8b91a3}
.btn-light,.btn-accent,.full-btn,.chip,.mini-btn,.btn{
  border-radius:9px;min-height:36px;transition:.18s ease;font-weight:600
}
.btn-light,.mini-btn,.chip{background:#fff;border-color:#e6e7ef;color:#4c5570}
.btn-light:hover,.mini-btn:hover,.chip:hover{border-color:#cfcaf2;background:#f8f7ff;color:var(--ndma-primary)}
.btn-accent,.btn{
  background:linear-gradient(135deg,var(--ndma-primary) 0%,var(--ndma-primary-2) 100%);
  color:#fff;border:0;box-shadow:0 7px 16px rgba(46,38,143,.18)
}
.btn-accent:hover,.btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(46,38,143,.23)}
.welcome-card,.metric-card,.panel,.neo-panel,.neo-stat,.profile-panel,.pay-status,.generic-hero,.card{
  border-color:#e8e9f1;border-radius:var(--radius);box-shadow:var(--ndma-shadow-sm)
}
.welcome-card{background:linear-gradient(135deg,#fff 0%,#fbfaff 70%,#f3f0ff 100%);padding:21px 22px}
.welcome-person h2{color:#211b5a}
.metric-card{min-height:150px;padding:19px;position:relative;overflow:hidden;transition:.2s ease}
.metric-card:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-55px;top:-55px;background:rgba(91,79,212,.055)}
.metric-card:hover,.neo-stat:hover{transform:translateY(-2px);box-shadow:var(--ndma-shadow)}
.metric-icon{box-shadow:0 7px 14px rgba(35,29,98,.12)}
.orange,.purple{background:linear-gradient(135deg,#5b4fd4,#7c3aed)}
.navy{background:linear-gradient(135deg,#2e268f,#4a40b6)}
.blue{background:linear-gradient(135deg,#3b82f6,#6366f1)}
.pink{background:linear-gradient(135deg,#7c3aed,#a855f7)}
.green{background:linear-gradient(135deg,#00a86b,#13c98a)}
.red{background:linear-gradient(135deg,#e5485c,#ef4444)}
.dark{background:linear-gradient(135deg,#23243b,#343750)}
.panel-head,.neo-head{min-height:56px;height:auto;padding:14px 17px;border-bottom-color:#efeff5}
.panel-head h3,.neo-head h3{color:#242047;font-size:14px;font-weight:800}
.neo-grid{gap:18px;margin-bottom:18px}
.admin-kpis,.lead-kpis,.help-kpis,.attendance-topstats,.finance-kpis{gap:16px;margin-bottom:18px}
.neo-stat{padding:16px;background:linear-gradient(145deg,#fff,#fcfcff);min-height:100px;transition:.2s ease;position:relative;overflow:hidden}
.neo-stat:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--ndma-primary-2),var(--ndma-primary-3));opacity:.9}
.neo-stat strong{color:#1f1a55;font-size:23px}
.neo-stat small{color:#7e8599}
.neo-stat .trend{color:#7a8297}
.gauge-mini{background:conic-gradient(from 270deg at 50% 100%,#2e268f 0 42%,#5b4fd4 42% 60%,#3b82f6 60% 73%,#06b6d4 73% 84%,#8b5cf6 84% 90%,transparent 90%)}
.vbars i{background:linear-gradient(180deg,#7b6fe8,#4539b4)}
.funnel i{background:linear-gradient(90deg,#2e268f,#7568dc)}
.stripebar{background:repeating-linear-gradient(90deg,#5b4fd4 0 3px,#fff 3px 5px,#2e268f 5px 8px,#fff 8px 10px)}
.heatmap i{background:#eeecff}.heatmap i:nth-child(5n){background:#6658d7}
.reminder-card,.dark-status,.dark-banner,.pay-hero,.profile-dark{
  background:linear-gradient(135deg,#211d55 0%,#2e268f 55%,#4c43b6 100%);
  border-radius:12px;box-shadow:0 12px 28px rgba(34,28,93,.16)
}
.reminder-card button,.dark-banner button{background:#fff;color:#2e268f;border-radius:8px;font-weight:800}
.status-progress i:nth-child(1){background:#2e268f}.status-progress i:nth-child(2){background:#5b4fd4}.status-progress i:nth-child(3){background:#7c6fe5}.status-progress i:nth-child(4){background:#9f96ec}.status-progress i:nth-child(5){background:#c9c4f6}
.notice{background:#efedff;color:#40369f;border:1px solid #dfdbff;border-radius:10px}
.empty-real{background:#fbfbfd;border-color:#dedfeb;border-radius:10px}
.card.dash-form{border-top-color:var(--ndma-primary-2)}
.dash-form{border-top-color:var(--ndma-primary-2)}
.table-wrap table{border-collapse:separate;border-spacing:0;width:100%}
th{background:#f7f7fb;color:#5b6377;font-size:11px;text-transform:uppercase;letter-spacing:.035em}
th,td{padding:12px 13px;border-bottom:1px solid #eeeeF4}
tbody tr:hover{background:#faf9ff}
.badge{background:#efedff;color:#4338a2;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:700}
.settings-tabs{border-radius:12px 12px 0 0;overflow-x:auto;box-shadow:var(--ndma-shadow-sm)}
.settings-tabs a.active{background:linear-gradient(135deg,#2e268f,#5b4fd4)}
.settings-side,.settings-main{border-radius:12px!important}
.settings-side a.active{background:#efedff;color:#4338a2}
.profile-upload-box{background:#faf9ff;border:1px dashed #ddd8ff;border-radius:12px}
.field input,.field select,.field textarea,.settings-form-grid input,.settings-form-grid select,.settings-form-grid textarea{
  border-radius:9px!important;border-color:#e3e4ed!important;min-height:40px;background:#fff
}
.field input:focus,.field select:focus,.field textarea:focus,.settings-form-grid input:focus,.settings-form-grid select:focus,.settings-form-grid textarea:focus{
  outline:0;border-color:#8d84e4!important;box-shadow:0 0 0 4px rgba(91,79,212,.09)
}
.footer{color:#9096a7;border-top-color:#ececf3}

/* NDMA dark theme */
html[data-theme="dark"]{
  --bg:#11121a;--text:#eef0f6;--muted:#a2a8b8;--card:#191a26;--border:#292b3a;--navy:#f5f5ff
}
html[data-theme="dark"] .sidebar{background:linear-gradient(180deg,#171823,#14151e);border-right-color:#292a38}
html[data-theme="dark"] .brand{color:#fff}
html[data-theme="dark"] .brand-wrap{border-bottom-color:#292a38}
html[data-theme="dark"] .topbar{background:rgba(24,25,36,.96);border-bottom-color:#292a38}
html[data-theme="dark"] .nav-parent.active,html[data-theme="dark"] .nav-main.active,html[data-theme="dark"] .subnav a.active-sub{background:#25213f;color:#b9b2ff}
html[data-theme="dark"] .nav-parent:hover,html[data-theme="dark"] .nav-main:hover,html[data-theme="dark"] .subnav a:hover{background:#211f34;color:#c4beff}
html[data-theme="dark"] .welcome-card,html[data-theme="dark"] .neo-stat{background:linear-gradient(145deg,#1b1c29,#171824)}
html[data-theme="dark"] .panel-head h3,html[data-theme="dark"] .neo-head h3,html[data-theme="dark"] .neo-stat strong,html[data-theme="dark"] .page-head h1{color:#f1f0ff}
html[data-theme="dark"] th{background:#212331;color:#b8bdca}
html[data-theme="dark"] tbody tr:hover{background:#201e31}
html[data-theme="dark"] .settings-side a.active{background:#282344;color:#c5c0ff}
html[data-theme="dark"] .profile-upload-box{background:#171824;border-color:#393557}
html[data-theme="dark"] .field input,html[data-theme="dark"] .field select,html[data-theme="dark"] .field textarea,html[data-theme="dark"] .settings-form-grid input,html[data-theme="dark"] .settings-form-grid select,html[data-theme="dark"] .settings-form-grid textarea{background:#151621!important;border-color:#303241!important;color:#eef0f6}

@media(max-width:900px){
  .sidebar{width:270px;transform:translateX(-100%)}
  .main{margin-left:0;width:100%}
  .topbar{height:58px;padding:0 14px}
  .content{padding:18px 14px 26px}
}

/* V7 Account dropdown + functional backup/restore */
.account-menu{position:relative}.account-trigger{border:0;background:transparent;padding:0;cursor:pointer;width:34px;height:34px;border-radius:50%;display:grid;place-items:center}.account-trigger>img{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid #e4e0ff}.account-trigger:hover{box-shadow:0 0 0 4px rgba(91,79,212,.10)}
.account-dropdown{display:none;position:absolute;right:0;top:44px;width:300px;background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:0 20px 55px rgba(28,23,78,.18);padding:8px;z-index:200}.account-dropdown.show{display:block;animation:ndmaDrop .16s ease-out}@keyframes ndmaDrop{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
.account-head{display:flex;align-items:center;gap:11px;padding:12px 11px 14px;border-bottom:1px solid var(--border);margin-bottom:5px}.account-head>div:last-child{min-width:0}.account-head b{display:block;font-size:13px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-head small{display:block;color:var(--muted);font-size:10px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-avatar{width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,#2e268f,#6658d7);display:grid;place-items:center;color:#fff;font-weight:900;overflow:hidden;flex:0 0 auto}.account-avatar img{width:100%;height:100%;object-fit:cover}
.account-dropdown>a{display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:9px;color:var(--text)}.account-dropdown>a>span{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#f1efff}.account-dropdown>a div{display:flex;flex-direction:column}.account-dropdown>a b{font-size:12px}.account-dropdown>a small{font-size:10px;color:var(--muted);margin-top:2px}.account-dropdown>a:hover{background:#f7f6ff;color:#332a92}.account-divider{height:1px;background:var(--border);margin:5px 4px}.account-dropdown .logout-link{color:#d6293e}.account-dropdown .logout-link>span{background:#fff0f2}
.backup-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.backup-title-row h1{margin:0 0 6px;font-size:26px}.backup-title-row p{margin:0}.backup-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.backup-summary{display:flex;align-items:center;gap:13px;padding:17px}.backup-summary .backup-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#2e268f,#6559d5);color:#fff;font-size:18px;box-shadow:0 8px 18px rgba(46,38,143,.16)}.backup-summary small{display:block;color:var(--muted);font-size:10px}.backup-summary strong{display:block;margin-top:5px;font-size:16px;color:var(--text)}
.backup-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,.8fr);gap:18px}.backup-card{padding:0;overflow:hidden}.backup-card-head{padding:18px 20px;border-bottom:1px solid var(--border)}.backup-card h2{font-size:16px;margin:0 0 6px}.backup-card p{margin:0;line-height:1.55}.backup-empty{margin:20px;min-height:170px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;text-align:center}.backup-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.backup-actions form{margin:0}.backup-actions .mini-btn{padding:7px 9px;border-radius:7px;background:#fff;border:1px solid #e3e4ed;font-size:10px;cursor:pointer}.backup-actions .restore-btn{color:#2e268f;border-color:#cec9ff;background:#f6f4ff}.backup-actions .danger-btn{color:#d6293e;border-color:#ffd3d9;background:#fff6f7}.backup-ok{background:#e9fbf2;color:#07854f}.restore-card{padding:20px;height:max-content}.restore-drop{margin:18px 0 12px;border:1px dashed #c9c5e9;border-radius:12px;padding:24px 16px;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;background:#faf9ff;cursor:pointer}.restore-drop input{margin-top:10px;max-width:100%}.restore-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#eeeaff;color:#2e268f;font-size:20px}.restore-drop b{font-size:13px}.restore-drop small{font-size:10px;color:var(--muted)}.full-restore{width:100%;border-radius:9px;min-height:42px}.backup-warning{display:flex;flex-direction:column;gap:4px;margin-top:14px;padding:12px;border-radius:9px;background:#fff8e7;border:1px solid #ffe2a5}.backup-warning b{font-size:11px;color:#995e00}.backup-warning span{font-size:10px;color:#88704d}
html[data-theme="dark"] .account-dropdown{background:#191a26;border-color:#292b3a}html[data-theme="dark"] .account-dropdown>a:hover{background:#25213f;color:#c4beff}html[data-theme="dark"] .account-dropdown>a>span{background:#27233f}html[data-theme="dark"] .account-dropdown .logout-link>span{background:#3b2027}html[data-theme="dark"] .restore-drop{background:#171824;border-color:#393557}html[data-theme="dark"] .backup-actions .mini-btn{background:#151621;border-color:#303241;color:#eef0f6}html[data-theme="dark"] .backup-warning{background:#332b18;border-color:#57461f}html[data-theme="dark"] .backup-warning span{color:#d7c393}
@media(max-width:1050px){.backup-grid{grid-template-columns:1fr}.backup-summary-grid{grid-template-columns:1fr 1fr 1fr}}@media(max-width:700px){.account-dropdown{position:fixed;right:12px;top:58px;width:min(300px,calc(100vw - 24px))}.backup-title-row{flex-direction:column}.backup-summary-grid{grid-template-columns:1fr}.backup-actions{min-width:220px}}