:root{--bg:#050a10;--bg2:#08111b;--panel:#0a1622;--panel2:#0d1c2a;--line:#173047;--text:#eaf4ff;--muted:#73879a;--blue:#18a8ff;--cyan:#42d7ff;--green:#1fe6a0;--orange:#ffab3d;--red:#ff627a}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 65% 0,#0d2032 0,#050a10 34%,#03070b 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px}.shell{display:grid;grid-template-columns:238px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,#03080d,#050a10 55%,#04090e);border-right:1px solid #122333;padding:16px 12px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;flex-direction:column;align-items:stretch;gap:10px;text-decoration:none;color:white;padding:0 2px 20px;text-align:center}.brand img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:50%;box-shadow:0 0 34px #0c77be52}.brand-copy{display:flex;flex-direction:column;align-items:center}.brand b{font-size:25px;line-height:1;letter-spacing:5.5px}.brand b span,.login-card h1 span{color:var(--blue)}.brand small{display:block;color:#5d7489;font-size:9px;letter-spacing:1.9px;margin-top:8px}.nav-item{display:flex;align-items:center;gap:11px;color:#94a9bb;padding:11px 12px;text-decoration:none;border:1px solid transparent;border-radius:9px;margin:2px 0;transition:.15s}.nav-item:hover{color:white;background:#091521}.nav-item.active{color:#64c9ff;background:linear-gradient(90deg,#0d3150,#0a1d2d);border-color:#145b8f;box-shadow:inset 0 0 25px #0f75b624}.nav-item i{font-style:normal;width:22px;text-align:center;font-size:17px;color:#70a6cd}.nav-item.mini{font-size:13px}.nav-item.mini i{color:#1da6ff}.nav-label{font-size:9px;color:#40576c;letter-spacing:1.2px;margin:18px 10px 6px}.nav-sep{border-top:1px solid #14212d;margin:12px 7px}.sidebar-bottom{margin-top:auto}.system-badge{display:flex;gap:10px;align-items:center;padding:12px;border:1px solid #14314a;background:#07111a;border-radius:10px;margin-bottom:10px}.system-badge b{font-size:10px;color:var(--green);display:block}.system-badge small{display:block;color:#6c8192;margin-top:5px}.pulse{width:8px;height:8px;border-radius:50%;background:var(--green);display:inline-block;box-shadow:0 0 12px var(--green)}.content{padding:18px 22px 40px;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.topbar h1{font-size:28px;margin:0}.topbar p{margin:5px 0 0;color:var(--muted)}.online{border:1px solid #17324a;background:#09131c;padding:9px 12px;border-radius:9px;color:#88a0b4}.online .pulse{margin-right:7px}.kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:9px}.kpi{background:linear-gradient(145deg,#0b1824,#08131d);border:1px solid #163047;border-radius:11px;padding:14px 14px 12px;min-height:130px}.kpi span{display:block;color:#9eb0c0;min-height:38px}.kpi b{font-size:30px;display:block;margin:8px 0}.kpi small{font-size:10px;color:#526a7d}.kpi.accent{box-shadow:inset 0 0 40px #0877bd14}.kpi.accent b{color:#71d0ff}.panel{background:linear-gradient(145deg,#0a1722,#07121b);border:1px solid #163047;border-radius:12px;padding:15px;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.panel-head h2{font-size:15px;margin:0}.panel-head span,.panel-head a{font-size:11px;color:#678095;text-decoration:none}.grid.two{display:grid;grid-template-columns:2fr 1fr;gap:9px}.grid.two.lower{grid-template-columns:1.6fr 1fr;margin-top:9px}.chart-placeholder{min-height:280px}.fake-chart{height:220px;border-left:1px solid #18344c;border-bottom:1px solid #18344c;position:relative;margin:0 8px 6px;background:linear-gradient(180deg,transparent,#0c64a31a)}.fake-chart:before{content:"";position:absolute;inset:18px 0 0;background:repeating-linear-gradient(180deg,transparent 0 45px,#16304755 46px 47px)}.fake-chart .line{position:absolute;width:80%;height:60px;left:10%;top:75px;border-bottom:2px solid #28aaff;transform:skewY(-4deg);filter:drop-shadow(0 0 6px #28aaff)}.fake-chart em{position:absolute;bottom:14px;left:0;right:0;text-align:center;color:#4f687c;font-style:normal;font-size:11px}.funnel{display:flex;flex-direction:column;gap:8px;align-items:center;padding:18px}.funnel div{height:48px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;background:linear-gradient(90deg,#0c4f7e,#0a2236);border:1px solid #176798;color:#a8c7da}.funnel div:nth-child(1){width:100%}.funnel div:nth-child(2){width:74%}.funnel div:nth-child(3){width:48%;color:#66d2ff}.funnel b{font-size:22px}.event-list>div{display:flex;gap:10px;align-items:center;padding:10px 4px;border-bottom:1px solid #132638}.event-list>div:last-child{border-bottom:0}.event-list .dot{width:7px;height:7px;background:#159cff;border-radius:50%;box-shadow:0 0 8px #159cff}.event-list p{margin:0;flex:1}.event-list b,.event-list small{display:block}.event-list small{color:#5f778b;margin-top:3px;font-size:10px}.event-list time{color:#71899a;font-size:10px}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:160px;color:#546b7e;text-align:center}.empty b{color:#8ca2b3;margin-bottom:5px}.split{display:grid;grid-template-columns:1.8fr 1fr;gap:10px}.project-list>a{display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:inherit;padding:14px 10px;border-top:1px solid #132638}.project-list>a:hover{background:#0b1c2a}.project-list b,.project-list small{display:block}.project-list small{color:#60798c;margin-top:4px}.right{display:flex;align-items:center;gap:9px;color:#4faeeb}.pin{font-size:9px;border:1px solid #176ca2;color:#36b7ff;padding:3px 5px;border-radius:4px}.status{font-size:9px;padding:4px 7px;border-radius:10px}.status.on{background:#083725;color:#31eca5}.status.off{background:#39271a;color:#ffb95d}.form-panel form{display:flex;flex-direction:column;gap:12px}label{display:flex;flex-direction:column;gap:6px;color:#8097aa;font-size:12px}input,textarea{width:100%;background:#06111a;border:1px solid #17334b;border-radius:8px;color:white;padding:11px 12px;font:inherit;outline:none}input:focus,textarea:focus{border-color:#168ed2;box-shadow:0 0 0 3px #0d7aba18}textarea{resize:vertical}.check{display:flex;flex-direction:row;align-items:center;gap:8px}.check input{width:auto}.checks{display:flex;gap:20px}.primary,.ghost{border:0;border-radius:8px;padding:10px 14px;font-weight:600;cursor:pointer}.primary{background:linear-gradient(135deg,#0d87d2,#16b7ff);color:white;box-shadow:0 7px 20px #0e87ca24}.ghost{background:#09141d;color:#8096a7;border:1px solid #173047}.full{width:100%}.project-tabs{display:flex;gap:8px;margin-bottom:10px;overflow:auto}.project-tabs a{padding:8px 11px;border:1px solid #153047;border-radius:7px;color:#6c8294;font-size:11px;text-decoration:none;white-space:nowrap}.project-tabs a:hover{color:#b8e5ff;border-color:#235777}.project-tabs .active{color:#4bc3ff;border-color:#17699f;background:#0a253a}.project-tabs em{font-style:normal;font-size:9px;margin-left:4px;padding:1px 5px;border-radius:9px;background:#0e2b40;color:#6cbfe8}.steps{display:flex;flex-direction:column;gap:11px;padding:4px}.steps>div{display:flex;align-items:center;gap:12px;padding:10px;background:#08141e;border:1px solid #122d42;border-radius:9px}.steps b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#102537;color:#75a9cc}.steps .done b{background:#0c4e76;color:#62d4ff}.steps strong,.steps small{display:block}.steps small{color:#587186;margin-top:3px}.steps.compact>div{padding:7px}.lower{margin-top:10px}.table .tr{display:grid;grid-template-columns:160px 90px 1fr 2fr;gap:8px;padding:10px 7px;border-top:1px solid #132638;align-items:center}.table .th{color:#6b8498;font-size:10px;border-top:0}.level{font-style:normal;color:#55c7ff;font-size:10px}.kv>div{display:flex;justify-content:space-between;padding:12px 4px;border-bottom:1px solid #132638}.kv span{color:#6d8598}.kv b{font-size:12px}.drop{border:1px dashed #21618c;background:#071724;border-radius:10px;padding:28px;align-items:center;text-align:center}.drop input{border:0;background:transparent;padding:0;color:#7896aa}.drop span{color:#567287}.hint{font-size:10px;color:#577083;margin-top:14px;line-height:1.5}.error{color:#ff7d91;font-size:12px}.error.box{background:#2a1017;border:1px solid #6b2633;padding:10px;border-radius:8px;margin-bottom:12px}.update-state{background:#081621;border:1px solid #17344c;border-radius:10px;padding:16px;margin-bottom:15px}.update-state b{font-size:18px;color:#5dcaff}.update-state.ready b{color:#37e2a2}.update-state p{color:#758da0}.login-bg{min-height:100vh;display:grid;place-items:center}.login-card{width:360px;text-align:center;background:linear-gradient(145deg,#0b1924,#071018);border:1px solid #183752;border-radius:16px;padding:28px;box-shadow:0 30px 80px #0008}.login-card img{width:110px;height:110px;border-radius:50%;object-fit:cover;box-shadow:0 0 45px #0a84cc55}.login-card h1{letter-spacing:7px;margin:15px 0 3px}.login-card p{color:#607a8d;margin:0 0 22px}.login-card form{display:flex;flex-direction:column;gap:10px}@media(max-width:1100px){.kpis{grid-template-columns:repeat(3,1fr)}.grid.two,.grid.two.lower,.split{grid-template-columns:1fr}}@media(max-width:760px){.shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.content{padding:14px}.kpis{grid-template-columns:repeat(2,1fr)}}

/* updater v0.1.2 */
.update-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(420px,.8fr);gap:10px;align-items:start}.update-bottom-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.55fr);gap:10px;margin-top:10px}.update-upload-card,.update-process-card,.update-log-card,.update-history-card{min-height:0}.update-upload-card .panel-head b{color:#a6dfff}.update-safety{display:grid;grid-template-columns:1fr;gap:8px;margin-top:16px}.update-safety>div{display:flex;align-items:flex-start;gap:10px;padding:10px 11px;border:1px solid #132c40;border-radius:9px;background:#07131d}.update-safety i{font-style:normal;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#083928;color:#2ae6a1;font-weight:700;flex:0 0 auto}.update-safety b,.update-safety small{display:block}.update-safety b{font-size:11px;color:#b9cfde}.update-safety small{font-size:9px;color:#5c7487;margin-top:3px;line-height:1.45}.primary:disabled,.drop input:disabled{opacity:.55;cursor:not-allowed}.live-indicator{display:inline-flex!important;align-items:center;gap:6px;color:#56d6a7!important}.live-indicator i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#1fe6a0;box-shadow:0 0 10px #1fe6a0}.live-indicator.offline{color:#ffb15e!important}.live-indicator.offline i{background:#ffb15e;box-shadow:0 0 8px #ffb15e}.update-state{position:relative;overflow:hidden}.update-state:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#20aaff}.update-state.state-success:before{background:#1fe6a0}.update-state.state-failed:before,.update-state.state-critical:before{background:#ff627a}.update-state.state-rollback:before,.update-state.state-rolled_back:before{background:#ffab3d}.update-state-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.state-kicker{display:block;font-size:8px;letter-spacing:1.3px;color:#4e6c82;margin-bottom:4px}.update-state-top b{font-size:20px;text-transform:none}.version-chip{font-size:10px;color:#77cfff;border:1px solid #19577f;background:#092238;padding:5px 8px;border-radius:999px}.update-state.state-success .update-state-top b{color:#2ee9a5}.update-state.state-failed .update-state-top b,.update-state.state-critical .update-state-top b{color:#ff7489}.update-state.state-rollback .update-state-top b,.update-state.state-rolled_back .update-state-top b{color:#ffbb61}.progress-track{height:8px;border-radius:999px;background:#06101a;border:1px solid #12314a;overflow:hidden;margin-top:14px}.progress-bar{height:100%;width:0;background:linear-gradient(90deg,#087dc6,#22c1ff);box-shadow:0 0 16px #16aaff55;transition:width .35s ease}.state-success .progress-bar{background:linear-gradient(90deg,#0ca871,#2ceaa7)}.state-failed .progress-bar,.state-critical .progress-bar{background:linear-gradient(90deg,#ba3148,#ff667d)}.state-rollback .progress-bar,.state-rolled_back .progress-bar{background:linear-gradient(90deg,#b86d15,#ffb044)}.progress-meta{display:flex;justify-content:space-between;color:#557085;font-size:9px;margin-top:6px}.update-reload{margin-top:12px}.update-steps{display:flex;flex-direction:column;gap:7px}.update-step{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 10px;border:1px solid #122b3e;border-radius:9px;background:#07131d;transition:.2s}.step-icon{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#102335;color:#617f95;font-size:11px;font-weight:700}.step-copy b,.step-copy small{display:block}.step-copy b{font-size:11px;color:#849bad}.step-copy small{font-size:9px;color:#50697c;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:420px}.step-state{font-size:8px;text-transform:uppercase;letter-spacing:.7px;color:#526b7d}.update-step.running{border-color:#175f8e;background:#082035;box-shadow:inset 0 0 22px #0b83c91a}.update-step.running .step-icon{background:#0d5b89;color:#7ed8ff;box-shadow:0 0 12px #1aa9ff33}.update-step.running .step-copy b{color:#a8ddfb}.update-step.running .step-state{color:#51c8ff}.update-step.done .step-icon{background:#083f2c;color:#31e9a6}.update-step.done .step-copy b{color:#82b5a2}.update-step.done .step-state{color:#2bd69b}.update-step.failed{border-color:#6d2837;background:#211018}.update-step.failed .step-icon{background:#5d2030;color:#ff8798}.update-step.failed .step-copy b,.update-step.failed .step-state{color:#ff8396}.rollback-step{margin-top:3px}.connection-note{margin-top:10px;border:1px solid #684518;background:#24180a;color:#ffbc67;padding:9px 11px;border-radius:8px;font-size:10px}.update-log{margin:0;height:320px;overflow:auto;background:#03090e;border:1px solid #122b3e;border-radius:9px;padding:12px;color:#8fb4cd;font:10px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;word-break:break-word;scrollbar-color:#1c4e70 #07111a}.update-history{display:flex;flex-direction:column;gap:6px}.history-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px 7px;border-bottom:1px solid #122638;color:inherit;text-decoration:none}.history-row:hover{background:#091927}.history-dot{width:7px;height:7px;border-radius:50%;background:#567082}.history-success{background:#1fe6a0;box-shadow:0 0 8px #1fe6a055}.history-failed,.history-critical{background:#ff627a}.history-rolled_back,.history-rollback{background:#ffab3d}.history-main b,.history-main small{display:block}.history-main b{font-size:11px}.history-main small{font-size:9px;color:#5d7487;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.history-state{font-size:8px;color:#617c90;text-transform:uppercase}.history-empty{padding:24px 8px;text-align:center;color:#50697b;font-size:10px}@media(max-width:1200px){.update-layout,.update-bottom-grid{grid-template-columns:1fr}.update-log{height:260px}}@media(max-width:760px){.step-copy small{max-width:220px}.update-step{grid-template-columns:28px minmax(0,1fr)}.step-state{display:none}}

select{width:100%;background:#06111a;border:1px solid #17334b;border-radius:8px;color:white;padding:10px 11px;font:inherit;outline:none}select:focus{border-color:#168ed2;box-shadow:0 0 0 3px #0d7aba18}
.project-grid{grid-template-columns:minmax(0,1.8fr) minmax(300px,.95fr);gap:10px}.project-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px}.project-summary>div{display:flex;align-items:center;justify-content:space-between;background:#07131d;border:1px solid #143047;border-radius:9px;padding:9px 12px}.project-summary span{color:#6e879a;font-size:11px}.project-summary b{font-size:16px;color:#b9e8ff}
.steps>a{display:flex;align-items:center;gap:12px;padding:10px;background:#08141e;border:1px solid #122d42;border-radius:9px;text-decoration:none;color:inherit}.steps>a:hover{border-color:#1a5278;background:#0a1a27}.steps a b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#102537;color:#75a9cc}.steps a.done b{background:#0c4e76;color:#62d4ff}.steps a.current{border-color:#17699f;background:#092238}.steps a.current b{background:#1476a9;color:white}.steps a strong,.steps a small{display:block}.steps a small{color:#587186;margin-top:3px}.steps.compact>a{padding:7px}
.notice{border-radius:9px;padding:11px 13px;margin-bottom:12px;display:flex;flex-direction:column;gap:4px;font-size:11px}.notice.info{background:#071d2b;border:1px solid #174a69;color:#7fcdf4}.notice span{color:#6f899c;line-height:1.45}.source-list,.rule-list{display:flex;flex-direction:column}.source-row,.rule-row{display:flex;align-items:center;gap:10px;border-top:1px solid #132638;padding:10px 4px}.source-row:first-child,.rule-row:first-child{border-top:0}.source-icon{width:34px;height:34px;border-radius:9px;background:#0b2c43;color:#49bfff;display:grid;place-items:center;font-size:18px}.source-main,.rule-main{min-width:0;flex:1}.source-main b,.source-main small,.rule-main b,.rule-main small{display:block}.source-main small,.rule-main small{color:#5e788c;margin-top:3px;font-size:10px}.muted-row{opacity:.48}.icon-btn{width:30px;height:30px;border:1px solid #17344d;border-radius:7px;background:#08141e;color:#70a9cf;cursor:pointer}.icon-btn:hover{background:#0b2436;color:#aaddff}.danger-text{color:#d16a7d}.danger-zone{margin-top:18px;padding-top:14px;border-top:1px solid #34202a;display:flex;justify-content:space-between;align-items:center;gap:14px}.danger-zone b,.danger-zone small{display:block}.danger-zone small{color:#725965;font-size:10px;margin-top:4px}.danger{border:1px solid #683041;background:#2a1019;color:#ff8297;border-radius:8px;padding:9px 12px;cursor:pointer}.rule-kind{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:18px}.rule-kind.include{background:#073b2b;color:#36e5a3}.rule-kind.exclude{background:#3b1620;color:#ff7188}.inline-action{display:flex;align-items:center;gap:12px;margin-top:13px;padding-top:13px;border-top:1px solid #132638}.inline-action span{font-size:10px;color:#617b8e}.project-next{margin-top:16px}.lead-table{overflow:auto}.lead-tr{display:grid;grid-template-columns:170px minmax(300px,1fr) 90px 130px 125px;gap:10px;align-items:center;padding:11px 7px;border-top:1px solid #132638;min-width:900px}.lead-th{color:#6b8498;font-size:10px;border-top:0}.lead-tr b,.lead-tr small{display:block}.lead-tr small{font-size:10px;color:#61798c;margin-top:3px}.lead-message{color:#9fb0bd;font-size:12px;line-height:1.45}.lead-message a{display:block;margin-top:5px;color:#42baff;text-decoration:none;font-size:10px}.lead-tr time{font-size:10px;color:#6e8495}.big-empty{min-height:330px}.link-btn{display:inline-block;text-decoration:none;margin-top:14px}.cost-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.usage-list>div{display:grid;grid-template-columns:1fr 180px 120px 110px;gap:12px;align-items:center;padding:11px 5px;border-top:1px solid #132638}.usage-list>div:first-child{border-top:0}.usage-list b,.usage-list small{display:block}.usage-list small{color:#61788c;font-size:10px;margin-top:3px}.usage-list time{color:#6d8496;font-size:10px}.mini-stats{display:flex;gap:8px;margin-top:7px}.mini-stats span{font-size:9px;color:#4e718a;background:#081a28;border-radius:8px;padding:2px 6px}
@media(max-width:1100px){.project-grid{grid-template-columns:1fr}.project-summary,.cost-kpis{grid-template-columns:repeat(2,1fr)}}