:root{--bg:#05111d;--panel:#081a2a;--panel2:#0b2235;--line:#17384f;--text:#edf7ff;--muted:#8aa8bc;--cyan:#58ead5;--blue:#3da9ff;--green:#44d78e;--red:#ff6d78;--orange:#f5bb52;--shadow:0 20px 60px rgba(0,0,0,.28)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:linear-gradient(145deg,#04101b,#071828 55%,#071321);color:var(--text);font:14px/1.45 Inter,Segoe UI,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.app-shell{min-height:100vh;display:grid;grid-template-columns:238px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:#03111d;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:20}.brand-row{padding:19px 16px;display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--line)}.brand-row img{width:38px;height:38px;border-radius:10px}.brand-row strong{display:block;font-size:16px}.brand-row span{display:block;color:var(--cyan);font-size:10px;text-transform:uppercase;letter-spacing:.15em}.brand-row .icon-btn{margin-left:auto}nav{padding:14px 12px;overflow:auto;flex:1}nav button{width:100%;background:transparent;color:#b9d5e6;border:1px solid transparent;border-radius:9px;padding:10px 11px;text-align:left;margin:2px 0;font-weight:650;display:flex;gap:10px;align-items:center}nav button span{width:22px;color:var(--cyan);font-weight:800}nav button:hover,nav button.active{background:#0b2a43;border-color:#1f5270;color:#fff}.nav-label{font-size:9px;color:#52758a;text-transform:uppercase;letter-spacing:.15em;margin:17px 10px 5px}.sidebar-foot{padding:13px;border-top:1px solid var(--line)}.install-btn{width:100%;background:#0a2639;border:1px solid #1d5068;color:var(--cyan);border-radius:8px;padding:9px;margin-bottom:12px}.user-mini{display:flex;align-items:center;gap:9px}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--cyan),var(--blue));color:#052130;font-weight:900}.user-mini b,.user-mini span{display:block}.user-mini span{font-size:10px;color:var(--muted)}.version{font-size:9px;color:#5e8298;margin-top:12px}.main{min-width:0}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;background:rgba(5,17,29,.82);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.topbar h1{font-size:20px;margin:0}.topbar p{margin:2px 0 0;color:var(--muted);font-size:12px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.status-chip{display:flex;gap:7px;align-items:center;border:1px solid #176040;background:#09281d;border-radius:999px;padding:6px 10px;color:#7ff7b7;font-size:10px;font-weight:800}.status-chip i{width:7px;height:7px;border-radius:50%;background:#57ef99;box-shadow:0 0 12px #57ef99}.content{padding:24px 28px 50px;max-width:1500px;margin:auto}.hero{background:linear-gradient(135deg,#09243a,#0b1d31);border:1px solid #1b4964;border-radius:18px;padding:24px;display:flex;justify-content:space-between;gap:20px;align-items:center;box-shadow:var(--shadow)}.hero h2{font-size:26px;margin:3px 0 8px}.hero p{margin:0;color:#a6c1d3}.eyebrow{font-size:9px;letter-spacing:.18em;color:var(--cyan);font-weight:900}.hero-actions{display:flex;gap:9px;flex-wrap:wrap}.grid{display:grid;gap:14px}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:16px}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px}.kpi small{color:var(--muted);text-transform:uppercase;font-size:9px;letter-spacing:.1em}.kpi strong{display:block;font-size:23px;margin-top:8px}.kpi span{display:block;color:#7397ae;font-size:11px;margin-top:4px}.panel-grid{grid-template-columns:2fr 1fr;margin-top:16px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.panel h3{margin:0;font-size:15px}.btn{border-radius:9px;border:1px solid #28516a;padding:9px 13px;background:#0a2335;color:#d8eefb;font-weight:750}.btn:hover{filter:brightness(1.12)}.btn.primary{background:linear-gradient(135deg,#19c9a8,#2da6ef);border:0;color:#031622}.btn.success{background:#0c5c3c;border-color:#178258;color:#caffdf}.btn.danger{background:#4b1e27;border-color:#7d3441;color:#ffd9dd}.btn.ghost{background:transparent}.btn.small{padding:6px 9px;font-size:11px}.icon-btn{width:36px;height:36px;border-radius:9px;border:1px solid var(--line);background:#071b2a;color:#dff4ff}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}.data-table{width:100%;border-collapse:collapse;min-width:720px}.data-table th,.data-table td{padding:11px 12px;border-bottom:1px solid #14334a;text-align:left}.data-table th{font-size:9px;color:#7194a9;text-transform:uppercase;letter-spacing:.09em;background:#071927}.data-table tr:hover td{background:#092033}.money{font-weight:800}.positive{color:#69efad}.negative{color:#ff8e99}.warning-text{color:#ffd27d}.badge{display:inline-flex;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:800;background:#0d2a3e;border:1px solid #24516d}.badge.green{background:#0b3324;border-color:#17694a;color:#80f5b9}.badge.orange{background:#35260c;border-color:#72551f;color:#ffd27d}.badge.red{background:#38141d;border-color:#74303f;color:#ff9aa3}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.toolbar .search{min-width:260px;flex:1}.search,input,select,textarea{background:#061827;border:1px solid #21445b;color:#ecf8ff;border-radius:9px;padding:10px 11px;outline:none}.search:focus,input:focus,select:focus,textarea:focus{border-color:#47cfd6;box-shadow:0 0 0 3px rgba(71,207,214,.09)}.section-title{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:18px}.section-title h2{margin:0;font-size:23px}.section-title p{margin:4px 0 0;color:var(--muted)}.empty{padding:30px;text-align:center;color:#6f91a6}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.entity-card{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:16px}.entity-card h4{margin:0 0 7px}.entity-card p{color:var(--muted);margin:4px 0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-stack{display:grid;gap:12px}.form-grid label,.form-stack label{display:grid;gap:5px;color:#a8c5d7;font-size:11px;font-weight:700}.form-grid .full{grid-column:1/-1}.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.66);backdrop-filter:blur(4px)}.modal-card{position:relative;width:min(760px,96vw);max-height:90vh;overflow:auto;background:#071725;border:1px solid #28506a;border-radius:16px;box-shadow:var(--shadow)}.modal-head{position:sticky;top:0;background:#071725;border-bottom:1px solid var(--line);padding:14px 16px;display:flex;justify-content:space-between;align-items:center;z-index:2}.modal-head h2{margin:0}.modal-card #modalBody{padding:18px}.toast{position:fixed;right:22px;bottom:22px;z-index:100;min-width:250px;max-width:420px;background:#0b2639;border:1px solid #28607d;color:#e9f8ff;padding:12px 14px;border-radius:10px;opacity:0;transform:translateY(15px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.toast.error{border-color:#8b3d4b;background:#3a1720}.login-view{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(430px,94vw);background:#071725;border:1px solid #21485f;border-radius:18px;padding:28px;box-shadow:var(--shadow)}.brand-lockup{display:flex;gap:12px;align-items:center;margin-bottom:25px}.brand-lockup img{width:54px;height:54px;border-radius:14px}.brand-lockup strong,.brand-lockup span{display:block}.brand-lockup strong{font-size:18px}.brand-lockup span{color:var(--cyan);font-size:10px;text-transform:uppercase;letter-spacing:.12em}.login-card h1{font-size:28px;margin:0}.login-card>p{color:var(--muted);margin:5px 0 20px}.login-card small{display:block;color:#57788d;margin-top:18px}.notice{border:1px solid var(--line);border-radius:10px;padding:10px;margin-top:12px}.notice.warning{background:#33270f;border-color:#6c5422;color:#ffd582}.chart{height:210px;display:flex;align-items:flex-end;gap:10px;padding:20px 6px 26px;position:relative}.bar{flex:1;min-width:20px;background:linear-gradient(180deg,#55ead7,#268dc6);border-radius:6px 6px 2px 2px;position:relative;min-height:3px}.bar span{position:absolute;bottom:-23px;width:100%;text-align:center;color:#6e91a6;font-size:10px}.bar i{position:absolute;top:-20px;width:100%;text-align:center;color:#a8c6d8;font-size:9px;font-style:normal}.tabs{display:flex;gap:7px;margin-bottom:14px}.tabs button{border:1px solid var(--line);background:#071a29;color:#89a9bd;border-radius:8px;padding:8px 12px}.tabs button.active{border-color:#42cfd2;color:#eaffff;background:#0a3041}.quick-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:16px}.quick{background:#081c2c;border:1px solid #1a4159;border-radius:12px;padding:14px;text-align:left;color:#dceffb}.quick b{display:block}.quick small{color:#6f91a6}.mobile-only{display:none}
.workspace-tabs{position:sticky;top:78px;z-index:9;display:flex;align-items:flex-end;gap:4px;padding:7px 14px 0;background:rgba(3,15,25,.96);border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:thin}.workspace-tab{height:37px;min-width:130px;max-width:230px;display:flex;align-items:center;border:1px solid #17384f;border-bottom:0;border-radius:9px 9px 0 0;background:#061725;color:#8baabd;flex:0 0 auto;transition:.15s}.workspace-tab:hover{background:#092236;color:#d8effb}.workspace-tab.active{background:#0b2a43;border-color:#24617e;color:#fff;box-shadow:inset 0 2px 0 var(--cyan)}.workspace-tab-main{border:0;background:transparent;color:inherit;padding:9px 8px 9px 12px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;text-align:left}.workspace-tab-close{width:29px;height:29px;margin-right:3px;border:0;border-radius:7px;background:transparent;color:#7196ad;font-size:17px;line-height:1}.workspace-tab-close:hover{background:#17384f;color:#fff}.workspace-host{min-height:calc(100vh - 116px)}.workspace-page{animation:workspaceFade .12s ease}@keyframes workspaceFade{from{opacity:.7;transform:translateY(2px)}to{opacity:1;transform:none}}
@media(max-width:1050px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:repeat(2,1fr)}.quick-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.workspace-tabs{top:70px;padding-left:8px}.workspace-tab{min-width:118px;max-width:180px}.workspace-host{min-height:calc(100vh - 107px)}.app-shell{display:block}.sidebar{position:fixed;left:-260px;width:238px;transition:.2s}.sidebar.open{left:0;box-shadow:20px 0 60px #000}.mobile-only{display:inline-grid;place-items:center}.topbar{padding:0 14px;height:70px}.top-actions .status-chip{display:none}.top-actions .btn{display:none}.content{padding:16px}.hero{align-items:flex-start;flex-direction:column}.kpi-grid,.panel-grid,.cards,.form-grid,.quick-grid{grid-template-columns:1fr}.section-title{align-items:flex-start;flex-direction:column}.toolbar .search{min-width:100%}}