.auth-page-container{color:#16313f;background-color:#f8fafc;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:1rem;display:flex}.auth-split-layout{border:1px solid var(--brand-border);background-color:#fff;border-radius:12px;grid-template-columns:1fr 1fr;width:100%;max-width:1040px;min-height:600px;display:grid;overflow:hidden;box-shadow:0 10px 25px -5px #16313f14,0 8px 10px -6px #16313f0a}.auth-left-col{background-color:#fff;flex-direction:column;justify-content:center;padding:3rem 2.5rem;display:flex}.auth-form-wrapper{width:100%;max-width:380px;margin:0 auto}.auth-brand-header{align-items:center;gap:.75rem;margin-bottom:2rem;display:flex}.auth-brand-icon{background-color:var(--brand-navy);color:#fff;width:40px;height:40px;font-size:1.125rem;font-weight:700;font-family:var(--font-family-heading);border-radius:8px;justify-content:center;align-items:center;display:flex}.auth-forgot-link{color:var(--brand-teal);transition:color var(--transition-fast);font-size:.8125rem;font-weight:500;text-decoration:none}.auth-forgot-link:hover{color:var(--brand-navy-soft);text-decoration:underline}.auth-form-footer{border-top:1px solid var(--brand-border);justify-content:flex-end;align-items:center;margin-top:2rem;padding-top:1rem;display:flex}.auth-right-col{background:linear-gradient(135deg,#16313f 0%,#1b4965 100%);flex-direction:column;justify-content:space-between;padding:3rem;display:flex;position:relative;overflow:hidden}.auth-artwork-placeholder{z-index:2;flex-direction:column;justify-content:center;align-items:flex-start;height:100%;display:flex}.auth-artwork-badge{color:#4fa8c0;background-color:#4fa8c026;border:1px solid #4fa8c04d;border-radius:9999px;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.auth-artwork-canvas{background-color:#ffffff08;border:1px dashed #dce9ed40;border-radius:8px;width:100%;height:220px;margin-top:2rem;position:relative}@media (width<=767px){.auth-page-container{padding:.75rem}.auth-split-layout{border-radius:8px;grid-template-columns:1fr;min-height:auto}.auth-right-col{display:none!important}.auth-left-col{padding:2rem 1.25rem}.auth-form-wrapper{max-width:100%}}.app-shell-container{background-color:var(--bg-primary);width:100%;height:100dvh;color:var(--text-main);flex-direction:column;display:flex;overflow:hidden}.app-topbar{background-color:var(--bg-surface);border-bottom:1px solid var(--border-color);z-index:100;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;height:60px;padding:0 1.25rem;display:flex;box-shadow:0 1px 2px #00000008}.topbar-left{align-items:center;gap:.75rem;display:flex}.mobile-menu-btn{display:none}.topbar-breadcrumbs-wrapper{align-items:center;display:flex}.topbar-center{flex:1;max-width:420px;margin:0 1.5rem}.topbar-search-form{width:100%}.topbar-search-input{border-radius:var(--radius-sm);background-color:var(--bg-secondary);border:1px solid var(--border-subtle)}.topbar-right{align-items:center;gap:.5rem;display:flex}.topbar-action-btn{color:var(--text-secondary);border-radius:var(--radius-sm);justify-content:center;align-items:center;display:flex}.topbar-action-btn:hover{color:var(--text-main);background-color:var(--bg-hover)}.topbar-user-dropdown-btn{border-radius:var(--radius-sm);align-items:center;gap:.5rem;height:auto;padding:.25rem .5rem;display:flex}.topbar-username{color:var(--text-main);font-size:.875rem;font-weight:500}.app-shell-body{flex:1;width:100%;height:calc(100dvh - 60px);display:flex;position:relative;overflow:hidden}.app-sidebar{background-color:var(--bg-surface);border-right:1px solid var(--border-color);z-index:90;flex-direction:column;flex-shrink:0;height:100%;display:flex;overflow:hidden}.sidebar-brand{border-bottom:1px solid var(--border-subtle);flex-shrink:0;align-items:center;gap:.75rem;height:60px;padding:0 1rem;display:flex}.sidebar-brand-icon-wrapper{background-color:var(--bg-secondary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden}.sidebar-brand-logo-img{object-fit:contain;width:100%;height:100%}.sidebar-brand-icon{background-color:var(--brand-navy);color:#fff;width:36px;height:36px;font-size:1rem;font-weight:700;font-family:var(--font-family-heading);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-brand-skeleton-icon{background-color:#0000!important}.sidebar-brand-text{white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sidebar-nav-container{flex:1;padding:1rem .75rem;overflow-y:auto}.sidebar-footer{border-top:1px solid var(--border-subtle);flex-shrink:0;padding:.75rem}.sidebar-collapse-btn{color:var(--text-secondary);justify-content:center;align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.app-main-content{background-color:var(--bg-primary);flex-direction:column;flex:1;min-width:0;height:100%;display:flex;overflow:hidden auto}.app-page-wrapper{flex:1;width:100%}.mobile-drawer-content{background-color:var(--bg-surface);flex-direction:column;height:100%;display:flex}.mobile-drawer-sidebar{border-right:none!important;width:100%!important;height:100%!important;position:static!important}.mobile-drawer-user-footer{border-top:1px solid var(--border-color);background-color:var(--bg-secondary);justify-content:space-between;align-items:center;padding:.875rem 1rem;display:flex}.mobile-drawer-user-info{align-items:center;gap:.625rem;display:flex;overflow:hidden}.mobile-drawer-user-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=767px){.app-shell-container{height:auto;min-height:100dvh;overflow:hidden auto}.app-shell-body{height:auto;overflow:visible}.app-main-content{height:auto;overflow-y:visible}.mobile-menu-btn{display:inline-flex!important}.topbar-center,.topbar-username,.app-sidebar{display:none}}.nav-group{margin-bottom:1.25rem}.nav-group-title{letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;padding:0 .75rem .375rem;font-size:.6875rem;font-weight:700}.nav-group-divider{background-color:var(--border-subtle);height:1px;margin:.75rem 0}.nav-group-items{flex-direction:column;gap:.25rem;display:flex}.nav-item-link{border-radius:var(--radius-sm);color:var(--text-secondary);transition:background-color var(--transition-fast), color var(--transition-fast);outline:none;align-items:center;gap:.75rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.nav-item-link:hover{background-color:var(--bg-hover);color:var(--text-main)}.nav-item-link:focus-visible{box-shadow:0 0 0 2px var(--border-focus)}.nav-item-link.active{background-color:var(--brand-teal-light);color:var(--brand-navy-soft);font-weight:600}[data-theme=dark] .nav-item-link.active{background-color:var(--color-accent-light);color:var(--brand-teal)}.nav-item-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.nav-item-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.nav-item-collapsed-wrapper{justify-content:center;display:flex}.nav-item-collapsed-wrapper .nav-item-link{justify-content:center;width:40px;height:40px;padding:.625rem}.dashboard-kpi-card{border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-surface);height:100%;transition:transform var(--transition-fast), box-shadow var(--transition-fast)}.dashboard-kpi-card:hover{box-shadow:var(--shadow-subtle);transform:translateY(-2px)}.kpi-card-inner{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.kpi-card-content{flex:1}.kpi-card-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.25rem;font-size:.8125rem;font-weight:500;display:block}.kpi-card-value-row{align-items:baseline;gap:.5rem;display:flex}.kpi-card-value{font-family:var(--font-family-heading);color:var(--text-main)!important;margin:0!important;font-size:1.75rem!important;font-weight:700!important}.kpi-card-trend{border-radius:4px;align-items:center;gap:.25rem;padding:2px 6px;font-size:.75rem;font-weight:600;display:inline-flex}.kpi-card-trend.positive{color:#10b981;background-color:#10b9811a}.kpi-card-trend.negative{color:#ef4444;background-color:#ef44441a}.kpi-card-icon-wrapper{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.dashboard-section-card{border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-surface);margin-bottom:1.5rem}.dashboard-section-card .ant-card-head{border-bottom:1px solid var(--border-subtle);min-height:48px;padding:0 1.25rem}.dashboard-section-card .ant-card-head-title{color:var(--text-main);font-size:.9375rem;font-weight:600}.funnel-stage-row{padding:.375rem 0}.calendar-page-container{flex-direction:column;gap:16px;width:100%;max-width:1400px;margin:0 auto;padding:24px;display:flex}.calendar-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;display:flex}.calendar-header-title-section{flex-direction:column;display:flex}.calendar-main-title{color:var(--brand-navy,#0f172a);align-items:center;gap:10px;display:flex;margin:0!important}.calendar-header-icon{color:var(--brand-teal,#0d9488)}.calendar-header-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.calendar-nav-space,.calendar-view-space{align-items:center;display:flex}.calendar-header-range-title{color:var(--brand-navy,#0f172a);margin-left:8px;font-size:1.1rem}.segmented-item-label{align-items:center;font-weight:500;display:inline-flex}.calendar-filter-card{border-radius:12px;box-shadow:0 1px 3px #0000000d}.calendar-filter-space{align-items:flex-end;display:flex}.calendar-filter-item{flex-direction:column;gap:4px;display:flex}.calendar-filter-label{color:var(--text-secondary,#64748b);align-items:center;font-size:.8125rem;font-weight:600;display:flex}.calendar-view-card{border-radius:12px;overflow:hidden;box-shadow:0 1px 4px #0000000f}.month-grid-header{background:var(--bg-surface-secondary,#f8fafc);border-bottom:1px solid var(--border-color,#e2e8f0);grid-template-columns:repeat(7,1fr);display:grid}.month-header-cell{text-align:center;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary,#64748b);padding:12px 8px;font-size:.8125rem}.month-grid-body{flex-direction:column;display:flex}.month-grid-row{border-bottom:1px solid var(--border-color,#e2e8f0);grid-template-columns:repeat(7,1fr);min-height:120px;display:grid}.month-grid-row:last-child{border-bottom:none}.month-day-cell{border-right:1px solid var(--border-color,#e2e8f0);background:var(--bg-surface,#fff);cursor:pointer;flex-direction:column;padding:8px;transition:background .15s;display:flex}.month-day-cell:last-child{border-right:none}.month-day-cell:hover{background:var(--bg-hover,#f1f5f9)}.month-day-cell.other-month{background:var(--bg-muted,#fafafa);opacity:.55}.month-day-cell.today-cell{background:#0d948808}.month-day-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.month-day-number{width:24px;height:24px;color:var(--text-main,#1e293b);border-radius:50%;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;display:flex}.month-day-number.today-badge{background:var(--brand-teal,#0d9488);color:#fff}.month-day-count-badge{color:var(--brand-navy,#0f172a);font-size:.75rem;font-weight:600}.month-day-events{flex-direction:column;flex:1;gap:4px;display:flex}.month-event-item{background:var(--bg-surface-secondary,#f8fafc);border:1px solid var(--border-color,#e2e8f0);border-radius:4px;flex-direction:column;gap:2px;padding:4px 6px;transition:transform .1s,box-shadow .1s;display:flex}.month-event-item:hover{transform:translateY(-1px);box-shadow:0 2px 4px #00000014}.month-event-title{color:var(--brand-navy,#0f172a);font-size:.75rem;font-weight:500}.month-more-events{margin-top:2px}.week-grid-container{grid-template-columns:repeat(7,1fr);min-height:480px;display:grid}.week-day-column{border-right:1px solid var(--border-color,#e2e8f0);flex-direction:column;display:flex}.week-day-column:last-child{border-right:none}.week-day-column.today-column{background:#0d948805}.week-column-header{text-align:center;background:var(--bg-surface-secondary,#f8fafc);border-bottom:1px solid var(--border-color,#e2e8f0);padding:12px 8px}.week-day-name{text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;display:block}.week-day-number{margin-top:2px;font-size:1.1rem;font-weight:700}.week-day-number.today-badge{color:var(--brand-teal,#0d9488)}.week-column-body{flex-direction:column;flex:1;gap:8px;padding:8px;display:flex}.week-empty-slot{text-align:center;padding:24px 0}.week-event-card{background:var(--bg-surface,#fff);border:1px solid var(--border-color,#e2e8f0);cursor:pointer;border-radius:6px;flex-direction:column;gap:4px;padding:8px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 1px 2px #0000000a}.week-event-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000014}.week-event-time{justify-content:space-between;align-items:center;display:flex}.week-event-title{color:var(--brand-navy,#0f172a);font-size:.8125rem}.day-view-header{border-bottom:1px solid var(--border-color,#e2e8f0);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.day-events-list{flex-direction:column;gap:12px;display:flex}.day-event-card{border-radius:8px!important}.day-event-card-header{justify-content:space-between;align-items:center;display:flex}.day-event-time-badge{color:var(--brand-teal,#0d9488);align-items:center;display:flex}.day-event-title{color:var(--brand-navy,#0f172a)!important}.day-event-meta-row{flex-wrap:wrap;gap:8px;display:flex}.agenda-container,.agenda-group{flex-direction:column;display:flex}.agenda-date-header{color:var(--brand-navy,#0f172a);align-items:center;gap:8px;margin-bottom:12px;display:flex}.agenda-date-icon{color:var(--brand-teal,#0d9488)}.agenda-events-list{flex-direction:column;gap:8px;display:flex}.agenda-event-row{background:var(--bg-surface,#fff);border:1px solid var(--border-color,#e2e8f0);cursor:pointer;border-radius:8px;gap:16px;padding:12px 16px;transition:background .15s,border-color .15s;display:flex}.agenda-event-row:hover{background:var(--bg-hover,#f8fafc);border-color:var(--brand-teal,#0d9488)}.agenda-event-time-col{width:110px;color:var(--text-secondary,#64748b);flex-shrink:0;align-items:center;display:flex}.agenda-event-main-col{flex-direction:column;flex:1;gap:4px;display:flex}.agenda-event-top-row{justify-content:space-between;align-items:center;display:flex}.agenda-event-title{color:var(--brand-navy,#0f172a);font-size:.9375rem}.agenda-event-meta-row{flex-wrap:wrap;gap:8px;display:flex}.event-details-modal .ant-modal-title{color:var(--brand-navy,#0f172a)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=992px){.calendar-page-header{flex-direction:column;align-items:flex-start}.calendar-header-actions{justify-content:space-between;width:100%}.week-grid-container{min-width:700px;overflow-x:auto}}@media (width<=576px){.calendar-page-container{padding:12px}.month-grid-row{min-height:80px}.agenda-event-row{flex-direction:column;gap:8px}.agenda-event-time-col{width:100%}}.notifications-page-container{max-width:1400px;min-height:calc(100vh - 120px);margin:0 auto;padding:24px}.notifications-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.notifications-title-area{flex-direction:column;gap:4px;display:flex}.notifications-header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.notification-stats-ribbon{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{background:var(--bg-surface,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;align-items:center;gap:14px;padding:16px;transition:transform .2s,box-shadow .2s;display:flex}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.stat-icon{border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.25rem;display:flex}.stat-icon.total{color:#2563eb;background:#3b82f61a}.stat-icon.unread{color:#d97706;background:#f59e0b1a}.stat-icon.read{color:#059669;background:#10b9811a}.stat-icon.high{color:#dc2626;background:#ef44441a}.stat-icon.urgent{color:#7c3aed;background:#a855f71a}.stat-content{flex-direction:column;display:flex}.stat-value{color:var(--text-main,#111827);font-size:1.5rem;font-weight:700;line-height:1.2}.stat-label{color:var(--text-muted,#6b7280);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.notifications-toolbar{background:var(--bg-surface,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;flex-direction:column;gap:16px;margin-bottom:20px;padding:16px;display:flex}.toolbar-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.search-input-wrapper{flex:1;min-width:260px}.filter-selects-wrapper{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.bulk-actions-bar{background:#0ea5e914;border:1px solid #0ea5e94d;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:10px 16px;display:flex}.notifications-list{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.notification-card{background:var(--bg-surface,#fff);border:1px solid var(--border-color,#e5e7eb);border-left:4px solid var(--border-color,#e5e7eb);border-radius:8px;padding:16px;transition:all .2s;position:relative}.notification-card.unread{border-left-color:var(--brand-teal,#0ea5e9);background:var(--bg-unread-surface,#0ea5e908)}.notification-card.urgent{border-left-color:#ef4444}.notification-card.high{border-left-color:#f97316}.notification-card:hover{box-shadow:0 4px 12px #0000000f}.card-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.card-title-group{flex:1;align-items:center;gap:10px;display:flex}.card-title{color:var(--text-main,#111827);cursor:pointer;font-size:1rem;font-weight:600;line-height:1.4}.card-title:hover{color:var(--brand-teal,#0ea5e9)}.unread-dot{background-color:var(--brand-teal,#0ea5e9);border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.card-body{color:var(--text-secondary,#374151);white-space:pre-line;margin-bottom:12px;font-size:.875rem;line-height:1.5}.card-footer{color:var(--text-muted,#6b7280);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:.75rem;display:flex}.card-meta-tags{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.card-actions{align-items:center;gap:8px;display:flex}.notifications-pagination{justify-content:flex-end;padding:16px 0;display:flex}.drawer-meta-item{flex-direction:column;gap:4px;margin-bottom:16px;display:flex}.drawer-meta-label{color:var(--text-muted,#6b7280);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.drawer-meta-value{color:var(--text-main,#111827);font-size:.9375rem}@media (width<=1024px){.notification-stats-ribbon{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=768px){.notifications-page-container{padding:16px}.notification-stats-ribbon{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar-controls,.filter-selects-wrapper{flex-direction:column;align-items:stretch}.filter-selects-wrapper>*{width:100%!important}.card-header,.card-footer{flex-direction:column;align-items:flex-start}}@media (width<=390px){.notification-stats-ribbon{grid-template-columns:1fr}}.analytics-page-container{max-width:1600px;margin:0 auto;padding:24px}.analytics-header-section{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.analytics-title{color:var(--text-primary,#1e293b);margin-bottom:4px!important;font-weight:700!important}.analytics-subtitle{color:var(--text-secondary,#64748b);font-size:.95rem}.analytics-filter-bar{background:var(--bg-surface,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:16px 20px;display:flex;box-shadow:0 1px 3px #0000000d}.analytics-filter-space{flex-wrap:wrap;align-items:center;display:flex}.analytics-filter-item{flex-direction:column;gap:4px;display:flex}.analytics-filter-label{color:var(--text-secondary,#64748b);text-transform:uppercase;letter-spacing:.04em;align-items:center;font-size:.75rem;font-weight:600;display:flex}.analytics-date-picker,.analytics-select{border-radius:6px}.analytics-kpi-card{background:var(--bg-surface,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;height:100%;transition:transform .2s,box-shadow .2s}.analytics-kpi-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.analytics-kpi-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.analytics-kpi-title-wrap{align-items:center;gap:6px;display:flex}.analytics-kpi-title{color:var(--text-secondary,#64748b);text-transform:uppercase;letter-spacing:.03em;font-size:.85rem;font-weight:600}.analytics-kpi-info-icon{color:var(--text-secondary,#94a3b8);cursor:pointer}.analytics-kpi-icon-wrap{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.analytics-kpi-value{color:var(--text-primary,#0f172a);margin:0!important;font-weight:700!important;line-height:1.1!important}.analytics-kpi-subtitle{margin-top:4px;font-size:.8rem}.analytics-card{background:var(--bg-surface,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;height:100%;box-shadow:0 1px 3px #0000000d}.analytics-card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.analytics-card-title{margin-bottom:2px!important;font-size:1.1rem!important;font-weight:600!important}.analytics-card-sub{font-size:.85rem}.analytics-total-tag{border-radius:6px;padding:2px 10px;font-weight:600}.funnel-container{flex-direction:column;gap:14px;display:flex}.funnel-stage-item{flex-direction:column;gap:4px;display:flex}.funnel-stage-meta{justify-content:space-between;align-items:center;display:flex}.funnel-stage-name-wrap{align-items:center;gap:8px;display:flex}.funnel-stage-bullet{border-radius:50%;width:10px;height:10px;display:inline-block}.funnel-stage-name{font-size:.9rem}.funnel-stage-values{align-items:center;gap:8px;display:flex}.funnel-stage-count{font-size:.95rem}.funnel-rate-badge{border-radius:4px;font-weight:600}.trends-chart-container{padding-top:16px}.trends-bar-chart{border-bottom:1px solid var(--border-color,#e2e8f0);justify-content:space-between;align-items:flex-end;gap:12px;height:220px;padding-bottom:24px;display:flex}.trends-bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.trends-bar-wrapper{flex-direction:column;justify-content:flex-end;align-items:center;width:100%;max-width:44px;height:100%;display:flex;position:relative}.trends-bar-value{color:var(--text-secondary,#64748b);margin-bottom:4px;font-size:.75rem;font-weight:600}.trends-bar-fill{background:linear-gradient(180deg, var(--brand-teal,#0d9488) 0%, #14b8a6 100%);border-radius:6px 6px 0 0;width:100%;min-height:4px;transition:height .4s}.trends-bar-fill:hover{opacity:.85}.trends-bar-label{color:var(--text-secondary,#64748b);white-space:nowrap;margin-top:8px;font-size:.75rem}.job-stat-box{background:var(--bg-subtle,#f8fafc);border:1px solid var(--border-color,#e2e8f0);border-radius:8px;padding:12px 16px}.metrics-box{background:var(--bg-subtle,#f8fafc);border:1px solid var(--border-color,#e2e8f0);border-radius:8px;height:100%;padding:16px}.metrics-box-title{color:var(--text-secondary,#475569);margin-bottom:12px!important;font-size:.9rem!important}.distribution-list{flex-direction:column;gap:10px;display:flex}.distribution-item{flex-direction:column;gap:2px;display:flex}.distribution-meta{justify-content:space-between;font-size:.82rem;display:flex}.distribution-label{color:var(--text-secondary,#64748b)}.distribution-val{font-size:.85rem}.offer-kpi-highlight{background:var(--bg-subtle,#f8fafc);border:1px solid var(--border-color,#e2e8f0);border-radius:8px;flex-direction:column;justify-content:center;height:100%;padding:16px;display:flex}.time-to-hire-box{background:var(--bg-subtle,#f8fafc);border:1px solid var(--border-color,#e2e8f0);text-align:center;border-radius:8px;padding:16px}.time-to-hire-box.main{background:color-mix(in srgb, var(--brand-teal,#0d9488) 8%, transparent);border-color:color-mix(in srgb, var(--brand-teal,#0d9488) 30%, transparent)}[data-theme=dark] .analytics-filter-bar,[data-theme=dark] .analytics-kpi-card,[data-theme=dark] .analytics-card{background:#1e293b;border-color:#334155}[data-theme=dark] .analytics-title{color:#f8fafc}[data-theme=dark] .analytics-subtitle,[data-theme=dark] .analytics-filter-label,[data-theme=dark] .analytics-kpi-title,[data-theme=dark] .trends-bar-value,[data-theme=dark] .trends-bar-label,[data-theme=dark] .distribution-label{color:#94a3b8}[data-theme=dark] .analytics-kpi-value{color:#f8fafc}[data-theme=dark] .job-stat-box,[data-theme=dark] .metrics-box,[data-theme=dark] .offer-kpi-highlight,[data-theme=dark] .time-to-hire-box{background:#0f172a;border-color:#334155}.billing-page-container{max-width:1400px;margin:0 auto;padding:24px}.billing-header-section{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.billing-title{margin-bottom:4px!important}.billing-subtitle{font-size:14px}.billing-card{border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d}.dark .billing-card{background-color:#1f2937;border-color:#374151}.subscription-hero-card{color:#fff;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border-radius:12px;margin-bottom:24px;padding:24px;box-shadow:0 4px 6px -1px #0000001a}.subscription-hero-title{color:#fff!important;margin-bottom:8px!important}.subscription-hero-sub{color:#94a3b8;font-size:14px}.usage-metric-card{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px}.dark .usage-metric-card{background-color:#111827;border-color:#1f2937}.plan-card{border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;height:100%;transition:all .2s ease-in-out;display:flex}.plan-card:hover{border-color:#3b82f6;box-shadow:0 10px 15px -3px #0000001a}.plan-card-current{background-color:#3b82f605;border:2px solid #3b82f6}.plan-price-large{color:#0f172a;font-size:28px;font-weight:700}.dark .plan-price-large{color:#f8fafc}.spin-icon{animation:1s linear infinite spin}:root{--brand-navy:#16313f;--brand-navy-soft:#1b4965;--brand-teal:#4fa8c0;--brand-teal-light:#eaf5f8;--brand-teal-bg:#f3fafb;--brand-amber:#e8943c;--brand-amber-light:#fcefe0;--brand-ink:#16313f;--brand-muted:#5c7480;--brand-border:#dce9ed;--brand-white:#fff;--brand-emerald:#10b981;--brand-emerald-light:#ecfdf5;--brand-rose:#ef4444;--brand-rose-light:#fef2f2;--font-family-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-heading:"Outfit", "Inter", -apple-system, sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-subtle:0 1px 2px 0 #16313f0d;--shadow-sm:0 1px 3px 0 #16313f14, 0 1px 2px -1px #16313f0a;--shadow-md:0 4px 6px -1px #16313f14, 0 2px 4px -2px #16313f0a;--shadow-lg:0 10px 15px -3px #16313f14, 0 4px 6px -4px #16313f08;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.2s cubic-bezier(.4, 0, .2, 1);--transition-slow:.3s cubic-bezier(.4, 0, .2, 1)}:root[data-theme=light],html:not([data-theme=dark]){--bg-primary:#f8fafc;--bg-surface:#fff;--bg-subtle:#f3fafb;--bg-hover:#eaf5f8;--bg-active:#dce9ed;--text-main:#16313f;--text-secondary:#5c7480;--text-muted:#8da0aa;--text-inverse:#fff;--border-color:#dce9ed;--border-subtle:#ebf2f5;--border-focus:#4fa8c0;--color-primary:#16313f;--color-primary-soft:#1b4965;--color-accent:#4fa8c0;--color-accent-light:#eaf5f8;--color-accent-bg:#f3fafb;--color-warning:#e8943c;--color-warning-light:#fcefe0;--color-success:#10b981;--color-error:#ef4444;--scrollbar-thumb:#c5d7df;--scrollbar-track:#f1f5f9}:root[data-theme=dark]{--bg-primary:#0c171f;--bg-surface:#12222e;--bg-subtle:#182c3a;--bg-hover:#1e3748;--bg-active:#254356;--text-main:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#0c171f;--border-color:#203646;--border-subtle:#192a37;--border-focus:#4fa8c0;--color-primary:#38bdf8;--color-primary-soft:#0284c7;--color-accent:#4fa8c0;--color-accent-light:#162f39;--color-accent-bg:#11232b;--color-warning:#f59e0b;--color-warning-light:#342510;--color-success:#10b981;--color-error:#f87171;--shadow-subtle:0 1px 2px 0 #0006;--shadow-sm:0 1px 3px 0 #0006;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080;--scrollbar-thumb:#233c4e;--scrollbar-track:#0c171f}*,:before,:after{box-sizing:border-box}html,body{width:100%;height:100%;font-family:var(--font-family-sans);background-color:var(--bg-primary);color:var(--text-main);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}#root{flex-direction:column;min-height:100vh;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{font-family:var(--font-family-sans);background-color:var(--bg-primary);color:var(--text-main);transition:background-color var(--transition-normal), color var(--transition-normal)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-xs)}::-webkit-scrollbar-thumb:hover{background:var(--brand-muted)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);color:var(--text-main);font-weight:var(--font-weight-semibold);margin:0}.text-muted{color:var(--text-secondary)}.text-subtle{color:var(--text-muted)}.brand-badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background-color:var(--brand-teal-light);color:var(--brand-navy-soft);border:1px solid var(--brand-teal);align-items:center;gap:.375rem;padding:.25rem .625rem;display:inline-flex}[data-theme=dark] .brand-badge{background-color:var(--color-accent-light);color:var(--brand-teal);border-color:var(--brand-teal-bg)}