:root{--bg:#f3f5fa;--surface:#fff;--surface-2:#f7f8fc;--text:#222b40;--muted:#747e92;--border:#e9ecf3;--accent:#5275e5;--accent-soft:#edf1ff;--radius:15px;--pad:24px;--green:#238767;--shadow:0 4px 24px #26365b04;color:var(--text);background:var(--bg)}body{background:var(--bg);color:var(--text)}body[data-mode=dark]{--bg:#10141f;--surface:#1a2030;--surface-2:#222a3c;--text:#e8edf9;--muted:#a2aec5;--border:#30394f;--accent-soft:color-mix(in srgb,var(--accent) 19%,#1a2030);--green:#6fd7b3;color-scheme:dark}button,input,select,textarea{color:var(--text);background:var(--surface);border-color:var(--border)}button{font-size:14px;transition:background .16s,transform .16s,border-color .16s;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px}button:hover{background:var(--accent-soft);border-color:var(--accent)}button:active{transform:translateY(1px)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}svg.i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.shell{grid-template-columns:246px minmax(0,1fr)}aside{background:#202c40;color:#e5ebf5;border:0;padding:28px 18px;position:sticky;top:0;height:100vh;gap:30px}.brand{font-size:25px;letter-spacing:-.8px}.logo{background:var(--accent);border-radius:11px;font-size:21px}.brand>span:last-child{display:none}.workspace{background:#ffffff07;border-color:#ffffff0d;padding:15px;color:#dde4f0}.workspace .muted{color:#a6b3c9}.label{font-size:11px;color:#98a9c1;letter-spacing:1.8px}nav button{color:#aebdd2;justify-content:flex-start;font-size:14px;min-height:47px;border-radius:8px}nav button:hover{background:#ffffff09;color:white}.active{background:#ffffff0c!important;color:#c5d6ff!important;box-shadow:inset 3px 0 var(--accent);font-weight:500}.nav-icon{display:grid;place-items:center}.aside-bottom{border-color:#ffffff12}.aside-bottom .muted{color:#aebdd2}.topbar{height:80px;padding:0 32px;background:var(--surface);border-color:var(--border);gap:12px;flex-wrap:nowrap}.topbar>span{display:none}.topbar label{margin-left:auto;font-size:12px;white-space:nowrap}.topbar select{font-size:13px;background:var(--surface-2);color:var(--text);border-color:var(--border);max-width:156px}.icon-button{padding:9px;width:40px;height:40px;flex-shrink:0;border-radius:10px;background:transparent}.search-trigger{justify-content:flex-start;color:var(--muted);background:var(--surface-2);border:0;width:270px}.search-trigger kbd{margin-left:auto;font-size:11px;border:1px solid var(--border);padding:2px 5px;border-radius:4px}.top-tools{display:flex;gap:8px}.content{max-width:1600px;padding:32px;margin:auto}.eyebrow{color:var(--muted);font-size:11px;letter-spacing:1.5px}h1{font-size:28px;font-weight:650;letter-spacing:-.8px;margin:9px 0}.heading{margin-bottom:25px}.heading p{font-size:14px;color:var(--muted)}.primary{background:var(--accent);border-color:var(--accent);color:white}.primary:hover{background:color-mix(in srgb,var(--accent) 88%,black)}.card,.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--pad);box-shadow:var(--shadow);min-width:0}.muted,.stat span,.stat small,.module p,.module-footer,.row p,.note,th,.prototype,.heading p{color:var(--muted)}.card h2{font-size:17px;font-weight:600}.stats{gap:18px;margin-bottom:22px}.stat{position:relative;min-height:135px}.stat strong{font-size:29px;font-weight:600;color:var(--text);margin:16px 0 5px}.stat .mini-icon{position:absolute;right:22px;top:22px;background:var(--accent-soft);color:var(--accent);width:35px;height:35px;border-radius:50%;display:grid;place-items:center}.badge{background:var(--surface-2);color:var(--muted);font-size:12px}.icon{background:var(--accent-soft);color:var(--accent)}.green{background:color-mix(in srgb,var(--green) 13%,var(--surface));color:var(--green)}.orange{background:#fff0d6;color:#a87521}.pink{background:#f3eafa;color:#9362ba}.text-button{color:var(--accent);font-size:14px}.module{min-height:185px}.module p{font-size:14px}.row,td,th{border-color:var(--border)}.row:hover{background:var(--surface-2)}.progress{background:var(--surface-2)}.progress div{background:var(--accent)}.banner{background:var(--accent-soft);border-color:var(--border)}.banner p{color:var(--muted)}.dialog{background:var(--surface);color:var(--text);border-color:var(--border)}.dialog input,.dialog textarea,.dialog select,td select{background:var(--surface-2);color:var(--text);border-color:var(--border)}.dashboard{display:grid;grid-template-columns:minmax(235px,.85fr) minmax(0,2fr);gap:20px}.quick-panel{grid-column:1;grid-row:1}.financial-panel{grid-column:2;grid-row:1 / span 2}.module-panel{grid-column:1;grid-row:2}.recent-panel{grid-column:1 / -1}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}.quick-grid button{padding:14px 10px;min-height:78px;flex-direction:column;text-align:center;font-size:13px;background:var(--surface);border-radius:11px}.quick-grid .i{color:var(--accent);width:23px;height:23px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.panel-heading p{margin:7px 0 0;font-size:13px;color:var(--muted)}.module-list{margin-top:15px}.module-list button{display:flex;width:100%;justify-content:flex-start;background:transparent;border:0;border-radius:9px;padding:10px 0}.module-list .icon{margin:0;width:35px;height:35px;border-radius:9px}.module-list strong{font-size:14px;font-weight:550;display:block;text-align:left}.module-list small{font-size:12px;color:var(--muted);display:block;text-align:left;margin-top:4px}.module-list .badge{margin-left:auto}.segment{display:flex;background:var(--surface-2);padding:4px;border-radius:8px}.segment button{padding:6px 10px;min-height:30px;border:0;background:transparent;font-size:12px;color:var(--muted)}.segment button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:0 2px 6px #00000008}.chart-wrap{margin-top:20px}.chart-summary{display:flex;align-items:baseline;gap:10px;margin:18px 0 6px}.chart-summary strong{font-size:28px;font-weight:600;letter-spacing:-.7px}.chart-summary span{font-size:13px;color:var(--muted)}.chart{width:100%;height:215px;overflow:visible;color:var(--muted)}.chart text{font-size:12px;fill:var(--muted)}.chart .gridline{stroke:var(--border);stroke-dasharray:4 5}.chart .bar{fill:var(--accent);opacity:.85;transition:opacity .2s}.chart .bar:hover{opacity:1}.chart-bottom{border-top:1px solid var(--border);padding-top:18px;margin-top:12px;display:flex;justify-content:space-between;gap:15px;font-size:13px;color:var(--muted)}.chart-bottom strong{color:var(--text)}.table-wrap{border-radius:8px}.table-icon{display:inline-grid;place-items:center;background:var(--surface-2);width:34px;height:34px;border-radius:9px;margin-right:10px;vertical-align:middle;color:var(--accent)}.table-icon .i{width:17px}.amount{font-variant-numeric:tabular-nums;font-weight:550}.positive{color:var(--green)}.prototype{font-size:12px;opacity:.9;margin-top:24px}.top-nav{display:none}.appearance,.command{background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:0 20px 100px #0c153344}.appearance{margin:0 0 0 auto;height:100dvh;max-height:100dvh;width:400px;max-width:100%;padding:28px;border-radius:20px 0 0 20px}.appearance::backdrop,.command::backdrop{background:#101a3655;backdrop-filter:blur(4px)}.appearance .panel-heading{margin-bottom:8px}.appearance p{font-size:14px;color:var(--muted);margin-top:0}.pref-group{border:0;padding:0;margin:30px 0}.pref-group legend{font-size:14px;font-weight:600;margin-bottom:14px}.layout-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.layout-choice{display:block;padding:12px;border-radius:12px}.layout-choice[aria-pressed=true],.choice[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.layout-preview{height:75px;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;display:grid;grid-template-columns:23px 1fr;gap:6px;padding:6px;margin-bottom:10px}.layout-preview b{background:#29374e;border-radius:3px;grid-row:1 / 3}.layout-preview i{display:block;background:color-mix(in srgb,var(--accent) 20%,var(--surface));border-radius:3px}.layout-preview.studio{grid-template-columns:1fr 1fr}.layout-preview.studio b{grid-column:1 / -1;grid-row:auto;background:var(--accent);height:10px}.choices{display:flex;gap:8px}.choice{flex:1;padding:10px 7px;flex-direction:column;font-size:13px}.swatches{display:flex;gap:12px}.swatch{min-height:34px;width:34px;padding:0;border:4px solid var(--surface);box-shadow:0 0 0 1px var(--border);border-radius:50%;background:var(--swatch)!important}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--text)}.check-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;margin:18px 0}.check-row input{width:18px;height:18px;accent-color:var(--accent)}.floating-appearance{position:fixed;right:23px;bottom:22px;width:48px;height:48px;border-radius:50%;background:var(--accent);color:white;border:0;box-shadow:0 5px 22px #24385d33;z-index:5}.floating-appearance:hover{background:var(--accent);filter:brightness(1.1)}.command{width:580px;max-width:calc(100% - 28px);border-radius:17px;padding:0;margin-top:15vh}.command-head{display:flex;align-items:center;gap:12px;padding:18px;border-bottom:1px solid var(--border)}.command-head input{border:0;outline:0;flex:1;min-width:0;font-size:16px;background:transparent}.command-results{padding:10px;max-height:55vh;overflow:auto}.command-results button{width:100%;justify-content:flex-start;border:0;background:transparent;padding:14px}.command-results button:hover{background:var(--accent-soft)}.command-results small{margin-left:auto;color:var(--muted)}.command-help{font-size:12px;color:var(--muted);padding:13px 20px;border-top:1px solid var(--border)}body[data-density=compact]{--pad:18px}body[data-density=compact] .content{padding-top:22px}body[data-density=compact] .stat{min-height:116px}body[data-density=compact] td,body[data-density=compact] th{padding:11px}body[data-layout=studio]{--radius:25px;--bg:#eff0fb;background:linear-gradient(135deg,#edf0fc,#f9eff3);min-height:100vh}body[data-layout=studio][data-mode=dark]{--bg:#151625;background:linear-gradient(135deg,#141b2c,#20192a)}body[data-layout=studio] .shell{display:block;padding:22px}body[data-layout=studio] aside{display:none}body[data-layout=studio] .topbar{background:transparent;border:0;height:auto;padding:0 7px 21px;gap:12px;flex-wrap:wrap}body[data-layout=studio] .content{padding:15px 7px;max-width:1700px}body[data-layout=studio] .top-nav{display:flex;align-items:center;gap:5px;flex:1;min-width:0;flex-wrap:wrap}body[data-layout=studio] .top-nav .brand{padding:9px 17px;background:var(--surface);border-radius:40px;font-size:22px;margin-right:9px;height:49px}body[data-layout=studio] .top-nav .logo{width:28px;height:28px;font-size:18px;border-radius:8px}body[data-layout=studio] .top-nav button{border-radius:40px;border:0;min-height:46px;padding:10px 15px;background:var(--surface);color:var(--muted)}body[data-layout=studio] .top-nav .active{background:#171328!important;color:white!important;box-shadow:none}body[data-layout=studio][data-mode=dark] .top-nav .active{background:var(--accent)!important}body[data-layout=studio] .topbar>.search-trigger{width:180px;border-radius:40px;background:var(--surface)}body[data-layout=studio] .topbar>.search-trigger kbd{display:none}body[data-layout=studio] .topbar label{order:5;width:100%;text-align:right}body[data-layout=studio] .collapse-button{display:none}body[data-layout=studio] .card,body[data-layout=studio] .stat{border-color:transparent}body[data-layout=studio] .dashboard{grid-template-columns:minmax(270px,1fr) minmax(0,2.3fr)}body[data-layout=studio] .quick-grid button{border-radius:15px;min-height:85px}body[data-layout=studio] .primary{border-radius:30px;background:#171328;border-color:#171328}body[data-layout=studio][data-mode=dark] .primary{background:var(--accent);border-color:var(--accent)}body[data-collapsed=true][data-layout=classic] .shell{grid-template-columns:84px minmax(0,1fr)}body[data-collapsed=true][data-layout=classic] aside{padding:26px 13px}body[data-collapsed=true][data-layout=classic] .brand{padding:0;justify-content:center;font-size:0}body[data-collapsed=true][data-layout=classic] aside .workspace,body[data-collapsed=true][data-layout=classic] aside .label,body[data-collapsed=true][data-layout=classic] .nav-text,body[data-collapsed=true][data-layout=classic] .aside-bottom{display:none}body[data-collapsed=true][data-layout=classic] nav button{justify-content:center}.section-head{gap:12px}.reveal{animation:reveal .25s ease-out}@keyframes reveal{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}@media(min-width:1500px){body[data-layout=studio] .topbar label{order:0;width:auto}}@media(max-width:1150px){.dashboard{grid-template-columns:1fr 1.6fr}.search-trigger{width:190px}.topbar{padding:0 24px}.content{padding:25px}.topbar label{font-size:0}.topbar select{margin:0}.quick-grid{grid-template-columns:1fr}.quick-grid button{flex-direction:row;min-height:50px;justify-content:flex-start}.chart{height:245px}body[data-layout=studio] .topbar>.search-trigger{display:none}}@media(max-width:850px){.shell{grid-template-columns:200px minmax(0,1fr)}.dashboard,body[data-layout=studio] .dashboard{grid-template-columns:1fr}.quick-panel,.financial-panel,.module-panel,.recent-panel{grid-column:auto;grid-row:auto}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar .search-trigger{width:40px;padding:10px}.search-trigger span,.search-trigger kbd{display:none}.content{padding:22px}.stats{grid-template-columns:1fr;gap:12px}.stat{min-height:90px;display:grid;grid-template-columns:1fr auto}.stat strong{margin:0 45px 0 0;font-size:25px}.stat .mini-icon{top:20px;right:18px}.stat small{margin-top:8px}.stat span{max-width:150px}.heading{flex-wrap:wrap}.heading p{line-height:1.6}.module .badge{right:16px}.topbar label{margin-left:auto}}@media(max-width:620px){.shell,body[data-collapsed=true][data-layout=classic] .shell{display:block}aside{height:auto;position:relative;padding:18px;gap:18px}aside .brand{justify-content:flex-start!important;font-size:24px!important}.workspace,.aside-bottom,aside .label{display:none}aside nav{display:flex;flex-wrap:wrap}aside nav button{padding:9px 11px;min-height:40px}body[data-collapsed=true][data-layout=classic] aside nav,body[data-collapsed=true][data-layout=classic] #admin-nav{display:none}body[data-collapsed=true][data-layout=classic] .nav-text{display:inline}#admin-nav:empty{display:none}.topbar{padding:12px 18px;height:auto;gap:7px}.top-tools{gap:4px}.topbar select{max-width:135px;font-size:12px}.content{padding:24px 16px}.card,.stat{padding:20px}.heading h1{font-size:26px}.heading .toolbar{width:100%}.heading .toolbar button{flex:1}.stats{grid-template-columns:1fr}.chart{height:210px}.chart-summary strong{font-size:25px}.chart-bottom{flex-wrap:wrap}.modules,.grid-notes{grid-template-columns:1fr}.appearance{padding:24px}.panel-heading{flex-wrap:wrap}.panel-heading .segment{margin-top:5px}body[data-layout=studio] .shell{padding:16px 10px}body[data-layout=studio] .topbar{padding:0 6px 16px}body[data-layout=studio] .top-nav{flex-basis:100%;gap:6px}body[data-layout=studio] .top-nav .brand{width:100%;background:transparent;padding:5px 0;margin-bottom:10px}body[data-layout=studio] .top-nav button{font-size:13px;padding:8px 12px;min-height:40px}body[data-layout=studio] .top-nav button .i{width:17px}body[data-layout=studio] .topbar label{width:auto;order:0;font-size:0}body[data-layout=studio] .top-tools{margin-left:auto}body[data-layout=studio] .content{padding:8px 6px}.chart text{font-size:12px}.prototype{padding-right:44px}.floating-appearance{right:16px;bottom:16px}}
@media(max-width:1150px){body[data-layout=studio] .topbar>.search-trigger{display:inline-flex;width:40px;padding:10px}body[data-layout=studio] .topbar>.search-trigger span{display:none}}.search-trigger{text-align:left}.search-trigger span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-trigger kbd{white-space:nowrap}.appearance{overflow-y:auto}
.brand>.logo:last-child{display:grid}
.profile-button{padding:0;width:40px;height:40px;min-width:40px;border-radius:50%;overflow:hidden;background:var(--accent-soft);color:var(--accent);border:2px solid var(--surface);box-shadow:0 0 0 1px var(--border);font-size:13px;font-weight:650}.profile-button img,.avatar img,.profile-large img{width:100%;height:100%;object-fit:cover;display:block}.avatar{overflow:hidden;vertical-align:middle;cursor:pointer}.avatar:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.profile-details{text-align:center;margin:24px 0}.profile-large{width:100px;height:100px;border-radius:50%;overflow:hidden;display:grid;place-items:center;margin:0 auto 17px;background:var(--accent-soft);color:var(--accent);font-size:30px;font-weight:650}.profile-details h3{margin-bottom:12px}.dialog input[type=file]{font-size:14px;max-width:100%;padding:12px}.dialog input[type=file]::file-selector-button{font:inherit;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:8px;margin-right:10px;cursor:pointer}button:disabled{opacity:.5;cursor:default}@media(max-width:620px){.topbar{flex-wrap:wrap}.topbar select{max-width:124px}.top-tools{gap:3px}}