:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#070b14;--surface:#0d1424;--surface-2:#121c31;--text-primary:#e8eef9;--text-secondary:#a3b3d0;--text-muted:#7487a8;--gridline:#78a0ff17;--baseline:#78a0ff33;--border:#78a0ff29;--border-strong:#27d3f273;--accent:#27d3f2;--accent-2:#3b82f6;--accent-glow:#27d3f259;--series-1:#27d3f2;--series-1-soft:#27d3f224;--series-3:#34d399;--status-good:#34d399;--status-good-text:#34d399;--status-warning:#fbbf24;--status-serious:#fb923c;--status-critical:#f87171;--sans:system-ui, -apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", Roboto, sans-serif;--num:"Cascadia Mono", "SF Mono", Consolas, ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{font:15px/1.5 var(--sans);color:var(--text-primary);background-color:var(--page);background-image:radial-gradient(900px 520px at 8% -8%,#27d3f21a,#0000 60%),radial-gradient(800px 480px at 100% 0,#3b82f61a,#0000 60%),linear-gradient(#78a0ff09 1px,#0000 1px),linear-gradient(90deg,#78a0ff09 1px,#0000 1px);background-size:auto,auto,44px 44px,44px 44px;background-attachment:fixed;margin:0}button,input,select{font:inherit;color:inherit}::selection{background:#27d3f24d}*{scrollbar-width:thin;scrollbar-color:#78a0ff4d transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#78a0ff47;border-radius:4px}::-webkit-scrollbar-track{background:0 0}.layout{flex-direction:column;min-height:100%;display:flex}.topbar{z-index:10;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:#070b14c7;justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;display:flex;position:sticky;top:0}.topbar:after{content:"";background:linear-gradient(90deg, transparent, var(--accent) 30%, var(--accent-2) 70%, transparent);opacity:.55;height:1px;position:absolute;bottom:-1px;left:0;right:0}.brand{letter-spacing:.02em;white-space:nowrap;align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex}.brand-mark{background:linear-gradient(135deg, var(--accent), var(--accent-2));width:22px;height:22px;box-shadow:0 0 14px var(--accent-glow);border-radius:6px;flex:none;position:relative}.brand-mark:after{content:"";background:var(--page);clip-path:polygon(60% 0,0 58%,45% 58%,30% 100%,100% 38%,55% 38%);position:absolute;inset:5px 8px;transform:scale(1.5)}.brand-text{background:linear-gradient(90deg,#fff,#8fe8f8);color:#0000;-webkit-background-clip:text;background-clip:text}.nav{flex-wrap:wrap;gap:4px;display:flex}.nav a{color:var(--text-secondary);border-radius:8px;padding:7px 14px;font-size:14px;text-decoration:none;transition:color .15s,background .15s;position:relative}.nav a:hover{color:var(--text-primary);background:#78a0ff14}.nav a.active{color:var(--accent);background:var(--series-1-soft);box-shadow:inset 0 0 0 1px #27d3f247}.nav a.active:after{content:"";background:var(--accent);height:2px;box-shadow:0 0 10px var(--accent);border-radius:2px;position:absolute;bottom:-9px;left:22%;right:22%}.main{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:26px 24px 48px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.page-header h1{letter-spacing:.01em;margin:0;font-size:22px;font-weight:700}.page-header .stat-sub{margin-top:0}.btn{border:1px solid var(--border);background:var(--surface-2);color:var(--text-primary);cursor:pointer;white-space:nowrap;border-radius:8px;padding:8px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s,background .15s,transform 50ms}.btn:hover:not(:disabled){border-color:var(--border-strong);box-shadow:0 0 14px #27d3f22e}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{color:#fff;background:linear-gradient(135deg,#2563eb,#0e7490);border-color:#27d3f280;box-shadow:0 0 16px #27d3f22e}.btn-primary:hover:not(:disabled){border-color:var(--accent);filter:brightness(1.1);box-shadow:0 0 22px #27d3f266}input,select{border:1px solid var(--border);background:#070b14b3;border-radius:8px;outline:none;transition:border-color .15s,box-shadow .15s}input::placeholder{color:var(--text-muted)}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #27d3f226}.card{border:1px solid var(--border);background:linear-gradient(160deg,#142038d1,#0b1221e6);border-radius:12px;padding:16px 18px;transition:border-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 1px #ffffff0a,0 8px 24px #00000047}.stat-grid>.card:hover{border-color:var(--border-strong);box-shadow:inset 0 1px #ffffff0d,0 8px 24px #0000004d,0 0 20px #27d3f21a}.stat-grid>.card:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-2));width:34px;height:2px;box-shadow:0 0 8px var(--accent);border-radius:2px;position:absolute;top:-1px;left:16px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:24px;display:grid}.stat-label{color:var(--text-secondary);letter-spacing:.04em;margin-bottom:6px;font-size:12.5px}.stat-value{font-family:var(--num);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 0 22px #27d3f247;font-size:27px;font-weight:600}.stat-sub{color:var(--text-muted);margin-top:4px;font-size:12px}.section-title{color:var(--text-primary);align-items:center;gap:10px;margin:30px 0 12px;font-size:15px;font-weight:600;display:flex}.section-title:before{content:"";background:linear-gradient(180deg, var(--accent), var(--accent-2));width:3px;height:16px;box-shadow:0 0 8px var(--accent-glow);border-radius:2px}.section-title:after{content:"";background:linear-gradient(90deg, var(--border), transparent);flex:1;height:1px}.pool-section{border:1px solid var(--border);background:linear-gradient(160deg,#142038b3,#0b1221d9);border-radius:14px;margin-bottom:20px;transition:border-color .2s,box-shadow .2s;overflow:hidden;box-shadow:0 8px 24px #00000047}.pool-section:hover{border-color:var(--border-strong);box-shadow:0 8px 24px #0000004d,0 0 26px #27d3f21a}.pool-section-header{border-bottom:1px solid var(--border);background:linear-gradient(90deg,#27d3f21a,#3b82f60a 60%,#0000);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.pool-section-header .pool-title{font-size:15px;font-weight:600}.pool-section-body{padding:18px}.pool-section-body .stat-grid{margin-bottom:0}.pool-section-body .stat-grid>div{min-width:0}.progress-track{background:#78a0ff1f;border-radius:4px;height:8px;margin-top:10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent-2), var(--accent));height:100%;box-shadow:0 0 12px var(--accent-glow);border-radius:4px;position:relative;overflow:hidden}.progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff73,#0000);animation:2.8s ease-in-out infinite sweep;position:absolute;inset:0;transform:translate(-100%)}@keyframes sweep{to{transform:translate(100%)}}table{border-collapse:collapse;border:1px solid var(--border);background:linear-gradient(160deg,#14203899,#0b1221c7);border-radius:12px;width:100%;font-size:13.5px;overflow:hidden}th,td{text-align:left;border-bottom:1px solid var(--gridline);padding:10px 12px}th{white-space:nowrap;color:var(--text-muted);letter-spacing:.05em;border-bottom:1px solid var(--border);background:#78a0ff0d;font-size:12px;font-weight:500}tbody tr{transition:background .12s}tbody tr:hover{background:#27d3f20d}tr:last-child td{border-bottom:none}td.num,th.num{font-variant-numeric:tabular-nums;text-align:right}td.num{font-family:var(--num);font-size:13px}.mono{font-family:var(--num);color:var(--text-secondary);font-size:12.5px}.orders-table th,.orders-table td{white-space:nowrap;padding:10px 8px}.badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.badge-dot{border-radius:50%;width:6px;height:6px}.badge-active{color:var(--status-good-text);background:color-mix(in srgb, var(--status-good) 12%, transparent);border-color:color-mix(in srgb, var(--status-good) 30%, transparent)}.badge-active .badge-dot{background:var(--status-good);box-shadow:0 0 8px var(--status-good);animation:2.4s ease-in-out infinite pulse}.badge-expired{color:var(--text-muted);border-color:var(--border);background:#78a0ff14}.badge-expired .badge-dot{background:var(--text-muted)}.badge-failed{color:var(--status-critical);background:color-mix(in srgb, var(--status-critical) 12%, transparent);border-color:color-mix(in srgb, var(--status-critical) 32%, transparent)}.badge-failed .badge-dot{background:var(--status-critical);box-shadow:0 0 8px var(--status-critical);animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.35}}.empty{color:var(--text-muted);text-align:center;padding:24px;font-size:13.5px}.card.empty{border-style:dashed}.error-text{color:var(--status-critical);margin-bottom:10px;font-size:13px}.form-row{grid-template-columns:1.4fr 1fr .8fr .7fr auto auto;align-items:center;gap:8px;margin-bottom:8px;display:grid}.form-row input,.form-row select{border-radius:6px;width:100%;padding:7px 9px}.toolbar{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.chart-bars{background-image:linear-gradient(var(--gridline) 1px, transparent 1px);background-position:0 8px;background-size:100% 32px;align-items:flex-end;gap:8px;height:130px;padding:10px 4px 0;display:flex}.chart-bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.chart-bar{background:linear-gradient(180deg, var(--accent), var(--accent-2));border-radius:5px 5px 0 0;width:100%;max-width:30px;min-height:2px;transition:filter .15s,box-shadow .15s;box-shadow:0 0 12px #27d3f240}.chart-bar-col:hover .chart-bar{filter:brightness(1.25);box-shadow:0 0 18px #27d3f280}.chart-bar-label{font-family:var(--num);color:var(--text-muted);font-size:10.5px}.login-wrap{justify-content:center;align-items:center;min-height:100%;padding:24px;display:flex}.login-card{border-color:var(--border-strong);width:340px;padding:32px 28px 28px;box-shadow:0 0 0 1px #27d3f20f,0 20px 60px #0000008c,0 0 60px #27d3f21f}.login-brand{align-items:center;gap:12px;margin-bottom:4px;display:flex}.login-brand .brand-mark{border-radius:8px;width:30px;height:30px}.login-card h1{letter-spacing:.02em;margin:0;font-size:19px}.login-sub{color:var(--text-muted);letter-spacing:.12em;margin:0 0 22px 42px;font-size:12px}.login-card input{width:100%;margin-bottom:12px;padding:11px 12px}@media (prefers-reduced-motion:reduce){.progress-fill:after,.badge-dot{animation:none!important}*{transition:none!important}}@media (width<=760px){.topbar{flex-wrap:wrap;padding:10px 14px}.main{padding:18px 14px 40px}.form-row{grid-template-columns:1fr 1fr}table{display:block;overflow-x:auto}td{white-space:nowrap}}.topbar-right{align-items:center;gap:12px;display:flex}.status-light{white-space:nowrap;border:1px solid var(--border);color:var(--text-secondary);background:#78a0ff0f;border-radius:999px;align-items:center;gap:8px;padding:5px 12px;font-size:12.5px;display:inline-flex}.status-dot{background:var(--text-muted);border-radius:50%;width:8px;height:8px}.status-light.ok{color:var(--status-good);border-color:color-mix(in srgb, var(--status-good) 35%, transparent)}.status-light.ok .status-dot{background:var(--status-good);box-shadow:0 0 8px var(--status-good);animation:2.4s ease-in-out infinite pulse}.status-light.stale{color:var(--status-critical);border-color:color-mix(in srgb, var(--status-critical) 45%, transparent);background:color-mix(in srgb, var(--status-critical) 10%, transparent)}.status-light.stale .status-dot{background:var(--status-critical);box-shadow:0 0 8px var(--status-critical);animation:1s ease-in-out infinite pulse}.status-light.starting .status-dot{background:var(--status-warning)}.nav-sep{background:var(--border);align-self:stretch;width:1px;margin:6px 8px}.alert-bar{flex-direction:column;gap:6px;width:100%;max-width:1180px;margin:0 auto;padding:10px 24px 0;display:flex}.alert-item{color:var(--text-primary);border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:9px 14px;font-size:13.5px;text-decoration:none;transition:filter .15s;display:flex}.alert-item:hover{filter:brightness(1.2)}.alert-item.critical{background:color-mix(in srgb, var(--status-critical) 13%, transparent);border-color:color-mix(in srgb, var(--status-critical) 40%, transparent);box-shadow:0 0 18px color-mix(in srgb, var(--status-critical) 12%, transparent)}.alert-item.warning{background:color-mix(in srgb, var(--status-warning) 11%, transparent);border-color:color-mix(in srgb, var(--status-warning) 35%, transparent)}.alert-tag{border-radius:999px;flex:none;padding:1px 8px;font-size:11.5px;font-weight:600}.alert-item.critical .alert-tag{color:#1a0707;background:var(--status-critical)}.alert-item.warning .alert-tag{color:#1c1402;background:var(--status-warning)}.filter-row{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.filter-row label{color:var(--text-secondary);flex-direction:column;gap:4px;font-size:12.5px;display:flex}.filter-row input,.filter-row select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;padding:7px 10px}.filter-quick{gap:8px;margin-left:auto;display:flex}.history-table th,.history-table td{white-space:nowrap;padding:9px 10px}.history-table .total-row{background:#27d3f212}.history-table .before-start td{color:var(--text-muted)}.history-table .empty-day td{color:var(--text-muted);opacity:.7}.mini-tag{color:var(--text-muted);border:1px solid var(--border);border-radius:999px;margin-left:8px;padding:1px 7px;font-size:11px}.settings-card{max-width:720px}.setting-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:6px;display:flex}.setting-name{width:150px;font-weight:500}.setting-row input[type=number]{width:130px;padding:8px 10px}.setting-row input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;padding:7px 10px}.setting-unit{color:var(--text-muted)}.setting-help{margin:4px 0 18px;line-height:1.6}.mini-tag.warn{color:var(--status-warning);border-color:color-mix(in srgb, var(--status-warning) 40%, transparent)}.reason-text{white-space:normal;min-width:180px;max-width:260px;color:var(--text-muted);margin-top:4px;font-size:12px;line-height:1.5}.btn-small{padding:3px 9px;font-size:12px;text-decoration:none}.settings-card .bl-address{width:min(420px,100%);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.settings-card .bl-note{width:min(320px,100%)}html[data-readonly="1"] .write-action{display:none!important}.readonly-banner{color:var(--status-warning);background:color-mix(in srgb, var(--status-warning) 10%, transparent);border:1px solid color-mix(in srgb, var(--status-warning) 30%, transparent);border-radius:8px;margin:10px 24px 0;padding:8px 14px;font-size:13px}.ext-link{color:var(--accent,#5ac8fa);border-bottom:1px dotted;text-decoration:none}.ext-link:hover{opacity:.8}.mini-link{color:var(--accent,#5ac8fa);margin-left:12px;font-size:12px;font-weight:400;text-decoration:none}.order-search{width:100%;min-width:240px}.pager{color:var(--text-muted);justify-content:center;align-items:center;gap:16px;margin:18px 0 6px;display:flex}.tabs{border-bottom:1px solid var(--border);gap:6px;display:flex}.tab{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:8px 16px;font-size:14px}.tab.active{color:var(--text);border-bottom-color:var(--accent,#5ac8fa)}.log-detail{white-space:normal;word-break:break-all;max-width:520px;line-height:1.5}.badge-warn{color:var(--status-warning);background:color-mix(in srgb, var(--status-warning) 12%, transparent);border-color:color-mix(in srgb, var(--status-warning) 32%, transparent)}.badge-warn .badge-dot{background:var(--status-warning)}
