:root{--bg:#05060b;--bg-panel:#0c1020;--bg-panel-alt:#121834;--bg-raised:#171f42;--border:#232c52;--border-bright:#3a4780;--text:#eaf0ff;--text-dim:#8892b8;--text-faint:#5a6390;--accent:#21f0ff;--accent-soft:#21f0ff24;--accent-2:#ff2fd6;--accent-2-soft:#ff2fd624;--accent-3:#8b5cff;--success:#2bffb0;--success-soft:#2bffb024;--danger:#ff4d6d;--danger-soft:#ff4d6d24;--warning:#ffcf4d;--warning-soft:#ffcf4d24;--font-display:"Orbitron", "Segoe UI", sans-serif;--font-body:"Rajdhani", "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--radius:4px;--clip:polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px)}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100vh;color:var(--text);margin:0;padding:0}body{font-family:var(--font-body);background-image:radial-gradient(circle at 12% 8%, #8b5cff1f, transparent 40%), radial-gradient(circle at 88% 92%, #21f0ff1a, transparent 45%), linear-gradient(var(--bg), var(--bg));background-attachment:fixed;font-size:16px;line-height:1.45}#app{flex-direction:column;min-height:100vh;display:flex}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.shell-header{border-bottom:1px solid var(--border);background:linear-gradient(180deg, var(--bg-panel), transparent);justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{flex-shrink:0;width:38px;height:38px}.brand-text{flex-direction:column;line-height:1;display:flex}.brand-title{font-family:var(--font-display);letter-spacing:2px;background:linear-gradient(90deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:800}.brand-sub{font-family:var(--font-mono);letter-spacing:3px;color:var(--text-faint);text-transform:uppercase;margin-top:4px;font-size:11px}.health-pill{border:1px solid var(--border);font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;color:var(--text-dim);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:12px;display:inline-flex}.health-dot{background:var(--text-faint);border-radius:50%;width:8px;height:8px}.health-pill[data-status=ok]{border-color:var(--success);color:var(--success)}.health-pill[data-status=ok] .health-dot{background:var(--success);box-shadow:0 0 8px var(--success)}.health-pill[data-status=down]{border-color:var(--danger);color:var(--danger)}.health-pill[data-status=down] .health-dot{background:var(--danger);box-shadow:0 0 8px var(--danger)}.shell-body{flex:1;grid-template-columns:280px 1fr;align-items:start;gap:20px;padding:20px 24px 32px;display:grid}@media (width<=860px){.shell-body{grid-template-columns:1fr}}.panel{background:var(--bg-panel);border:1px solid var(--border);clip-path:var(--clip);padding:18px}.panel+.panel{margin-top:18px}.panel-title{font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);justify-content:space-between;align-items:center;gap:12px;margin:0 0 14px;font-size:13px;display:flex}.app-list{flex-direction:column;gap:8px;display:flex}.app-row{border:1px solid var(--border);clip-path:var(--clip);background:var(--bg-panel-alt);cursor:pointer;text-align:left;color:var(--text);font:inherit;flex-direction:column;gap:2px;padding:10px 12px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.app-row:hover{border-color:var(--border-bright)}.app-row[aria-current=true]{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 16px -6px var(--accent)}.app-row-name{font-size:15px;font-weight:700}.app-row-meta{font-family:var(--font-mono);color:var(--text-faint);font-size:11px}.btn{appearance:none;border:1px solid var(--border-bright);background:var(--bg-raised);color:var(--text);font-family:var(--font-body);letter-spacing:1px;text-transform:uppercase;clip-path:var(--clip);cursor:pointer;padding:9px 16px;font-size:13px;font-weight:700;transition:transform .1s,box-shadow .15s,border-color .15s}.btn:hover{border-color:var(--accent);box-shadow:0 0 14px -4px var(--accent)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn-primary{background:linear-gradient(120deg, var(--accent), var(--accent-3));color:#04070f;border-color:#0000}.btn-primary:hover{box-shadow:0 0 18px -2px var(--accent)}.btn-danger{border-color:var(--danger);color:var(--danger);background:var(--danger-soft)}.btn-danger:hover{box-shadow:0 0 14px -4px var(--danger)}.btn-ghost{border-color:var(--border);color:var(--text-dim);background:0 0}.btn-block{width:100%}.btn-sm{padding:5px 10px;font-size:11px}.field{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.field label{font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;color:var(--text-dim);font-size:11px}.field-error{color:var(--danger);font-size:12px}input[type=text],input[type=search],select,textarea{background:var(--bg-panel-alt);border:1px solid var(--border);color:var(--text);font-family:var(--font-body);border-radius:var(--radius);outline:none;padding:9px 10px;font-size:14px;transition:border-color .15s,box-shadow .15s}input[type=text]:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}textarea{resize:vertical;min-height:64px;font-family:var(--font-mono)}.form-row{gap:10px;display:flex}.form-row>*{flex:1}.destination-list{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.destination-card{border:1px solid var(--border);background:var(--bg-panel-alt);clip-path:var(--clip);align-items:center;gap:12px;padding:10px 12px;display:flex}.type-badge{width:34px;height:34px;font-family:var(--font-display);border:1px solid var(--border-bright);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.type-badge[data-type=slack]{color:#ecb22e;box-shadow:0 0 10px -3px #ecb22e}.type-badge[data-type=discord]{color:#8b93ff;box-shadow:0 0 10px -3px #8b93ff}.type-badge[data-type=telegram]{color:#21c7ff;box-shadow:0 0 10px -3px #21c7ff}.type-badge[data-type=webhook]{color:#2bffb0;box-shadow:0 0 10px -3px #2bffb0}.destination-info{flex:1;min-width:0}.destination-type{text-transform:uppercase;letter-spacing:1px;font-size:13px;font-weight:700}.destination-summary{font-family:var(--font-mono);color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.pill{font-family:var(--font-mono);letter-spacing:.5px;text-transform:uppercase;border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:11px;display:inline-flex}.pill-success{color:var(--success);background:var(--success-soft);border-color:var(--success)}.pill-danger{color:var(--danger);background:var(--danger-soft);border-color:var(--danger)}.pill-level-info{color:var(--accent);background:var(--accent-soft);border-color:var(--accent)}.pill-level-warning{color:var(--warning);background:var(--warning-soft);border-color:var(--warning)}.pill-level-error,.pill-level-critical{color:var(--danger);background:var(--danger-soft);border-color:var(--danger)}.key-reveal{border:1px solid var(--accent);background:var(--accent-soft);clip-path:var(--clip);margin-bottom:16px;padding:14px}.key-reveal-label{font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;color:var(--accent);margin-bottom:8px;font-size:11px}.key-reveal-value{font-family:var(--font-mono);word-break:break-all;align-items:center;gap:10px;font-size:14px;display:flex}.key-reveal-warning{color:var(--text-dim);margin-top:8px;font-size:12px}.notification-list{flex-direction:column;gap:10px;display:flex}.notification-item{border:1px solid var(--border);background:var(--bg-panel-alt);clip-path:var(--clip);padding:10px 12px}.notification-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;display:flex}.notification-title{font-size:14px;font-weight:700}.notification-time{font-family:var(--font-mono);color:var(--text-faint);white-space:nowrap;font-size:11px}.notification-message{color:var(--text-dim);font-size:13px}.empty-state{color:var(--text-faint);padding:12px 0;font-size:13px}.banner{border-radius:var(--radius);margin-bottom:14px;padding:10px 14px;font-size:13px}.banner-error{border:1px solid var(--danger);background:var(--danger-soft);color:var(--danger)}.banner-success{border:1px solid var(--success);background:var(--success-soft);color:var(--success)}.result-list{flex-direction:column;gap:6px;margin-top:10px;display:flex}.result-row{font-family:var(--font-mono);justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.main-empty{min-height:240px;color:var(--text-faint);font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;justify-content:center;align-items:center;font-size:13px;display:flex}.app-detail-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.app-detail-title{font-family:var(--font-display);margin:0 0 4px;font-size:22px;font-weight:800}.app-detail-key{font-family:var(--font-mono);color:var(--text-faint);font-size:12px}.app-detail-actions{gap:8px;display:flex}::selection{background:var(--accent-2);color:#04070f}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:999px}