:root{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-hover:#f2f2f2;--text-primary:#111;--text-secondary:#666;--text-tertiary:#999;--accent-dark:#0d2b2a;--accent-hover:#1a403e;--border-light:#e5e5e5;--border-focus:#0d2b2a;--radius-sm:4px;--radius-md:6px;--radius-lg:12px;--shadow-subtle:0 2px 8px #0000000a;--shadow-float:0 8px 24px #00000014;--font-main:"Helvetica Neue",Helvetica,Arial,sans-serif;--anim-ease:cubic-bezier(.2,0,.2,1);--bg-body:#f8f7fc;--bg-card:#fff;--bg-card-hover:#fff0f3;--bg-control:#eef0f6;--bg-control-hover:#e5e7eb;--accent-mint:#ff084a;--accent-mint-dim:#ff4a7a;--text-primary-new:#1f1f23;--text-secondary-new:#6b7280;--text-tertiary-new:#9ca3af;--radius-l:24px;--radius-m:16px;--radius-s:12px;--radius-full:9999px;--space-xs:4px;--space-s:8px;--space-m:16px;--space-l:24px;--space-xl:32px}body.design-layout{margin:0}.design-layout{font-family:var(--font-main);background-color:var(--bg-body);color:var(--text-primary-new);-webkit-font-smoothing:antialiased;box-sizing:border-box;height:100vh;font-size:14px;display:flex;overflow:hidden}.design-layout *,.design-layout :before,.design-layout :after{box-sizing:border-box}.design-layout .app-container{width:100%;height:100%;display:flex}.design-layout .sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-light);flex-direction:column;flex-shrink:0;width:260px;padding:24px 16px;display:flex}.design-layout .brand{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:32px;padding-left:12px;font-size:18px;font-weight:700}.design-layout .nav-section{margin-bottom:24px}.design-layout .nav-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:12px;padding-left:12px;font-size:11px;font-weight:600}.design-layout .nav-item{color:var(--text-secondary);border-radius:var(--radius-md);transition:all .2s var(--anim-ease);align-items:center;margin-bottom:2px;padding:8px 12px;font-weight:500;text-decoration:none;display:flex}.design-layout .nav-item:hover{background-color:var(--bg-hover);color:var(--text-primary)}.design-layout .nav-item.active{color:var(--accent-dark);background-color:#e8ebeb;font-weight:600}.design-layout .main-content{flex-direction:column;flex:1;min-width:0;padding:16px;display:flex;overflow:auto}@media (min-width:768px){.design-layout .main-content{padding:32px 48px}}.design-layout .page-responsive-padding{padding:16px!important}@media (min-width:768px){.design-layout .page-responsive-padding{padding:32px 48px!important}}.design-layout .page-header-responsive{flex-wrap:wrap;align-items:center;gap:12px;display:flex}@media (min-width:768px){.design-layout .page-header-responsive{justify-content:space-between}}.design-layout .mobile-sidebar-backdrop{z-index:40;background:#00000059;animation:.2s ease-out design-layout-fade-in;display:none;position:fixed;inset:0}.design-layout .mobile-sidebar-backdrop.is-open{display:block}.design-layout .mobile-sidebar-drawer{z-index:50;width:min(280px,85vw);max-width:100%;transition:transform .25s var(--anim-ease);box-shadow:var(--shadow-float);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.design-layout .mobile-sidebar-drawer.is-open{transform:translate(0)}.design-layout .mobile-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-light);flex-shrink:0;align-items:center;gap:12px;padding:12px 16px;display:none}@media (max-width:767px){.design-layout .mobile-header{display:flex}.design-layout .sidebar-desktop-only{display:none}}@keyframes design-layout-fade-in{0%{opacity:0}to{opacity:1}}@keyframes design-layout-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.design-layout ::-webkit-scrollbar{width:8px;height:8px}.design-layout ::-webkit-scrollbar-track{background:var(--bg-secondary)}.design-layout ::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:4px}.design-layout ::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.design-layout .truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.design-layout .focus-ring:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}@keyframes design-layout-spin{to{transform:rotate(360deg)}}@keyframes design-layout-skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.design-layout .skeleton,.design-layout .skeleton-text{background:linear-gradient(90deg,var(--bg-secondary)0%,var(--bg-hover)50%,var(--bg-secondary)100%);background-size:200% 100%;animation:1.5s ease-in-out infinite design-layout-skeleton-shimmer}.design-layout .btn-loader{vertical-align:-.2em;border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;margin-right:6px;animation:.6s linear infinite design-layout-spin;display:inline-block}.design-layout .page-loading-spinner{border:3px solid var(--border-light);border-top-color:var(--accent-dark);border-radius:50%;width:32px;height:32px;animation:.7s linear infinite design-layout-spin;display:inline-block}.design-layout .rdp-flight-wrapper .rdp-root{--rdp-accent-color:var(--accent-dark);--rdp-accent-background-color:#0d2b2a14;--rdp-range_middle-background-color:#fde68a;--rdp-range_start-date-background-color:transparent;--rdp-range_end-date-background-color:transparent;--rdp-day_button-border-radius:6px;--rdp-day-height:30px;--rdp-day-width:30px;--rdp-day_button-height:28px;--rdp-day_button-width:28px;--rdp-day_button-border:none;--rdp-selected-border:none;--rdp-months-gap:1.25rem;--rdp-nav_height:2rem;--rdp-nav_button-height:1.75rem;--rdp-nav_button-width:1.75rem;--rdp-weekday-padding:.2rem 0;--rdp-weekday-opacity:.5;--rdp-outside-opacity:.3;--rdp-today-color:inherit;font-family:var(--font-main)}.design-layout .rdp-flight-wrapper{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);scrollbar-width:thin;scrollbar-color:var(--border-light)transparent;min-width:280px;max-width:100%;padding:10px;overflow:auto visible}.design-layout .rdp-flight-wrapper::-webkit-scrollbar{height:8px}.design-layout .rdp-flight-wrapper::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.design-layout .rdp-flight-wrapper::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px}.design-layout .rdp-flight-wrapper::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.design-layout .rdp-flight-wrapper .rdp-months{flex-wrap:nowrap;flex-shrink:0;width:max-content}.design-layout .rdp-flight-wrapper .rdp-month{flex-shrink:0}.design-layout .rdp-flight-wrapper .rdp-month_caption{padding-bottom:6px}.design-layout .rdp-flight-wrapper .rdp-caption_label{letter-spacing:-.01em;color:var(--text-primary);font-size:12px;font-weight:600}.design-layout .rdp-flight-wrapper .rdp-weekday{color:var(--text-tertiary);font-size:10px;font-weight:500}.design-layout .rdp-flight-wrapper .rdp-day{color:var(--text-primary);border-radius:6px;font-size:12px}.design-layout .rdp-flight-wrapper .rdp-day_button{font-size:12px;font-weight:400;transition:background .15s}.design-layout .rdp-flight-wrapper .rdp-day_button:hover:not([disabled]){background:#0000000d}.design-layout .rdp-flight-wrapper .rdp-chevron{opacity:.5;width:14px;height:14px}.design-layout .rdp-flight-wrapper .rdp-nav button:hover .rdp-chevron{opacity:.9}.design-layout .rdp-flight-wrapper .rdp-day.rdp-selected .rdp-day_button,.design-layout .rdp-flight-wrapper .rdp-day.rdp-selected:not(.rdp-range_middle){border-radius:6px;font-weight:600;box-shadow:inset 0 0 0 1.5px #f59e0b;color:#92400e!important;background:#fef3c7!important}.design-layout .rdp-flight-wrapper .rdp-day.rdp-range_middle .rdp-day_button{color:#78350f;box-shadow:none;background:#fde68a;border-radius:0}.design-layout .rdp-flight-wrapper .rdp-day.rdp-today .rdp-day_button,.design-layout .rdp-flight-wrapper .rdp-day.rdp-today{box-shadow:none;font-weight:inherit}.design-layout .rdp-day.rdp-flight-day:not([data-disabled]):not(.rdp-selected),.design-layout .rdp-day.rdp-flight-day:not(.rdp-selected) .rdp-day_button:not([disabled]){color:#92400e;background:#fef3c7}.design-layout .rdp-flight-wrapper .rdp-day.rdp-range-subrange .rdp-day_button,.design-layout .rdp-flight-wrapper .rdp-day.rdp-range-subrange{color:#1e40af;background:#dbeafe!important}.design-layout .rdp-flight-wrapper .rdp-day.rdp-range-assigned .rdp-day_button,.design-layout .rdp-flight-wrapper .rdp-day.rdp-range-assigned{color:#9a3412;background:#fed7aa!important}.design-layout .rdp-flight-wrapper .rdp-day.rdp-range-dark .rdp-day_button,.design-layout .rdp-flight-wrapper .rdp-day.rdp-range-dark{color:#6b7280;background:#e5e7eb!important}.design-layout .rdp-day.rdp-range-goal:not(.rdp-selected),.design-layout .rdp-day.rdp-range-goal:not(.rdp-selected) .rdp-day_button{color:#78350f;background:#fde68a!important}.design-layout .rdp-flight-wrapper.rdp-compact .rdp-root{--rdp-day-height:24px;--rdp-day-width:24px;--rdp-day_button-height:22px;--rdp-day_button-width:22px;--rdp-months-gap:.75rem}.design-layout .rdp-flight-wrapper.rdp-compact .rdp-caption_label{font-size:11px}.design-layout .rdp-flight-wrapper.rdp-compact .rdp-weekday{font-size:9px}.design-layout .rdp-flight-wrapper.rdp-compact .rdp-day,.design-layout .rdp-flight-wrapper.rdp-compact .rdp-day_button{font-size:10px}.design-layout .rdp-day.rdp-has-note{position:relative}.design-layout .rdp-day.rdp-has-note:after{content:"";background:#f59e0b;border-radius:50%;width:4px;height:4px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.agency-selector{justify-content:center;align-items:center;gap:var(--space-s);padding:var(--space-s);margin-bottom:var(--space-xl);border-radius:var(--radius-s);cursor:pointer;transition:background .2s;display:flex}.agency-selector-collapsed{margin-bottom:var(--space-m);flex-direction:column;gap:4px}.sidebar-collapse-btn{cursor:pointer;color:var(--text-secondary-new);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.sidebar-collapse-btn:hover{background:var(--bg-body);color:var(--text-primary-new)}.sidebar-collapsed .nav-icon{margin-right:0}.sidebar-collapsed .nav-item-new{justify-content:center;padding:8px}.sidebar-collapsed .nav-group{gap:2px}.agency-selector:hover{background-color:var(--bg-body)}.agency-logo{object-fit:cover;border-radius:6px;flex-shrink:0;width:32px;height:32px}.sidebar-collapsed .agency-logo-collapsed{width:24px;height:24px}.agency-logo-grid{border-radius:6px;grid-template-columns:1fr 1fr;gap:2px;width:32px;height:32px;display:grid;overflow:hidden}.agency-logo-part{background-color:var(--accent-mint);opacity:.8}.agency-name{color:var(--text-primary-new);font-size:15px;font-weight:600}.chevron-down{opacity:.5;width:16px;height:16px;color:var(--text-primary-new)}.sidebar{font-size:14px}.nav-group{gap:var(--space-xs);flex-direction:column;display:flex}.nav-item-new{border-radius:var(--radius-full);color:var(--text-secondary-new);cursor:pointer;text-align:left;width:100%;font:inherit;background:0 0;border:none;justify-content:space-between;align-items:center;padding:10px 12px;font-size:14px;text-decoration:none;transition:all .2s;display:flex}.nav-item-new:hover{background-color:var(--bg-body);color:var(--text-primary-new)}.nav-item-new.active{color:var(--accent-mint);background-color:#fff0f3;font-weight:600}.nav-item-new.active-parent{color:#d42f54a6;background-color:#fff0f359;font-weight:600}.nav-icon{margin-right:var(--space-s);fill:currentColor;width:18px;height:18px}.badge{background-color:var(--bg-control);color:var(--text-secondary-new);border-radius:var(--radius-full);padding:2px 8px;font-size:11px;font-weight:600}.nav-item-new.active .badge{background-color:var(--accent-mint);color:#fff}.nav-nested{margin-left:20px;margin-top:var(--space-xs);margin-bottom:var(--space-xs);border-left:1px solid #e5e7eb;flex-direction:column;gap:2px;padding-left:12px;display:flex}.sub-item{color:var(--text-secondary-new);border-radius:var(--radius-s);cursor:pointer;justify-content:space-between;align-items:center;padding:8px 12px;font-size:14px;text-decoration:none;transition:color .2s;display:flex}.sub-item:hover{color:var(--text-primary-new);background-color:var(--bg-body)}.sub-item.active,.sub-item-expandable.active{color:var(--accent-mint);background-color:#fff0f3;font-weight:600}.sub-item-expandable{cursor:pointer;width:100%;font:inherit;background:0 0;border:none;font-size:14px}.nav-nested-2,.nav-nested-3{margin-left:12px;padding-left:12px}.list-page-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:16px 0 8px;display:flex}.list-page-toolbar-inner{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.list-page-toolbar-inner>*,.list-page-toolbar-inner p,.list-page-toolbar-inner span{margin:0;line-height:1.4}.list-page-toolbar-inner .debounced-search-input{flex-shrink:0}.list-page-toolbar-actions{align-items:center;gap:8px;display:flex}.debounced-search-input{box-sizing:border-box;align-self:center;margin:0;line-height:1.4}.top-bar{align-items:center;gap:var(--space-l);margin-bottom:var(--space-xl);background:linear-gradient(180deg,var(--bg-body)80%,transparent);padding-top:var(--space-s);padding-bottom:var(--space-s);z-index:10;box-sizing:border-box;width:100%;max-width:1558px;height:47px;min-height:47px;display:flex;position:sticky;top:0}.section-tab{color:var(--text-tertiary-new);cursor:pointer;padding:var(--space-xs)0;background:0 0;border:none;font-size:20px;font-weight:600;transition:color .2s}.section-tab.active{color:var(--text-primary-new)}.metrics-grid{gap:var(--space-m);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.metric-card{background-color:var(--bg-card);border-radius:var(--radius-m);padding:var(--space-l);flex-direction:column;justify-content:space-between;min-height:140px;transition:transform .2s,background-color .2s;display:flex;position:relative;box-shadow:0 4px 12px #ff084a0a}.metric-card:hover{background-color:var(--bg-card-hover)}.metric-header{justify-content:space-between;align-items:flex-start;display:flex}.icon-circle{width:40px;height:40px;color:var(--accent-mint);background-color:#fff0f3;border-radius:50%;justify-content:center;align-items:center;display:flex}.metric-arrow{background-color:var(--bg-body);width:32px;height:32px;color:var(--text-secondary-new);border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:flex}.metric-value{margin-top:var(--space-m);color:var(--text-primary-new);font-size:28px;font-weight:700}.metric-label{color:var(--text-secondary-new);margin-top:4px;font-size:14px}.section-header{margin-bottom:var(--space-m);justify-content:space-between;align-items:center;display:flex}.section-title{color:var(--text-primary-new);font-size:16px;font-weight:600}.campaign-list{gap:var(--space-s);flex-direction:column;display:flex}.table-grid{grid-auto-rows:auto;gap:4px 0;display:grid}.table-grid--placements{grid-template-columns:40px 1.4fr repeat(7,minmax(72px,1fr)) 60px}.table-grid--placements .campaign-row,.table-grid--placements .placements-header{grid-column:1/-1;grid-template-columns:subgrid;display:grid}.table-grid--orders{grid-template-columns:40px minmax(140px,1.8fr) minmax(110px,1fr) minmax(72px,1fr) minmax(72px,1fr) 72px}.table-grid--orders .campaign-row,.table-grid--orders .orders-header{grid-column:1/-1;grid-template-columns:subgrid;display:grid}.table-grid--campaigns{grid-template-columns:40px minmax(120px,1.4fr) minmax(90px,1fr) minmax(72px,1fr) minmax(72px,1fr) 72px}.table-grid--campaigns .campaign-row,.table-grid--campaigns .campaigns-header{grid-column:1/-1;grid-template-columns:subgrid;display:grid}.table-grid--advertisers{grid-template-columns:40px minmax(120px,1.4fr) repeat(3,minmax(72px,1fr)) 72px}.table-grid--advertisers .campaign-row,.table-grid--advertisers .advertisers-header{grid-column:1/-1;grid-template-columns:subgrid;display:grid}.table-grid--agencies{grid-template-columns:40px minmax(120px,1.4fr) minmax(90px,1fr) repeat(4,minmax(72px,1fr)) 72px}.table-grid--agencies .campaign-row,.table-grid--agencies .agencies-header{grid-column:1/-1;grid-template-columns:subgrid;display:grid}.table-grid--clients{grid-template-columns:40px minmax(120px,1.4fr) repeat(5,minmax(72px,1fr)) 72px}.table-grid--clients .campaign-row,.table-grid--clients .clients-header{grid-column:1/-1;grid-template-columns:subgrid;display:grid}.campaign-row{background-color:var(--bg-card);border-radius:var(--radius-m);padding:var(--space-xs)var(--space-l);align-items:center;gap:var(--space-m);grid-template-columns:40px 2fr 1fr 1fr 1fr 60px;text-decoration:none;transition:background .2s;display:grid;box-shadow:0 2px 8px #ff084a08}.campaign-row:hover{background-color:var(--bg-card-hover)}.campaign-row--placements{grid-template-columns:40px 1.4fr repeat(7,minmax(72px,1fr)) 60px}.campaign-row.placements-header{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-s)var(--radius-s)0 0;box-shadow:none;padding:10px var(--space-l)}.campaign-row.placements-header:hover{background:var(--bg-secondary)}.campaign-row.placements-header .row-label{color:var(--text-secondary-new);text-transform:uppercase;letter-spacing:.05em;margin-bottom:0;font-size:11px;font-weight:600}.campaign-row.orders-header{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-s)var(--radius-s)0 0;box-shadow:none;pointer-events:none;padding:10px var(--space-l)}.campaign-row.orders-header:hover{background:var(--bg-secondary)}.campaign-row.orders-header .row-label{color:var(--text-secondary-new);text-transform:uppercase;letter-spacing:.05em;margin-bottom:0;font-size:11px;font-weight:600}.campaign-row.campaigns-header,.campaign-row.advertisers-header,.campaign-row.agencies-header,.campaign-row.clients-header{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-s)var(--radius-s)0 0;box-shadow:none;pointer-events:none;padding:10px var(--space-l)}.campaign-row.campaigns-header:hover,.campaign-row.advertisers-header:hover,.campaign-row.agencies-header:hover,.campaign-row.clients-header:hover{background:var(--bg-secondary)}.campaign-row.campaigns-header .row-label,.campaign-row.advertisers-header .row-label,.campaign-row.agencies-header .row-label,.campaign-row.clients-header .row-label{color:var(--text-secondary-new);text-transform:uppercase;letter-spacing:.05em;margin-bottom:0;font-size:11px;font-weight:600}.campaign-row--orders{gap:var(--space-l);grid-template-columns:40px minmax(140px,1.8fr) minmax(110px,1fr) 100px 100px 72px}.campaign-row--orders.campaign-row--agency{grid-template-columns:40px minmax(120px,1.4fr) minmax(90px,1fr) repeat(4,minmax(72px,1fr)) 72px}.campaign-row--orders.campaign-row--client{grid-template-columns:40px minmax(120px,1.4fr) repeat(5,minmax(72px,1fr)) 72px}.campaign-row--orders.campaign-row--advertiser{grid-template-columns:40px minmax(120px,1.4fr) repeat(3,minmax(72px,1fr)) 72px}.campaign-row--orders.campaign-row--campaign{grid-template-columns:40px minmax(120px,1.4fr) minmax(90px,1fr) repeat(2,minmax(72px,1fr)) 72px}.campaign-row--orders.campaign-row--order{grid-template-columns:40px minmax(120px,1.4fr) minmax(90px,1fr) minmax(90px,1fr) minmax(72px,1fr) 72px}.campaign-row--orders-link{gap:0}.campaign-row--orders .row-meta{min-width:0;padding-left:0;padding-right:var(--space-m);text-align:left}.campaign-row--orders .row-meta--num{text-align:right;padding-right:var(--space-m)}.campaign-row--orders .row-meta--num .row-label,.campaign-row--orders .row-meta--num .row-primary-text{text-align:inherit}.campaign-row--orders .row-meta:first-of-type{padding-left:0}.campaign-row--orders>div:last-child{padding-left:var(--space-m);justify-content:flex-end;display:flex}.campaign-row--orders .control-group{gap:var(--space-m)}.agency-row{background-color:var(--bg-card);border-radius:var(--radius-m);padding:var(--space-s)var(--space-l);align-items:center;gap:var(--space-m);color:inherit;text-decoration:none;transition:background .2s;display:flex;box-shadow:0 2px 8px #ff084a08}.agency-row:hover{background-color:var(--bg-card-hover)}.status-dot{background-color:var(--text-tertiary-new);width:8px;height:8px;box-shadow:none;border-radius:50%}.status-dot--live{background-color:#22c55e;box-shadow:0 0 8px #22c55e4d}.status-dot--upcoming{background-color:#fde047;box-shadow:0 0 8px #fde04759}.status-dot--ended,.status-dot.paused{background-color:var(--text-tertiary-new);box-shadow:none}.row-primary-text{color:var(--text-primary-new);font-size:15px;font-weight:600}.row-sub-text{color:var(--text-secondary-new);font-size:13px}.row-meta{flex-direction:column;display:flex}.row-label{color:var(--text-tertiary-new);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:11px}.row-meta--date .row-primary-text,.row-meta--date .row-label{font-size:11px;font-weight:500}.control-group{gap:var(--space-s);justify-content:flex-end;display:flex}.icon-btn{background-color:var(--bg-control);width:36px;height:36px;color:var(--text-primary-new);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .2s;display:flex}.icon-btn:hover{background-color:var(--bg-control-hover)}.toggle{border-radius:var(--radius-full);cursor:pointer;background-color:#e5e7eb;width:48px;height:28px;transition:background .3s;position:relative}.toggle:after{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:transform .3s,background-color .3s;position:absolute;top:4px;left:4px;box-shadow:0 1px 3px #0000001a}.toggle.active{background-color:var(--accent-mint)}.toggle.active:after{transform:translate(20px)}.sidebar-footer-btn{color:var(--text-secondary-new);cursor:pointer;border-radius:var(--radius-s);text-align:left;background:0 0;border:none;flex:1;align-items:center;padding:8px 12px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.sidebar-footer-btn:hover{background-color:var(--bg-body);color:var(--text-primary-new)}[data-dashboard] .dashboard-header{border-left:3px solid var(--accent-dark);padding-left:16px;position:relative}[data-dashboard] .dashboard-header h1{letter-spacing:-.03em;color:var(--text-primary);margin:0;font-size:24px;font-weight:600;line-height:1.25}[data-dashboard] .dashboard-header p{color:var(--text-secondary);max-width:520px;margin-top:6px;font-size:14px;line-height:1.5}[data-dashboard] .dashboard-badge{text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);background:var(--bg-secondary);border-radius:var(--radius-full);border:1px solid var(--border-light);margin-top:12px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}[data-dashboard] .dashboard-toolbar{flex-wrap:wrap;align-items:flex-end;gap:28px;display:flex}[data-dashboard] .dashboard-toolbar-filters{flex-wrap:wrap;align-items:flex-end;gap:20px;display:flex}[data-dashboard] .dashboard-toolbar-divider{background:var(--border-light);align-self:center;width:1px;height:28px}[data-dashboard] .dashboard-card{background:var(--bg-card);border-radius:var(--radius-m);border:1px solid var(--border-light);transition:box-shadow .2s var(--anim-ease);margin-top:24px;padding:24px 28px;box-shadow:0 1px 3px #0000000a}[data-dashboard] .dashboard-card:hover{box-shadow:0 4px 12px #0000000f}[data-dashboard] .dashboard-control{border:1px solid var(--border-light);border-radius:var(--radius-s);background:var(--bg-primary);color:var(--text-primary);min-width:160px;transition:border-color .2s var(--anim-ease),box-shadow .2s var(--anim-ease);padding:10px 14px;font-size:14px}[data-dashboard] .dashboard-control:hover{border-color:var(--text-tertiary)}[data-dashboard] .dashboard-control:focus{border-color:var(--accent-dark);outline:none;box-shadow:0 0 0 2px #0d2b2a1f}[data-dashboard] .dashboard-control-group{flex-direction:column;gap:6px;display:flex}[data-dashboard] .dashboard-control-group label{color:var(--text-secondary);font-size:12px;font-weight:500}[data-dashboard] .dashboard-control-group .dashboard-control{min-width:140px}[data-dashboard] .filter-pill{border:1px solid var(--border-light);border-radius:var(--radius-full);background:var(--bg-primary);width:220px;min-width:220px;transition:border-color .2s var(--anim-ease),box-shadow .2s var(--anim-ease);align-items:stretch;display:flex;overflow:hidden}[data-dashboard] .filter-pill:hover{border-color:var(--text-tertiary)}[data-dashboard] .filter-pill:focus-within{border-color:var(--accent-dark);outline:none;box-shadow:0 0 0 2px #0d2b2a1f}[data-dashboard] .filter-pill-display{min-width:0;color:var(--text-primary);cursor:pointer;text-align:left;white-space:nowrap;text-overflow:ellipsis;transition:background .15s var(--anim-ease);background:0 0;border:none;flex:1;padding:10px 14px 10px 16px;font-size:14px;overflow:hidden}[data-dashboard] .filter-pill-display:hover{background:var(--bg-hover)}[data-dashboard] .filter-pill-dropdown{width:40px;min-width:40px;transition:background .15s var(--anim-ease);background:linear-gradient(90deg,#0000000a 0%,#0000 100%);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}[data-dashboard] .filter-pill-dropdown:hover{background:linear-gradient(90deg,#0000000f 0%,#00000005 100%)}[data-dashboard] .filter-pill-select{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}[data-dashboard] .filter-pill-dropdown:after{content:"";border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid var(--text-secondary);pointer-events:none;opacity:.7;width:0;height:0}[data-dashboard] .filter-pill-select:focus,[data-dashboard] .filter-pill-trigger:focus{outline:none}[data-dashboard] .filter-pill-trigger{cursor:pointer;background:0 0;border:none;width:100%;position:absolute;inset:0}[data-dashboard] .filter-pill-list{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-s);z-index:100;max-height:240px;margin:0;padding:4px 0;list-style:none;overflow-y:auto;box-shadow:0 4px 12px #0000001a}[data-dashboard] .filter-pill-option{color:var(--text-primary);cursor:pointer;transition:background .15s var(--anim-ease);padding:10px 14px;font-size:14px}[data-dashboard] .filter-pill-option:hover{background:var(--bg-hover)}[data-dashboard] .dashboard-section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin-bottom:8px;font-size:11px;font-weight:600}