:root{--bg:#edf3f7;--card:#fff;--text:#172235;--muted:#7b8797;--line:#e2eaf0;--blue:#1f6fe5;--navy:#2f4660;--green:#12a777;--amber:#d68a18;--red:#d64d55;--cyan:#1fb7b1;--shadow:0 14px 34px rgba(52,75,96,.08);--radius:20px}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.overline{font-size:9px;font-weight:850;letter-spacing:1.2px;color:#7d8d9f}.overline.light{color:#bce8e4}.brand{display:flex;align-items:center;gap:10px}.brand>b{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,var(--blue),var(--cyan));color:#fff;box-shadow:0 8px 22px rgba(31,111,229,.22)}.brand>div{display:grid}.brand strong{font-size:17px}.brand span{font-size:9px;color:#8d9aa8;text-transform:uppercase;letter-spacing:.7px}.btn{border:0;border-radius:11px;padding:11px 15px;font-weight:800;font-size:12px;display:inline-flex;justify-content:center;align-items:center}.btn.primary{background:linear-gradient(135deg,var(--blue),#2668cf);color:#fff;box-shadow:0 8px 18px rgba(31,111,229,.17)}.btn.secondary{background:#edf3fb;color:#235fba}.btn.glass{background:rgba(255,255,255,.11);color:#fff;border:1px solid rgba(255,255,255,.12)}.btn.white{background:#fff;color:#1a63c4}.btn.danger{background:var(--red);color:#fff}.field{display:grid;gap:6px}.field>span{font-size:10px;font-weight:750;color:#6f7d8d}input,select,textarea{width:100%;border:1px solid var(--line);background:#fff;color:var(--text);border-radius:11px;padding:11px 12px;outline:none}input:focus,select:focus,textarea:focus{border-color:#8bb4f5;box-shadow:0 0 0 4px rgba(31,111,229,.08)}textarea{resize:vertical}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.card-head h3{margin:3px 0 0;font-size:15px}.chip{padding:6px 9px;border-radius:999px;background:#edf1f5;color:#5f7084;font-size:9px;font-weight:800}.chip.warning{background:#fff5e3;color:#9a620c}.chip.success{background:#e9faf4;color:#0c7c59}.loading-bar{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--cyan),var(--blue));z-index:200}.toast-host{position:fixed;right:18px;top:18px;z-index:210;display:grid;gap:8px}.toast{background:#fff;border:1px solid var(--line);border-left:4px solid var(--green);border-radius:12px;padding:12px 13px;box-shadow:0 16px 40px rgba(37,57,75,.18);min-width:270px}.toast.error{border-left-color:var(--red)}.toast strong{display:block;font-size:12px}.toast span{font-size:10px;color:var(--muted)}
/* login */.login-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 10% 10%,rgba(117,87,232,.12),transparent 25%),radial-gradient(circle at 90% 85%,rgba(31,183,177,.14),transparent 24%),#eaf1f5}.login-shell{width:min(1120px,100%);min-height:660px;background:#fff;border-radius:28px;overflow:hidden;display:grid;grid-template-columns:1.15fr .85fr;box-shadow:0 28px 80px rgba(40,60,78,.16)}.login-visual{padding:42px;background:radial-gradient(circle at 82% 15%,rgba(59,203,195,.22),transparent 27%),linear-gradient(145deg,#344e69,#263b52 72%);color:#fff;display:flex;flex-direction:column}.login-visual .brand span{color:#b9c8d2}.login-copy{margin:auto 0;max-width:600px}.login-copy h1{font-size:40px;line-height:1.08;letter-spacing:-1.3px;margin:12px 0 16px}.login-copy p{color:#c2d0d9;line-height:1.7}.login-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.login-mini div{padding:14px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.07);border-radius:15px}.login-mini span{display:block;color:#b7c7d1;font-size:9px}.login-mini strong{display:block;margin-top:4px}.login-form-side{display:grid;place-items:center;padding:35px}.login-card{width:min(390px,100%)}.login-card h2{font-size:28px;margin:7px 0 6px}.login-card>p{color:var(--muted);font-size:12px;margin:0 0 24px}.login-card .field{margin-bottom:14px}.password-wrap{position:relative}.password-wrap input{padding-right:65px}.password-wrap button{position:absolute;right:7px;top:7px;border:0;background:#edf3f8;border-radius:8px;padding:6px 9px;font-size:9px;font-weight:800}.login-btn{width:100%;min-height:48px}.form-error{background:#fff0f1;color:#b43e45;padding:10px;border-radius:9px;margin-top:12px;font-size:11px}.login-help{text-align:center;color:#9aa6b3;font-size:9px;margin-top:18px}.mobile-brand{display:none}
/* app */#app{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:#fff;border-right:1px solid var(--line);padding:22px 17px;display:flex;flex-direction:column;z-index:40}.sidebar-brand{padding:0 8px 24px;border-bottom:1px solid #edf1f4;margin-bottom:16px}.side-nav{display:grid;gap:6px}.nav-link{border:0;background:transparent;color:#738195;border-radius:11px;padding:11px 12px;display:flex;align-items:center;gap:11px;font-weight:700;text-align:left}.nav-link.active{background:#eaf2ff;color:#1765ce}.sidebar-user{margin-top:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#f8fafc}.avatar,.avatar-button{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#296de0,#27aaa7);color:#fff;font-weight:900;border:0}.sidebar-user>div:nth-child(2){display:grid}.sidebar-user strong{font-size:10px}.sidebar-user span{font-size:8px;color:var(--muted)}.sidebar-user a{text-decoration:none;color:#788798}.main{min-width:0;padding:0 28px 42px}.topbar{min-height:86px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30;background:rgba(237,243,247,.91);backdrop-filter:blur(14px)}.topbar-left{display:flex;align-items:center;gap:10px}.topbar h1{font-size:21px;margin:2px 0 0}.menu-btn{display:none}.top-actions{display:flex;align-items:center;gap:9px}.live-badge{display:flex;align-items:center;gap:6px;border:1px solid #d8f2e8;background:#ecfaf5;color:#127e5c;border-radius:999px;padding:8px 10px;font-size:8px;font-weight:900}.live-badge i{width:7px;height:7px;background:var(--green);border-radius:50%}.date-pill{display:grid;grid-template-columns:auto auto;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:4px 7px 4px 10px}.date-pill span{font-size:8px;color:var(--muted);font-weight:800}.date-pill input{border:0;padding:6px;width:137px}.avatar-button{display:none}.view{display:none}.view.active{display:block}.hero-card{min-height:148px;padding:24px 26px;border-radius:25px;background:radial-gradient(circle at 85% 0%,rgba(58,204,197,.3),transparent 34%),linear-gradient(135deg,#314c68,#243b53);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 18px 42px rgba(42,66,88,.18);margin:18px 0 0}.hero-card h2{font-size:24px;margin:6px 0 7px}.hero-card p{margin:0;color:#c3d1db;font-size:11px}.hero-actions{display:flex;gap:9px}.kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:-25px 14px 18px;position:relative;z-index:3}.kpi{background:#fff;border:1px solid var(--line);border-radius:18px;padding:15px;box-shadow:var(--shadow);min-height:128px}.kpi:first-child{background:linear-gradient(145deg,#1f6fe5,#2186d9);border-color:transparent;color:#fff}.kpi small{font-size:8px;color:#8491a0;font-weight:800;text-transform:uppercase}.kpi:first-child small,.kpi:first-child .kpi-meta{color:rgba(255,255,255,.72)}.kpi strong{display:block;font-size:20px;margin:10px 0 8px}.kpi-meta{font-size:9px;color:var(--muted);padding-top:8px;border-top:1px solid rgba(129,143,157,.12)}.dash-grid{display:grid;grid-template-columns:1.5fr .75fr;gap:17px;margin-bottom:17px}.manager-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.manager-card{border:1px solid var(--line);border-radius:15px;padding:13px}.manager-top{display:flex;justify-content:space-between}.manager-top h4{margin:0;font-size:12px}.manager-top small{font-size:8px;color:var(--muted)}.manager-total{font-size:20px;font-weight:900;color:#195fc1;margin:12px 0}.manager-breakdown{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.manager-breakdown div{background:#f6f9fb;border-radius:10px;padding:8px}.manager-breakdown span{display:block;font-size:7px;color:var(--muted);text-transform:uppercase;font-weight:800}.manager-breakdown strong{font-size:10px}.progress-track{height:8px;border-radius:999px;background:#eaf0f4;overflow:hidden;margin-top:10px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan))}.progress-fill.green{background:linear-gradient(90deg,var(--green),#8edc49)}.progress-big{display:grid;grid-template-columns:1fr auto;align-items:center}.progress-number{font-size:32px;font-weight:900}.progress-ring{--p:0;width:108px;height:108px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--cyan) calc(var(--p)*1%),#e9eff3 0);position:relative}.progress-ring:before{content:"";position:absolute;width:80px;height:80px;background:#fff;border-radius:50%}.progress-ring span{position:relative;text-align:center;font-size:8px;color:var(--muted)}.progress-ring strong{display:block;color:var(--text);font-size:19px}.metric-rows{margin-top:12px;display:grid;gap:7px}.metric-row{display:flex;justify-content:space-between;border-bottom:1px dashed var(--line);padding-bottom:7px;font-size:10px}.filters{display:flex;gap:8px}.filters input,.filters select{min-width:165px}.showroom-list{display:grid;gap:8px}.showroom-row{display:grid;grid-template-columns:minmax(180px,1.3fr) 1fr 1fr .8fr auto;gap:10px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:13px}.showroom-name strong{font-size:11px}.showroom-name span{display:block;font-size:8px;color:var(--muted)}.value span{display:block;font-size:7px;color:var(--muted);text-transform:uppercase;font-weight:800}.value strong{font-size:10px}.status{padding:6px 8px;border-radius:999px;font-size:8px;font-weight:850}.status.green{background:#e9faf4;color:#0b7c58}.status.amber{background:#fff5e3;color:#99600b}.status.red{background:#fff0f1;color:#b93e46}.section-title{margin:22px 0 18px}.section-title h2{font-size:24px;margin:5px 0}.section-title p{margin:0;color:var(--muted);font-size:11px}.form-page-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:17px}.form-card{display:grid;gap:14px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.amount-field input{font-size:30px;font-weight:900;min-height:76px;border:2px solid #dbe5ee;background:#fafdff}.accordion{border:1px solid var(--line);background:#f9fbfc;border-radius:12px;padding:12px;display:flex;justify-content:space-between;text-align:left}.accordion span{display:grid}.accordion strong{font-size:11px}.accordion small{font-size:8px;color:var(--muted)}.optional{border:1px dashed #dce6ec;border-radius:12px;padding:12px;background:#fbfcfd}.check{margin-top:9px;font-size:9px;color:var(--muted)}.check.ok{color:#0d835e}.check.bad{color:#be464d}.preview{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:#f4f8fb;border:1px solid var(--line);border-radius:13px;padding:11px}.preview span{display:block;font-size:7px;color:var(--muted);font-weight:800;text-transform:uppercase}.preview strong{font-size:12px}.form-actions{display:flex;justify-content:flex-end;gap:9px}.side-summary{align-self:start;position:sticky;top:105px}.summary-stack{display:grid;gap:8px}.summary-item{display:flex;justify-content:space-between;padding:11px;border:1px solid var(--line);border-radius:12px}.summary-item span{font-size:9px;color:var(--muted)}.summary-item strong{font-size:13px}.page-filters{margin-bottom:15px}.showroom-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.showroom-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:15px;box-shadow:var(--shadow)}.showroom-card-top{display:flex;justify-content:space-between}.showroom-card h4{margin:0;font-size:12px}.showroom-card p{margin:3px 0 0;font-size:8px;color:var(--muted)}.showroom-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.showroom-stats div{background:#f6f9fb;border-radius:10px;padding:9px}.showroom-stats span{display:block;font-size:7px;color:var(--muted);text-transform:uppercase;font-weight:800}.showroom-stats strong{font-size:11px}.report-filter{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-bottom:15px}.report-filter .field{min-width:170px}.report-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:15px}.report-kpi{background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px;box-shadow:var(--shadow)}.report-kpi span{font-size:7px;color:var(--muted);font-weight:800;text-transform:uppercase}.report-kpi strong{display:block;font-size:17px;margin-top:7px}.report-list{display:grid;gap:6px}.report-row{display:grid;grid-template-columns:100px 1.3fr 1fr 1fr;gap:10px;padding:10px;border-bottom:1px solid #edf1f4;font-size:9px}.report-row strong{font-size:10px}.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:15px}.admin-list{display:grid;gap:7px}.admin-user{display:grid;grid-template-columns:1.3fr 1fr 1fr auto;gap:10px;padding:10px;border:1px solid var(--line);border-radius:12px}.admin-user strong{font-size:10px}.admin-user span{font-size:8px;color:var(--muted)}.bottom-nav{display:none}.profile-sheet{position:fixed;inset:0;background:rgba(20,35,50,.48);z-index:100;place-items:end center;padding:16px}.profile-sheet:not(.hidden){display:grid}.sheet{width:min(420px,100%);background:#fff;border-radius:22px;padding:22px;text-align:center;position:relative}.sheet>button{position:absolute;right:14px;top:12px;border:0;border-radius:50%;width:30px;height:30px}.sheet-avatar{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin:auto;background:linear-gradient(145deg,var(--blue),var(--cyan));color:#fff;font-size:22px;font-weight:900}
@media(max-width:1180px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.dash-grid,.form-page-grid{grid-template-columns:1fr}.side-summary{position:static}.showroom-grid{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){body{padding-bottom:76px;background:#dceef5}#app{display:block}.sidebar{position:fixed;left:-270px;width:250px;transition:left .2s;box-shadow:15px 0 45px rgba(0,0,0,.18)}.sidebar.open{left:0}.main{padding:0 12px 28px}.topbar{margin:0 -12px;padding:15px;min-height:104px;background:radial-gradient(circle at 86% 0%,rgba(64,193,190,.23),transparent 34%),linear-gradient(145deg,#334b66,#2d4159);border-radius:0 0 23px 23px}.topbar h1{color:#fff}.topbar .overline{color:#b8c8d3}.menu-btn{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.08);color:#fff;border-radius:10px}.date-pill{display:none}.avatar-button{display:grid}.hero-card{margin-top:-8px;min-height:132px;padding:18px;border-radius:22px;background:radial-gradient(circle at 92% 10%,rgba(64,213,203,.24),transparent 34%),linear-gradient(140deg,#1cbbb1,#1388b4)}.hero-card h2{font-size:20px}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:9px;margin:-12px 7px 14px}.kpi{min-height:116px;padding:13px}.kpi:first-child{background:#fff;color:var(--text);border-color:var(--line)}.kpi:first-child small,.kpi:first-child .kpi-meta{color:var(--muted)}.manager-cards{grid-template-columns:1fr}.showroom-row{grid-template-columns:1fr auto}.showroom-row .value:nth-child(4){display:none}.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:9px;right:9px;bottom:8px;z-index:60;background:rgba(255,255,255,.97);border:1px solid #dfe7ed;border-radius:19px;padding:6px;box-shadow:0 18px 50px rgba(42,61,78,.18)}.bottom-link{border:0;background:transparent;color:#9ba8b5;display:grid;place-items:center;gap:2px;min-height:52px;border-radius:12px}.bottom-link span{font-size:7px;font-weight:800}.bottom-link.active{background:#edf4ff;color:#1769d8}}
@media(max-width:680px){.login-page{padding:0;background:#fff}.login-shell{min-height:100vh;border-radius:0;display:block;box-shadow:none}.login-visual{display:none}.login-form-side{min-height:100vh;padding:22px}.mobile-brand{display:flex;margin-bottom:50px}.login-card h2{font-size:26px}.toast-host{left:12px;right:12px}.toast{min-width:0}.hero-card{align-items:flex-start;flex-direction:column}.hero-actions{width:100%}.hero-actions .btn{flex:1}.kpi strong{font-size:16px}.card{border-radius:17px;padding:14px}.responsive{align-items:flex-start;flex-direction:column}.filters{width:100%}.filters input,.filters select{min-width:0;flex:1}.field-grid{grid-template-columns:1fr}.amount-field input{font-size:30px}.preview{grid-template-columns:1fr}.form-actions{position:sticky;bottom:76px;background:rgba(255,255,255,.95);margin:0 -14px -14px;padding:11px 14px;border-top:1px solid var(--line);z-index:12}.form-actions .btn{flex:1;min-height:48px}.showroom-grid{grid-template-columns:1fr}.report-filter{display:grid;grid-template-columns:1fr 1fr}.report-filter .field{min-width:0}.report-kpis{grid-template-columns:1fr 1fr}.report-row{grid-template-columns:80px 1fr auto}.report-row>*:nth-child(3){display:none}.admin-grid{grid-template-columns:1fr}.admin-user{grid-template-columns:1fr auto}.admin-user>*:nth-child(2),.admin-user>*:nth-child(3){display:none}.section-title h2{font-size:21px}.page-filters{display:grid;grid-template-columns:1fr 1fr}}
@media(max-width:900px){.bottom-nav{grid-template-columns:repeat(auto-fit,minmax(54px,1fr))}}


/* === Dashboard UI Refresh v1.2 === */
:root{--bg:#f5f7fb;--card:#ffffff;--text:#101828;--muted:#667085;--line:#eaecf3;--blue:#7c3aed;--navy:#0c1530;--green:#16a34a;--amber:#f59e0b;--red:#ef4444;--cyan:#8b5cf6;--shadow:0 10px 28px rgba(16,24,40,.06);--radius:22px}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}
#app{grid-template-columns:265px minmax(0,1fr)}
.sidebar{background:linear-gradient(180deg,#0b1430 0%,#0f1b3d 100%);border-right:0;color:#fff;padding:22px 16px}
.sidebar-brand{border-bottom:1px solid rgba(255,255,255,.08)}
.sidebar .brand strong,.sidebar .brand span,.sidebar-user strong{color:#fff}.sidebar .brand span,.sidebar-user span{opacity:.7}
.brand>b{background:linear-gradient(145deg,#3b82f6,#8b5cf6);box-shadow:none}
.nav-link{color:rgba(255,255,255,.78);padding:12px 14px;border-radius:14px;gap:12px;font-weight:700}
.nav-link:hover{background:rgba(255,255,255,.05)}
.nav-link.active{background:linear-gradient(90deg,#ff4d8d 0%,#7c3aed 100%);color:#fff;box-shadow:0 10px 24px rgba(124,58,237,.24)}
.nav-icon{width:20px;height:20px;display:grid;place-items:center;flex:0 0 20px}.nav-icon svg{width:18px;height:18px}
.sidebar-user{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.sidebar-user a{color:#c7d2fe}
.main{padding:0 26px 42px}
.topbar{position:static;background:transparent;backdrop-filter:none;min-height:auto;padding:26px 0 18px}
.topbar h1{font-size:16px;font-weight:800;color:#111827}.topbar .overline{font-size:10px;letter-spacing:1.5px;color:#98a2b3}
.date-pill{border-color:#eef1f6;border-radius:14px;padding:8px 10px}.date-pill input{font-weight:700;color:#111827}
.hero-card{background:#fff;color:var(--text);box-shadow:var(--shadow);border:1px solid var(--line);min-height:auto;margin:0 0 16px;padding:26px;border-radius:26px}
.hero-card h2{font-size:34px;line-height:1.1;letter-spacing:-1px;margin:0 0 6px;font-weight:800}.hero-card p{margin:0;font-size:13px;color:var(--muted)}.hero-card .overline{display:none}
.hero-actions{gap:10px}.hero-actions .btn{min-height:46px;padding:12px 18px;border-radius:14px;font-size:13px}.hero-actions .btn.glass{background:#f6f7fb;color:#111827;border:1px solid #eceff5}.hero-actions .btn.white{background:linear-gradient(90deg,#ff4d8d 0%,#7c3aed 100%);color:#fff;box-shadow:0 12px 24px rgba(124,58,237,.2)}
.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 16px;z-index:auto}
.kpi{min-height:auto;border-radius:22px;padding:18px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.kpi.primary{background:linear-gradient(135deg,#7c3aed 0%,#5b67ff 100%);color:#fff;border-color:transparent}
.kpi .kpi-head{display:flex;justify-content:flex-end;margin-bottom:6px}.kpi-icon{width:42px;height:42px;border-radius:14px;background:#f3f4f8;color:#6b7280;display:grid;place-items:center}.kpi-icon svg{width:20px;height:20px}.kpi.primary .kpi-icon{background:rgba(255,255,255,.14);color:#fff}
.kpi small{font-size:11px;letter-spacing:0;text-transform:none;color:#667085;font-weight:700}.kpi.primary small,.kpi.primary .kpi-meta{color:rgba(255,255,255,.8)}
.kpi strong{font-size:30px;line-height:1.05;margin:8px 0 8px;font-weight:800;letter-spacing:-.7px}.kpi-meta{font-size:12px;padding-top:0;border-top:0;color:#98a2b3}
.card{border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;padding:20px}.card-head{margin-bottom:16px}.card-head .overline{display:none}.card-head h3{font-size:24px;margin:0;font-weight:800;letter-spacing:-.6px}
.dash-grid{grid-template-columns:1.45fr .95fr;gap:16px;margin-bottom:16px}
.manager-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.manager-card{padding:16px;border-radius:18px;background:#fbfbfe;border:1px solid #eef0f5}
.manager-top h4{font-size:15px;font-weight:800}.manager-top small{font-size:11px}
.manager-total{font-size:24px;line-height:1.1;margin:12px 0;color:#111827}
.manager-mini{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.manager-mini span{display:flex;justify-content:space-between;background:#fff;padding:10px 12px;border-radius:12px;border:1px solid #eef0f6;font-size:11px;color:#667085}.manager-mini strong{font-size:12px;color:#111827}
.progress-big{grid-template-columns:1fr auto;gap:12px}.progress-number{font-size:46px;line-height:1;font-weight:900;color:#101828}.progress-ring{width:126px;height:126px;background:conic-gradient(#7c3aed calc(var(--p)*1%),#edf0f5 0)}.progress-ring:before{width:94px;height:94px}.progress-ring strong{font-size:22px}
.metric-row{font-size:12px;padding:10px 0}.metric-row strong{font-size:13px}
.showroom-list{gap:10px}.showroom-row{grid-template-columns:minmax(180px,1.2fr) 1fr .8fr auto;gap:12px;padding:14px 16px;border-radius:16px;background:#fbfbfe}.showroom-name strong{font-size:14px}.showroom-name span{font-size:11px;margin-top:2px}.value span{font-size:10px;text-transform:none}.value strong{font-size:13px}
.status{font-size:10px;padding:8px 10px}
@media(max-width:1180px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-grid{grid-template-columns:1fr}.manager-cards{grid-template-columns:1fr}}
@media(max-width:900px){body{padding-bottom:80px;background:#f5f7fb}.sidebar{background:linear-gradient(180deg,#0b1430 0%,#0f1b3d 100%)}.main{padding:0 12px 28px}.topbar{padding:16px 0 12px;margin:0}.topbar h1{color:#111827}.topbar .overline{color:#98a2b3}.menu-btn{display:grid;place-items:center;width:40px;height:40px;border:1px solid #ebedf3;background:#fff;color:#111827;border-radius:12px}.topbar-left{align-items:flex-start}.live-badge{padding:10px 12px;font-size:10px}.hero-card{margin-bottom:12px;padding:20px;border-radius:22px}.hero-card h2{font-size:28px}.hero-card p{font-size:12px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kpi{padding:16px;border-radius:18px}.kpi strong{font-size:24px}.showroom-row{grid-template-columns:1fr auto;gap:10px}.showroom-row .value:nth-child(3){display:none}.bottom-nav{background:#fff;border:1px solid #eceff5;border-radius:22px;box-shadow:0 16px 40px rgba(17,24,39,.12)}.bottom-link{color:#94a3b8;gap:4px;min-height:56px}.bottom-link .nav-icon{width:18px;height:18px}.bottom-link span:last-child{font-size:9px;font-weight:800}.bottom-link.active{background:#f5f3ff;color:#7c3aed}}
@media(max-width:680px){.hero-card{align-items:flex-start;flex-direction:column}.hero-actions{width:100%}.hero-actions .btn{flex:1}.kpi-grid{grid-template-columns:1fr}.card-head h3{font-size:20px}.progress-number{font-size:38px}}


/* === Remaining Views UI Refresh v1.3 === */
.page-shell{display:grid;gap:16px}
.page-hero.compact{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;padding:22px 24px}
.page-hero-copy h2{margin:10px 0 6px;font-size:28px;line-height:1.1;letter-spacing:-.7px}
.page-hero-copy p{margin:0;color:var(--muted);font-size:13px}
.hero-badge{display:inline-flex;align-items:center;gap:10px;background:#f6f7fb;border:1px solid #eceef4;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:700;color:#475467}
.hero-icon{width:28px;height:28px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#ff4d8d 0%,#7c3aed 100%);color:#fff;font-size:13px;box-shadow:0 8px 18px rgba(124,58,237,.22)}
.elevated{box-shadow:0 14px 34px rgba(16,24,40,.06)}
.form-block-title{display:grid;gap:4px;margin-bottom:6px}
.form-block-title h3{margin:0;font-size:20px;letter-spacing:-.4px}
.form-block-title p{margin:0;color:var(--muted);font-size:12px}
.form-card{gap:16px}
.form-card .field span{font-size:11px;font-weight:700;color:#667085}
.form-card input,.form-card select,.form-card textarea{border-radius:14px;border:1px solid #e7eaf1;background:#fbfcff;padding:13px 14px}
.form-card input:focus,.form-card select:focus,.form-card textarea:focus{background:#fff}
.amount-field input{min-height:88px;font-size:38px;letter-spacing:-1px;border-radius:18px;background:linear-gradient(180deg,#fbfcff 0%,#f4f7ff 100%)}
.accordion{padding:15px 16px;border-radius:16px;background:#fafbfe;border:1px solid #eceff5}.accordion strong{font-size:13px}.accordion small{font-size:10px}.accordion b{font-size:18px;color:#7c3aed}
.optional{border-radius:18px;background:#fff;border:1px dashed #d9deea;padding:14px}
.preview{grid-template-columns:repeat(3,minmax(0,1fr));padding:14px;border-radius:18px;background:linear-gradient(180deg,#f9fbff 0%,#f5f7fc 100%)}
.preview div{background:#fff;border:1px solid #eceff5;border-radius:14px;padding:12px}
.preview span{font-size:10px;text-transform:none}.preview strong{font-size:18px}
.side-summary{background:linear-gradient(180deg,#0f1b3d 0%,#13234a 100%);color:#fff;border:0}.side-summary .form-block-title h3,.side-summary .summary-item strong{color:#fff}.side-summary .form-block-title p,.side-summary .summary-item span{color:rgba(255,255,255,.72)}
.side-summary .summary-item{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.04)}
.toolbar-card{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:16px;padding:18px 20px}.toolbar-title h3{margin:0;font-size:18px}.toolbar-title p{margin:4px 0 0;color:var(--muted);font-size:12px}
.page-filters{display:flex;gap:10px;justify-content:flex-end}.page-filters select,.page-filters input{min-width:220px}
.showroom-card{border-radius:22px;padding:18px;background:#fff}.showroom-card-top h4{font-size:15px}.showroom-card p{font-size:11px}.showroom-stats div{padding:12px;border-radius:14px}.showroom-stats span{font-size:10px;text-transform:none}.showroom-stats strong{font-size:14px}
.report-filter{grid-template-columns:1.1fr repeat(3,minmax(0,1fr)) auto auto;display:grid;gap:12px;align-items:end}
.report-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.report-kpi{border-radius:20px;padding:16px 18px;background:#fff}.report-kpi span{font-size:10px;text-transform:none}.report-kpi strong{font-size:24px;letter-spacing:-.4px}
.report-list{gap:10px}.report-row{grid-template-columns:110px 1.4fr 1fr auto;align-items:center;padding:14px 16px;border:1px solid #edf0f6;border-radius:16px;background:#fbfbfe;font-size:12px}.report-row strong{font-size:13px;color:#101828}
.admin-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.admin-list{gap:10px}.admin-user{grid-template-columns:1.4fr .8fr 1fr auto;align-items:center;padding:14px 16px;border-radius:16px;background:#fbfbfe;border:1px solid #edf0f6}.admin-user strong{font-size:13px;color:#111827}.admin-user span{font-size:11px}
.btn.primary{background:linear-gradient(90deg,#ff4d8d 0%,#7c3aed 100%);box-shadow:0 10px 22px rgba(124,58,237,.2)}
.btn.secondary{background:#f5f3ff;color:#6d28d9}
@media(max-width:1180px){.toolbar-card,.report-filter{grid-template-columns:1fr 1fr}.toolbar-title{grid-column:1/-1}.admin-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.page-shell{gap:12px}.page-hero.compact{padding:18px 18px 16px;border-radius:22px}.page-hero-copy h2{font-size:24px}.toolbar-card,.report-filter{grid-template-columns:1fr;gap:12px}.page-filters{justify-content:stretch;flex-direction:column}.page-filters select,.page-filters input{min-width:0;width:100%}.report-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.report-row{grid-template-columns:1fr auto;gap:8px}.report-row>*:nth-child(3){display:none}.admin-grid{grid-template-columns:1fr}.admin-user{grid-template-columns:1fr auto}.admin-user>*:nth-child(2),.admin-user>*:nth-child(3){display:none}.amount-field input{font-size:34px}.preview{grid-template-columns:1fr}.preview strong{font-size:16px}}
@media(max-width:680px){.page-hero.compact{padding:16px}.page-hero-copy h2{font-size:22px}.hero-badge{font-size:11px}.form-card,.side-summary,.toolbar-card,.report-kpi,.showroom-card,.admin-user,.report-row{border-radius:18px}.report-kpis{grid-template-columns:1fr}.form-page-grid{gap:14px}.form-actions{bottom:80px}}