:root{color-scheme:light;--bg-canvas: #eef3f6;--bg-panel: rgba(255, 255, 255, .84);--bg-panel-strong: rgba(255, 255, 255, .94);--bg-sidebar: rgba(15, 23, 42, .92);--ink-strong: #0f172a;--ink-body: #334155;--ink-muted: #64748b;--line-soft: rgba(148, 163, 184, .22);--line-strong: rgba(148, 163, 184, .34);--teal-400: #0891b2;--teal-500: #0f766e;--amber-400: #d97706;--amber-500: #b45309;--sand-400: #c08457;--sand-500: #9a6b46;--success-500: #15803d;--warning-500: #b45309;--danger-500: #b91c1c;--neutral-500: #475569;--shadow-lg: 0 28px 70px rgba(15, 23, 42, .12);--shadow-md: 0 16px 38px rgba(15, 23, 42, .08);font-family:Manrope,Avenir Next,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:var(--ink-strong);background:radial-gradient(circle at top left,rgba(8,145,178,.16),transparent 24%),radial-gradient(circle at top right,rgba(217,119,6,.12),transparent 22%),linear-gradient(180deg,#f6fafc,#eff4f7 42%,#edf1f4)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}code,pre{font-family:SF Mono,JetBrains Mono,Fira Code,Menlo,monospace}.auth-shell{position:relative;min-height:100vh;display:grid;place-items:center;padding:24px;overflow:hidden}.auth-shell__glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top left,rgba(8,145,178,.18),transparent 28%),radial-gradient(circle at bottom right,rgba(217,119,6,.16),transparent 22%),linear-gradient(180deg,rgba(255,255,255,.28),transparent);pointer-events:none}.auth-card{position:relative;width:min(540px,100%);padding:32px;border:1px solid rgba(255,255,255,.55);border-radius:28px;background:var(--bg-panel-strong);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.auth-card__eyebrow,.topbar__eyebrow,.panel__eyebrow,.sidebar-brand__eyebrow,.quick-action-card__eyebrow{margin:0 0 10px;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase}.auth-card__eyebrow,.topbar__eyebrow,.panel__eyebrow,.quick-action-card__eyebrow{color:var(--ink-muted)}.auth-card__title,.topbar__title,.panel__title,.sidebar-brand__title,.listener-card h3{margin:0;letter-spacing:-.03em}.auth-card__title,.topbar__title{font-size:clamp(2rem,4vw,3rem);line-height:1}.auth-card__copy,.topbar__copy,.panel__subtitle,.sidebar-copy,.focus-row p,.listener-card__head p{color:var(--ink-body)}.auth-card__copy{margin:16px 0 24px}.auth-card__hint{color:var(--ink-muted)}.app-shell{--sidebar-width: 256px;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);height:100vh;overflow:hidden;transition:grid-template-columns .22s ease}.app-shell--collapsed{--sidebar-width: 72px}.admin-sidebar{display:flex;flex-direction:column;min-width:0;height:100vh;overflow:hidden;background:#fffffff5;border-right:1px solid rgba(148,163,184,.18);box-shadow:inset -1px 0 #ffffff5c}.sidebar-header{display:flex;align-items:center;gap:12px;min-height:64px;padding:0 18px;border-bottom:1px solid rgba(148,163,184,.12)}.sidebar-logo{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:12px;background:linear-gradient(135deg,#38bdf8eb,#0e7490f5);color:#fff;font-weight:800;letter-spacing:.06em;box-shadow:0 10px 20px #0891b233}.sidebar-brand{min-width:0;transition:opacity .18s ease,width .18s ease}.sidebar-brand--collapsed{width:0;opacity:0;overflow:hidden}.sidebar-brand__eyebrow{color:var(--ink-muted)}.sidebar-brand__title{font-size:1.1rem;color:var(--ink-strong)}.sidebar-nav{flex:1;overflow-y:auto;padding:16px 12px}.sidebar-section{margin-bottom:24px}.sidebar-section-title{margin-bottom:8px;padding:0 10px;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#94a3b8;transition:opacity .18s ease,height .18s ease,margin .18s ease}.sidebar-section-title--collapsed{height:0;margin:0;opacity:0;overflow:hidden}.sidebar-link{display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;border:0;border-radius:14px;background:transparent;color:#475569;text-align:left;transition:background-color .18s ease,color .18s ease}.sidebar-link:hover{background:#f1f5f9;color:#0f172a}.sidebar-link-active{background:#0891b21a;color:var(--teal-500)}.sidebar-link-collapsed{justify-content:center;padding-left:0;padding-right:0}.sidebar-icon{width:20px;height:20px;flex-shrink:0}.sidebar-label{font-size:.94rem;font-weight:600;white-space:nowrap;transition:opacity .18s ease,width .18s ease}.sidebar-label-collapsed{width:0;opacity:0;overflow:hidden}.sidebar-footer{display:grid;gap:8px;padding:12px;border-top:1px solid rgba(148,163,184,.12)}.sidebar-account{display:flex;align-items:center;gap:12px;padding:10px;border-radius:16px;background:#f8fafc;border:1px solid rgba(148,163,184,.12)}.sidebar-account--collapsed{justify-content:center;padding-left:0;padding-right:0}.sidebar-account__avatar{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:12px;background:linear-gradient(135deg,#0891b2eb,#0f766ef0);color:#fff;font-size:.82rem;font-weight:800}.sidebar-account__body{display:grid;min-width:0;gap:2px;transition:opacity .18s ease,width .18s ease}.sidebar-account__body--collapsed{width:0;opacity:0;overflow:hidden}.sidebar-account__name{font-size:.9rem;color:var(--ink-strong)}.sidebar-account__meta{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;color:var(--ink-muted)}.admin-main{min-width:0;height:100vh;background:radial-gradient(circle at top left,rgba(8,145,178,.08),transparent 24%),linear-gradient(180deg,#f8fbfd,#eef3f6)}.admin-main__scroll{height:100%;overflow-y:auto;padding:28px}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:end;justify-content:space-between;gap:24px;padding:26px 28px;border:1px solid rgba(255,255,255,.62);border-radius:28px;background:#ffffffeb;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar__copy{margin:12px 0 0;max-width:68ch}.topbar__actions{display:flex;align-items:end;gap:12px}.topbar-note{display:grid;gap:4px;min-width:280px;padding:14px 16px;border:1px solid var(--line-soft);border-radius:18px;background:#ffffffc2;color:var(--ink-body)}.topbar-note__label{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted)}.list-toolbar{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-top:20px;padding:22px 24px;border:1px solid rgba(255,255,255,.62);border-radius:24px;background:radial-gradient(circle at top center,rgba(8,145,178,.12),transparent 50%),#ffffffeb;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.list-toolbar__search{display:grid;gap:8px;min-width:min(420px,100%)}.list-toolbar__search input,.list-toolbar__filter select{width:100%;padding:12px 14px;border:1px solid var(--line-strong);border-radius:16px;background:#ffffffe0;color:var(--ink-strong)}.list-toolbar__actions{display:flex;align-items:end;gap:12px;flex-wrap:wrap;justify-content:end}.list-toolbar__filter{display:grid;gap:8px;min-width:180px}.summary-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}.workspace-stack{display:grid;gap:20px;margin-top:20px}.workspace-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.workspace-grid--wide{align-items:start}.metric-card,.panel{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.62);border-radius:24px;background:var(--bg-panel);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.metric-card{padding:18px 20px}.metric-card__label{margin:0;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted)}.metric-card__value{display:block;margin-top:10px;font-size:clamp(1.35rem,2vw,2rem);letter-spacing:-.04em}.metric-card__hint{margin:8px 0 0;color:var(--ink-body)}.panel:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:4px}.panel--sand:before{background:linear-gradient(90deg,#c08457eb,#9a6b464d)}.panel--teal:before{background:linear-gradient(90deg,#0891b2eb,#0f766e4d)}.panel--ember:before{background:linear-gradient(90deg,#d97706eb,#b453094d)}.panel__header{display:flex;justify-content:space-between;gap:16px;align-items:start;padding:24px 24px 0}.panel__title{font-size:1.5rem}.panel__subtitle{margin:8px 0 0;max-width:62ch}.panel__actions{min-width:180px}.panel__body{padding:20px 24px 24px}.quick-action-grid,.focus-list,.node-snapshot,.listener-list{display:grid;gap:14px}.quick-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-action-card{display:grid;gap:6px;padding:18px;border:1px solid var(--line-soft);border-radius:18px;background:#ffffffbd;color:var(--ink-strong);text-align:left;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.quick-action-card:hover{transform:translateY(-1px);box-shadow:0 14px 28px #0f172a14}.quick-action-card--teal:hover{border-color:#0891b24d}.quick-action-card--sand:hover{border-color:#c084574d}.quick-action-card--ember:hover{border-color:#d977064d}.quick-action-card__title{font-size:1.08rem}.quick-action-card__description,.quick-action-card__footer{color:var(--ink-body)}.quick-action-card__footer{font-size:.92rem;font-weight:700}.focus-row{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:16px 18px;border:1px solid var(--line-soft);border-radius:18px;background:#ffffffc2}.focus-row strong{display:block;margin:0}.focus-row p{margin:6px 0 0}.focus-row__tail{display:grid;justify-items:end;gap:8px}.focus-row__value{font-size:1.1rem;letter-spacing:-.02em}.field,.checkbox-field{display:grid;gap:8px}.field--wide{grid-column:1 / -1}.field--search{min-width:min(420px,100%)}.field__label{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted)}.field input,.field textarea,.field select,.node-form select{width:100%;padding:12px 14px;border:1px solid var(--line-strong);border-radius:16px;background:#ffffffdb;color:var(--ink-strong);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.field textarea{resize:vertical;min-height:108px}.field input:focus,.field textarea:focus,.field select:focus,.node-form select:focus{outline:none;border-color:#0891b275;box-shadow:0 0 0 4px #0891b21f;transform:translateY(-1px)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.checkbox-field{align-content:center;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding-top:16px}.checkbox-field input{width:18px;height:18px}.form-footer{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:4px}.inline-error{color:var(--danger-500)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--teal-500),var(--teal-400));color:#fff;font-weight:700;letter-spacing:.01em;box-shadow:0 14px 28px #0f766e2e}.button:disabled{opacity:.64;cursor:wait}.button--ghost{background:#ffffffd1;color:var(--ink-strong);box-shadow:inset 0 0 0 1px var(--line-soft)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:24px;background:#0f172a61;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-card{width:min(860px,100%);max-height:min(88vh,920px);overflow:hidden;border:1px solid rgba(255,255,255,.64);border-radius:28px;background:#fffffff5;box-shadow:0 28px 70px #0f172a2e}.modal-card--sand{box-shadow:0 28px 70px #9a6b461f}.modal-card--teal{box-shadow:0 28px 70px #0891b224}.modal-card--ember{box-shadow:0 28px 70px #d9770624}.modal-card__header{display:flex;align-items:start;justify-content:space-between;gap:16px;padding:24px 24px 0}.modal-card__title{margin:0;font-size:1.45rem;letter-spacing:-.03em}.modal-card__close{border:0;border-radius:999px;background:#0f172a0f;color:var(--ink-body);padding:10px 14px}.modal-card__body{overflow-y:auto;padding:20px 24px 24px}.modal-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.modal-actions--end{justify-content:end;margin-top:18px}.detail-sheet{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.detail-sheet__wide{grid-column:1 / -1}.detail-sheet dt{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted)}.detail-sheet dd{margin:6px 0 0;color:var(--ink-strong)}.banner{margin-top:16px;padding:14px 18px;border-radius:18px}.banner--compact{margin-bottom:16px}.banner--success{background:#15803d1a;border:1px solid rgba(21,128,61,.18);color:var(--success-500)}.banner--danger{background:#b91c1c14;border:1px solid rgba(185,28,28,.16);color:var(--danger-500)}.snapshot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.listener-list--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.listener-card{padding:18px;border:1px solid var(--line-soft);border-radius:18px;background:#ffffffc2}.listener-card__head{display:flex;justify-content:space-between;gap:12px;align-items:start}.listener-card__head p{margin:4px 0 0}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0 0}.detail-grid dt{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted)}.detail-grid dd{margin:4px 0 0}.node-form{display:flex;gap:10px;align-items:center}.code-block{margin:0;padding:16px;border-radius:18px;background:#0f172a;color:#e2e8f0;overflow:auto;white-space:pre-wrap;word-break:break-word}.table-shell{overflow-x:auto}.resource-table{width:100%;border-collapse:collapse}.resource-table th,.resource-table td{padding:14px 12px;border-bottom:1px solid var(--line-soft);text-align:left;vertical-align:top}.resource-table th{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted)}.resource-table tbody tr:hover{background:#94a3b80f}.resource-table td small{display:block;margin-top:4px;color:var(--ink-muted)}.password-cell{display:grid;gap:8px;min-width:220px}.password-cell__value{display:inline-block;padding:8px 10px;border-radius:12px;background:#94a3b824;color:var(--ink-strong);word-break:break-all}.password-cell__actions,.action-group,.badge-row{display:flex;flex-wrap:wrap;gap:8px}.action-button{min-height:34px;padding:0 12px;border:0;border-radius:999px;background:#0f172a14;color:var(--ink-strong);font-size:.82rem;font-weight:700}.action-button--danger{background:#b91c1c1a;color:var(--danger-500)}.action-button:disabled{opacity:.56;cursor:wait}.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;font-size:.74rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.status-badge--success{background:#15803d1a;color:var(--success-500)}.status-badge--warning{background:#b453091f;color:var(--warning-500)}.status-badge--danger{background:#b91c1c1a;color:var(--danger-500)}.status-badge--neutral{background:#4755691f;color:var(--neutral-500)}.panel-empty{margin:0;color:var(--ink-body)}@media (max-width: 1240px){.app-shell,.app-shell--collapsed{grid-template-columns:1fr;height:auto;overflow:visible}.admin-sidebar,.admin-main,.admin-main__scroll{height:auto}.admin-main__scroll{overflow:visible}.summary-strip,.snapshot-grid,.quick-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 980px){.admin-main__scroll{padding:18px}.list-toolbar,.workspace-grid,.summary-strip,.snapshot-grid,.listener-list--compact{grid-template-columns:1fr}.list-toolbar{align-items:stretch}.list-toolbar__actions{justify-content:stretch}.topbar{align-items:stretch}.topbar__actions{flex-direction:column;align-items:stretch}.field--search,.topbar-note{min-width:0}}@media (max-width: 720px){.auth-card{padding:18px}.list-toolbar,.topbar,.panel,.metric-card{border-radius:20px}.sidebar-header{padding:0 14px}.sidebar-nav,.sidebar-footer,.admin-main__scroll{padding-left:14px;padding-right:14px}.form-grid,.detail-sheet,.detail-grid,.quick-action-grid{grid-template-columns:1fr}.form-footer,.node-form{flex-direction:column;align-items:stretch}}