:root{--bg:#0f1420;--panel:#1a2130;--panel-2:#232c3f;--text:#e6e9f0;--muted:#8b93a7;--accent:#4f8cff;--accent-2:#22c55e;--danger:#ef4444;--border:#2c3547;--radius:10px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:var(--accent);text-decoration:none}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{background:var(--panel);border-bottom:1px solid var(--border);align-items:center;gap:20px;padding:14px 24px;display:flex}.topbar .brand{font-size:18px;font-weight:700}.topbar nav{gap:16px;display:flex}.topbar nav a{color:var(--muted);border-radius:6px;padding:6px 10px}.topbar nav a.router-link-active{color:var(--text);background:var(--panel-2)}.topbar .spacer{flex:1}.content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:24px}.content.full{max-width:none;padding:16px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:18px}.btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;display:inline-flex}.btn:hover{filter:brightness(1.08)}.btn.secondary{background:var(--panel-2)}.btn.danger{background:var(--danger)}.btn.sm{padding:5px 10px;font-size:13px}input,select,textarea{background:var(--panel-2);border:1px solid var(--border);width:100%;color:var(--text);border-radius:8px;margin:6px 0 14px;padding:9px 12px;font-size:14px}label{color:var(--muted);font-size:13px}.grid-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.grid-item{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.grid-item h3{margin-bottom:8px}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--border);padding:8px 10px}th{color:var(--muted);font-weight:600}.kpi-value{color:var(--accent);font-size:42px;font-weight:800}.muted{color:var(--muted)}.widget{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;height:100%;padding:14px;display:flex;overflow:hidden}.widget h4{color:var(--muted);margin-bottom:10px;font-size:14px}.auth-card{max-width:420px;margin:8vh auto}.auth-title{text-align:center;margin-bottom:20px}.tabs{gap:8px;margin-bottom:16px;display:flex}.tabs button{background:var(--panel-2);color:var(--muted);border:1px solid var(--border);cursor:pointer;border-radius:8px;flex:1;padding:8px}.tabs button.active{background:var(--accent);color:#fff}.chart-wrap{flex:1;height:100%;min-height:180px;position:relative}.chart-wrap canvas{width:100%!important}.dashboard-grid{--s:1;--ts:1;--f:1;gap:calc(12px * var(--s));grid-template-columns:repeat(12,1fr);grid-auto-rows:90px;align-content:start;display:grid}.dashboard-cell{min-width:0;min-height:0;display:flex}.widget-card{background:var(--panel);border:calc(1px * var(--s)) solid var(--border);border-radius:calc(10px * var(--s));flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000040}.widget-card:hover{border-color:var(--accent)}.widget-card-header{padding:calc(6px * var(--s)) calc(10px * var(--s));background:var(--panel-2);border-bottom:calc(1px * var(--s)) solid var(--border);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;font-size:13px;display:flex}.drag-handle{cursor:grab}.drag-handle:active{cursor:grabbing}.widget-card-body{min-height:0;padding:calc(10px * var(--s));flex:1}.dashboard-grid .widget{padding:calc(14px * var(--s))}.dashboard-grid .widget h4{font-size:calc(14px * var(--f));margin-bottom:calc(10px * var(--s))}.dashboard-grid .kpi-value{font-size:calc(42px * var(--f))}.dashboard-grid .muted{font-size:calc(13px * var(--f))}.dashboard-grid table{font-size:calc(14px * var(--f))}.dashboard-grid th,.dashboard-grid td{padding:calc(8px * var(--s)) calc(10px * var(--s));border-bottom:calc(1px * var(--s)) solid var(--border)}.dashboard-grid .chart-wrap{min-height:calc(60px * var(--s))}.resize-handle{cursor:se-resize;opacity:.5;width:18px;height:18px;position:absolute;bottom:0;right:0}.resize-handle:after{content:"";border-right:2px solid var(--text);border-bottom:2px solid var(--text);width:7px;height:7px;position:absolute;bottom:4px;right:4px}.editor-root{position:relative}.editor-wrap{min-height:60vh;position:relative}.dashboard-grid.editable{background-image:repeating-linear-gradient(90deg,#0000 0 calc(8.33333% - 1px),#4f8cff1f calc(8.33333% - 1px) 8.33333%),repeating-linear-gradient(#0000 0 101px,#4f8cff14 101px 102px)}.floating-panel{z-index:30;width:340px;max-width:40vw;max-height:calc(100vh - 120px);margin-left:16px;position:absolute;top:0;right:0;overflow-y:auto}.floating-panel .card{box-shadow:0 8px 30px #00000073}