:root{--bg:#07121f;--panel:#102237;--panel2:#132a40;--border:#29455e;--muted:#9fb6c7;--text:#f0f7ff;--accent:#26b1ff;--teal:#53e1be;--warn:#f9d58b;--red:#ff8898;font-family:Inter,'Segoe UI',Arial,sans-serif;color:var(--text);color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button,.btn{border:1px solid var(--border);border-radius:9px;padding:9px 13px;background:#1a3550;color:var(--text);font-weight:650}button:hover:not(:disabled){filter:brightness(1.15)}.primary{background:var(--accent);color:#001425;border-color:var(--accent)}.soft{background:transparent;border:1px solid #3a5670}.danger{background:#532a37;border-color:#874052;color:#ffd9de}.link{background:transparent;border:none;color:#8dd8ff}input,select,textarea{width:100%;padding:10px 11px;background:#091a2b;color:var(--text);border:1px solid var(--border);border-radius:8px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent)}textarea{min-height:92px;resize:vertical}label{display:block;font-size:12px;font-weight:700;color:#bcd1de;margin:0 0 11px}label input,label select,label textarea{margin-top:5px}.hidden{display:none!important}.auth-layer{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 15% 10%,#0e355a 0,transparent 45%),#06111c}.auth-card{width:min(430px,100%);padding:34px;background:#102339;border:1px solid #294962;box-shadow:0 26px 75px #0007;border-radius:17px}.auth-brand,.brand{display:flex;gap:12px;align-items:center}.auth-brand{margin-bottom:32px}.shield{display:grid;place-items:center;width:40px;height:44px;background:linear-gradient(135deg,#25c9ff,#185eda);clip-path:polygon(50% 0,95% 20%,86% 73%,50% 100%,14% 73%,5% 20%);font-size:24px;font-weight:900}.auth-brand strong,.brand strong{font-size:20px;letter-spacing:-.5px}.auth-brand strong span,.brand strong span{color:var(--accent)}.auth-brand small,.brand small{display:block;color:var(--muted);letter-spacing:2px;font-size:10px}h1{letter-spacing:-.6px;margin:0;font-size:27px}.auth-card h1{margin-bottom:6px}.auth-card p{color:var(--muted);margin:0 0 23px}.auth-card .primary{width:100%;margin-top:8px}.auth-note{font-size:11px;color:var(--muted);margin-top:25px}.error{color:#ffa0aa;margin-top:10px;font-size:12px;min-height:15px}.app{min-height:100vh;display:flex}.sidebar{width:242px;flex-shrink:0;background:#0b1d31;border-right:1px solid var(--border);display:flex;flex-direction:column;padding:25px 16px}.brand{padding:0 9px 27px}.brand strong{font-size:16px}nav{display:flex;flex-direction:column;gap:6px}nav button{background:transparent;border:0;color:#b3c8d9;text-align:left;display:flex;align-items:center;gap:13px;width:100%;font-size:14px}nav button.active,nav button:hover{background:#194369;color:white}.side-foot{margin-top:auto;padding:14px 8px;border-top:1px solid var(--border)}#whoami{font-size:12px;color:#c9ddea;margin-bottom:8px}.main{padding:28px 30px 48px;max-width:1700px;width:100%;margin:auto}header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.eyebrow{letter-spacing:1.9px;font-size:10px;color:#7fcaff;font-weight:800;margin-bottom:5px}header h1{margin-bottom:4px}header p{margin:0;color:var(--muted);font-size:12px}.header-actions{display:flex;gap:11px;align-items:center}.mode{font-size:10px;letter-spacing:1px;background:#504128;border:1px solid #836b37;color:#ffdf93;padding:7px 11px;border-radius:15px;font-weight:800}.mode.live{background:#173e38;color:#75e9c7}.alert{border-radius:9px;padding:12px 16px;font-size:12px;margin-bottom:20px}.warn{background:#362e20;border:1px solid #6a522e;color:#ffe4aa}.page{min-height:400px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:19px}.stat,.panel{background:var(--panel);border:1px solid var(--border);border-radius:13px;overflow:hidden}.stat{padding:20px}.stat .k{font-size:11px;font-weight:750;color:#bfd0df}.stat .n{font-size:32px;font-weight:800;margin:8px 0 3px}.stat .s{color:var(--muted);font-size:11px}.cols{display:grid;grid-template-columns:1.4fr 1fr;gap:17px}.panel{margin-bottom:17px}.panel-title{padding:17px 19px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;gap:13px;align-items:center}.panel-title h2{margin:0;font-size:17px}.panel-body{padding:20px}.muted{font-size:12px;color:var(--muted)}.steps{display:grid;gap:13px;font-size:13px;color:#d3e5f1}.steps div{padding:10px;background:#142e47;border-left:3px solid var(--accent);border-radius:5px}.info{padding:17px 20px;background:#112c3b}.info p{margin:7px 0;color:var(--muted)}.toolbar{padding:17px 19px;display:flex;gap:12px;align-items:center}.toolbar input{max-width:380px}.toolbar select{max-width:200px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:760px}th{background:#102b42;text-transform:uppercase;letter-spacing:1px;font-size:10px;text-align:left;color:#a5b9c9}td,th{padding:12px 16px;border-bottom:1px solid #253e54;vertical-align:top}td{font-size:12px}td strong{font-size:13px}.sub{font-size:11px;color:var(--muted);margin-top:3px}.tag{display:inline-block;padding:5px 8px;border-radius:50px;background:#244157;color:#cce7fa;font-size:11px;font-weight:750;white-space:nowrap}.tag.green{background:#164d42;color:#a4ffe4}.tag.gold{background:#534126;color:#ffe0a1}.tag.red{background:#512934;color:#ffc0ce}.empty{text-align:center;padding:35px;color:var(--muted)}.rowlink{background:transparent;border:0;padding:0;color:#8fdbff;text-decoration:underline;text-underline-offset:3px}.actions{display:flex;gap:7px;flex-wrap:wrap}footer{font-size:11px;color:#869eb3;margin-top:28px}.overlay{position:fixed;inset:0;background:#000b;z-index:20;display:flex;justify-content:center;align-items:flex-start;padding:6vh 18px 18px;overflow-y:auto}.modal{width:min(760px,100%);border:1px solid #3b617f;background:#11253a;border-radius:15px;box-shadow:0 25px 65px #000a;max-height:87vh;overflow:auto}.modal-top{padding:18px 23px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-top h2{margin:0;font-size:20px}.close{font-size:23px;padding:1px 10px;background:transparent;border:0}.modal-content{padding:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}.full{grid-column:1 / -1}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:15px}.desc{background:#102c46;border:1px solid #355773;padding:12px;border-radius:9px;white-space:pre-wrap;word-wrap:break-word}.note{background:#152e45;padding:11px;border-radius:8px;margin:8px 0;font-size:12px}.note .small{color:var(--muted);font-size:10px}.gate-list{display:grid;grid-template-columns:1fr 1fr;gap:6px}.gate-list label{display:flex;align-items:flex-start;gap:8px;font-weight:500;font-size:12px;margin:0;padding:8px;background:#112f43;border-radius:6px}.gate-list input{width:auto;margin:4px 0 0}.divider{height:1px;background:var(--border);margin:18px 0}.grid-title{font-weight:800;color:#e8f4ff;margin:15px 0 8px}.toast{position:fixed;bottom:20px;right:20px;background:#1e5947;border:1px solid #38a58b;padding:12px 18px;border-radius:9px;z-index:50;max-width:420px}.toast.error{background:#60303a;border-color:#a75c6d;color:white}.copylink{display:block;word-break:break-all;background:#081b2c;padding:12px;border-radius:8px;margin:10px 0;border:1px solid #2c5472;font-size:12px}.warning-text{color:var(--warn);font-size:12px} @media(max-width:900px){.sidebar{width:80px}.brand strong,.brand small,nav button span,#whoami{display:none}.brand{padding:0 0 25px}.main{padding:20px}.cols{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.sidebar{width:58px;padding:15px 5px}.sidebar button{padding:10px}.shield{width:33px}header{flex-direction:column;align-items:flex-start}.header-actions{flex-wrap:wrap}.form-grid,.gate-list{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.main{padding:14px}}