:root{--abyss:#03101a;--side:#041620;--deep:#062231;--panel:#0622318c;--pearl:#eee9e0;--mist:#9fb3ba;--nacre:#d9c8a9;--glow:#6fe3d2;--warn:#e9c46a;--alert:#ee8f74;--ink2:#c9d3d4;--line:#eee9e017;--line2:#eee9e024;--serif:var(--f-serif), Georgia, serif;--sans:var(--f-sans), system-ui, sans-serif;--mono:var(--f-mono), ui-monospace, monospace}html,body{background:var(--abyss);margin:0}body{font-family:var(--sans);color:var(--pearl);-webkit-font-smoothing:antialiased}a{color:var(--pearl);text-decoration:none}a:hover,em.gold{color:var(--nacre)}*{box-sizing:border-box}::selection{background:var(--nacre);color:var(--abyss)}.shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.side{background:var(--side);border-right:1px solid #eee9e014;flex-direction:column;gap:22px;height:100vh;padding:24px 20px 20px 34px;display:flex;position:sticky;top:0;overflow:hidden auto}.side-brand{align-items:center;gap:10px;display:flex}.side-brand b{font-family:var(--serif);font-size:21px;font-weight:400;line-height:1;display:block}.side-brand small{font-family:var(--mono);letter-spacing:.26em;color:var(--nacre);margin-top:4px;font-size:9px;display:block}.side nav{flex-direction:column;gap:2px;display:flex}.nav-group{font-family:var(--mono);letter-spacing:.2em;color:#5e7a82;margin:14px 0 4px 14px;font-size:9.5px}.nav-item{height:42px;color:var(--mist);border-radius:8px;align-items:center;gap:12px;padding:0 14px;font-size:14px;transition:background .3s,color .3s;display:flex;position:relative}.nav-item:hover{color:var(--pearl);background:#eee9e00f}.nav-item[aria-current=page]{color:var(--pearl);background:#d9c8a91f}.nav-item[aria-current=page]:before{content:"";background:var(--nacre);border-radius:2px;width:2px;position:absolute;top:10px;bottom:10px;left:-14px}.nav-badge{min-width:20px;height:20px;color:var(--warn);font-family:var(--mono);background:#e9c46a29;border-radius:999px;justify-content:center;align-items:center;margin-left:auto;padding:0 6px;font-size:10.5px;display:inline-flex}.side-clock{background:#eee9e005;border:1px solid #eee9e014;border-radius:10px;flex-direction:column;gap:6px;padding:14px;display:flex}.side-acct{border-top:1px solid #eee9e014;align-items:center;gap:12px;padding-top:16px;display:flex}.avatar{width:36px;height:36px;font-family:var(--serif);background:#0b3b4f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.side-wave{opacity:.35;pointer-events:none;width:200%;height:40px;animation:6s linear infinite op-wave;position:absolute;bottom:0;left:0}.main{flex-direction:column;min-width:0;display:flex}.top{border-bottom:1px solid #eee9e014;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:26px 40px 22px;display:flex}.top h1{font-family:var(--serif);letter-spacing:-.015em;margin:0;font-size:40px;font-weight:400;line-height:1}.crumb{font-family:var(--mono);letter-spacing:.18em;color:var(--mist);text-transform:uppercase;font-size:10.5px}.top-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.body{flex-direction:column;gap:22px;padding:26px 40px 40px;display:flex}.panel{border:1px solid var(--line);background:var(--panel);border-radius:14px;flex-direction:column;gap:18px;min-width:0;padding:24px;display:flex}.panel-h{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-h h2{font-family:var(--serif);margin:0;font-size:26px;font-weight:400;line-height:1}.kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.kpi{border:1px solid var(--line);background:var(--panel);border-radius:14px;flex-direction:column;gap:14px;padding:22px;display:flex}.kpi-top{color:var(--mist);font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:10.5px;display:flex}.kpi-v{font-family:var(--serif);letter-spacing:-.02em;font-size:52px;line-height:.9}.kpi-sub{color:var(--mist);font-size:12.5px}.cols2{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:22px;display:grid}.cols-even{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;display:grid}.split{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:22px;display:grid}.btn{height:44px;font:inherit;white-space:nowrap;background:var(--pearl);color:var(--abyss);border:1px solid var(--pearl);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:13px;font-weight:500;transition:background .35s,color .35s,border-color .35s,opacity .3s;display:inline-flex}.btn:hover{background:var(--nacre);border-color:var(--nacre);color:var(--abyss)}.btn.ghost{color:var(--pearl);background:0 0;border-color:#eee9e033;font-weight:400}.btn.ghost:hover{color:var(--pearl);background:#eee9e00f;border-color:#eee9e066}.btn.danger{color:var(--alert);background:0 0;border-color:#ee8f7466;font-weight:400}.btn.sm{border-radius:8px;height:36px;padding:0 12px;font-size:12.5px}.btn.icon{border-radius:8px;width:36px;height:36px;padding:0}.btn[disabled],.btn:disabled{opacity:.45;pointer-events:none}.link{color:var(--nacre);font-size:13px}.link:hover{text-decoration:underline}.chip{height:24px;font-family:var(--mono);letter-spacing:.08em;white-space:nowrap;text-transform:uppercase;color:var(--mist);background:#9fb3ba1a;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:10.5px;display:inline-flex}.chip:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.chip.ok{color:var(--glow);background:#6fe3d21f}.chip.warn{color:var(--warn);background:#e9c46a1f}.chip.alert{color:var(--alert);background:#ee8f7421}.chip.info{color:var(--nacre);background:#d9c8a91f}.filters{flex-wrap:wrap;gap:6px;display:flex}.fchip{height:34px;font:inherit;color:var(--pearl);cursor:pointer;background:0 0;border:1px solid #eee9e033;border-radius:999px;padding:0 14px;font-size:12.5px;transition:all .25s}.fchip:hover{border-color:#d9c8a999}.fchip[aria-pressed=true]{background:var(--pearl);color:var(--abyss);border-color:var(--pearl)}.tbl{border-collapse:collapse;width:100%;font-size:14px}.tbl th{text-align:left;font-family:var(--mono);letter-spacing:.14em;color:var(--mist);text-transform:uppercase;white-space:nowrap;border-bottom:1px solid #eee9e014;padding:10px 12px;font-size:10px;font-weight:400}.tbl td{vertical-align:middle;border-bottom:1px solid #eee9e00f;padding:12px}.tbl tr.hover:hover td{background:#eee9e008}.tbl .num{font-family:var(--mono);white-space:nowrap;font-size:13px}.tbl .r{text-align:right}.tbl-wrap{border:1px solid var(--line);background:var(--panel);border-radius:14px;overflow:auto}.muted{color:var(--mist)}.mono{font-family:var(--mono)}.serif{font-family:var(--serif);font-weight:400}.small{color:var(--mist);font-size:12.5px}.label{font-family:var(--mono);letter-spacing:.14em;color:var(--mist);text-transform:uppercase;font-size:10px}.bar{background:#eee9e014;border-radius:4px;min-width:60px;height:8px;position:relative;overflow:hidden}.bar>span{background:var(--nacre);transform-origin:0;border-radius:4px;animation:1.2s cubic-bezier(.2,.8,.2,1) both grow;position:absolute;top:0;bottom:0;left:0}@keyframes grow{0%{transform:scaleX(0)}}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.form-grid .full{grid-column:1/-1}.fld{font-family:var(--mono);letter-spacing:.14em;color:var(--mist);text-transform:uppercase;flex-direction:column;gap:6px;font-size:10px;display:flex}.input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:100%;height:42px;color:var(--pearl);font-family:var(--sans);letter-spacing:0;text-transform:none;background:#03101a99;border:1px solid #eee9e024;border-radius:10px;outline:none;padding:0 12px;font-size:14px;transition:border-color .25s}.input:focus{border-color:var(--nacre)}textarea.input{resize:vertical;height:auto;padding:10px 12px;line-height:1.5}select.input option{background:var(--deep)}.input.sm{height:36px;font-family:var(--mono);font-size:13px}.notice{color:var(--glow);border:1px solid #6fe3d266;border-radius:10px;align-items:center;gap:10px;padding:12px 16px;font-size:13px;display:flex}.notice.err{color:var(--alert);border-color:#ee8f7480}.empty{text-align:center;color:var(--mist);border:1px dashed #eee9e024;border-radius:12px;padding:40px 20px;font-size:14px}.switch{cursor:pointer;background:#eee9e02e;border:0;border-radius:999px;flex-shrink:0;width:44px;height:26px;padding:0;transition:background .25s;position:relative}.switch:after{content:"";background:var(--pearl);border-radius:50%;width:20px;height:20px;transition:transform .25s;position:absolute;top:3px;left:3px}.switch[aria-checked=true]{background:var(--glow)}.switch[aria-checked=true]:after{transform:translate(18px)}.drawer-bg{z-index:60;background:#020a1099;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:var(--deep);border-left:1px solid #eee9e01f;flex-direction:column;gap:16px;width:500px;max-width:100%;height:100%;padding:26px;display:flex;overflow:auto;box-shadow:-30px 0 80px #0006}.water{background-color:#072a38;background-image:radial-gradient(circle at 20% 30%,#6fe3d229 0 2px,#0000 3px),repeating-radial-gradient(at 30% 40%,#eee9e00d 0 6px,#0000 7px 22px);background-size:34px 34px,240px 160px;position:relative;overflow:hidden}.water img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.thumb{width:44px;height:44px;color:var(--mist);border-radius:8px;justify-content:center;align-items:center;display:flex}.steps{align-items:center;display:flex}.step{flex-grow:1;align-items:center;gap:10px;font-size:13px;display:flex}.step .dot{width:26px;height:26px;font-family:var(--mono);color:var(--mist);border:1px solid #eee9e033;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;display:flex}.step.done .dot{border-color:var(--glow);color:var(--glow);background:#6fe3d224}.step.now .dot{border-color:var(--nacre);color:var(--nacre)}.step .ln{background:#eee9e01f;flex-grow:1;height:1px;margin:0 12px}.msg{background:#eee9e00f;border-radius:12px;flex-direction:column;gap:6px;max-width:88%;padding:12px 14px;font-size:13.5px;line-height:1.5;display:flex}.msg.me{background:var(--pearl);color:var(--abyss);align-self:flex-end}.list-card{text-align:left;font:inherit;color:var(--pearl);border:1px solid var(--line);background:var(--panel);border-radius:12px;flex-direction:column;gap:10px;padding:18px;transition:border-color .3s;display:flex}.list-card:hover{border-color:#d9c8a973}.list-card[aria-current=true]{background:#d9c8a912;border-color:#d9c8a999}.auth{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);min-height:100vh;display:grid}.auth-art{position:relative;overflow:hidden}.auth-art canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.auth-form{background:var(--side);border-left:1px solid #eee9e014;flex-direction:column;justify-content:center;gap:30px;padding:60px 96px;display:flex}.tabs{border:1px solid #eee9e01f;border-radius:12px;align-self:flex-start;gap:4px;padding:4px;display:flex}.tabs a,.tabs button{height:40px;font:inherit;color:var(--mist);cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;padding:0 18px;font-size:13px;display:inline-flex}.tabs [aria-current=true]{background:var(--pearl);color:var(--abyss)}.tank{border:1px solid var(--line);background:var(--side);border-radius:12px;flex-direction:column;justify-content:space-between;height:170px;padding:14px;display:flex;position:relative;overflow:hidden}.tank .fill{background:#0e4c5e;animation:1.6s cubic-bezier(.2,.8,.2,1) both rise;position:absolute;bottom:0;left:0;right:0}.tank .fill svg{width:200%;height:12px;animation:6s linear infinite op-wave;position:absolute;top:-10px;left:0}@keyframes rise{0%{transform:translateY(100%)}}@keyframes op-wave{0%{transform:translate(0)}to{transform:translate(-50%)}}.kanban{gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.kcol{background:#06223166;border:1px solid #eee9e00f;border-radius:14px;flex-direction:column;flex-shrink:0;gap:10px;width:250px;padding:12px;display:flex}.kcard{background:var(--deep);color:var(--pearl);border:1px solid #eee9e014;border-radius:10px;flex-direction:column;gap:8px;padding:14px;display:flex}.kcard:hover{color:var(--pearl);border-color:#d9c8a973}@media (prefers-reduced-motion:reduce){*{animation:none!important}}@media (max-width:1100px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.cols2,.cols-even,.split{grid-template-columns:1fr}}@media (max-width:860px){.shell{grid-template-columns:1fr}.side{flex-flow:wrap;gap:12px;height:auto;padding:14px 16px;position:relative}.side nav{flex-flow:wrap;width:100%}.nav-group,.side-clock,.side-wave{display:none}.top,.body{padding-left:16px;padding-right:16px}.auth{grid-template-columns:1fr}.auth-art{display:none}.auth-form{padding:40px 20px}.form-grid{grid-template-columns:1fr}.kpis{grid-template-columns:1fr 1fr;gap:12px}.kpi{gap:10px;min-width:0;padding:16px}.kpis .kpi-v{overflow-wrap:anywhere;font-size:28px!important}.panel{padding:18px}.panel>.tbl{display:block;overflow-x:auto}}