:root{--ink-0:#fff;--ink-50:#f6f8f5;--ink-100:#eef2ee;--ink-150:#e3eae4;--ink-200:#d8e1da;--ink-300:#bfcbc3;--ink-400:#97a69d;--ink-500:#74837a;--ink-600:#57665d;--ink-700:#3d4b42;--ink-800:#243129;--ink-900:#141f18;--night-0:#0a120d;--night-1:#0e1711;--night-2:#141f18;--night-3:#1c2b22;--night-4:#283b30;--night-text:#e9f2ec;--night-muted:#a4b7ab;--night-faint:#6e8277;--brand-300:#86f2ba;--brand-400:#5ceba0;--brand-500:#2fdd84;--brand-600:#18b56c;--brand-700:#0f8c55;--brand-ink:#06210f;--brand-tint:#2fdd841a;--brand-glow:#2fdd8447;--success-ink:#0f7a47;--success-bg:#e4f6ec;--success-border:#b9e5cd;--warning-ink:#8a5207;--warning-bg:#fdf1d8;--warning-border:#efd8a6;--danger-ink:#96312a;--danger-bg:#fce9e5;--danger-border:#eec5be;--info-ink:#1d56c0;--info-bg:#e8f0fc;--info-border:#c3d6f4;--success-ink-dark:#7ff0b3;--success-bg-dark:#12331f;--success-border-dark:#1e5c3a;--warning-ink-dark:#f4c46a;--warning-bg-dark:#3a2d12;--warning-border-dark:#9c6b2a;--danger-ink-dark:#ffa394;--danger-bg-dark:#3c1c17;--danger-border-dark:#8a3a2e;--info-ink-dark:#9dc0f5;--info-bg-dark:#16263f;--info-border-dark:#2c4a72;--status-ok:#22b56c;--status-warn:#e0a63a;--status-bad:#d94a40;--radius-sm:.5rem;--radius-md:.65rem;--radius-lg:.9rem;--radius-xl:1.1rem;--radius-full:999px;--shadow-sm:0 1px 2px #0c1e140f, 0 1px 8px #0c1e140a;--shadow-md:0 6px 18px #0c1e1414, 0 2px 6px #0c1e140d;--shadow-lg:0 20px 56px #091c122e, 0 4px 14px #091c1217;--shadow-glow:0 8px 32px var(--brand-glow), 0 0 0 1px #2fdd843d;--focus-ring:0 0 0 3px #2fdd8438;--motion-fast:.14s;--motion-base:.22s;--ease-out:cubic-bezier(.2, 0, 0, 1);--font-ui:Inter, "Noto Sans SC", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;color:var(--ink-900);background:var(--ink-50);font-family:var(--font-ui);font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}body{background:var(--ink-50);min-width:320px;min-height:100vh;margin:0}::selection{background:var(--brand-tint)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:var(--focus-ring);outline:none}.admin-layout{grid-template-columns:16rem minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--night-4);height:100vh;color:var(--night-text);background:linear-gradient(180deg, var(--night-1), var(--night-0) 60%);flex-direction:column;justify-content:space-between;padding:1.5rem 1rem;display:flex;position:sticky;top:0}.brand-lockup{align-items:center;gap:.8rem;padding:.4rem .65rem 2rem;display:flex}.brand-lockup div{display:grid}.brand-lockup strong{letter-spacing:-.02em}.brand-lockup small,.sidebar-footer small{color:var(--night-faint)}.brand-mark{border-radius:var(--radius-md);width:2.2rem;height:2.2rem;color:var(--brand-ink);background:linear-gradient(135deg, var(--brand-400), var(--brand-500));box-shadow:0 0 2rem var(--brand-glow);place-items:center;font-weight:900;display:grid}nav{gap:.35rem;display:grid}.nav-item{border-radius:var(--radius-md);width:100%;color:var(--night-muted);text-align:left;transition:color var(--motion-fast) var(--ease-out), background-color var(--motion-fast) var(--ease-out);background:0 0;border:0;align-items:center;gap:.85rem;padding:.8rem;display:flex}.nav-item span{color:var(--night-faint);font:600 .68rem var(--font-mono)}.nav-item:hover,.nav-item.active{color:var(--night-text);background:var(--night-3)}.nav-item.active span{color:var(--brand-400)}.sidebar-footer{border-top:1px solid var(--night-4);word-break:break-all;gap:.6rem;padding:1rem .65rem 0;display:grid}.text-button{width:fit-content;color:var(--brand-400);background:0 0;border:0;padding:0}.text-button:hover{color:var(--brand-300)}.workspace{background:linear-gradient(#15261d06 1px, transparent 1px), linear-gradient(90deg, #15261d06 1px, transparent 1px), var(--ink-50);background-size:28px 28px;min-width:0;padding:2rem clamp(1.25rem,3.5vw,3.5rem) 4rem}.topbar{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:2rem;display:flex}.breadcrumb,.eyebrow{color:var(--brand-700);letter-spacing:.13em;margin:0 0 .55rem;font-size:.7rem;font-weight:800}.topbar h1{letter-spacing:-.055em;margin:0;font-size:clamp(2rem,4vw,3.4rem);line-height:1}.topbar-actions,.row-actions,.modal-actions,.filter-tabs{flex-wrap:wrap;gap:.5rem;display:flex}.row-actions a{border:1px solid var(--ink-200);border-radius:var(--radius-sm);color:var(--ink-700);background:var(--ink-0);transition:border-color var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out), background-color var(--motion-fast) var(--ease-out);padding:.38rem .55rem;font-size:.76rem;text-decoration:none}.row-actions a:hover{border-color:var(--brand-500);color:var(--brand-700);background:var(--brand-tint)}.language-toggle,.refresh-button,.secondary-button,.row-actions button,.filter-tabs button{border:1px solid var(--ink-200);border-radius:var(--radius-sm);color:var(--ink-700);background:var(--ink-0);transition:border-color var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out), background-color var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out);padding:.55rem .75rem}.language-toggle:hover,.refresh-button:hover,.secondary-button:hover,.row-actions button:hover,.filter-tabs button:hover,.filter-tabs button.active{border-color:var(--brand-500);color:var(--brand-700);background:var(--brand-tint)}.notice{border:1px solid var(--success-border);border-radius:var(--radius-md);color:var(--success-ink);background:var(--success-bg);margin-bottom:1rem;padding:.85rem 1rem}.critical-banner{border:1px solid var(--danger-border);border-radius:var(--radius-lg);color:var(--danger-ink);background:var(--danger-bg);grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem 1.2rem;display:grid}.critical-banner>span{color:#fff;background:var(--status-bad);border-radius:50%;place-items:center;width:2rem;height:2rem;font-weight:900;display:grid}.critical-banner p{color:var(--danger-ink);margin:.25rem 0 0}.critical-banner button{border-radius:var(--radius-sm);color:#fff;transition:background-color var(--motion-fast) var(--ease-out);background:#b3362b;border:0;padding:.55rem .8rem}.critical-banner button:hover{background:#96291f}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1rem;margin-bottom:1rem;display:grid}.metric-card,.surface{border:1px solid var(--ink-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:#ffffffeb}.metric-card{min-height:10rem;transition:border-color var(--motion-base) var(--ease-out), transform var(--motion-base) var(--ease-out), box-shadow var(--motion-base) var(--ease-out);gap:.6rem;padding:1.15rem;display:grid}.metric-card:hover{border-color:var(--ink-300);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.metric-card small,.metric-card span{color:var(--ink-500)}.metric-card strong{letter-spacing:-.07em;margin-top:auto;font-size:2.6rem}.metric-card.warm{border-top:3px solid var(--status-warn)}.metric-card.danger{border-top:3px solid var(--status-bad)}.split-grid{grid-template-columns:1.2fr 1fr;gap:1rem;display:grid}.surface{padding:1.2rem;overflow:hidden}.section-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.section-heading h2,.modal-heading h2{letter-spacing:-.025em;margin:0;font-size:1.25rem}.count-chip{border-radius:var(--radius-full);color:var(--success-ink);background:var(--success-bg);padding:.35rem .6rem;font-weight:800}.queue-row{border:0;border-top:1px solid var(--ink-150);width:100%;color:inherit;text-align:left;transition:background-color var(--motion-fast) var(--ease-out);background:0 0;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1rem 0;display:grid}.queue-row:hover{background:var(--ink-100)}.queue-row>span{color:var(--ink-400);font:700 .7rem var(--font-mono)}.queue-row div,.compact-row div{gap:.25rem;display:grid}.queue-row small,.compact-row small,.cell-meta{color:var(--ink-500);font-size:.76rem;display:block}.queue-row b{color:#fff;background:var(--brand-600);border-radius:50%;place-items:center;width:1.8rem;height:1.8rem;display:grid}.compact-row{border-top:1px solid var(--ink-150);grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.85rem 0;display:grid}.status-dot{background:var(--status-warn);border-radius:50%;width:.55rem;height:.55rem}.status-dot.approved{background:var(--status-ok)}.status-dot.rejected{background:var(--status-bad)}.table-surface{padding:0}.table-surface>.section-heading{padding:1.2rem 1.2rem 0}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.88rem}th,td{border-top:1px solid var(--ink-150);text-align:left;vertical-align:middle;padding:.9rem 1.2rem}th{color:var(--ink-500);background:var(--ink-100);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem}td code{color:var(--ink-700);font-size:.76rem}.status-badge{border-radius:var(--radius-full);color:var(--warning-ink);background:var(--warning-bg);padding:.26rem .5rem;font-size:.72rem;font-weight:700;display:inline-flex}.status-badge.active,.status-badge.approved{color:var(--success-ink);background:var(--success-bg)}.status-badge.suspended,.status-badge.rejected{color:var(--danger-ink);background:var(--danger-bg)}.status-badge.monitor-completed,.status-badge.monitor-stopped{color:var(--ink-600);background:var(--ink-100)}.status-badge.monitor-active,.status-badge.pwa-active,.status-badge.pwa-published{color:var(--success-ink);background:var(--success-bg)}.status-badge.pwa-disabled,.status-badge.pwa-admin_disabled,.status-badge.pwa-suspended,.status-badge.pwa-rejected{color:var(--danger-ink);background:var(--danger-bg)}.pwa-moderation-grid{gap:1rem;display:grid}.pwa-safety-banner{border:1px solid var(--success-border);border-radius:var(--radius-lg);background:linear-gradient(125deg,#2fdd8412,#2fdd8424);justify-content:space-between;align-items:center;gap:2rem;padding:1.35rem;display:flex}.pwa-safety-banner h2,.pwa-safety-banner p{margin:0}.pwa-safety-banner>div:first-child>p:last-child{max-width:46rem;color:var(--ink-600);margin-top:.55rem;line-height:1.55}.pwa-safety-counts{flex:none;gap:.6rem;display:flex}.pwa-safety-counts span{border:1px solid var(--success-border);border-radius:var(--radius-md);background:#fffc;gap:.25rem;min-width:8rem;padding:.85rem;display:grid}.pwa-safety-counts strong{font-size:1.6rem}.pwa-safety-counts small{color:var(--ink-600)}.pwa-target{text-overflow:ellipsis;white-space:nowrap;max-width:15rem;display:inline-block;overflow:hidden}.row-actions button{padding:.38rem .55rem;font-size:.76rem}.row-actions .danger-link{color:var(--danger-ink)}.money-value{color:var(--success-ink);font-weight:800}.empty-state{color:var(--ink-500);text-align:center;padding:3rem 1rem}.login-page{min-height:100vh;color:var(--night-text);background:var(--night-0);grid-template-columns:minmax(0,1.25fr) minmax(24rem,.75fr);display:grid}.login-brand{background:radial-gradient(circle at 20% 80%,#2fdd8429,#0000 25rem),linear-gradient(#86f2ba0a 1px,#0000 1px) 0 0/32px 32px,linear-gradient(90deg,#86f2ba0a 1px,#0000 1px) 0 0/32px 32px;align-content:center;padding:clamp(3rem,8vw,8rem);display:grid}.login-brand h1{letter-spacing:-.07em;max-width:48rem;margin:1rem 0;font-size:clamp(3rem,7vw,7rem);line-height:.95}.login-brand>p:not(.eyebrow){max-width:34rem;color:var(--night-muted);font-size:1.05rem}.signal-line{color:var(--night-muted);align-items:center;gap:.7rem;margin-top:3rem;display:flex}.signal-line span{background:var(--brand-500);width:.6rem;height:.6rem;box-shadow:0 0 1rem var(--brand-500);border-radius:50%}.login-panel{color:var(--ink-900);background:var(--ink-50);place-items:center;padding:2rem;display:grid;position:relative}.login-language{position:absolute;top:1.5rem;right:1.5rem}.auth-form{gap:1rem;width:min(100%,24rem);display:grid}.auth-form h2{letter-spacing:-.04em;margin:0 0 1rem;font-size:2rem}label{color:var(--ink-600);gap:.45rem;font-size:.82rem;font-weight:700;display:grid}input,select,textarea{border:1px solid var(--ink-200);border-radius:var(--radius-md);width:100%;color:var(--ink-900);background:var(--ink-0);transition:border-color var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out);outline:none;padding:.75rem .8rem}input:focus,select:focus,textarea:focus{border-color:var(--brand-500);box-shadow:var(--focus-ring)}select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--ink-500) 50%), linear-gradient(135deg, var(--ink-500) 50%, transparent 50%);background-position:calc(100% - 1rem),calc(100% - .7rem);background-repeat:no-repeat;background-size:.3rem .3rem}.monitor-launch{background:radial-gradient(circle at 5%,#2fdd8417,#0000 24rem),#ffffffeb;grid-template-columns:minmax(0,1.15fr) minmax(24rem,.85fr);gap:2rem;margin-bottom:1rem;display:grid}.monitor-launch h2,.health-overview h2{letter-spacing:-.04em;margin:0;font-size:1.6rem}.monitor-launch>div>p:not(.eyebrow){max-width:56rem;color:var(--ink-600);line-height:1.65}.monitor-launch form{border:1px solid var(--ink-200);border-radius:var(--radius-lg);background:var(--ink-100);align-content:end;gap:.8rem;padding:1rem;display:grid}.health-overview{border:1px solid var(--success-border);border-radius:var(--radius-lg);background:#f4faf6;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:1.3rem;display:flex}.health-overview.degraded{border-color:var(--danger-border);color:var(--danger-ink);background:var(--danger-bg)}.health-overview>span{color:var(--ink-500);font-size:.78rem}.health-grid{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem;display:grid}.health-card{border:1px solid var(--ink-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#ffffffeb;padding:1rem}.health-card>div{align-items:center;gap:.6rem;display:flex}.health-card p{min-height:2.8rem;color:var(--ink-600);font-size:.82rem;line-height:1.5}.health-card small{color:var(--ink-400)}.health-dot{background:var(--status-ok);border-radius:50%;width:.65rem;height:.65rem;box-shadow:0 0 .75rem #22b56c59}.health-card.unknown .health-dot{background:var(--status-warn);box-shadow:0 0 .75rem #e0a63a59}.health-card.degraded{border-color:var(--danger-border);background:var(--danger-bg)}.health-card.degraded .health-dot{background:var(--status-bad);box-shadow:0 0 .75rem #d94a4059}.primary-button{border-radius:var(--radius-md);color:var(--brand-ink);background:linear-gradient(135deg, var(--brand-400), var(--brand-500));transition:filter var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out), transform var(--motion-fast) var(--ease-out);border:0;padding:.78rem 1rem;font-weight:800}.primary-button:hover{filter:brightness(1.06);box-shadow:0 6px 20px var(--brand-glow);transform:translateY(-1px)}.form-error{border-radius:var(--radius-sm);color:var(--danger-ink);background:var(--danger-bg);padding:.7rem}.loading-screen{min-height:100vh;color:var(--ink-500);background:var(--ink-50);place-content:center;justify-items:center;gap:1rem;display:grid}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#07100b9e;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--ink-200);border-radius:var(--radius-xl);width:min(100%,31rem);max-height:calc(100vh - 2rem);box-shadow:var(--shadow-lg);background:#fbfdfb;gap:1rem;padding:1.3rem;display:grid;overflow-y:auto}.modal-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.modal-heading button{width:2rem;height:2rem;color:var(--ink-600);background:var(--ink-100);transition:color var(--motion-fast) var(--ease-out), background-color var(--motion-fast) var(--ease-out);border:0;border-radius:50%;font-size:1.3rem}.modal-heading button:hover{color:var(--ink-900);background:var(--ink-200)}.modal-card p{color:var(--ink-600);margin:0}.modal-actions{justify-content:flex-end;padding-top:.5rem}.secret-value{overflow-wrap:anywhere;border:1px dashed var(--brand-500);border-radius:var(--radius-md);color:var(--brand-700);background:var(--brand-tint);padding:1rem;font-size:.95rem}.receipt-modal{width:min(100%,50rem)}.receipt-modal img{object-fit:contain;border-radius:var(--radius-md);background:var(--ink-150);max-width:100%;max-height:70vh}.amount-comparison,.warning-box{border-radius:var(--radius-md);color:var(--warning-ink);background:var(--warning-bg);gap:.35rem;padding:.8rem;display:grid}.warning-box{color:var(--danger-ink);background:var(--danger-bg)}@media (width<=1050px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split-grid,.monitor-launch{grid-template-columns:1fr}}@media (width<=760px){.admin-layout{grid-template-columns:1fr}.sidebar{width:100%;height:auto;position:static}nav{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-footer{grid-template-columns:1fr auto;align-items:center}.topbar,.health-overview{flex-direction:column;align-items:flex-start}.pwa-safety-banner{flex-direction:column;align-items:stretch}.pwa-safety-counts span{flex:1;min-width:0}.login-page{grid-template-columns:1fr}.login-brand{min-height:42vh;padding:3rem 1.5rem}.login-brand h1{font-size:clamp(2.6rem,13vw,4rem)}.login-panel{min-height:58vh}}@media (width<=520px){.workspace{padding:1.25rem .8rem 3rem}.metric-grid{grid-template-columns:1fr}.critical-banner{grid-template-columns:auto 1fr}.critical-banner button{grid-column:1/-1}.pwa-safety-counts{flex-direction:column}}
