[data-theme=light]{--bg:#f8faff;--bg-surface:#eff4ff;--bg-card:#fff;--bg-overlay:#2563eb0a;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border:#2563eb21;--border-hover:#2563eb59;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-dim:#2563eb1a;--highlight:#1d4ed8;--orange:#ea580c;--orange-dim:#ea580c1a;--green:#16a34a;--green-dim:#16a34a1a;--red:#c0392b;--red-dim:#c0392b1a;--shadow-sm:0 1px 8px #2563eb0f;--shadow-md:0 4px 24px #2563eb1a;--glow:none;--noise-1:#2563eb12;--noise-2:#3b82f60d;--logo-bg:#1e3a8a;--logo-stop-1:#1d4ed8;--logo-stop-2:#1e3a8a;--logo-fill:#1e3a8a12;--logo-dot:#1d4ed8;--toggle-bg:#e2e8f0;--toggle-knob:#fff;--font-display:"Syne", sans-serif;--brand-primary:var(--accent);--brand-accent:var(--orange)}[data-theme=dark]{--bg:#0b1426;--bg-surface:#111c30;--bg-card:#162038;--bg-overlay:#2563eb12;--text-primary:#f0f4ff;--text-secondary:#8ba3c7;--text-muted:#4a6080;--border:#2563eb38;--border-hover:#3b82f68c;--accent:#2563eb;--accent-hover:#3b82f6;--accent-dim:#2563eb2e;--highlight:#60a5fa;--orange:#f97316;--orange-dim:#f9731626;--green:#4ade80;--green-dim:#4ade801a;--red:#f87171;--red-dim:#f871711f;--shadow-sm:none;--shadow-md:none;--glow:0 0 28px #2563eb4d;--noise-1:#2563eb29;--noise-2:#3b82f617;--logo-bg:#162038;--logo-stop-1:#60a5fa;--logo-stop-2:#2563eb;--logo-fill:#2563eb1a;--logo-dot:#60a5fa;--toggle-bg:#1a3a6b;--toggle-knob:#60a5fa;--font-display:"Syne", sans-serif;--brand-primary:var(--accent);--brand-accent:var(--orange)}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text-primary);margin:0;font-family:DM Sans,sans-serif;transition:background .35s,color .35s}body:before{content:"";z-index:0;background-image:radial-gradient(ellipse 80% 60% at 15% 10%, var(--noise-1) 0%, transparent 60%), radial-gradient(ellipse 50% 40% at 85% 80%, var(--noise-2) 0%, transparent 55%);pointer-events:none;position:fixed;inset:0}#root{z-index:1;position:relative}.df-logo .hex-stroke{stroke:var(--logo-stop-1);transition:stroke .35s}.df-logo .hex-fill{fill:var(--logo-fill);transition:fill .35s}.df-logo .hex-d{fill:var(--logo-stop-1);transition:fill .35s}.df-logo .hex-dot{fill:var(--logo-dot);transition:fill .35s}.df-btn{font-family:var(--font-display);cursor:pointer;letter-spacing:.02em;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1.3rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.df-btn:disabled{opacity:.55;cursor:not-allowed}.df-btn-primary{background:var(--brand-primary);color:#fff;box-shadow:var(--glow)}.df-btn-primary:hover:not(:disabled){filter:brightness(.92);transform:translateY(-1px)}.df-btn-secondary{color:var(--brand-primary);border:1px solid var(--border);background:0 0}.df-btn-secondary:hover:not(:disabled){border-color:var(--brand-primary);background:var(--accent-dim)}.df-btn-ghost{border:1px solid var(--border);color:var(--text-secondary);background:0 0}.df-btn-ghost:hover:not(:disabled){color:var(--text-primary);border-color:var(--border-hover)}.df-btn-danger{background:var(--red);color:#fff}.df-btn-danger:hover:not(:disabled){filter:brightness(.92)}.df-btn-sm{border-radius:8px;padding:.25rem .7rem;font-size:.72rem}.df-card{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px}.df-input{border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);box-sizing:border-box;border-radius:8px;padding:8px 10px;font-family:inherit;font-size:14px;transition:border-color .2s}.df-input:focus{border-color:var(--brand-primary);outline:none}.df-pill{border-radius:100px;padding:.2rem .65rem;font-size:.7rem;font-weight:500;display:inline-flex}.df-pill-active{background:var(--accent-dim);color:var(--accent)}.df-pill-pending{background:var(--orange-dim);color:var(--orange)}.df-pill-done{background:var(--green-dim);color:var(--green)}.df-pill-cancelled{background:var(--red-dim);color:var(--red)}.df-pill-neutral{background:var(--bg-overlay);color:var(--text-muted)}.df-topbar{background:var(--bg-card);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:.5rem;height:56px;padding:0 20px;transition:background .35s,border-color .35s;display:flex}.df-nav-item{font-family:var(--font-display);letter-spacing:.04em;color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:.35rem .85rem;font-size:.76rem;font-weight:600;text-decoration:none;transition:all .2s}.df-nav-item:hover{color:var(--text-primary);background:var(--bg-overlay)}.df-nav-item.active{background:var(--accent-dim);color:var(--brand-primary)}.op-shell{min-height:100vh;display:flex}.op-sidebar{background:var(--bg-card);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:4px;width:220px;padding:20px 12px;transition:background .35s,border-color .35s;display:flex}.op-sidebar-logo{padding:0 8px 16px}.op-sidebar-section-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);padding:14px 10px 6px;font-size:.66rem;font-weight:700}.op-sidebar-section-label:first-of-type{padding-top:4px}.op-sidebar-link{font-family:var(--font-display);color:var(--text-secondary);border-radius:8px;align-items:center;gap:8px;padding:.5rem .65rem;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.op-sidebar-link:hover{color:var(--text-primary);background:var(--bg-overlay)}.op-sidebar-link.active{background:var(--accent-dim);color:var(--brand-primary)}.op-main{flex-direction:column;flex:1;min-width:0;display:flex}.df-section-title{font-family:var(--font-display);color:var(--text-primary);margin:0;font-size:1.3rem;font-weight:700}.df-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.68rem}.df-stat-val{font-family:var(--font-display);color:var(--text-primary);font-size:2rem;font-weight:800}.df-table{border-collapse:collapse;width:100%;font-size:.85rem}.df-table th{text-align:left;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border);padding:.55rem .75rem;font-size:.7rem}.df-table td{border-bottom:1px solid var(--border);color:var(--text-primary);padding:.6rem .75rem}.df-table tbody tr:hover{background:var(--bg-overlay)}.df-table a{color:var(--brand-primary);font-weight:600;text-decoration:none}.df-table a:hover{text-decoration:underline}.df-toggle-bar{align-items:center;gap:.6rem;display:flex}.df-toggle-label{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);-webkit-user-select:none;user-select:none;font-size:.66rem;font-weight:600;transition:color .3s}.df-toggle-wrap{cursor:pointer;width:52px;height:28px;position:relative}.df-toggle-wrap input{opacity:0;width:0;height:0;position:absolute}.df-toggle-track{background:var(--toggle-bg);border:1px solid var(--border);border-radius:100px;align-items:center;padding:0 4px;transition:background .3s,border-color .3s;display:flex;position:absolute;inset:0}.df-toggle-track:after{content:"";background:var(--toggle-knob);border-radius:50%;width:20px;height:20px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .3s;box-shadow:0 1px 4px #00000026}[data-theme=dark] .df-toggle-track:after{transform:translate(24px)}.df-toggle-icons{pointer-events:none;justify-content:space-between;align-items:center;padding:0 6px;font-size:11px;line-height:1;display:flex;position:absolute;inset:0}