:root{--bg: #040608;--bg-2: rgba(8,12,18,.92);--bg-3: rgba(5,9,14,.96);--bg-nav: rgba(4,6,8,.97);--bg-accent: rgba(0,212,170,.04);--bg-alert: rgba(255,104,53,.04);--bg-input: rgba(0,212,170,.04);--bg-code: rgba(0,212,170,.03);--bg-highlight: rgba(0,212,170,.025);--bg-danger: rgba(255,104,53,.02);--ac: #00d4aa;--ar: 0,212,170;--ac-dim: rgba(0,212,170,.06);--ac-tint: rgba(0,212,170,.08);--ac-fill: rgba(0,212,170,.1);--bd: rgba(0,212,170,.12);--bd-2: rgba(0,212,170,.22);--bd-3: rgba(0,212,170,.28);--bd-4: rgba(0,212,170,.4);--bd-strong: rgba(0,212,170,.55);--ac-grid: rgba(0,212,170,.032);--ac-ring: rgba(0,212,170,.03);--al: #ff6835;--alr: 255,104,53;--al-dim: rgba(255,104,53,.06);--al-tint: rgba(255,104,53,.08);--al-fill: rgba(255,104,53,.1);--al-bd: rgba(255,104,53,.22);--al-bd-2: rgba(255,104,53,.28);--t1: #c8dce8;--t2: rgba(0,212,170,.5);--t3: rgba(0,212,170,.3);--t-mono: rgba(0,212,170,.6);--t-mono-dim: rgba(0,212,170,.4);--div: rgba(0,212,170,.08);--div-2: rgba(0,212,170,.05);--div-strong: rgba(0,212,170,.12);--gap-px: rgba(0,212,170,.12);--font: "JetBrains Mono", "Courier New", monospace;--fs-hero: 18px;--fs-nav: 14px;--fs-metric: 26px;--fs-metric-lg: 26px;--fs-body: 13px;--fs-label: 11px;--fs-badge: 10px;--fs-mono: 12px;--fs-mono-sm: 11px;--fs-timestamp: 11px;--fs-meta: 11px;--fs-input: 13px;--fs-btn: 11px;--ls-hero: 6px;--ls-nav: 4px;--ls-label: 3px;--ls-field: 1.5px;--ls-badge: 1px;--ls-body: .5px;--ls-meta: 1px;--ls-btn: 1.5px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 14px;--sp-5: 18px;--sp-6: 20px;--panel-pad: 16px;--modal-pad: 16px;--panel-radius: 3px;--border: 1px solid var(--bd);--border-2: 1px solid var(--bd-2);--border-3: 1px solid var(--bd-3);--border-alert: 1px solid var(--al-bd);--border-div: 1px solid var(--div);--border-row: 1px solid var(--div-2);--ck-size: 8px;--ck-border: 1px solid var(--bd-4);--z-bg: 0;--z-content: 1;--z-sticky: 10;--z-modal-bd: 50;--z-modal: 100;--transition-hover: background .12s ease;--transition-border: border-color .12s ease;--blink-duration: 2.8s;--nav-h: 54px;--cert-banner-h: 28px;--status-bar-h: 32px;--footer-h: 32px;--modal-backdrop: rgba(2,4,6,.7);--scope-size: 40px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--bg);color:var(--t1);font-family:var(--font);font-size:var(--fs-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input,textarea,button,select{font-family:var(--font);font-size:var(--fs-input);background:none;border:none;outline:none;color:var(--t1)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:rgba(var(--ar),.2);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:rgba(var(--ar),.35)}@keyframes blink{0%,to{opacity:1}50%{opacity:.18}}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes breathe{0%,to{transform:scale(1);box-shadow:0 0 3px #00d4aa80}50%{transform:scale(1.55);box-shadow:0 0 9px #00d4aae6}}@keyframes scanline{0%{top:0}to{top:100vh}}@keyframes radar{0%{transform:translate(-100%)}to{transform:translate(300%)}}@keyframes btn-glow{0%{box-shadow:0 0 #00d4aa8c}to{box-shadow:0 0 0 14px #00d4aa00}}@keyframes tag-pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes hex-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes act-flash{0%{background:#00d4aa24}to{background:transparent}}@keyframes pend-pulse{0%,to{box-shadow:none}50%{box-shadow:inset 0 0 18px #ff68351a,0 0 10px #ff683512}}@keyframes tick-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes sweep{0%{left:-60%}to{left:110%}}.btn-glow{animation:btn-glow .55s ease-out forwards}.tag-pulse{animation:tag-pulse 3.2s ease-in-out infinite}.hex{display:inline-block;animation:hex-spin 20s linear infinite}.act-flash{animation:act-flash .7s ease-out forwards}.panel{position:relative;overflow:hidden}.panel:before{content:"";position:absolute;top:0;left:-60%;width:55%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,212,170,.45),transparent);animation:sweep 7s ease-in-out infinite;z-index:2;pointer-events:none}.ck{position:absolute;width:var(--ck-size);height:var(--ck-size);pointer-events:none;animation:tick-in .35s ease-out both}.ck-tl{top:4px;left:4px;border-top:var(--ck-border);border-left:var(--ck-border);animation-delay:.05s}.ck-tr{top:4px;right:4px;border-top:var(--ck-border);border-right:var(--ck-border);animation-delay:.12s}.ck-bl{bottom:4px;left:4px;border-bottom:var(--ck-border);border-left:var(--ck-border);animation-delay:.19s}.ck-br{bottom:4px;right:4px;border-bottom:var(--ck-border);border-right:var(--ck-border);animation-delay:.26s}.tag{display:inline-block;font-size:var(--fs-badge);padding:2px 7px;letter-spacing:var(--ls-badge);text-transform:uppercase;border:1px solid;line-height:1.4;font-family:var(--font)}.tag-active{color:var(--ac);border-color:var(--bd-2);background:var(--ac-fill)}.tag-pending{color:var(--al);border-color:var(--al-bd);background:var(--al-dim)}.tag-frozen{color:var(--al);border-color:var(--al-bd);background:var(--al-dim);opacity:.7}.tag-new{color:var(--ac);border-color:var(--bd-3);background:var(--ac-tint)}.tag-autosign{color:var(--ac);border-color:var(--bd-2);background:var(--ac-dim)}.tag-muted{color:var(--t2);border-color:var(--bd);background:transparent}.tag-highlight{color:#fff;border-color:var(--ac);background:rgba(var(--ar),.15)}.tag-danger{color:var(--al);border-color:var(--al-bd);background:var(--al-dim)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:7px 16px;font-size:var(--fs-btn);letter-spacing:var(--ls-btn);text-transform:uppercase;font-family:var(--font);border:1px solid;cursor:pointer;transition:var(--transition-hover);-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-primary{color:var(--ac);border-color:var(--bd-2);background:var(--ac-tint)}.btn-primary:hover:not(:disabled){background:var(--ac-fill)}.btn-secondary{color:var(--t2);border-color:var(--bd);background:transparent}.btn-secondary:hover:not(:disabled){background:var(--bg-accent);color:var(--t1)}.btn-destructive{color:var(--al);border-color:var(--al-bd);background:var(--al-dim)}.btn-destructive:hover:not(:disabled){background:var(--al-tint)}.teal-input{width:100%;padding:7px 10px;background:var(--bg-input);border:var(--border);color:var(--t1);font-family:var(--font);font-size:var(--fs-input);letter-spacing:.5px;transition:var(--transition-border)}.teal-input::placeholder{color:var(--t2)}.teal-input:focus{border-color:var(--ac);box-shadow:0 0 0 1px rgba(var(--ar),.18);outline:none}.teal-input:disabled{opacity:.35;cursor:not-allowed}.field-label{display:block;font-size:var(--fs-label);letter-spacing:var(--ls-field);color:var(--t2);text-transform:uppercase;margin-bottom:5px}.toggle-track{width:28px;height:14px;border-radius:7px;border:1px solid;position:relative;flex-shrink:0;transition:all .15s ease}.toggle-track.on{border-color:var(--ac);background:rgba(var(--ar),.15)}.toggle-track.off{border-color:var(--bd);background:transparent}.toggle-thumb{width:8px;height:8px;border-radius:50%;position:absolute;top:2px;transition:all .15s ease}.toggle-track.on .toggle-thumb{background:var(--ac);right:2px}.toggle-track.off .toggle-thumb{background:var(--t2);left:2px}.metric-bar{height:2px;background:rgba(var(--ar),.1);border-radius:1px;overflow:hidden;margin-top:7px}.metric-bar-fill{height:100%;border-radius:1px;background:var(--ac);transition:width .3s ease}.metric-bar-fill.alert{background:var(--al)}.metric-bar-fill.muted{background:rgba(var(--ar),.35)}.panel-header{display:flex;align-items:center;justify-content:space-between;font-size:var(--fs-label);letter-spacing:var(--ls-label);color:var(--t2);text-transform:uppercase;padding-bottom:9px;margin-bottom:10px;border-bottom:1px solid var(--div)}.panel-header-count{font-size:var(--fs-badge);color:var(--ac);border:1px solid var(--bd-2);padding:2px 7px;letter-spacing:1px}.roster-row{display:grid;grid-template-columns:80px minmax(0,1fr) 65px 28px 80px 90px;gap:6px;align-items:center;padding:7px 0;border-bottom:1px solid var(--div-2);transition:var(--transition-hover);cursor:pointer}.roster-row:hover{background:var(--bg-highlight)}.roster-row.highlighted{border-left:2px solid var(--ac);margin-left:-18px;padding-left:16px;background:var(--bg-highlight)}.roster-row.frozen{opacity:.35;background-image:repeating-linear-gradient(45deg,transparent,transparent 5px,rgba(255,104,53,.055) 5px,rgba(255,104,53,.055) 10px)}.roster-row .callsign{font-size:13px;letter-spacing:1.5px;color:var(--ac);text-transform:uppercase}.roster-row.frozen .callsign{color:var(--al)}.roster-row .address{font-size:var(--fs-mono-sm);color:var(--t3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roster-row .cert-dot{width:7px;height:7px;border-radius:50%;background:var(--ac);margin:0 auto}.roster-row .cert-dot.no-cert{border-radius:0;transform:rotate(45deg);background:rgba(var(--alr),.35)}.feed-item{padding:7px 0;border-bottom:1px solid var(--div-2)}.feed-item-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2px}.feed-item-type{font-size:var(--fs-mono-sm);letter-spacing:2px;text-transform:uppercase;color:var(--ac)}.feed-item-type.pending{color:var(--al)}.feed-item-time{font-size:var(--fs-mono-sm);color:var(--t3);font-variant-numeric:tabular-nums}.feed-item-desc{font-size:13px;color:var(--t2);line-height:1.4}.feed-item-amount{font-size:13px;margin-top:2px;letter-spacing:.5px;color:var(--ac)}.feed-item-amount.pending{color:var(--al)}.data-row{display:flex;align-items:center;padding:6px 0;border-bottom:1px solid var(--div-2)}.data-row:last-child{border-bottom:none}.data-row-label{font-size:11px;color:var(--t2);flex:0 0 130px;letter-spacing:.5px}.data-row-value{font-size:13px;color:var(--t1)}.data-row-value.accent{color:var(--ac)}.data-row-value.mono{font-size:var(--fs-mono-sm);color:var(--t-mono);letter-spacing:.5px;word-break:break-all}.step-indicator{display:flex;align-items:center;gap:0}.step-num{width:22px;height:22px;border:1px solid var(--bd);display:flex;align-items:center;justify-content:center;font-size:9px;color:var(--t2);flex-shrink:0}.step-num.active{border-color:var(--ac);color:var(--ac);background:var(--ac-dim)}.step-num.done{border-color:var(--bd-3);color:rgba(var(--ar),.4);background:var(--ac-dim)}.step-label{font-size:7px;letter-spacing:1px;color:var(--t2);margin:0 8px 0 5px;text-transform:uppercase}.step-label.active{color:var(--ac)}.step-divider{width:20px;height:1px;background:var(--bd)}.modal-backdrop{background:var(--modal-backdrop);padding:var(--sp-6) var(--sp-5)}.modal-container{background:var(--bg-3);border:1px solid var(--bd-2);position:relative;max-width:520px;margin:0 auto}.modal-container.wide{max-width:560px}.modal-header{padding:12px var(--modal-pad);border-bottom:1px solid var(--div-strong);background:var(--bg-accent);display:flex;align-items:center;justify-content:space-between}.modal-section-label{font-size:var(--fs-label);letter-spacing:3px;color:var(--t2);text-transform:uppercase;margin-bottom:10px}.modal-section{padding:14px var(--modal-pad);border-bottom:1px solid var(--div)}.modal-footer{padding:12px var(--modal-pad);display:flex;gap:8px;justify-content:flex-end}.code-block{background:var(--bg-code);border:1px solid var(--bd);padding:8px 10px;font-family:var(--font);font-size:var(--fs-mono);color:var(--t-mono);letter-spacing:.5px;line-height:1.6;word-break:break-all;white-space:pre-wrap}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--ac);animation:blink 2.5s infinite}.danger-zone{background:var(--bg-danger);border-top:1px solid rgba(var(--alr),.08)}.danger-zone-label{font-size:var(--fs-label);letter-spacing:var(--ls-field);color:rgba(var(--alr),.45);text-transform:uppercase;margin-bottom:6px}
