.dashboard-root{--brand-yellow:#ffd02f;--brand-yellow-deep:#e6b800;--yellow-light:#fff9e0;--yellow-dark:#5c4a00;--brand-blue:#4262ff;--brand-coral:#ff8a7a;--coral-light:#ffe8e4;--brand-teal:#5ad8cc;--teal-light:#e0f7f5;--brand-rose:#ffb3d9;--rose-light:#fff0f7;--primary:#050038;--canvas:#ffffff;--surface:#f5f5f7;--surface-soft:#fafafb;--surface-yellow:#fff9e0;--hairline:rgba(5,0,56,0.12);--hairline-soft:rgba(5,0,56,0.06);--hairline-strong:rgba(5,0,56,0.2);--ink:#050038;--charcoal:#2d2a4a;--slate:#6b6889;--stone:#a8a6bc;--muted:#c4c2d4;--on-primary:#ffffff;--on-dark-muted:rgba(255,255,255,0.72);--footer-bg:#050038;--success:#1a7f5a;--success-bg:#e2f5ed;--danger:#c0392b;--danger-bg:#fdf0ee;--warning:#b8650a;--warning-bg:#fff4e0;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-xxxl:28px;--radius-full:9999px;--shadow-card:rgba(5,0,56,0.06) 0px 4px 12px 0px;font-family:Noto Sans,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;color:var(--ink);background:var(--canvas);min-height:100vh}.dashboard-root *{box-sizing:border-box}.dashboard-root a{color:inherit;text-decoration:none}.dashboard-root button,.dashboard-root input,.dashboard-root select,.dashboard-root textarea{font:inherit}.dashboard-root button{cursor:pointer}.dashboard-root .container{max-width:1280px;margin:0 auto;padding:0 32px}.dashboard-root .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:var(--radius-full);padding:12px 24px;font-size:14px;font-weight:500;transition:background .15s}.dashboard-root .btn-primary{background:var(--primary);color:var(--on-primary)}.dashboard-root .btn-primary:hover{background:var(--charcoal)}.dashboard-root .btn-secondary{background:transparent;color:var(--ink);border:1px solid var(--hairline-strong)}.dashboard-root .btn-yellow{background:var(--brand-yellow);color:var(--primary)}.dashboard-root .btn:disabled{opacity:.6;cursor:not-allowed}.dashboard-root .card-base{background:var(--canvas);border:1px solid var(--hairline-soft);border-radius:var(--radius-xl);padding:24px;box-shadow:var(--shadow-card)}.dashboard-root .card-feature-yellow{background:var(--brand-yellow);border-radius:var(--radius-xxxl);padding:32px}.dashboard-root .card-feature-teal{background:var(--teal-light);border-radius:var(--radius-xxxl);padding:32px}.dashboard-root .card-feature-coral{background:var(--coral-light);border-radius:var(--radius-xxxl);padding:32px}.dashboard-root .card-feature-rose{background:var(--rose-light);border-radius:var(--radius-xxxl);padding:32px}.dashboard-root .text-input{width:100%;height:44px;border:1px solid var(--hairline-strong);border-radius:var(--radius-md);padding:12px 16px;background:var(--canvas);color:var(--ink)}.dashboard-root .text-input:focus{outline:none;border:2px solid var(--brand-blue)}.dashboard-root .pill-tab{display:inline-flex;padding:8px 16px;border-radius:var(--radius-full);border:1px solid var(--hairline);background:var(--canvas);color:var(--slate);font-size:14px;font-weight:500}.dashboard-root .pill-tab-active{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.dashboard-root .badge-tag-yellow{display:inline-block;background:var(--surface-yellow);color:var(--yellow-dark);font-size:13px;font-weight:600;border-radius:var(--radius-full);padding:4px 10px}.dashboard-root .app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.dashboard-root .sidebar{background:var(--canvas);border-right:1px solid var(--hairline-soft);padding:24px 16px;display:flex;flex-direction:column;gap:4px}.dashboard-root .sidebar-brand{font-size:1.1rem;font-weight:700;margin-bottom:32px;padding:0 12px;letter-spacing:.5px}.dashboard-root .sidebar-brand .accent{color:var(--brand-yellow)}.dashboard-root .sidebar-link{display:block;padding:10px 14px;border-radius:var(--radius-full);color:var(--slate);font-size:14px;font-weight:500}.dashboard-root .sidebar-link.active,.dashboard-root .sidebar-link:hover{background:var(--surface);color:var(--ink)}.dashboard-root .main-content{padding:32px 40px;overflow:auto;background:var(--surface-soft);min-height:100vh}.dashboard-root .page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.dashboard-root .page-header h1{margin:0;font-size:2rem;font-weight:500;letter-spacing:-.5px}.dashboard-root .stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:28px}.dashboard-root .stat-card{background:var(--canvas);border:1px solid var(--hairline-soft);border-radius:var(--radius-xl);padding:20px 24px}.dashboard-root .stat-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--stone);margin-bottom:6px}.dashboard-root .stat-value{font-size:1.75rem;font-weight:500;color:var(--ink)}.dashboard-root .table-wrap{overflow-x:auto}.dashboard-root table{width:100%;border-collapse:collapse}.dashboard-root td,.dashboard-root th{text-align:left;padding:12px 16px;border-bottom:1px solid var(--hairline-soft)}.dashboard-root th{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--stone)}.dashboard-root .badge{display:inline-block;padding:4px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:600}.dashboard-root .badge-pending{background:var(--warning-bg);color:var(--warning)}.dashboard-root .badge-approved,.dashboard-root .badge-live,.dashboard-root .badge-paid{background:var(--success-bg);color:var(--success)}.dashboard-root .badge-rejected{background:var(--danger-bg);color:var(--danger)}.dashboard-root .form-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.dashboard-root .form-field label{font-size:13px;font-weight:600;color:var(--charcoal)}.dashboard-root .error-banner{background:var(--danger-bg);color:var(--danger);padding:12px 16px;border-radius:var(--radius-lg);margin-bottom:16px;font-size:14px}.dashboard-root .onboarding-progress{display:flex;gap:6px;margin:20px 0 28px}.dashboard-root .onboarding-dot{flex:1;height:4px;border-radius:var(--radius-full);background:var(--hairline-soft)}.dashboard-root .onboarding-dot.active{background:var(--primary)}.dashboard-root .marketing-hero{padding:96px 0 64px;text-align:center}.dashboard-root .marketing-hero h1{font-size:clamp(36px,6vw,60px);font-weight:500;line-height:1.1;letter-spacing:-1.5px;margin:0 0 16px}.dashboard-root .marketing-hero p{font-size:18px;color:var(--slate);max-width:560px;margin:0 auto 32px}.dashboard-root .role-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:48px}.dashboard-root .top-nav{display:flex;align-items:center;justify-content:space-between;height:64px;border-bottom:1px solid var(--hairline-soft);background:var(--canvas);position:sticky;top:0;z-index:10}.dashboard-root .chip-row{display:flex;flex-wrap:wrap;gap:8px}.dashboard-root .chip{padding:8px 14px;border-radius:var(--radius-full);border:1px solid var(--hairline);background:var(--canvas);font-size:13px;color:var(--slate)}.dashboard-root .chip.active{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}@media (max-width:1024px){.dashboard-root .app-shell{grid-template-columns:1fr}.dashboard-root .sidebar{flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:1px solid var(--hairline-soft)}.dashboard-root .main-content{padding:20px}}