[data-theme=light]{--bg: #F8FAFF;--bg-surface: #EFF4FF;--bg-card: #FFFFFF;--bg-overlay: rgba(37,99,235,.04);--text-primary: #0F172A;--text-secondary:#475569;--text-muted: #94A3B8;--border: rgba(37,99,235,.13);--border-hover: rgba(37,99,235,.35);--accent: #2563EB;--accent-hover: #1D4ED8;--accent-dim: rgba(37,99,235,.1);--highlight: #1D4ED8;--orange: #EA580C;--orange-dim: rgba(234,88,12,.1);--green: #16A34A;--green-dim: rgba(22,163,74,.1);--red: #C0392B;--red-dim: rgba(192,57,43,.1);--shadow-sm: 0 1px 8px rgba(37,99,235,.06);--shadow-md: 0 4px 24px rgba(37,99,235,.1);--glow: none;--noise-1: rgba(37,99,235,.07);--noise-2: rgba(59,130,246,.05);--logo-bg: #1E3A8A;--toggle-bg: #E2E8F0;--toggle-knob: #FFFFFF;--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: rgba(37,99,235,.07);--text-primary: #F0F4FF;--text-secondary:#8BA3C7;--text-muted: #4A6080;--border: rgba(37,99,235,.22);--border-hover: rgba(59,130,246,.55);--accent: #2563EB;--accent-hover: #3B82F6;--accent-dim: rgba(37,99,235,.18);--highlight: #60A5FA;--orange: #F97316;--orange-dim: rgba(249,115,22,.15);--green: #4ADE80;--green-dim: rgba(74,222,128,.1);--red: #F87171;--red-dim: rgba(248,113,113,.12);--shadow-sm: none;--shadow-md: none;--glow: 0 0 28px rgba(37,99,235,.3);--noise-1: rgba(37,99,235,.16);--noise-2: rgba(59,130,246,.09);--logo-bg: #162038;--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{margin:0;background:var(--bg);color:var(--text-primary);font-family:DM Sans,sans-serif;transition:background .35s ease,color .35s ease}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;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}#root{position:relative;z-index:1}.df-btn{font-family:var(--font-display);font-weight:600;font-size:.85rem;padding:.55rem 1.3rem;border-radius:10px;border:none;cursor:pointer;letter-spacing:.02em;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.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{background:transparent;color:var(--brand-primary);border:1px solid var(--border)}.df-btn-secondary:hover:not(:disabled){border-color:var(--brand-primary);background:var(--accent-dim)}.df-btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text-secondary)}.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{padding:.25rem .7rem;font-size:.72rem;border-radius:8px}.df-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-sm)}.df-input{padding:8px 10px;font-size:14px;border:1px solid var(--border);border-radius:8px;font-family:inherit;background:var(--bg-card);color:var(--text-primary);box-sizing:border-box;transition:border-color .2s}.df-input:focus{outline:none;border-color:var(--brand-primary)}.df-pill{display:inline-flex;padding:.2rem .65rem;border-radius:100px;font-size:.7rem;font-weight:500}.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);display:flex;align-items:center;gap:.5rem;padding:0 20px;height:56px;flex-shrink:0;transition:background .35s,border-color .35s}.df-nav-item{font-family:var(--font-display);font-size:.76rem;font-weight:600;letter-spacing:.04em;padding:.35rem .85rem;border-radius:8px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;text-decoration:none;transition:all .2s;white-space:nowrap}.df-nav-item:hover{color:var(--text-primary);background:var(--bg-overlay)}.df-nav-item.active{background:var(--accent-dim);color:var(--brand-primary)}.df-section-title{font-family:var(--font-display);font-weight:700;font-size:1.3rem;color:var(--text-primary);margin:0}.df-stat-label{font-size:.68rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.df-stat-val{font-family:var(--font-display);font-size:2rem;font-weight:800;color:var(--text-primary)}.df-table{width:100%;border-collapse:collapse;font-size:.85rem}.df-table th{text-align:left;font-family:var(--font-display);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:.55rem .75rem;border-bottom:1px solid var(--border)}.df-table td{padding:.6rem .75rem;border-bottom:1px solid var(--border);color:var(--text-primary)}.df-table tbody tr:hover{background:var(--bg-overlay)}.df-table a{color:var(--brand-primary);text-decoration:none;font-weight:600}.df-table a:hover{text-decoration:underline}.df-toggle-bar{display:flex;align-items:center;gap:.6rem}.df-toggle-label{font-family:var(--font-display);font-size:.66rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);transition:color .3s;-webkit-user-select:none;user-select:none}.df-toggle-wrap{position:relative;width:52px;height:28px;cursor:pointer}.df-toggle-wrap input{opacity:0;width:0;height:0;position:absolute}.df-toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--toggle-bg);border-radius:100px;border:1px solid var(--border);transition:background .3s,border-color .3s;display:flex;align-items:center;padding:0 4px}.df-toggle-track:after{content:"";width:20px;height:20px;background:var(--toggle-knob);border-radius:50%;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{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;padding:0 6px;pointer-events:none;font-size:11px;line-height:1}