:root{--kt-bg: #000000;--kt-surface: #1c1c1e;--kt-surface2: #2c2c2e;--kt-border: #3a3a3c;--kt-text: #ffffff;--kt-muted: #8e8e93;--kt-blue: #0a84ff;--kt-green: #30d158;--kt-orange: #ff9f0a;--kt-red: #ff453a;--kt-amber: #f1d744;--kt-blue-15: rgba(10, 132, 255, .15);--kt-green-15: rgba(48, 209, 88, .15);--kt-orange-15: rgba(255, 159, 10, .15);--kt-red-15: rgba(255, 69, 58, .15);--kt-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", system-ui, sans-serif;--kt-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--kt-font);font-size:15px;color:var(--kt-text);background:var(--kt-bg);-webkit-font-smoothing:antialiased}.shell{display:grid;grid-template-columns:200px 1fr;height:100%}.rail{background:var(--kt-surface);border-right:1px solid var(--kt-border);display:flex;flex-direction:column;padding:18px 0 14px}.rail .brand{display:flex;align-items:center;gap:10px;padding:0 16px 4px}.rail .brand img{width:40px;height:40px;border-radius:8px}.rail .brand .name{font-size:17px;font-weight:700;letter-spacing:.01em}.rail .tagline{font-size:11px;color:var(--kt-muted);padding:0 16px 18px 66px;margin-top:-6px}.rail nav{display:flex;flex-direction:column;gap:1px;padding:0 8px}.rail nav a{font-size:15px;font-weight:400;color:var(--kt-text);text-decoration:none;padding:8px 10px;border-radius:.375rem}.rail nav a:hover{background:var(--kt-surface2)}.rail nav a.active{background:var(--kt-blue-15);color:var(--kt-blue);font-weight:600}.rail .spacer{flex:1}.rail .whoami{padding:10px 16px 6px;font-size:11px;color:var(--kt-muted);word-break:break-all}.rail button.signout{margin:0 16px;padding:6px 0;width:calc(100% - 32px);background:none;border:1px solid var(--kt-border);border-radius:.25rem;color:var(--kt-muted);font-family:var(--kt-font);font-size:13px;cursor:pointer}.rail button.signout:hover{color:var(--kt-text);border-color:var(--kt-muted)}main.content{overflow-y:auto;padding:24px 32px 60px;background:var(--kt-bg)}h1{font-size:20px;font-weight:700;margin:0 0 4px}.sub{color:var(--kt-muted);margin:0 0 20px;font-size:13px}.section-title{font-size:17px;font-weight:600;margin:28px 0 0;display:flex;align-items:baseline;gap:12px}.section-title:after{content:"";flex:1;height:1px;background:var(--kt-border)}.section-note{color:var(--kt-muted);font-size:12px;margin:3px 0 10px}table.data{border-collapse:collapse;width:100%;margin-top:10px}table.data th{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--kt-muted);text-align:left;padding:7px 14px 7px 0;border-bottom:1px solid var(--kt-border);white-space:nowrap;position:sticky;top:0;background:var(--kt-bg);z-index:1}table.data td{padding:9px 14px 9px 0;border-bottom:1px solid var(--kt-surface2);font-size:13px;font-variant-numeric:tabular-nums;vertical-align:baseline}table.data th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}table.data th.sortable:hover{color:var(--kt-text)}table.data tr.row-click{cursor:pointer}table.data tr.row-click:hover td{background:var(--kt-surface)}td.mono,.mono{font-family:var(--kt-mono);font-size:12px}td.faint,.faint{color:var(--kt-muted)}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:7px;vertical-align:0}.dot.on{background:var(--kt-green)}.dot.off{background:transparent;border:2px solid var(--kt-red);width:7px;height:7px}.badge{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;padding:2px 8px;border-radius:.25rem}.badge.mdash{background:var(--kt-surface2);color:var(--kt-muted)}.badge.dual{background:var(--kt-orange-15);color:var(--kt-orange)}.badge.supadash{background:var(--kt-green-15);color:var(--kt-green)}.badge.retired{background:var(--kt-surface2);color:var(--kt-muted)}.badge.pending{background:var(--kt-blue-15);color:var(--kt-blue)}.badge.delivered{background:var(--kt-surface2);color:var(--kt-text)}.badge.completed{background:var(--kt-green-15);color:var(--kt-green)}.badge.failed,.badge.expired{background:var(--kt-red-15);color:var(--kt-red)}input[type=text],input[type=search],input[type=password],input[type=email],select,textarea{font-family:var(--kt-font);font-size:13px;color:var(--kt-text);background:var(--kt-surface2);border:1px solid var(--kt-border);border-radius:.25rem;padding:7px 10px}input::placeholder,textarea::placeholder{color:var(--kt-muted)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--kt-blue);outline-offset:2px}textarea.json{font-family:var(--kt-mono);font-size:12px;width:100%;min-height:220px;line-height:1.5}button.primary,button.ghost,button.danger{font-family:var(--kt-font);font-size:13px;font-weight:600;border-radius:.25rem;padding:7px 14px;cursor:pointer}button.primary{background:var(--kt-blue);border:1px solid var(--kt-blue);color:var(--kt-white, #fff)}button.primary:hover{filter:brightness(1.1)}button.primary:disabled{opacity:.45;cursor:default}button.ghost{background:none;border:1px solid var(--kt-border);color:var(--kt-text)}button.ghost:hover{border-color:var(--kt-muted)}button.danger{background:none;border:1px solid var(--kt-red);color:var(--kt-red)}button.danger:hover{background:var(--kt-red-15)}button:focus-visible{outline:2px solid var(--kt-blue);outline-offset:2px}.toolbar{display:flex;gap:10px;align-items:center;margin:14px 0 4px;flex-wrap:wrap}.toolbar input[type=search]{width:260px}.toolbar .count{color:var(--kt-muted);font-size:12px;margin-left:auto}.drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(680px,92vw);background:var(--kt-surface);border-left:1px solid var(--kt-border);overflow-y:auto;padding:22px 26px 48px;animation:slide-in .22s cubic-bezier(.16,1,.3,1)}@keyframes slide-in{0%{transform:translate(40px);opacity:0}to{transform:none;opacity:1}}.drawer .close{float:right}.drawer table.data th{background:var(--kt-surface)}.drawer input[type=text],.drawer select,.drawer textarea{background:var(--kt-surface2)}.port-row{display:grid;grid-template-columns:52px 1fr 130px;gap:12px;align-items:center;margin:7px 0}.port-row .lvl-track{height:14px;background:var(--kt-surface2);border:1px solid var(--kt-border);border-radius:.25rem;overflow:hidden}.port-row .lvl-fill{height:100%;background:var(--kt-green)}.port-row .lvl-fill.warn{background:var(--kt-orange)}.port-row .lvl-fill.low{background:var(--kt-red)}.kv{display:grid;grid-template-columns:150px 1fr;gap:4px 16px;margin:10px 0;font-size:13px}.kv dt{color:var(--kt-muted)}.kv dd{margin:0;font-variant-numeric:tabular-nums}pre.json{font-family:var(--kt-mono);font-size:11.5px;line-height:1.55;background:var(--kt-bg);border:1px solid var(--kt-border);border-radius:.25rem;padding:10px 12px;overflow-x:auto;margin:8px 0;color:var(--kt-text)}.notice{padding:8px 12px;border-radius:.25rem;font-size:13px;margin:10px 0}.notice.ok{background:var(--kt-green-15);color:var(--kt-green)}.notice.err{background:var(--kt-red-15);color:var(--kt-red)}.stat-strip{display:flex;gap:34px;margin:16px 0 4px;flex-wrap:wrap}.stat-strip .stat .n{font-size:28px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.stat-strip .stat .l{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--kt-muted);margin-top:2px}.login-wrap{height:100%;display:grid;place-items:center;background:var(--kt-bg)}.login-card{width:340px;background:var(--kt-surface);border:1px solid var(--kt-border);border-radius:.375rem;padding:28px 30px 32px}.login-card .brand{display:flex;align-items:center;gap:12px}.login-card .brand img{width:48px;height:48px;border-radius:10px}.login-card .brand .name{font-size:20px;font-weight:700}.login-card .tagline{font-size:12px;color:var(--kt-muted);margin:4px 0 0 60px}.login-card form{display:flex;flex-direction:column;gap:10px;margin-top:20px}