:root{--font-sans:"SF Pro Display","Segoe UI","Helvetica Neue",Arial,sans-serif;--font-mono:"SFMono-Regular","SF Mono","JetBrains Mono",monospace;--color-bg:#f3f5f8;--color-bg-elevated:#edf1f5;--color-surface:#fffffff0;--color-surface-strong:#fff;--color-surface-accent:#eef3f8;--color-text:#111827;--color-text-soft:#4b5563;--color-text-faint:#7b8698;--color-border:#0f172a1a;--color-border-strong:#0f172a2e;--color-green:#176b5b;--color-green-deep:#10493f;--color-orange:#c9822b;--color-orange-soft:#e4b67c;--color-danger:#b43f31;--color-danger-soft:#fcecea;--radius-xs:8px;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:24px;--radius-pill:9999px;--shadow-soft:0 8px 20px #0f172a0f;--shadow-medium:0 14px 32px #0f172a14;--shadow-panel:0 18px 40px #0f172a14;--shadow-accent:0 10px 24px #176b5b2e;--shadow-inset:inset 0 1px 0 #ffffffb8;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:56px;--space-10:72px;--space-11:96px;--text-xs:12px;--text-sm:14px;--text-md:16px;--text-lg:18px;--text-xl:22px;--text-2xl:32px;--text-3xl:clamp(40px,6vw,72px);--container:1280px;--transition-fast:.18s ease;--transition-soft:.24s ease;--z-base:1;--z-header:20;--z-overlay:40}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-sans);color:var(--color-text);background:linear-gradient(180deg,#f8fafc 0%,var(--color-bg)42%,#eef2f6 100%);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;margin:0}*{box-sizing:border-box}::selection{background:#176b5b29}a{color:inherit}button,input,textarea,select{font:inherit}button{color:inherit;background:0 0;border:0;padding:0}img{max-width:100%;display:block}.appShell{z-index:var(--z-base);width:min(calc(100% - 40px),var(--container));margin:0 auto;padding:28px 0 72px;position:relative}.topBar{z-index:var(--z-header);justify-content:space-between;align-items:center;gap:var(--space-6);margin-bottom:var(--space-9);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd6;border:1px solid #0f172a14;padding:16px 20px;display:flex;position:sticky;top:16px}.brandMark{align-items:center;gap:var(--space-3);letter-spacing:.22em;text-transform:uppercase;font-size:11px;font-weight:800;text-decoration:none;display:inline-flex}.brandMark:before{content:"";background:var(--color-text);border-radius:2px;width:10px;height:10px}.navCluster{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.softButton,.softButtonAccent,.softButtonGhost,.softInput,.statusPill{border-radius:var(--radius-md);transition:transform var(--transition-soft),box-shadow var(--transition-soft),background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.softButton,.softButtonAccent,.softButtonGhost{cursor:pointer;min-height:48px;font-size:var(--text-sm);letter-spacing:0;border:1px solid #0000;justify-content:center;align-items:center;gap:10px;padding:0 18px;font-weight:700;text-decoration:none;display:inline-flex}.softButton{border-color:var(--color-border);background:#ffffffe0;box-shadow:0 1px 2px #0f172a0a}.softButtonAccent{color:#f8fafc;background:linear-gradient(180deg,var(--color-green)0%,var(--color-green-deep)100%);box-shadow:var(--shadow-accent)}.softButtonGhost{color:var(--color-text-soft);border-color:var(--color-border);background:#ffffff75}.softButton:hover,.softButtonAccent:hover,.softButtonGhost:hover{transform:translateY(-1px)}.softButton:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-soft)}.softButtonAccent:hover{box-shadow:0 14px 30px #10493f33}.softButtonGhost:hover{border-color:var(--color-border-strong);background:#ffffffb8}.softButton:focus-visible,.softButtonAccent:focus-visible,.softButtonGhost:focus-visible,.softInput:focus-visible{outline:none;box-shadow:0 0 0 4px #176b5b1f}.warmPanel,.accentPanel{border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);position:relative;overflow:hidden}.surfacePanel{background:var(--color-surface);border:1px solid #0f172a14}.appFooterWrap{z-index:var(--z-base);width:min(calc(100% - 40px),var(--container));margin:0 auto 28px;position:relative}.appFooter{justify-content:space-between;align-items:center;gap:var(--space-6);padding:22px 24px;display:flex}.appFooterCopy{gap:10px;display:grid}.appFooterCopy p{color:var(--color-text-soft);margin:0;line-height:1.6}.appFooterButton{flex-shrink:0}.warmPanel{background:linear-gradient(#f7f9fc 0%,#edf2f7 100%);border:1px solid #0f172a14}.accentPanel{color:#f8fafc;background:linear-gradient(#1b3b5a 0%,#12283f 100%);border:1px solid #ffffff14}.eyebrow{margin-bottom:var(--space-4);color:var(--color-text-soft);font-size:var(--text-xs);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:8px;font-weight:800;display:inline-flex}.eyebrow:before{content:"";background:var(--color-green);width:10px;height:2px}.sectionHeading{justify-content:space-between;align-items:flex-end;gap:var(--space-5);margin-bottom:var(--space-7);display:flex}.sectionHeading h2,.sectionHeading h1,.pageTitle{letter-spacing:-.04em;margin:0;font-weight:800;line-height:.98}.pageTitle{font-size:clamp(32px,5vw,56px)}.sectionHeading p,.mutedText{color:var(--color-text-soft);margin:0;line-height:1.6}.statusPill{min-height:36px;color:var(--color-text-soft);border:1px solid var(--color-border);font-size:var(--text-xs);background:#ffffffc7;align-items:center;gap:8px;padding:0 14px;font-weight:700;display:inline-flex}.statusPill:before{content:"";opacity:.45;background:currentColor;border-radius:50%;width:8px;height:8px}.statusPill[data-tone=green]{color:var(--color-green);background:#176b5b14;border-color:#176b5b29}.statusPill[data-tone=orange]{color:var(--color-orange);background:#c9822b14;border-color:#c9822b29}.softInput{border:1px solid var(--color-border);width:100%;min-height:52px;color:var(--color-text);background:#ffffffeb;outline:none;padding:0 16px;box-shadow:inset 0 1px #ffffffb8}.softInput::placeholder{color:var(--color-text-faint)}.softInput:focus{border-color:#176b5b5c}.emptyState{place-items:center;gap:var(--space-4);min-height:240px;padding:var(--space-8);text-align:center;display:grid}.emptyStateBadge{width:68px;height:68px;color:var(--color-text-soft);background:#e9eef4;border:1px solid #0f172a14;border-radius:18px;place-items:center;font-size:28px;display:grid}.toastStack{z-index:calc(var(--z-overlay) + 1);pointer-events:none;flex-direction:column;gap:12px;width:min(360px,100vw - 32px);display:flex;position:fixed;top:96px;left:24px}.toastItem{border-radius:var(--radius-md);box-shadow:var(--shadow-panel);color:var(--color-text);pointer-events:auto;background:#fffffff5;border:1px solid #0f172a14;padding:16px 18px;line-height:1.5}.toastItem--success{color:var(--color-green-deep);background:#f1f8f5}.toastItem--error{color:var(--color-danger);background:#fdf1ef}.toastItem--info{background:#f5f7fa}@media (max-width:1024px){.appShell{width:min(calc(100% - 24px),var(--container));padding-bottom:48px}.appFooterWrap{width:min(calc(100% - 24px),var(--container))}.topBar{flex-direction:column;align-items:stretch}.navCluster{justify-content:flex-start}.sectionHeading{flex-direction:column;align-items:flex-start}}@media (max-width:640px){.appShell{width:min(calc(100% - 20px),var(--container));padding-top:16px}.appFooterWrap{width:min(calc(100% - 20px),var(--container))}.appFooter{flex-direction:column;align-items:stretch}}