.analytics-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.analytics-header-left{display:flex;flex-direction:column;gap:.5rem}.analytics-header-right{display:flex;align-items:center;gap:.5rem}.analytics-refresh-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid var(--border);border-radius:.5rem;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.analytics-refresh-btn:hover:not(:disabled){background:var(--surface);color:var(--text);border-color:var(--text-muted)}.analytics-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.analytics-date-pill{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--surface);border:1px solid var(--border);border-radius:9999px;font-size:.875rem;font-weight:500;color:var(--text);cursor:pointer;transition:all .15s ease}.analytics-date-pill:hover{background:var(--surface-hover);border-color:var(--primary)}.preset-tabs-row{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) 0;margin-bottom:var(--spacing-lg);position:relative}.preset-tabs-container{position:relative;display:flex;align-items:center;gap:var(--spacing-md)}.preset-tabs-pill{position:absolute;top:50%;transform:translateY(-50%);background:rgba(var(--primary-rgb),.06);border-radius:var(--radius-md);transition:left .25s cubic-bezier(.4,0,.2,1),width .25s cubic-bezier(.4,0,.2,1),height .25s cubic-bezier(.4,0,.2,1),opacity .15s ease;pointer-events:none;z-index:0}.preset-tabs-pill.no-transition{transition:none}.preset-box{position:relative;display:flex;flex-direction:column;gap:.25rem;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);background:transparent;cursor:pointer;z-index:1}.preset-box:hover .preset-box-label,.preset-box:hover .preset-box-value,.preset-box-active .preset-box-label{color:var(--text)}.preset-box-active .preset-box-value{font-weight:600}.preset-box-label{font-size:.6875rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.04em;transition:color .2s ease}.preset-box-value-row{display:flex;align-items:baseline;gap:var(--spacing-xs)}.preset-box-value{font-size:1.125rem;font-weight:500;color:var(--text);line-height:1;letter-spacing:-.01em;transition:font-weight .2s ease,color .2s ease}.preset-box-gear{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;opacity:0;transition:all .15s ease}.preset-box:hover .preset-box-gear{opacity:1}.preset-box-gear:hover{background:var(--surface-secondary);color:var(--text)}.preset-unsaved-dot{width:6px;height:6px;background:var(--warning);border-radius:50%;margin-left:var(--spacing-xs)}.preset-add-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:1px dashed var(--border);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all .15s ease;z-index:1;flex-shrink:0}.preset-add-btn:hover{background:rgba(var(--primary-rgb),.06);border-color:var(--primary);border-style:solid;color:var(--primary)}.preset-gear-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin-left:auto;background:transparent;border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all .15s ease;position:relative;z-index:1}.preset-gear-btn:hover{background:var(--background);border-color:var(--border);color:var(--text)}.preset-gear-btn-active{background:var(--surface-raised);border-color:var(--primary);color:var(--primary)}.preset-gear-btn-active:hover{background:var(--surface-hover);border-color:var(--primary);color:var(--primary)}.preset-gear-btn-disabled{opacity:.4;cursor:not-allowed}.preset-gear-btn-disabled:hover{background:transparent;border-color:var(--border-light);color:var(--text-muted)}.edit-mode-banner{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--surface-raised, var(--surface-secondary));border:1px dashed var(--border);border-radius:var(--radius-md);margin-bottom:1rem}[data-theme=dark] .edit-mode-banner,[data-theme=midnight] .edit-mode-banner,[data-theme=charcoal] .edit-mode-banner{background:var(--surface-raised)}.edit-mode-banner-text{margin:0;font-size:.875rem;color:var(--text-muted)}.edit-mode-banner-actions{display:flex;align-items:center;gap:.5rem}.analytics-widget-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.sortable-widget{position:relative;background:var(--surface);border-radius:.75rem;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}.widget-small{grid-column:span 3}.widget-medium{grid-column:span 6}.widget-large{grid-column:span 12}@media(max-width:1024px){.widget-small{grid-column:span 6}.widget-medium{grid-column:span 12}}@media(max-width:640px){.widget-small,.widget-medium{grid-column:span 12}}.sortable-widget.is-edit-mode{cursor:grab}.sortable-widget.is-dragging{cursor:grabbing;box-shadow:0 10px 25px #00000026;z-index:100;opacity:.95}.sortable-widget[style*=transform]{will-change:transform}.widget-edit-controls{position:absolute;top:.5rem;right:.5rem;display:flex;gap:.25rem;opacity:0;transition:opacity .15s ease;z-index:10}.sortable-widget.is-edit-mode:hover .widget-edit-controls{opacity:1}.widget-edit-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:var(--surface);border:1px solid var(--border);border-radius:.375rem;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.widget-edit-btn:hover{background:var(--surface-hover);color:var(--text)}.widget-remove-btn:hover{background:var(--error-bg);border-color:var(--error);color:var(--error)}.widget-content{height:100%}.widget-error{display:flex;align-items:center;justify-content:center;padding:1rem;color:var(--error);font-size:.875rem}.widget-empty{display:flex;align-items:center;justify-content:center;height:100%;min-height:150px;color:var(--text-muted);font-size:.875rem}.card-widget{padding:1.25rem}.card-widget-header{margin-bottom:.5rem}.card-widget-title{font-size:.875rem;font-weight:500;color:var(--text-muted)}.card-widget-value{font-size:1.75rem;font-weight:600;color:var(--text);margin-bottom:.5rem}.card-widget-trend{display:flex;align-items:center;gap:.25rem;font-size:.875rem}.card-widget-trend-value{font-weight:500}.card-widget-trend-label{color:var(--text-muted);font-size:.75rem;margin-left:.25rem}.sparkline-widget{padding:1rem}.sparkline-widget-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.sparkline-widget-title{font-size:.8rem;font-weight:500;color:var(--text-muted)}.sparkline-widget-trend{display:flex;align-items:center;gap:.125rem;font-size:.75rem;font-weight:500}.sparkline-widget-value{font-size:1.5rem;font-weight:600;color:var(--text)}.sparkline-widget-chart{height:40px;margin-top:.5rem}.progress-widget{padding:1.25rem}.progress-widget-header{margin-bottom:.5rem}.progress-widget-title{font-size:.875rem;font-weight:500;color:var(--text-muted)}.progress-widget-value{font-size:1.5rem;font-weight:600;color:var(--text);margin-bottom:.75rem}.progress-widget-bar-container{width:100%;height:8px;background:var(--surface-secondary);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-widget-bar{height:100%;border-radius:4px;transition:width .35s ease}.progress-widget-footer{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted)}.line-chart-widget,.bar-chart-widget,.pie-chart-widget{display:flex;flex-direction:column;height:100%}.widget-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1rem .5rem}.widget-title{margin:0;font-size:.9375rem;font-weight:600;color:var(--text)}.widget-chart-container{flex:1;min-height:250px;padding:0 .5rem .5rem}.widget-medium .widget-chart-container{min-height:200px}.leaderboard-widget{display:flex;flex-direction:column;height:100%}.leaderboard-widget .widget-header{padding-bottom:.75rem;border-bottom:1px solid var(--border-light)}.leaderboard-metric-label{font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.leaderboard-list{flex:1;overflow-y:auto;padding:.5rem 0}.leaderboard-row{display:flex;align-items:center;padding:.5rem 1rem;gap:.75rem;transition:background .15s ease}.leaderboard-row:hover{background:var(--surface-hover)}.leaderboard-rank-cell{width:28px;display:flex;align-items:center;justify-content:center}.leaderboard-rank{font-size:.8rem;font-weight:500;color:var(--text-muted)}.leaderboard-icon{color:var(--text-muted)}.leaderboard-icon-gold{color:#f59e0b}.leaderboard-icon-silver{color:#9ca3af}.leaderboard-icon-bronze{color:#b45309}.leaderboard-name{flex:1;min-width:0;font-size:.875rem;font-weight:500;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-subtitle{display:block;font-size:.75rem;font-weight:400;color:var(--text-muted)}.leaderboard-value{font-size:.875rem;font-weight:600;color:var(--text);text-align:right}.drawer-backdrop{position:fixed;inset:0;background:#0006;z-index:999;animation:fadeIn .2s ease}.drawer{position:fixed;top:16px;right:16px;bottom:16px;width:420px;max-width:calc(100vw - 32px);background:var(--surface);border-radius:var(--radius-lg);z-index:1000;display:flex;flex-direction:column;animation:slideInPanel .3s cubic-bezier(0,0,.2,1);contain:layout style paint}.drawer:before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 24px 48px #0000001f,0 8px 24px #00000014;pointer-events:none;z-index:-1}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg);flex-shrink:0}.drawer-title{margin:0;font-size:1.125rem;font-weight:600;color:var(--text)}.drawer-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.drawer-badge-custom{background:var(--surface-secondary);color:var(--text-muted)}.drawer-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:.375rem;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.drawer-close:hover{background:var(--surface-hover);color:var(--text)}.drawer-content{flex:1;overflow-y:auto;padding:1.5rem}.drawer-footer{display:flex;align-items:center;justify-content:flex-end;padding:var(--spacing-lg) var(--spacing-xl);gap:var(--spacing-md);flex-shrink:0}.drawer-footer .btn-primary{flex:1}.date-filter-options{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.pill-tag{padding:.5rem 1rem;background:var(--surface-secondary);border:1px solid var(--border);border-radius:9999px;font-size:.875rem;font-weight:500;color:var(--text);cursor:pointer;transition:all .15s ease}.pill-tag:hover{background:var(--surface-hover);border-color:var(--primary)}.pill-tag-active{background:var(--primary);border-color:var(--primary);color:#fff}.date-filter-custom{display:flex;flex-direction:column;gap:1rem}.date-filter-field label{display:block;font-size:.875rem;font-weight:500;color:var(--text);margin-bottom:.375rem}.config-section{margin-bottom:1.25rem}.config-label{display:block;font-size:.875rem;font-weight:500;color:var(--text);margin-bottom:.5rem}.config-divider{height:1px;background:var(--border);margin:1.5rem 0}.config-checkbox{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text);cursor:pointer}.config-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary)}.config-checkbox-group{display:flex;flex-direction:column;gap:.5rem}.config-hint{margin-top:.375rem;font-size:.75rem;color:var(--text-muted)}.segmented-control{display:flex;background:var(--surface-secondary);border-radius:.5rem;padding:.25rem}.segmented-control-option{flex:1;padding:.5rem .75rem;background:transparent;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.segmented-control-option:hover{color:var(--text)}.segmented-control-option-active{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #0000000d}.add-widget-subtitle{font-size:.875rem;color:var(--text-muted);margin-bottom:1.5rem}.widget-type-grid{display:flex;flex-direction:column;gap:.75rem}.widget-type-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--surface);border:1px solid var(--border);border-radius:.75rem;cursor:pointer;transition:all .15s ease;text-align:left}.widget-type-card:hover{border-color:var(--primary);box-shadow:0 2px 8px #00000014}.widget-type-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--primary-bg);border-radius:.5rem;color:var(--primary)}.widget-type-info{flex:1}.widget-type-label{display:block;font-size:.9375rem;font-weight:600;color:var(--text);margin-bottom:.125rem}.widget-type-description{font-size:.8125rem;color:var(--text-muted)}.form-select{width:100%;padding:.625rem .75rem;background:var(--surface);border:1px solid var(--border);border-radius:.5rem;font-size:.875rem;color:var(--text);cursor:pointer;transition:border-color .15s ease}.form-select:focus{outline:none;border-color:var(--primary)}.form-input-sunken{width:100%;padding:.625rem .75rem;background:var(--surface-secondary);border:1px solid var(--border);border-radius:.5rem;font-size:.875rem;color:var(--text);transition:all .15s ease}.form-input-sunken:focus{outline:none;background:var(--surface);border-color:var(--primary)}.spin{animation:spin .8s linear infinite}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.btn-secondary{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:.5rem;font-size:.875rem;font-weight:500;color:var(--text);cursor:pointer;transition:all .15s ease}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--text-muted)}.drawer-header-content{display:flex;align-items:center;gap:var(--spacing-sm)}.drawer-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:var(--radius-full);font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.drawer-badge-default{background:var(--primary-light);color:var(--primary)}.drawer-badge-custom{background:var(--surface-secondary);color:var(--text-muted);border:1px solid var(--border)}.drawer-section{margin-bottom:var(--spacing-xl)}.drawer-section:last-child{margin-bottom:0}.drawer-label{display:block;margin-bottom:var(--spacing-xs);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.drawer-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--surface-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.875rem;color:var(--text);transition:border-color .15s ease,box-shadow .15s ease}.drawer-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.drawer-input::placeholder{color:var(--text-muted)}.drawer-readonly{padding:var(--spacing-sm) var(--spacing-md);background:var(--surface-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.875rem;color:var(--text-muted)}.drawer-hint{margin:var(--spacing-xs) 0 0 0;font-size:.75rem;color:var(--text-muted)}.drawer-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.drawer-confirm{padding:var(--spacing-md);background:var(--error-light);border:1px solid var(--error);border-radius:var(--radius-md)}.drawer-confirm-text{margin:0 0 var(--spacing-md) 0;font-size:.875rem;color:var(--text)}.drawer-confirm-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.btn-danger-outline{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px solid var(--error);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:var(--error);cursor:pointer;transition:all .15s ease}.btn-danger-outline:hover{background:var(--error-light)}.btn-danger{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--error);border:1px solid var(--error);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:#fff;cursor:pointer;transition:all .15s ease}.btn-danger:hover{background:var(--error-dark, #c0392b)}.drawer-backdrop-closing{animation:fadeOut .2s ease forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.drawer-closing{animation:slideOutPanel .2s cubic-bezier(.4,0,1,1) forwards}@media(max-width:768px){.drawer{top:0;right:0;bottom:0;width:100vw;max-width:100vw;border-radius:0}.drawer:before{border-radius:0}}:root{--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem;--spacing-3xl: 2.5rem;--spacing-page: 2.5rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04);--shadow-card: 0 2px 8px rgba(0, 0, 0, .04);--shadow-elevated: 0 4px 16px rgba(0, 0, 0, .06);--shadow-panel: 0 8px 32px rgba(0, 0, 0, .08);--shadow-modal: 0 16px 48px rgba(0, 0, 0, .12);--sidebar-width-expanded: 240px;--sidebar-width-collapsed: 64px;--detail-panel-width: 420px;--filter-drawer-width: 420px;--header-height: 64px;--mobile-nav-height: 64px;--transition-speed: .2s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--transition-standard: var(--transition-speed) var(--ease-out);--z-sidebar: 100;--z-panel: 200;--z-overlay: 150;--z-modal: 300;--z-toast: 400}[data-theme=dark],[data-theme=midnight],[data-theme=slate]{--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3), 0 0 0 1px rgba(255, 255, 255, .04);--shadow-card: 0 2px 8px rgba(0, 0, 0, .4), 0 0 0 1px rgba(255, 255, 255, .05);--shadow-elevated: 0 4px 16px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .06);--shadow-panel: 0 8px 32px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 255, 255, .06);--shadow-modal: 0 16px 48px rgba(0, 0, 0, .7), 0 0 0 1px rgba(255, 255, 255, .08)}:root{--primary: #3b5998;--primary-rgb: 59, 89, 152;--primary-hover: #2d4373;--primary-light: #eef1f7;--secondary: #6b7280;--success: #059669;--success-light: #ecfdf5;--warning: #d97706;--warning-light: #fef3c7;--error: #dc2626;--error-light: #fef2f2;--info: #0284c7;--info-light: #f0f9ff;--link: #2563eb;--link-hover: #1d4ed8;--status-pending-bg: #fef3c7;--status-pending-text: #92400e;--status-info-bg: #dbeafe;--status-info-text: #1e40af;--status-success-bg: #d1fae5;--status-success-text: #065f46;--status-error-bg: #fee2e2;--status-error-text: #991b1b;--status-purple-bg: #ede9fe;--status-purple-text: #5b21b6;--background: #f9fafb;--surface: #ffffff;--surface-raised: #ffffff;--surface-secondary: #f3f4f6;--surface-hover: #f9fafb;--border: #e5e7eb;--border-light: #f3f4f6;--text: #111827;--text-secondary: #374151;--text-muted: #6b7280;--text-placeholder: #9ca3af;--sidebar-width: var(--sidebar-width-expanded);--header-height: 64px;--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SF Mono", "Fira Code", "Consolas", monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);font-size:14px;background:var(--background);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--surface);border-right:1px solid var(--border);padding:1.5rem 0;display:flex;flex-direction:column}.sidebar-header{padding:0 1.5rem 1.5rem;border-bottom:1px solid var(--border)}.sidebar-logo{font-size:1.25rem;font-weight:700;color:var(--primary)}.sidebar-subtitle{font-size:.75rem;color:var(--text-muted)}.sidebar-nav{flex:1;padding:1rem 0}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;color:var(--text-muted);text-decoration:none;transition:all .15s}.nav-link:hover{background:var(--background);color:var(--text)}.nav-link.active{background:#eff6ff;color:var(--primary);border-right:3px solid var(--primary)}.nav-link svg{width:20px;height:20px}.main-content{flex:1;padding:2rem;overflow-y:auto}.page-header{margin-bottom:1.5rem}.page-title{font-size:1.25rem;font-weight:600;margin-bottom:.125rem;color:var(--text)}.page-subtitle{font-size:.875rem;color:var(--text-muted)}.card{background:var(--surface);border:none;border-radius:var(--radius-md);padding:0;margin-bottom:1rem;box-shadow:var(--shadow-card)}.card-padded{padding:1.25rem}.card-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-light)}.card-title{font-size:.875rem;font-weight:600;color:var(--text)}.card-body{padding:1.25rem}.card-hoverable:hover{box-shadow:var(--shadow-elevated);transform:translateY(-2px)}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-label-hint{font-weight:400;color:var(--text-muted)}.form-input,.form-textarea{width:100%;padding:.625rem .875rem;font-size:.875rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);transition:border-color .15s,box-shadow .15s}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.12)}.form-input::placeholder{color:var(--text-muted)}.form-input[type=date]{color-scheme:light;position:relative}[data-theme=dark] .form-input[type=date],[data-theme=midnight] .form-input[type=date],[data-theme=slate] .form-input[type=date]{color-scheme:dark}.form-input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;transition:opacity .15s ease}.form-input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}[data-theme=dark] .form-input[type=date]::-webkit-calendar-picker-indicator,[data-theme=midnight] .form-input[type=date]::-webkit-calendar-picker-indicator,[data-theme=slate] .form-input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1)}.form-textarea{resize:vertical;min-height:100px}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:.625rem 2.5rem .625rem .875rem;font-size:.875rem;line-height:1.5;color:var(--text);background-color:var(--surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px;border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s var(--ease-out)}.form-select:hover{border-color:var(--text-muted)}.form-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.12);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%233b5998' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.form-select option[value=""]{color:var(--text-muted)}.form-select option{color:var(--text);background:var(--surface);padding:.5rem}.form-select:disabled{opacity:.6;cursor:not-allowed;background-color:var(--background)}[data-theme=dark] .form-select,[data-theme=midnight] .form-select,[data-theme=slate] .form-select{background-color:var(--surface-raised);color:var(--text);border-color:var(--border);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}[data-theme=dark] .form-select:focus,[data-theme=midnight] .form-select:focus,[data-theme=slate] .form-select:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b8cce' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.form-input-sunken{width:100%;padding:.625rem .875rem;font-size:.875rem;border:none;border-radius:var(--radius-md);background:var(--background);color:var(--text);transition:background .15s,box-shadow .15s}.form-input-sunken:focus{outline:none;background:var(--background);box-shadow:inset 0 0 0 1px rgba(var(--primary-rgb),.3)}.form-input-sunken::placeholder{color:var(--text-muted)}.segmented-control{display:inline-flex;background:var(--background);border-radius:var(--radius-md);padding:3px;gap:2px;position:relative}.segmented-control-pill{position:absolute;top:3px;bottom:3px;background:var(--surface);border-radius:calc(var(--radius-md) - 2px);box-shadow:0 1px 2px #0000000d;transition:left .2s cubic-bezier(.4,0,.2,1),width .2s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:0}.segmented-control-pill.no-transition{transition:none}.segmented-control-option{padding:.375rem .75rem;font-size:.8125rem;font-weight:500;border:none;background:transparent;color:var(--text-muted);border-radius:calc(var(--radius-md) - 2px);cursor:pointer;transition:color .15s ease;white-space:nowrap;position:relative;z-index:1}.segmented-control-option:hover:not(.segmented-control-option-active){color:var(--text)}.segmented-control-option-active{color:var(--text)}.pill-tags{display:flex;flex-wrap:wrap;gap:.375rem}.pill-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .625rem;font-size:.75rem;font-weight:500;border:none;border-radius:var(--radius-full);background:var(--background);color:var(--text-muted);cursor:pointer;transition:all .15s ease}.pill-tag:hover:not(.pill-tag-active){background:var(--border-light);color:var(--text)}.pill-tag-active{background:rgba(var(--primary-rgb),.1);color:var(--primary)}.toggle-container{display:flex;align-items:center;gap:.75rem}.toggle{position:relative;width:44px;height:24px}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--border);transition:.2s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.2s;border-radius:50%}.toggle input:checked+.toggle-slider{background-color:var(--primary)}.toggle input:checked+.toggle-slider:before{transform:translate(20px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:all var(--transition-standard);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-secondary{background:var(--surface);color:var(--text-secondary);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--background);border-color:var(--text-muted)}.btn-success{background:var(--success);color:#fff;box-shadow:var(--shadow-sm)}.btn-success:hover:not(:disabled){background:#047857}.btn-danger{background:var(--error);color:#fff;box-shadow:var(--shadow-sm)}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover:not(:disabled){background:var(--border-light);color:var(--text)}.btn-sm{padding:.3125rem .625rem;font-size:.75rem}.btn-warning{background:var(--warning);color:#fff;box-shadow:var(--shadow-sm)}.btn-warning:hover:not(:disabled){background:#b45309}.table-container{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:.8125rem}.table th,.table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-light)}.table th{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--background);border-bottom:1px solid var(--border);white-space:nowrap}.table tbody tr{transition:background-color .1s}.table tbody tr:hover{background:#fafbfc}.table tbody tr:last-child td{border-bottom:none}.table tbody tr.expanded-parent{background:var(--primary-light)}.table tbody tr.expanded-content td{background:var(--background);padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.badge{display:inline-flex;align-items:center;padding:.125rem .5rem;font-size:.6875rem;font-weight:500;border-radius:var(--radius-full);text-transform:none;letter-spacing:.01em}.badge-success{background:var(--success-light);color:var(--success)}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-error{background:var(--error-light);color:var(--error)}.badge-info{background:var(--info-light);color:var(--info)}.badge-neutral{background:var(--border-light);color:var(--text-muted)}.stats-grid{display:flex;gap:.75rem;margin-bottom:1rem}.stat-card{background:var(--surface);border:none;border-radius:var(--radius-md);padding:.875rem 1.25rem;min-width:140px;transition:box-shadow var(--transition-standard);box-shadow:var(--shadow-card)}.stat-card:hover{border-color:var(--border)}.stat-card.active,.stat-card[style*=borderColor]{border-color:var(--primary)!important;background:var(--primary-light)}.stat-label{font-size:.6875rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.25rem}.stat-value{font-size:1.5rem;font-weight:600;line-height:1.2}.stat-sublabel{font-size:.6875rem;color:var(--text-muted);margin-top:.125rem}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--surface);border-radius:8px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.modal-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border)}.modal-title{font-size:1.125rem;font-weight:600}.modal-body{padding:1.5rem}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:.75rem}.empty-state{text-align:center;padding:3rem;color:var(--text-muted)}.empty-state svg{width:48px;height:48px;margin-bottom:1rem;opacity:.5}.loading{display:flex;align-items:center;justify-content:center;padding:2rem;color:var(--text-muted)}.loading-spinner{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin-right:.5rem}@keyframes spin{to{transform:rotate(360deg)}}.alert{padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.alert-success{background:#dcfce7;color:#166534}.alert-error{background:#fee2e2;color:#991b1b}.alert-warning{background:#fef3c7;color:#92400e}.alert-info{background:#dbeafe;color:#1e40af}.actions-row{display:flex;align-items:center;gap:.5rem}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(max-width:640px){.form-row{grid-template-columns:1fr}}.filter-bar{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.filter-bar .form-input,.filter-bar .form-select{width:auto;min-width:140px;font-size:.8125rem;padding:.4375rem .75rem}.filter-bar label{font-size:.8125rem;color:var(--text-secondary)}.clickable-row{cursor:pointer}.clickable-row:hover{background:var(--background)}.analytics-page .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.analytics-page .stat-card{transition:box-shadow .2s,transform .2s}.analytics-page .stat-card:hover{box-shadow:0 4px 12px #0000001a}.analytics-page .card-header{padding:1rem;border-bottom:1px solid var(--border)}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:1rem}.tab{padding:.625rem 1rem;font-size:.8125rem;font-weight:500;color:var(--text-muted);background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;transition:color .15s,border-color .15s;white-space:nowrap}.tab:hover{color:var(--text)}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.tab:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark]{--primary: #6b8cce;--primary-rgb: 107, 140, 206;--primary-hover: #5a7bc0;--primary-light: rgba(107, 140, 206, .15);--secondary: #9ca3af;--success: #34d399;--success-light: rgba(52, 211, 153, .15);--warning: #fbbf24;--warning-light: rgba(251, 191, 36, .15);--error: #f87171;--error-light: rgba(248, 113, 113, .15);--info: #38bdf8;--info-light: rgba(56, 189, 248, .15);--link: #60a5fa;--link-hover: #93c5fd;--status-pending-bg: rgba(251, 191, 36, .15);--status-pending-text: #fbbf24;--status-info-bg: rgba(56, 189, 248, .15);--status-info-text: #38bdf8;--status-success-bg: rgba(52, 211, 153, .15);--status-success-text: #34d399;--status-error-bg: rgba(248, 113, 113, .15);--status-error-text: #f87171;--status-purple-bg: rgba(167, 139, 250, .15);--status-purple-text: #a78bfa;--background: #0f1419;--surface: #1a1f2e;--surface-raised: #242938;--surface-secondary: #242938;--surface-hover: #1e2433;--border: #2d3548;--border-light: #363d4d;--text: #e8eaed;--text-secondary: #c4c7cc;--text-muted: #8b919a;--text-placeholder: #6b7280;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow: 0 1px 3px 0 rgb(0 0 0 / .4), 0 1px 2px -1px rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .3)}[data-theme=dark] .nav-link.active{background:#6b8cce26}[data-theme=dark] .table tbody tr:hover{background:#1e2433}[data-theme=dark] .alert-success{background:#34d39926;color:#34d399}[data-theme=dark] .alert-error{background:#f8717126;color:#f87171}[data-theme=dark] .alert-warning{background:#fbbf2426;color:#fbbf24}[data-theme=dark] .alert-info{background:#38bdf826;color:#38bdf8}[data-theme=dark] .form-input,[data-theme=dark] .form-textarea{background:var(--surface-raised);color:var(--text);border-color:var(--border)}[data-theme=dark] .form-input::placeholder,[data-theme=dark] .form-textarea::placeholder{color:var(--text-placeholder)}[data-theme=dark] .modal{background:var(--surface)}[data-theme=dark] .modal-overlay{background:#000000b3}[data-theme=dark] .toggle-slider:before{background-color:var(--text-muted)}[data-theme=dark] .toggle input:checked+.toggle-slider:before{background-color:#fff}[data-theme=midnight]{--primary: #818cf8;--primary-rgb: 129, 140, 248;--primary-hover: #6366f1;--primary-light: rgba(129, 140, 248, .12);--secondary: #94a3b8;--success: #4ade80;--success-light: rgba(74, 222, 128, .12);--warning: #fcd34d;--warning-light: rgba(252, 211, 77, .12);--error: #fb7185;--error-light: rgba(251, 113, 133, .12);--info: #22d3ee;--info-light: rgba(34, 211, 238, .12);--link: #93c5fd;--link-hover: #bfdbfe;--status-pending-bg: rgba(252, 211, 77, .12);--status-pending-text: #fcd34d;--status-info-bg: rgba(34, 211, 238, .12);--status-info-text: #22d3ee;--status-success-bg: rgba(74, 222, 128, .12);--status-success-text: #4ade80;--status-error-bg: rgba(251, 113, 133, .12);--status-error-text: #fb7185;--status-purple-bg: rgba(196, 181, 253, .12);--status-purple-text: #c4b5fd;--background: #0c1222;--surface: #131b2e;--surface-raised: #1a2540;--surface-secondary: #1a2540;--surface-hover: #162033;--border: #1e3a5f;--border-light: #264573;--text: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #64748b;--text-placeholder: #475569;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .4);--shadow: 0 1px 3px 0 rgb(0 0 0 / .5), 0 1px 2px -1px rgb(0 0 0 / .4);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .5), 0 2px 4px -2px rgb(0 0 0 / .4)}[data-theme=midnight] .nav-link.active{background:#818cf81f}[data-theme=midnight] .table tbody tr:hover{background:#182035}[data-theme=midnight] .alert-success{background:#4ade801f;color:#4ade80}[data-theme=midnight] .alert-error{background:#fb71851f;color:#fb7185}[data-theme=midnight] .alert-warning{background:#fcd34d1f;color:#fcd34d}[data-theme=midnight] .alert-info{background:#22d3ee1f;color:#22d3ee}[data-theme=midnight] .form-input,[data-theme=midnight] .form-textarea{background:var(--surface-raised);color:var(--text);border-color:var(--border)}[data-theme=midnight] .form-input::placeholder,[data-theme=midnight] .form-textarea::placeholder{color:var(--text-placeholder)}[data-theme=midnight] .modal{background:var(--surface)}[data-theme=midnight] .modal-overlay{background:#000000b3}[data-theme=midnight] .toggle-slider:before{background-color:var(--text-muted)}[data-theme=midnight] .toggle input:checked+.toggle-slider:before{background-color:#fff}[data-theme=slate]{--primary: #64748b;--primary-rgb: 100, 116, 139;--primary-hover: #475569;--primary-light: rgba(100, 116, 139, .15);--secondary: #94a3b8;--success: #22c55e;--success-light: rgba(34, 197, 94, .12);--warning: #f59e0b;--warning-light: rgba(245, 158, 11, .12);--error: #ef4444;--error-light: rgba(239, 68, 68, .12);--info: #3b82f6;--info-light: rgba(59, 130, 246, .12);--link: #60a5fa;--link-hover: #93c5fd;--status-pending-bg: rgba(245, 158, 11, .12);--status-pending-text: #fbbf24;--status-info-bg: rgba(59, 130, 246, .12);--status-info-text: #60a5fa;--status-success-bg: rgba(34, 197, 94, .12);--status-success-text: #4ade80;--status-error-bg: rgba(239, 68, 68, .12);--status-error-text: #f87171;--status-purple-bg: rgba(167, 139, 250, .12);--status-purple-text: #a78bfa;--background: #18181b;--surface: #27272a;--surface-raised: #3f3f46;--surface-secondary: #3f3f46;--surface-hover: #323236;--border: #52525b;--border-light: #71717a;--text: #fafafa;--text-secondary: #d4d4d8;--text-muted: #a1a1aa;--text-placeholder: #71717a;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .4);--shadow: 0 1px 3px 0 rgb(0 0 0 / .5), 0 1px 2px -1px rgb(0 0 0 / .4);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .5), 0 2px 4px -2px rgb(0 0 0 / .4)}[data-theme=slate] .nav-link.active{background:#64748b26}[data-theme=slate] .table tbody tr:hover{background:#3f3f46}[data-theme=slate] .alert-success{background:#4ade801f;color:#4ade80}[data-theme=slate] .alert-error{background:#f871711f;color:#f87171}[data-theme=slate] .alert-warning{background:#facc151f;color:#facc15}[data-theme=slate] .alert-info{background:#60a5fa1f;color:#60a5fa}[data-theme=slate] .form-input,[data-theme=slate] .form-textarea{background:var(--surface-raised);color:var(--text);border-color:var(--border)}[data-theme=slate] .form-input::placeholder,[data-theme=slate] .form-textarea::placeholder{color:var(--text-placeholder)}[data-theme=slate] .modal{background:var(--surface)}[data-theme=slate] .modal-overlay{background:#000000b3}[data-theme=slate] .toggle-slider:before{background-color:var(--text-muted)}[data-theme=slate] .toggle input:checked+.toggle-slider:before{background-color:#fff}[data-theme=dark] select option,[data-theme=midnight] select option,[data-theme=slate] select option{background:var(--surface);color:var(--text)}[data-theme=dark] .btn-secondary,[data-theme=midnight] .btn-secondary,[data-theme=slate] .btn-secondary{background:var(--surface-raised);color:var(--text);border-color:var(--border)}[data-theme=dark] .btn-secondary:hover:not(:disabled),[data-theme=midnight] .btn-secondary:hover:not(:disabled),[data-theme=slate] .btn-secondary:hover:not(:disabled){background:var(--border)}[data-theme=dark] .stat-card,[data-theme=midnight] .stat-card,[data-theme=slate] .stat-card{background:var(--surface)}[data-theme=dark] .stat-card.active,[data-theme=midnight] .stat-card.active,[data-theme=slate] .stat-card.active{background:var(--primary-light)}[data-theme=dark] .badge-neutral,[data-theme=midnight] .badge-neutral,[data-theme=slate] .badge-neutral{background:var(--border);color:var(--text-secondary)}[data-theme=forest]{--primary: #22c55e;--primary-rgb: 34, 197, 94;--primary-hover: #16a34a;--primary-light: rgba(34, 197, 94, .1);--secondary: #78716c;--success: #84cc16;--success-light: rgba(132, 204, 22, .1);--warning: #eab308;--warning-light: rgba(234, 179, 8, .1);--error: #ef4444;--error-light: rgba(239, 68, 68, .1);--info: #06b6d4;--info-light: rgba(6, 182, 212, .1);--background: #f7f7f5;--surface: #ffffff;--surface-raised: #ffffff;--surface-secondary: #f3f4f6;--surface-hover: #f9fafb;--border: #d6d3d1;--border-light: #e7e5e4;--text: #1c1917;--text-secondary: #44403c;--text-muted: #78716c;--text-placeholder: #a8a29e;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1)}[data-theme=forest] .nav-link.active{background:#22c55e1a}[data-theme=sunset]{--primary: #f97316;--primary-rgb: 249, 115, 22;--primary-hover: #ea580c;--primary-light: rgba(249, 115, 22, .1);--secondary: #78716c;--success: #22c55e;--success-light: rgba(34, 197, 94, .1);--warning: #eab308;--warning-light: rgba(234, 179, 8, .1);--error: #ef4444;--error-light: rgba(239, 68, 68, .1);--info: #0ea5e9;--info-light: rgba(14, 165, 233, .1);--background: #fef7f4;--surface: #ffffff;--surface-raised: #ffffff;--surface-secondary: #f3f4f6;--surface-hover: #f9fafb;--border: #fed7aa;--border-light: #ffedd5;--text: #1c1917;--text-secondary: #44403c;--text-muted: #78716c;--text-placeholder: #a8a29e;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1)}[data-theme=sunset] .nav-link.active{background:#f973161a}[data-theme=ocean]{--primary: #0891b2;--primary-rgb: 8, 145, 178;--primary-hover: #0e7490;--primary-light: rgba(8, 145, 178, .1);--secondary: #64748b;--success: #10b981;--success-light: rgba(16, 185, 129, .1);--warning: #f59e0b;--warning-light: rgba(245, 158, 11, .1);--error: #ef4444;--error-light: rgba(239, 68, 68, .1);--info: #6366f1;--info-light: rgba(99, 102, 241, .1);--background: #f0fdfa;--surface: #ffffff;--surface-raised: #ffffff;--surface-secondary: #f3f4f6;--surface-hover: #f9fafb;--border: #99f6e4;--border-light: #ccfbf1;--text: #134e4a;--text-secondary: #115e59;--text-muted: #5f9ea0;--text-placeholder: #94a3b8;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1)}[data-theme=ocean] .nav-link.active{background:#0891b21a}[data-theme=rose]{--primary: #e11d48;--primary-rgb: 225, 29, 72;--primary-hover: #be123c;--primary-light: rgba(225, 29, 72, .1);--secondary: #71717a;--success: #22c55e;--success-light: rgba(34, 197, 94, .1);--warning: #f59e0b;--warning-light: rgba(245, 158, 11, .1);--error: #dc2626;--error-light: rgba(220, 38, 38, .1);--info: #8b5cf6;--info-light: rgba(139, 92, 246, .1);--background: #fdf2f8;--surface: #ffffff;--surface-raised: #ffffff;--surface-secondary: #f3f4f6;--surface-hover: #f9fafb;--border: #fbcfe8;--border-light: #fce7f3;--text: #1f2937;--text-secondary: #4b5563;--text-muted: #9ca3af;--text-placeholder: #d1d5db;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1)}[data-theme=rose] .nav-link.active{background:#e11d481a}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:56px;background:var(--surface);border-bottom:1px solid var(--border);padding:0 1rem;align-items:center;justify-content:space-between;z-index:1001}.mobile-header-logo{font-size:1rem;font-weight:700;color:var(--primary)}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;cursor:pointer;color:var(--text);border-radius:6px}.mobile-menu-btn:hover{background:var(--background)}.mobile-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:999}.mobile-overlay.active{display:block}@media(max-width:768px){.mobile-header{display:flex}.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;transform:translate(-100%);transition:transform .3s ease;z-index:1000;padding-top:0}.sidebar.open{transform:translate(0)}.main-content{padding:1rem;padding-top:calc(56px + 1rem);width:100%}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.page-header h1{font-size:1.25rem}.page-actions{width:100%;flex-wrap:wrap}.page-actions .btn{flex:1;min-width:auto}.filter-bar{flex-direction:column;align-items:stretch}.filter-bar .form-input,.filter-bar .form-select{width:100%}.stat-cards{grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-card{padding:1rem}.stat-card .stat-value{font-size:1.5rem}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -1rem;padding:0 1rem}.table{min-width:600px}.table th,.table td{padding:.625rem .75rem;white-space:nowrap}.card{border-radius:6px}.card-header{padding:1rem;flex-wrap:wrap;gap:.5rem}.card-body{padding:1rem}.modal{width:calc(100vw - 2rem);max-width:100%;max-height:calc(100vh - 2rem);margin:1rem}.modal-header,.modal-body{padding:1rem}.modal-footer{padding:1rem;flex-direction:column-reverse;gap:.5rem}.modal-footer .btn{width:100%}.btn{padding:.625rem 1rem}.btn-sm{padding:.5rem .75rem}.form-row{grid-template-columns:1fr;gap:1rem}.form-actions{flex-direction:column}.form-actions .btn{width:100%}.tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;gap:0}.tab{flex-shrink:0;padding:.75rem 1rem}.info-grid{grid-template-columns:1fr}.toggle-row{flex-wrap:wrap}.hide-mobile{display:none}}@media(max-width:480px){.main-content{padding:.75rem;padding-top:calc(56px + .75rem)}.stat-cards{grid-template-columns:1fr}.page-actions .btn{font-size:.8125rem;padding:.5rem .75rem}.filter-bar{gap:.5rem}}.detail-panel-content{flex:1;overflow-y:auto;padding:1.5rem}.detail-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border-light)}.detail-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-section-title{font-size:.875rem;font-weight:600;color:var(--text);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.03em}.dealer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}@media(max-width:768px){.dealer-grid{grid-template-columns:1fr}.detail-panel{width:100%;max-width:100%}}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-card{box-shadow:var(--shadow-card)}.shadow-elevated{box-shadow:var(--shadow-elevated)}.shadow-panel{box-shadow:var(--shadow-panel)}.radius-sm{border-radius:var(--radius-sm)}.radius-md{border-radius:var(--radius-md)}.radius-lg{border-radius:var(--radius-lg)}.skeleton{background:linear-gradient(90deg,var(--border-light) 0%,var(--border-light) 40%,rgba(var(--primary-rgb),.08) 50%,var(--border-light) 60%,var(--border-light) 100%);background-size:300% 100%;animation:skeleton-shimmer 1.8s ease-in-out infinite;border-radius:var(--radius-md)}.skeleton-text{height:1rem;width:100%;margin-bottom:.5rem}.skeleton-text:last-child{width:60%}.skeleton-circle{border-radius:50%}.skeleton-rect{border-radius:var(--radius-md)}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.skeleton-list-item{opacity:0;animation:skeleton-fade-in .3s ease forwards,skeleton-pulse 2s ease-in-out infinite}.skeleton-list-item:nth-child(1){animation-delay:0s,.3s}.skeleton-list-item:nth-child(2){animation-delay:.05s,.35s}.skeleton-list-item:nth-child(3){animation-delay:.1s,.4s}.skeleton-list-item:nth-child(4){animation-delay:.15s,.45s}.skeleton-list-item:nth-child(5){animation-delay:.2s,.5s}.skeleton-list-item:nth-child(6){animation-delay:.25s,.55s}.skeleton-list-item:nth-child(7){animation-delay:.3s,.6s}@keyframes skeleton-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.7}}.expense-list-item-skeleton{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-card);margin-bottom:var(--spacing-sm)}.expense-skeleton-icon{width:48px;height:48px;border-radius:var(--radius-md);flex-shrink:0}.expense-skeleton-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.expense-skeleton-name{width:50%;height:18px;border-radius:var(--radius-sm)}.expense-skeleton-category{width:35%;height:14px;border-radius:var(--radius-sm)}.expense-skeleton-right{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;flex-shrink:0}.expense-skeleton-amount{width:80px;height:20px;border-radius:var(--radius-sm)}.expense-skeleton-date{width:60px;height:14px;border-radius:var(--radius-sm)}.lead-list-fade-in{animation:lead-list-appear .3s ease}@keyframes lead-list-appear{0%{opacity:0}to{opacity:1}}.lead-list-item{transition:transform .15s ease,box-shadow .15s ease,opacity .35s ease}.lead-list-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-elevated)!important}.lead-list-item-animated{opacity:0;animation:leadItemFadeIn .35s cubic-bezier(.4,0,.2,1) forwards}@keyframes leadItemFadeIn{0%{opacity:0}to{opacity:1}}.expense-list-item{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-card);cursor:pointer;margin-bottom:var(--spacing-sm);transition:transform .15s ease,box-shadow .15s ease,opacity .35s ease}.expense-list-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-elevated)}.expense-list-item-selected{background:var(--primary-light)}.expense-list-item-animated{opacity:0;animation:expenseItemFadeIn .35s cubic-bezier(.4,0,.2,1) forwards}@keyframes expenseItemFadeIn{0%{opacity:0}to{opacity:1}}.expense-list-item-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);background:var(--background);color:var(--text-muted);flex-shrink:0}.expense-list-item-content{flex:1;min-width:0}.expense-list-item-name{font-weight:600;font-size:.9375rem;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expense-list-item-meta{font-size:.8125rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expense-list-item-right{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;flex-shrink:0}.expense-list-item-amount{font-weight:700;font-size:1.125rem;color:var(--text)}.expense-list-item-badges{display:flex;gap:.5rem;align-items:center}.expense-list-item-frequency{font-size:.6875rem;padding:2px 8px;border-radius:var(--radius-full);background:var(--primary-light, #e3f2fd);color:var(--primary);font-weight:500}.expense-list-item-date{font-size:.75rem;color:var(--text-muted)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}:root{--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem;--spacing-3xl: 2.5rem;--spacing-page: 2.5rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--shadow-card: 0 2px 8px rgba(0, 0, 0, .04);--shadow-elevated: 0 4px 16px rgba(0, 0, 0, .06);--shadow-panel: 0 8px 32px rgba(0, 0, 0, .08);--shadow-modal: 0 16px 48px rgba(0, 0, 0, .12);--sidebar-width-expanded: 240px;--sidebar-width-collapsed: 64px;--detail-panel-width: 450px;--transition-speed: .2s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--transition-standard: var(--transition-speed) var(--ease-out)}.sidebar-new{position:fixed;top:16px;left:16px;bottom:16px;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);display:flex;flex-direction:column;transition:width var(--transition-standard);z-index:100}.sidebar-expanded{width:var(--sidebar-width-expanded)}.sidebar-collapsed{width:var(--sidebar-width-collapsed)}.sidebar-header-new{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);height:64px}.sidebar-logo-new{font-size:1.25rem;font-weight:700;color:var(--primary)}.sidebar-logo-wrapper{display:flex;align-items:center;gap:var(--spacing-sm)}.sidebar-logo-icon{width:28px;height:28px;object-fit:contain;filter:invert(1)}[data-theme=dark] .sidebar-logo-icon,[data-theme=midnight] .sidebar-logo-icon,[data-theme=slate] .sidebar-logo-icon{filter:none}.sidebar-logo-text{font-size:1.25rem;font-weight:700;color:var(--primary)}.sidebar-toggle-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all .15s}.sidebar-toggle-btn:hover{background:var(--background);color:var(--text)}.sidebar-toggle-btn-collapsed{margin:0 auto}.sidebar-nav-new{flex:1;display:flex;flex-direction:column;padding:var(--spacing-lg) 0;overflow-y:auto;overflow-x:hidden;position:relative}.sidebar-nav-main{flex:1}.sidebar-nav-bottom{margin-top:auto;padding-top:var(--spacing-md)}.sidebar-nav-pill{position:absolute;left:var(--spacing-sm);right:var(--spacing-sm);background:var(--primary-light);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);pointer-events:none;z-index:0;transition:top .2s cubic-bezier(.4,0,.2,1),height .2s cubic-bezier(.4,0,.2,1),opacity .15s ease}.sidebar-nav-pill.no-transition{transition:none}.sidebar-collapsed .sidebar-nav-pill{left:var(--spacing-sm);right:var(--spacing-sm)}.sidebar-nav-section{display:flex;flex-direction:column;margin-bottom:var(--spacing-xl)}.sidebar-collapsed .sidebar-nav-section{margin-bottom:var(--spacing-sm)}.sidebar-section-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:0 var(--spacing-lg);margin-bottom:var(--spacing-sm)}.sidebar-nav-link{display:flex;align-items:center;gap:var(--spacing-md);margin:0 var(--spacing-sm);padding:var(--spacing-md) var(--spacing-md);color:var(--text-muted);text-decoration:none;transition:all .15s ease;position:relative;border-radius:var(--radius-sm);background:transparent;border:none;cursor:pointer;font-family:inherit;font-size:inherit}.sidebar-collapsed .sidebar-nav-link{justify-content:center;margin:0 var(--spacing-sm);padding:var(--spacing-md)}.sidebar-nav-link:hover{background:var(--background);color:var(--text)}.sidebar-nav-link.active{background:transparent;color:var(--primary);z-index:1}.sidebar-nav-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-nav-label{font-size:.875rem;font-weight:500;white-space:nowrap}.sidebar-badge{margin-left:auto;padding:2px 8px;font-size:.6875rem;font-weight:500;background:var(--error-light);color:var(--error);border-radius:var(--radius-full)}.sidebar-badge-pip{position:absolute;top:-4px;right:-4px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;background:var(--error-light);color:var(--error);border-radius:50%}.notification-dot{width:8px;height:8px;background:var(--error-light);border:1px solid var(--error);border-radius:50%;flex-shrink:0}.notification-dot-sm{width:6px;height:6px;background:var(--error-light);border:1px solid var(--error);border-radius:50%}.notification-dot-bordered{width:10px;height:10px;background:var(--error-light);border:2px solid var(--error);border-radius:50%}.sidebar-bottom{margin-top:var(--spacing-lg);padding:var(--spacing-lg) 0}.sidebar-user-section{padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--border)}.sidebar-user-row{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-sm)}.sidebar-user-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.sidebar-user-avatar-fallback{background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:500}.sidebar-user-details{flex:1;min-width:0}.sidebar-user-name{font-size:.8125rem;font-weight:500;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-logout-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;color:var(--text-muted);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s;flex-shrink:0}.sidebar-logout-btn:hover{background:var(--surface-hover);color:var(--text)}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes fadeOutOverlay{0%{opacity:1}to{opacity:0}}@keyframes slideInPanel{0%{transform:translate3d(100%,0,0)}to{transform:translateZ(0)}}@keyframes slideOutPanel{0%{transform:translateZ(0)}to{transform:translate3d(100%,0,0)}}.detail-panel-overlay{position:fixed;inset:0;background:#0003;z-index:900;animation:fadeInOverlay .2s ease-out}.detail-panel-overlay-closing{animation:fadeOutOverlay .2s ease forwards}.detail-panel{position:fixed;top:16px;right:16px;bottom:16px;width:var(--detail-panel-width);max-width:calc(100vw - 32px);background:var(--surface);border-radius:var(--radius-lg);display:flex;flex-direction:column;z-index:1000;animation:slideInPanel .3s cubic-bezier(0,0,.2,1);contain:layout style paint}.detail-panel:before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 24px 48px #0000001f,0 8px 24px #00000014;pointer-events:none;z-index:-1}.detail-panel-closing{animation:slideOutPanel .2s cubic-bezier(.4,0,1,1) forwards}.detail-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg);flex-shrink:0}.detail-panel-title{font-size:1.25rem;font-weight:600;color:var(--text);margin:0;letter-spacing:-.01em}.detail-panel-close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-full);transition:all .15s ease;flex-shrink:0}.detail-panel-close-btn:hover{background:var(--background);color:var(--text)}.detail-panel-body{flex:1;overflow-y:auto;padding:0;-webkit-overflow-scrolling:touch;transform:translateZ(0);will-change:scroll-position}.detail-panel-footer{padding:var(--spacing-lg) var(--spacing-xl);display:flex;justify-content:flex-end;gap:var(--spacing-md);flex-shrink:0}.lead-detail-panel{display:flex;flex-direction:column;height:100%}.lead-detail-header{padding:var(--spacing-lg) var(--spacing-xl);flex-shrink:0}.lead-detail-tabs{display:flex;gap:var(--spacing-xs);background:var(--background);padding:4px;border-radius:var(--radius-md);position:relative}.lead-detail-tabs-pill{position:absolute;top:4px;bottom:4px;background:var(--surface);border-radius:calc(var(--radius-md) - 2px);box-shadow:0 1px 3px #00000014;transition:left .2s cubic-bezier(.4,0,.2,1),width .2s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:0}.lead-detail-tabs-pill.no-transition{transition:none}.lead-detail-tab{flex:1;padding:.5rem 1rem;border:none;background:transparent;color:var(--text-muted);font-size:.8125rem;font-weight:500;cursor:pointer;border-radius:var(--radius-sm);transition:color .15s ease;position:relative;z-index:1}.lead-detail-tab:hover:not(.lead-detail-tab-active){color:var(--text)}.lead-detail-tab-active{color:var(--text)}.lead-detail-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:var(--spacing-xl)}.lead-detail-footer{padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--border-light);background:var(--surface)}.status-control-wrapper{display:flex;flex-direction:column;gap:var(--spacing-sm)}.status-control-label{font-size:.75rem;font-weight:600;color:var(--text-muted);letter-spacing:.02em}.segmented-control-status{width:100%}.segmented-control-status .segmented-control-option{font-size:.75rem;padding:.5rem}.lead-detail-section{margin-bottom:var(--spacing-2xl)}.lead-detail-section:last-child{margin-bottom:0}.lead-detail-section-title{font-size:.75rem;font-weight:600;color:var(--text-muted);margin-bottom:var(--spacing-md);letter-spacing:.02em;display:flex;align-items:center;gap:var(--spacing-sm)}.lead-detail-info-row-last{border-bottom:none}.tab-content-animated{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.animated-section{animation:sectionFadeIn .35s cubic-bezier(.4,0,.2,1) both}@keyframes sectionFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.lead-chain-card{padding:var(--spacing-lg);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);animation:sectionFadeIn .35s cubic-bezier(.4,0,.2,1) both;transition:border-color .15s ease,background .15s ease}.lead-chain-card:last-child{margin-bottom:0}.lead-chain-card:hover{border-color:var(--text-muted)}.lead-chain-card-active{background:var(--primary-light);border:2px solid var(--primary)}.lead-chain-card-active:hover{border-color:var(--primary)}.lead-chain-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.375rem}.lead-chain-card-name{font-weight:500;color:var(--text)}.lead-chain-card-badges{display:flex;gap:.5rem;align-items:center}.lead-chain-card-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em}.lead-chain-card-meta{font-size:.75rem;color:var(--text-muted)}.lead-chain-duplicates{margin-left:var(--spacing-xl);border-left:2px solid var(--border);padding-left:var(--spacing-lg);margin-top:var(--spacing-md)}.lead-chain-superseded{margin-top:var(--spacing-md)}.lead-chain-superseded-label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:var(--text-muted);font-size:.75rem}.lead-detail-info-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0;border-bottom:1px solid var(--border-light)}.lead-detail-info-row:last-child{border-bottom:none}.lead-detail-info-label{font-size:.875rem;color:var(--text-muted);flex-shrink:0;margin-right:var(--spacing-md)}.lead-detail-info-value{display:flex;justify-content:flex-end;align-items:center;font-size:.875rem;font-weight:500;color:var(--text);text-align:right;max-width:65%;word-break:break-word}.lead-detail-link{color:var(--link);text-decoration:none;transition:color .15s}.lead-detail-link:hover{color:var(--link-hover)}.lead-detail-code{font-size:.75rem;font-family:var(--font-mono);color:var(--text-muted);background:var(--background);padding:.125rem .375rem;border-radius:var(--radius-sm)}.copyable-value{display:inline-flex;align-items:center;gap:.375rem;padding:.125rem .375rem;margin:-.125rem -.375rem;background:transparent;border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;font-family:inherit;color:var(--text);cursor:pointer;transition:background .15s ease,color .15s ease}.copyable-value:hover{background:var(--background)}.copyable-value:hover .copyable-value-icon{opacity:1}.copyable-value.copied{color:var(--success)}.copyable-value.copied .copyable-value-icon{opacity:1;color:var(--success)}.copyable-value-icon{display:flex;align-items:center;opacity:0;color:var(--text-muted);transition:opacity .15s ease,color .15s ease}.copyable-value-code{font-family:var(--font-mono);font-size:.75rem;font-weight:400}.copyable-value-code code{color:inherit;background:transparent}.action-cards{display:flex;flex-direction:column;gap:var(--spacing-md)}.action-card{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);padding:var(--spacing-md);background:var(--background);border-radius:var(--radius-md);transition:background .15s ease}.action-card:hover{background:var(--border-light)}.action-card-content{display:flex;flex-direction:column;gap:.125rem}.action-card-title{font-size:.875rem;font-weight:500;color:var(--text)}.action-card-description{font-size:.8125rem;color:var(--text-muted)}.edit-tab-container{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.edit-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.edit-price-current{display:flex;align-items:baseline;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--background);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.edit-price-label{font-size:.8125rem;color:var(--text-muted)}.edit-price-value{font-size:1.25rem;font-weight:600;color:var(--text)}.edit-price-original{font-size:.75rem;color:var(--text-muted)}.edit-price-input-wrapper{position:relative;display:flex;align-items:center}.edit-price-input-prefix{position:absolute;left:.875rem;color:var(--text-muted);font-size:.875rem;pointer-events:none}.edit-price-input{padding-left:1.75rem!important}.edit-price-input::-webkit-outer-spin-button,.edit-price-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.edit-price-input[type=number]{-moz-appearance:textfield}.editable-row{border-bottom:1px solid var(--border-light)}.editable-row.editable-row-last{border-bottom:none}.editable-row-input-wrapper{display:flex;align-items:center;gap:var(--spacing-xs);flex:1;max-width:60%}.editable-row-prefix{font-size:.875rem;color:var(--text-muted)}.editable-row-input{flex:1;padding:var(--spacing-xs) var(--spacing-sm);font-size:.875rem;font-weight:500;color:var(--text);background:var(--background);border:1px solid var(--border-light);border-radius:var(--radius-sm);transition:border-color .15s ease,box-shadow .15s ease}.editable-row-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1)}.editable-row-input::placeholder{color:var(--text-muted);font-weight:400}.editable-row-input[type=number]::-webkit-outer-spin-button,.editable-row-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.editable-row-input[type=number]{-moz-appearance:textfield}.editable-row-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;min-width:0;width:100%;padding:var(--spacing-xs) 2rem var(--spacing-xs) var(--spacing-sm);font-size:.875rem;font-weight:500;color:var(--text);background:var(--background);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:14px;border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s var(--ease-out)}.editable-row-select:hover{border-color:var(--text-muted)}.editable-row-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.12)}.add-action-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);padding-right:1.75rem;font-size:.8125rem;font-weight:500;color:var(--text-muted);background:var(--background);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:12px;border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.add-action-select:hover{color:var(--text);border-color:var(--text-muted)}.add-action-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1)}.add-action-select option{color:var(--text);background:var(--surface)}.type-pricing-section{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-light)}.type-pricing-header{font-size:.6875rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-sm)}.type-pricing-row{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) 0}.type-pricing-row:not(:last-child){border-bottom:1px solid var(--border-light)}.type-pricing-label{font-size:.875rem;color:var(--text-muted)}.type-pricing-controls{display:flex;align-items:center;gap:var(--spacing-xs)}.type-pricing-input{width:80px;padding:var(--spacing-xs) var(--spacing-sm);font-size:.875rem;font-weight:500;color:var(--text);background:var(--background);border:1px solid var(--border-light);border-radius:var(--radius-sm);text-align:right;transition:border-color .15s ease}.type-pricing-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1)}.type-pricing-prefix{font-size:.875rem;color:var(--text-muted)}.type-pricing-remove{background:none;border:none;padding:4px;cursor:pointer;color:var(--text-muted);border-radius:var(--radius-sm);transition:color .15s ease}.type-pricing-remove:hover{color:var(--error)}.type-pricing-input::-webkit-outer-spin-button,.type-pricing-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.type-pricing-input[type=number]{-moz-appearance:textfield}.add-price-wrapper{padding-top:var(--spacing-sm)}.pricing-helper-text{font-size:.75rem;color:var(--text-muted);padding:var(--spacing-xs) 0 var(--spacing-sm)}.editable-row-current{font-size:.75rem;color:var(--text-muted);white-space:nowrap}.edit-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-sm) 0 var(--spacing-md)}.edit-row-error{font-size:.8125rem;color:var(--error)}.edit-row-success{display:flex;align-items:center;gap:.25rem;font-size:.8125rem;color:var(--success)}.edit-price-expanded{padding:var(--spacing-md) 0;border-top:1px solid var(--border-light)}.edit-price-reason{margin-top:var(--spacing-md)}.edit-price-reason-label{display:block;font-size:.8125rem;color:var(--text-muted);margin-bottom:var(--spacing-xs)}.edit-price-reason-input{width:100%;padding:var(--spacing-sm);font-size:.875rem;color:var(--text);background:var(--background);border:1px solid var(--border-light);border-radius:var(--radius-sm);resize:vertical;min-height:60px;font-family:inherit;transition:border-color .15s ease}.edit-price-reason-input:focus{outline:none;border-color:var(--primary)}.edit-price-reason-input::placeholder{color:var(--text-muted)}.edit-price-buttons{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.crm-sync-buttons{display:flex;gap:var(--spacing-xs)}.crm-sync-buttons .btn{display:flex;align-items:center;gap:.25rem}.activity-item{padding:var(--spacing-md) var(--spacing-sm);margin:0 calc(-1 * var(--spacing-sm));border-radius:var(--radius-sm);animation:activityItemFadeIn .3s ease both;transition:background .15s ease}.activity-item:hover{background:var(--background)}.activity-item:nth-child(1){animation-delay:0ms}.activity-item:nth-child(2){animation-delay:30ms}.activity-item:nth-child(3){animation-delay:60ms}.activity-item:nth-child(4){animation-delay:90ms}.activity-item:nth-child(5){animation-delay:.12s}.activity-item:nth-child(6){animation-delay:.15s}.activity-item:nth-child(7){animation-delay:.18s}.activity-item:nth-child(8){animation-delay:.21s}.activity-item:nth-child(9){animation-delay:.24s}.activity-item:nth-child(10){animation-delay:.27s}@keyframes activityItemFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.minimal-pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-md)}.pagination-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);cursor:pointer;transition:all var(--transition-standard)}.pagination-btn:hover:not(:disabled){background:var(--background);color:var(--text)}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-info{font-size:.75rem;color:var(--text-muted);min-width:50px;text-align:center}.activity-item-main{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg)}.activity-item-content{display:flex;flex-direction:column;gap:.125rem}.activity-item-label{font-size:.875rem;font-weight:500;color:var(--text)}.activity-item-duration{font-weight:400;color:var(--text-muted);margin-left:.375rem}.activity-item-duration:before{content:"·";margin-right:.375rem}.activity-item-actor{font-size:.8125rem;color:var(--text-muted)}.activity-item-time{font-size:.75rem;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.activity-item-context{font-size:.8125rem;color:var(--text-muted);margin-top:.25rem}.activity-item-details{font-size:.8125rem;color:var(--text-muted);margin-top:var(--spacing-sm);padding-left:var(--spacing-md);border-left:2px solid var(--border-light)}.notes-file-list{display:flex;flex-direction:column}.notes-file-row{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-light)}.notes-file-row:last-child{border-bottom:none}.notes-file-row-link{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text);text-decoration:none;font-size:.875rem;transition:color .15s;min-width:0;flex:1}.notes-file-row-link:hover{color:var(--link)}.notes-file-row-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notes-file-row-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.6875rem;color:var(--success);font-weight:500;flex-shrink:0}.notes-file-row-delete{padding:.25rem;background:none;border:none;color:var(--text-muted);cursor:pointer;opacity:0;transition:opacity .15s,color .15s}.notes-file-row:hover .notes-file-row-delete{opacity:1}.notes-file-row-delete:hover{color:var(--danger)}.notes-upload-area{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);margin-top:var(--spacing-md);padding:var(--spacing-md);border:1px dashed var(--border-light);border-radius:var(--radius-md);color:var(--text-muted);font-size:.8125rem;cursor:pointer;transition:border-color .15s,background .15s}.notes-upload-area:hover{border-color:var(--text-muted);background:var(--background)}.notes-upload-area-active{border-color:var(--accent);background:var(--background)}.notes-list{display:flex;flex-direction:column}.notes-item{position:relative;padding:var(--spacing-md) 0;border-bottom:1px solid var(--border-light)}.notes-item:last-child{border-bottom:none}.notes-item-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:.25rem}.notes-item-author{font-size:.8125rem;font-weight:500;color:var(--text)}.notes-item-time{font-size:.75rem;color:var(--text-muted)}.notes-item-content{font-size:.875rem;color:var(--text);margin:0;line-height:1.5;word-break:break-word}.notes-link{color:var(--accent);text-decoration:none;word-break:break-all}.notes-link:hover{text-decoration:underline}.notes-item-delete{position:absolute;top:var(--spacing-md);right:0;padding:.25rem;background:none;border:none;color:var(--text-muted);cursor:pointer;opacity:0;transition:opacity .15s,color .15s}.notes-item:hover .notes-item-delete{opacity:1}.notes-item-delete:hover{color:var(--danger)}.notes-add-form{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.notes-add-form .form-input-sunken{flex:1}.notes-drag-overlay{position:absolute;inset:0;background:var(--background);border:2px dashed var(--border);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);color:var(--text-muted);font-weight:500;pointer-events:none;z-index:10}.filter-drawer-backdrop{position:fixed;inset:0;background:#0003;z-index:200;animation:fadeInOverlay .2s ease-out}.filter-drawer-backdrop-closing{animation:fadeOutOverlay .2s ease forwards}.filter-drawer{position:fixed;top:16px;right:16px;bottom:16px;width:var(--filter-drawer-width);max-width:calc(100vw - 32px);background:var(--surface);border-radius:var(--radius-lg);z-index:201;display:flex;flex-direction:column;animation:slideInPanel .3s cubic-bezier(0,0,.2,1);contain:layout style paint}.filter-drawer:before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 24px 48px #0000001f,0 8px 24px #00000014;pointer-events:none;z-index:-1}.filter-drawer-closing{animation:slideOutPanel .2s cubic-bezier(.4,0,1,1) forwards}.filter-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg);flex-shrink:0}.filter-drawer-title{font-size:1.25rem;font-weight:600;color:var(--text);margin:0;letter-spacing:-.01em}.filter-drawer-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-full);transition:all .15s ease;flex-shrink:0}.filter-drawer-close:hover{background:var(--background);color:var(--text)}.filter-drawer-content{flex:1;overflow-y:auto;padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-xl);-webkit-overflow-scrolling:touch;transform:translateZ(0);will-change:scroll-position}.filter-drawer-footer{padding:var(--spacing-lg) var(--spacing-xl);display:flex;gap:var(--spacing-md);flex-shrink:0}.filter-drawer-footer .btn{flex:1}.filter-field{display:flex;flex-direction:column}.filter-field-label{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);font-size:.75rem;font-weight:600;color:var(--text-muted);letter-spacing:.02em}.filter-field-count{margin-left:auto;font-size:.6875rem;font-weight:600;background:var(--primary);color:#fff;padding:.125rem .5rem;border-radius:var(--radius-full)}.filter-search-wrapper{position:relative}.filter-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.filter-search-input{width:100%;padding:.625rem .75rem .625rem 2.25rem;font-size:.875rem;background:var(--background);border:1px solid transparent;border-radius:var(--radius-md);color:var(--text);transition:all .15s ease}.filter-search-input:focus{outline:none;background:var(--surface);border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.filter-search-input::placeholder{color:var(--text-placeholder)}.filter-date-input{flex:1;padding:.625rem .75rem;font-size:.875rem;background:var(--background);border:1px solid transparent;border-radius:var(--radius-md);color:var(--text);transition:all .15s ease}.filter-date-input:focus{outline:none;background:var(--surface);border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.filter-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:var(--spacing-xs);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 8px 24px #0000001f;z-index:10;max-height:220px;overflow-y:auto}.filter-dropdown-empty{padding:var(--spacing-lg);font-size:.875rem;color:var(--text-muted);text-align:center}.filter-dropdown-option{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:.625rem var(--spacing-lg);background:transparent;border:none;text-align:left;cursor:pointer;font-size:.875rem;color:var(--text);transition:background .1s ease}.filter-dropdown-option:hover,.filter-dropdown-option-highlighted{background:var(--background)}.filter-selected-pills{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.5rem}.filter-selected-pill{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .375rem;background:var(--background);border-radius:var(--radius-sm);font-size:.6875rem;color:var(--text)}.filter-selected-pill button{background:none;border:none;padding:0;cursor:pointer;color:var(--text-muted);display:flex;transition:color .15s}.filter-selected-pill button:hover{color:var(--text)}.filter-selected-more{font-size:.6875rem;color:var(--text-muted);padding:.125rem .25rem}.filter-date-range{display:flex;align-items:center;gap:.5rem}.filter-date-separator{font-size:.75rem;color:var(--text-muted);flex-shrink:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.collapsible-section{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-card);margin-bottom:var(--spacing-lg);overflow:hidden}.collapsible-header{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);width:100%;border:none;background:transparent;cursor:pointer;text-align:left;transition:background .15s ease}.collapsible-header:hover .collapsible-chevron{color:var(--primary);transform:translate(2px)}.collapsible-header:hover .collapsible-chevron.collapsible-chevron-open{transform:rotate(90deg)}.collapsible-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:rgba(var(--primary-rgb),.1);color:var(--primary);flex-shrink:0}.collapsible-title-group{flex:1;min-width:0;padding-top:.25rem}.collapsible-title-row{display:flex;align-items:center;gap:var(--spacing-sm)}.collapsible-title{font-size:.875rem;font-weight:600;color:var(--text)}.collapsible-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;font-size:.6875rem;font-weight:600;border-radius:var(--radius-full);background:#7c3aed1a;color:#7c3aed}.collapsible-subtitle{font-size:.8125rem;color:var(--text-muted);margin-top:.125rem}.collapsible-chevron{margin-left:auto;margin-top:.625rem;color:var(--text-muted);flex-shrink:0;transition:transform .2s var(--ease-out)}.collapsible-chevron-open{transform:rotate(90deg)}.collapsible-content-wrapper{will-change:height}.collapsible-content{padding:0 var(--spacing-lg) var(--spacing-lg)}.collapsible-section-nested{box-shadow:none;background:var(--background);margin-bottom:var(--spacing-md);border-radius:var(--radius-sm)}.collapsible-section-nested .collapsible-header{padding:var(--spacing-md)}.collapsible-section-nested .collapsible-icon{width:32px;height:32px}.collapsible-section-nested .collapsible-title-group{padding-top:.125rem}.collapsible-section-nested .collapsible-chevron{margin-top:.5rem}.collapsible-section-nested .collapsible-content{padding:0 var(--spacing-md) var(--spacing-md)}.appearance-section{margin-bottom:var(--spacing-xl)}.appearance-section:last-child{margin-bottom:0}.appearance-section-header{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.875rem;font-weight:600;color:var(--text);margin-bottom:var(--spacing-lg)}.appearance-section-header svg{color:var(--text-muted)}.appearance-theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.appearance-theme-option{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border:none;border-radius:var(--radius-md);background:var(--surface);cursor:pointer;transition:all var(--transition-standard);box-shadow:var(--shadow-card)}.appearance-theme-option:hover{transform:translateY(-2px);box-shadow:var(--shadow-elevated)}.appearance-theme-option-selected{box-shadow:0 0 0 2px var(--primary),var(--shadow-elevated)}.appearance-theme-swatch{width:100%;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;gap:6px}.appearance-theme-dot{width:14px;height:14px;border-radius:50%}.appearance-theme-name{font-size:.75rem;font-weight:500;color:var(--text-secondary)}.appearance-theme-option-selected .appearance-theme-name{font-weight:600;color:var(--primary)}.appearance-hint{display:block;margin-top:var(--spacing-md);font-size:.75rem;color:var(--text-muted)}.appearance-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--surface);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-card)}.appearance-toggle-info{flex:1;min-width:0}.appearance-toggle-title{font-size:.875rem;font-weight:500;color:var(--text);margin-bottom:.125rem}.appearance-toggle-description{font-size:.75rem;color:var(--text-muted)}.appearance-row-button svg:last-child{transition:color .15s ease,transform .15s ease}.appearance-row-button:hover svg:last-child{color:var(--primary);transform:translate(2px)}.page-header-new{margin-bottom:var(--spacing-2xl)}.page-header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.page-header-title{font-size:1.5rem;font-weight:600;color:var(--text);margin:0 0 var(--spacing-xs) 0}.page-header-subtitle{font-size:.875rem;color:var(--text-muted);margin:0}.page-header-stats{display:flex;gap:var(--spacing-xl);align-items:center}.page-header-stat{text-align:right}.page-header-stat-label{font-size:.6875rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-xs)}.page-header-stat-value-row{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.page-header-stat-value{font-size:1.5rem;font-weight:600;color:var(--text)}.page-header-stat-sparkline{width:40px;height:20px;color:var(--primary)}.page-header-stat-trend{display:flex;align-items:center;gap:4px;font-size:.75rem;font-weight:500}.page-header-stat-trend.positive{color:var(--success)}.page-header-stat-trend.negative{color:var(--error)}.page-header-stat-trend.neutral{color:var(--text-muted)}.page-header-actions{margin-bottom:var(--spacing-lg)}.sidebar-wrapper{position:fixed;top:0;left:0;bottom:0;z-index:100}.main-content{margin-left:calc(var(--sidebar-width-collapsed) + 32px);transition:margin-left var(--transition-standard),opacity var(--transition-standard);min-height:100vh}body:has(.sidebar-expanded) .main-content{margin-left:calc(var(--sidebar-width-expanded) + 32px)}.main-content.panel-open{position:relative}.main-content.panel-open:before{content:"";position:fixed;inset:0;background:#0000001a;z-index:800;pointer-events:none}@media(max-width:768px){.sidebar-wrapper{position:fixed;top:0;left:0;bottom:0;transform:translate(-100%);transition:transform var(--transition-standard);z-index:1000}.sidebar-wrapper.open{transform:translate(0)}.sidebar-new{width:280px!important}.main-content{margin-left:0!important}.detail-panel{top:0;right:0;bottom:0;width:100vw;max-width:100vw;border-radius:0}.detail-panel-header,.detail-panel-footer{border-radius:0}.filter-drawer{top:0;right:0;bottom:0;width:100vw;max-width:100vw;border-radius:0}.filter-drawer-header,.filter-drawer-footer{border-radius:0}.page-header-top{flex-direction:column}.page-header-stats{width:100%;justify-content:flex-start;overflow-x:auto}.page-header-stat{text-align:left}}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:64px;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);z-index:100;box-shadow:0 -2px 8px #0000000a}@media(max-width:768px){.mobile-nav{display:flex;align-items:center;justify-content:space-around}.main-content{padding-bottom:calc(64px + env(safe-area-inset-bottom) + var(--spacing-lg))!important}}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;flex:1;padding:.5rem;color:var(--text-muted);text-decoration:none;background:transparent;border:none;cursor:pointer;transition:color var(--transition-standard);min-height:44px}.mobile-nav-item:hover,.mobile-nav-item:active{color:var(--text);background:var(--background)}.mobile-nav-item.active{color:var(--primary)}.mobile-nav-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.mobile-nav-badge{position:absolute;top:-4px;right:-8px;min-width:16px;height:16px;padding:0 4px;background:var(--error);color:#fff;font-size:10px;font-weight:600;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.mobile-nav-label{font-size:11px;font-weight:500}.mobile-menu-overlay{position:fixed;inset:0;background:#00000080;z-index:998;animation:fadeIn .2s ease-out}.mobile-menu{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:320px;background:var(--surface);z-index:999;display:flex;flex-direction:column;animation:slideInRight .2s ease-out;box-shadow:-4px 0 16px #0000001a}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.mobile-menu-title{font-size:1.125rem;font-weight:600;color:var(--text)}.mobile-menu-close-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-standard)}.mobile-menu-close-btn:hover{background:var(--background)}.mobile-menu-nav{flex:1;overflow-y:auto;padding:1rem 0}.mobile-menu-section{margin-bottom:1.5rem}.mobile-menu-section-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:.5rem 1.25rem;margin-bottom:.25rem}.mobile-menu-link{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.25rem;color:var(--text-secondary);text-decoration:none;transition:background var(--transition-standard);min-height:44px}.mobile-menu-link:hover,.mobile-menu-link:active{background:var(--background)}.mobile-menu-link.active{background:var(--primary-light);color:var(--primary)}.mobile-menu-link-content{display:flex;align-items:center;gap:.75rem}.mobile-menu-link-label{font-size:.9375rem;font-weight:500}.mobile-menu-badge{background:var(--error-light);color:var(--error);padding:.125rem .5rem;border-radius:var(--radius-full);font-size:.6875rem;font-weight:600}.mobile-menu-user{border-top:1px solid var(--border);padding:1rem 1.25rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom))}.mobile-menu-user-info{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.mobile-menu-user-avatar{width:40px;height:40px;border-radius:var(--radius-full);object-fit:cover}.mobile-menu-user-avatar-fallback{display:flex;align-items:center;justify-content:center;background:var(--primary-light);color:var(--primary);font-weight:600;font-size:1rem}.mobile-menu-user-details{flex:1;min-width:0}.mobile-menu-user-name{font-size:.9375rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-menu-user-email{font-size:.8125rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-menu-logout-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.625rem 1rem;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-standard)}.mobile-menu-logout-btn:hover{background:var(--background);border-color:var(--text-muted)}.bottom-sheet-overlay{display:none;position:fixed;inset:0;background:#0000004d;z-index:997;animation:fadeIn .2s ease-out}@media(max-width:768px){.bottom-sheet-overlay{display:block}}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:0 -8px 32px #0000001f;z-index:998;display:flex;flex-direction:column;max-height:95vh;touch-action:none}.bottom-sheet.dragging{-webkit-user-select:none;user-select:none}.bottom-sheet-handle-area{display:flex;justify-content:center;padding:.75rem;cursor:grab}.bottom-sheet-handle-area:active{cursor:grabbing}.bottom-sheet-handle{width:40px;height:4px;background:var(--border);border-radius:2px}.bottom-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;border-bottom:1px solid var(--border);flex-shrink:0}.bottom-sheet-title{font-size:1.125rem;font-weight:600;color:var(--text)}.bottom-sheet-close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-standard)}.bottom-sheet-close-btn:hover{background:var(--background)}.bottom-sheet-content{flex:1;overflow-y:auto;padding:1.25rem;-webkit-overflow-scrolling:touch}.bottom-sheet-footer{flex-shrink:0;padding:1rem 1.25rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--surface)}@media(max-width:768px){.sidebar-new,.detail-panel{display:none}.page-header{flex-direction:column;gap:var(--spacing-md)}.stats-inline{flex-wrap:wrap;justify-content:flex-start}.filter-bar{flex-direction:column;align-items:stretch}.filter-bar .form-input,.filter-bar .form-select{width:100%}.btn,.form-input,.form-select,.form-textarea{min-height:44px}}@media(max-width:480px){.mobile-menu{max-width:100%}.mobile-nav-label{font-size:10px}.page-header{gap:var(--spacing-sm)}}@supports (padding: env(safe-area-inset-bottom)){.mobile-nav{padding-bottom:env(safe-area-inset-bottom)}.bottom-sheet-footer,.mobile-menu-user{padding-bottom:calc(1rem + env(safe-area-inset-bottom))}}.page-container{display:flex;flex-direction:column;gap:var(--spacing-lg)}.page-header-standard{display:flex;align-items:flex-start;justify-content:space-between}.page-header-left{flex:1}.page-title-standard{font-size:1.5rem;font-weight:600;color:var(--text);margin:0 0 var(--spacing-xs) 0;line-height:1.2}.page-subtitle-standard{font-size:.875rem;color:var(--text-muted);margin:0}.page-header-right{display:flex;align-items:center;gap:var(--spacing-md)}.stats-row{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) 0;margin-bottom:var(--spacing-lg);position:relative}.stats-row-pill{position:absolute;top:50%;transform:translateY(-50%);background:rgba(var(--primary-rgb),.06);border-radius:var(--radius-md);transition:left .25s cubic-bezier(.4,0,.2,1),width .25s cubic-bezier(.4,0,.2,1),height .25s cubic-bezier(.4,0,.2,1),opacity .15s ease;pointer-events:none;z-index:0}.stats-row-pill.no-transition{transition:none}.stat-box{display:flex;flex-direction:column;gap:.25rem;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);background:transparent;position:relative;z-index:1}.stat-box-clickable{cursor:pointer}.stat-box-clickable:hover .stat-box-label,.stat-box-clickable:hover .stat-box-value,.stat-box-active .stat-box-label{color:var(--text)}.stat-box-active .stat-box-value{font-weight:600}.stat-box-label{font-size:.6875rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.04em;transition:color .2s ease}.stat-box-value-row{display:flex;align-items:baseline;gap:var(--spacing-xs)}.stat-box-value{font-size:1.5rem;font-weight:500;color:var(--text);line-height:1;letter-spacing:-.02em;transition:font-weight .2s ease,color .2s ease}.stat-box-trend{font-size:.6875rem;font-weight:500}.btn-filter-minimal{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:var(--spacing-sm) var(--spacing-sm);margin-left:auto;background:transparent;border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all .15s ease;position:relative;z-index:1}.btn-filter-minimal:hover{background:var(--background);border-color:var(--border);color:var(--text)}.filter-badge-minimal{display:flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;font-size:.625rem;font-weight:600;color:#fff;background:var(--primary);border-radius:var(--radius-full)}.btn-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all .15s ease}.btn-icon:hover:not(:disabled){background:var(--background);color:var(--text);border-color:var(--text-muted)}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.btn-icon-text{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease;position:relative}.btn-icon-text:hover{background:var(--background);color:var(--text);border-color:var(--text-muted)}.btn-icon-text .filter-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;background:var(--primary);color:#fff;font-size:.6875rem;font-weight:600;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.overview-card{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-card);margin-bottom:var(--spacing-xl)}.overview-card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-light)}.overview-card-title{font-size:.8125rem;font-weight:600;color:var(--text)}.overview-card-controls{display:flex;align-items:center;gap:var(--spacing-sm)}.overview-card-stats{display:flex;align-items:stretch;padding:var(--spacing-lg);gap:var(--spacing-lg)}.stat-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-sm);transition:all .15s ease;min-width:120px}.stat-item-clickable{cursor:pointer}.stat-item-clickable:hover{background:var(--background)}.stat-item-active{background:var(--stat-color, var(--primary));background:color-mix(in srgb,var(--stat-color, var(--primary)) 10%,transparent);border:2px solid var(--stat-color, var(--primary))}.stat-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--background);border-radius:var(--radius-sm);color:var(--text-muted);flex-shrink:0}.stat-item-active .stat-icon{background:var(--stat-color, var(--primary));background:color-mix(in srgb,var(--stat-color, var(--primary)) 15%,transparent);color:var(--stat-color, var(--primary))}.stat-content{display:flex;flex-direction:column;gap:2px}.stat-item .stat-label{font-size:.6875rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.stat-item .stat-value{font-size:1.25rem;font-weight:600;color:var(--text)}.stat-item-active .stat-value{color:var(--stat-color, var(--primary))}.stat-trend{display:flex;align-items:center;gap:2px;font-size:.75rem;font-weight:500;margin-left:auto;padding-left:var(--spacing-md)}.trend-up{color:var(--success)}.trend-down{color:var(--error)}.trend-label{color:var(--text-muted);font-weight:400}.date-range-picker{position:relative}.date-range-trigger{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease}.date-range-trigger:hover{border-color:var(--text-muted)}.date-range-trigger svg{color:var(--text-muted);flex-shrink:0}.date-range-trigger svg.rotate-180{transform:rotate(180deg)}.date-range-dropdown{position:absolute;top:100%;right:0;margin-top:var(--spacing-xs);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-elevated);z-index:100;min-width:280px;overflow:hidden}.date-range-presets{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);padding:var(--spacing-md);border-bottom:1px solid var(--border-light)}.date-range-presets button{padding:var(--spacing-xs) var(--spacing-sm);background:var(--background);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease}.date-range-presets button:hover{background:var(--surface);border-color:var(--primary);color:var(--primary)}.date-range-inputs{display:flex;gap:var(--spacing-md);padding:var(--spacing-md)}.date-range-field{flex:1}.date-range-field label{display:block;font-size:.6875rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--spacing-xs)}.date-range-field input{width:100%;padding:var(--spacing-sm);background:var(--background);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.8125rem;color:var(--text)}.date-range-field input:focus{outline:none;border-color:var(--primary)}.content-card{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-card);margin-bottom:var(--spacing-xl)}.content-card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-light)}.content-card-title{font-size:.875rem;font-weight:600;color:var(--text)}.content-card-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.content-card-header>.content-card-actions:only-child{width:100%}.content-card-body{padding:var(--spacing-lg)}.empty-state-standard{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl) var(--spacing-xl);text-align:center}.empty-state-icon{color:var(--text-muted);opacity:.4;margin-bottom:var(--spacing-md)}.empty-state-title{font-size:.9375rem;font-weight:500;color:var(--text-secondary);margin:0 0 var(--spacing-xs) 0}.empty-state-message{font-size:.8125rem;color:var(--text-muted);margin:0;max-width:280px}.empty-state-action{margin-top:var(--spacing-lg)}.loading-state-standard{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);color:var(--text-muted)}.loading-state-standard .loading-spinner{margin-bottom:var(--spacing-md)}@media(max-width:768px){.page-header-standard{flex-direction:column;gap:var(--spacing-md)}.page-header-right{width:100%;justify-content:flex-end}.overview-card-header{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.overview-card-controls{justify-content:space-between}.overview-card-stats{flex-wrap:wrap}.stat-item{flex:1;min-width:calc(50% - var(--spacing-md))}.date-range-dropdown{position:fixed;inset:auto 0 0;margin:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;min-width:100%}}[data-reduce-motion=true]{--transition-standard: 0s}[data-reduce-motion=true] .lead-list-item-animated{animation:none;opacity:1}[data-reduce-motion=true] .skeleton{animation:none}[data-reduce-motion=true] .skeleton-list-item{animation:none;opacity:1}[data-reduce-motion=true] .detail-panel,[data-reduce-motion=true] .filter-drawer,[data-reduce-motion=true] .bottom-sheet,[data-reduce-motion=true] .mobile-menu,[data-reduce-motion=true] .detail-panel-closing,[data-reduce-motion=true] .filter-drawer-closing,[data-reduce-motion=true] .detail-panel-overlay,[data-reduce-motion=true] .detail-panel-overlay-closing,[data-reduce-motion=true] .filter-drawer-backdrop,[data-reduce-motion=true] .filter-drawer-backdrop-closing,[data-reduce-motion=true] .mobile-menu-overlay,[data-reduce-motion=true] .bottom-sheet-overlay,[data-reduce-motion=true] .activity-item,[data-reduce-motion=true] .lead-detail-section,[data-reduce-motion=true] .action-button-grid{animation:none}[data-reduce-motion=true] .segmented-control-pill{transition:none}[data-reduce-motion=true] .loading-spinner,[data-reduce-motion=true] .spinner,[data-reduce-motion=true] .btn .spinner{animation:none}[data-reduce-motion=true] .lead-list-item{transition:none}[data-reduce-motion=true] .lead-list-item:hover{transform:none}[data-reduce-motion=true] .sidebar-wrapper{transition:none}@media(prefers-reduced-motion:reduce){:root:not([data-reduce-motion=false]){--transition-standard: 0s}:root:not([data-reduce-motion=false]) .lead-list-item-animated,:root:not([data-reduce-motion=false]) .skeleton,:root:not([data-reduce-motion=false]) .skeleton-list-item{animation:none;opacity:1}}.billing-accordion{display:flex;flex-direction:column;gap:var(--spacing-sm)}.billing-accordion-dealership{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-card);overflow:hidden;opacity:0;animation:accordionItemFadeIn .35s cubic-bezier(.4,0,.2,1) forwards}@keyframes accordionItemFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.billing-accordion-salesperson{border-top:1px solid var(--border-light)}.billing-accordion-salesperson:first-child{border-top:none}.billing-accordion-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);cursor:pointer;transition:background-color .15s ease}.billing-accordion-header:hover{background:var(--background)}.billing-accordion-header-dealership{font-weight:600}.billing-accordion-header-salesperson{padding-left:calc(var(--spacing-lg) + var(--spacing-xl));font-weight:500;background:var(--background)}.billing-accordion-header-salesperson:hover{background:var(--surface-hover)}.billing-accordion-chevron{color:var(--text-muted);transition:transform .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.billing-accordion-chevron-expanded{transform:rotate(90deg)}.billing-accordion-name{flex:1;color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.billing-accordion-selection-badge{font-size:.75rem;font-weight:500;padding:.125rem .5rem;background:rgba(var(--primary-rgb),.1);color:var(--primary);border-radius:var(--radius-full);flex-shrink:0}.billing-accordion-count{font-size:.8125rem;color:var(--text-muted);flex-shrink:0}.billing-accordion-total{font-weight:600;color:var(--success);flex-shrink:0;min-width:80px;text-align:right}.billing-accordion-content{animation:accordionExpand .2s cubic-bezier(.4,0,.2,1)}@keyframes accordionExpand{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.billing-accordion-leads{border-top:1px solid var(--border-light)}.billing-lead-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);padding-left:calc(var(--spacing-lg) + var(--spacing-xl) * 2);background:var(--surface);border-top:1px solid var(--border-light);cursor:pointer;transition:background-color .15s ease}.billing-lead-card:first-child{border-top:none}.billing-lead-card:hover{background:var(--background)}.billing-lead-card-selected,.billing-lead-card-selected:hover{background:var(--primary-light)}.billing-lead-card-checkbox{flex-shrink:0;width:20px;display:flex;align-items:center;justify-content:center}.billing-lead-card-checkbox input[type=checkbox]{cursor:pointer}.billing-lead-card-billed-icon{color:var(--text-muted)}.billing-lead-card-content{flex:1;min-width:0}.billing-lead-card-primary{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:.125rem}.billing-lead-card-name{font-weight:500;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.billing-lead-card-secondary{font-size:.8125rem;color:var(--text-muted);display:flex;align-items:center;gap:0}.billing-lead-card-separator{color:var(--border);margin:0 var(--spacing-xs)}.billing-lead-card-status{flex-shrink:0}.billing-lead-card-amount{flex-shrink:0;text-align:right;min-width:80px;display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-xs)}.billing-lead-card-amount-billable{font-weight:600}.billing-lead-card-animated{opacity:0;animation:leadCardFadeIn .35s cubic-bezier(.4,0,.2,1) forwards}@keyframes leadCardFadeIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.billing-status-badge{display:inline-block;padding:.125rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.badge-tier{font-size:.625rem;font-weight:600;padding:.125rem .375rem;background:var(--status-pending-bg);color:var(--status-pending-text);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.02em}.badge-adjusted{display:inline-flex;align-items:center;gap:.125rem;font-size:.5625rem;font-weight:600;padding:.125rem .25rem;background:#6366f126;color:#4f46e5;border-radius:2px;text-transform:uppercase;letter-spacing:.02em;cursor:help}[data-reduce-motion=true] .billing-accordion-dealership,[data-reduce-motion=true] .billing-lead-card-animated{animation:none;opacity:1}[data-reduce-motion=true] .billing-accordion-content{animation:none}[data-reduce-motion=true] .billing-accordion-chevron{transition:none}.billing-accordion-header:focus-visible{outline:2px solid var(--primary);outline-offset:-2px;border-radius:var(--radius-sm)}.billing-lead-card:focus-visible{outline:2px solid var(--primary);outline-offset:-2px;background:var(--background)}.billing-accordion-header input[type=checkbox]:focus-visible,.billing-lead-card-checkbox input[type=checkbox]:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:2px}[data-theme=dark] .billing-accordion-header-salesperson,[data-theme=midnight] .billing-accordion-header-salesperson,[data-theme=slate] .billing-accordion-header-salesperson{background:#ffffff05}[data-theme=dark] .billing-accordion-header-salesperson:hover,[data-theme=midnight] .billing-accordion-header-salesperson:hover,[data-theme=slate] .billing-accordion-header-salesperson:hover{background:#ffffff0d}[data-theme=dark] .billing-lead-card:hover,[data-theme=midnight] .billing-lead-card:hover,[data-theme=slate] .billing-lead-card:hover{background:#ffffff08}[data-theme=dark] .billing-lead-card-selected,[data-theme=midnight] .billing-lead-card-selected,[data-theme=slate] .billing-lead-card-selected{background:rgba(var(--primary-rgb),.15)}[data-theme=dark] .billing-lead-card-selected:hover,[data-theme=midnight] .billing-lead-card-selected:hover,[data-theme=slate] .billing-lead-card-selected:hover{background:rgba(var(--primary-rgb),.2)}.billing-price-display{display:flex;align-items:center;gap:.5rem}.billing-price-value{font-weight:600;font-size:1.125rem;color:var(--success)}.billing-price-adjusted-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.625rem;font-weight:600;padding:.125rem .375rem;background:#6366f126;color:#4f46e5;border-radius:4px;text-transform:uppercase;letter-spacing:.02em}.billing-info-box{margin-top:.5rem;padding:.75rem;background:var(--background);border:1px solid var(--border);border-radius:8px;font-size:.75rem;color:var(--text-muted)}.billing-info-box-warning{background:#f59e0b1a;border-color:#f59e0b4d;color:var(--warning)}.billing-info-box-error{background:#dc26261a;border-color:#dc26264d;color:var(--error)}.billing-info-box-success{background:#0596691a;border-color:#0596694d;color:var(--success)}.billing-action-card{margin-top:1.5rem;padding:1rem;background:var(--background);border:1px solid var(--border);border-radius:8px}.billing-action-card-title{font-size:.875rem;font-weight:600;margin:0 0 .5rem}.billing-action-card-description{font-size:.75rem;color:var(--text-muted);margin:0 0 .75rem}.billing-ready-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#0596691a;border-radius:6px}.billing-ready-dot{width:8px;height:8px;border-radius:50%;background:var(--success)}.billing-ready-text{font-size:.75rem;color:var(--success);font-weight:500}.billing-billed-indicator{display:flex;align-items:center;gap:.25rem;color:var(--success)}.billing-not-billable{color:var(--error)}.billing-already-billed{display:flex;align-items:center;gap:.75rem}.billing-already-billed-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#05966926;color:var(--success);flex-shrink:0}.billing-already-billed-content{flex:1}.billing-already-billed .billing-action-card-title{margin-bottom:.125rem}.billing-already-billed .billing-action-card-description{margin-bottom:0}.billing-accordion-skeleton{display:flex;flex-direction:column;gap:var(--spacing-sm)}.billing-accordion-skeleton-dealership{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-card);overflow:hidden;opacity:0;animation:skeletonFadeIn .3s ease forwards}@keyframes skeletonFadeIn{0%{opacity:0}to{opacity:1}}.billing-accordion-skeleton-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg)}.billing-accordion-skeleton-checkbox{width:18px;height:18px;border-radius:4px;flex-shrink:0}.billing-accordion-skeleton-chevron{width:16px;height:16px;border-radius:4px;flex-shrink:0}.billing-accordion-skeleton-name{height:16px;width:180px;border-radius:4px;flex-shrink:0}.billing-accordion-skeleton-count{height:12px;width:120px;border-radius:4px;flex-shrink:0;margin-left:auto}.billing-accordion-skeleton-total{height:16px;width:80px;border-radius:4px;flex-shrink:0}[data-reduce-motion=true] .billing-accordion-skeleton-dealership{animation:none;opacity:1}.billing-selection-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);flex-wrap:wrap;padding:var(--spacing-md) var(--spacing-lg);background:var(--background);border-radius:var(--radius-sm);margin-bottom:var(--spacing-lg)}.billing-selection-count{color:var(--text-muted);font-size:.875rem}.billing-selection-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}@media(max-width:768px){.billing-selection-bar{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.billing-selection-actions{width:100%;justify-content:flex-start}}.expense-detail-panel{display:flex;flex-direction:column;height:100%}.expense-detail-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:var(--spacing-xl)}.expense-detail-section{margin-bottom:var(--spacing-2xl)}.expense-detail-section:last-child{margin-bottom:0}.expense-detail-section-title{font-size:.75rem;font-weight:600;color:var(--text-muted);margin-bottom:var(--spacing-md);letter-spacing:.02em;display:flex;align-items:center;gap:var(--spacing-sm)}.expense-detail-info-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0;border-bottom:1px solid var(--border-light)}.expense-detail-info-row:last-child{border-bottom:none}.expense-detail-info-label{font-size:.875rem;color:var(--text-muted)}.expense-detail-info-value{font-size:.875rem;font-weight:500;color:var(--text);text-align:right;max-width:60%}.expense-detail-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.expense-detail-form .form-group{margin:0}.expense-recurring-toggle{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:.875rem;color:var(--text)}.expense-recurring-toggle input[type=checkbox]{accent-color:var(--primary)}.expense-recurring-options{padding-left:calc(var(--spacing-lg) + 16px);margin-top:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg)}.expense-recurring-hint{font-size:.75rem;color:var(--text-muted);margin:0}.expense-empty-history{color:var(--text-muted);font-size:.875rem;margin:0}.expense-history-list{display:flex;flex-direction:column}.expense-history-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-light)}.expense-history-item:last-child{border-bottom:none}.expense-history-item-info{display:flex;flex-direction:column;gap:2px}.expense-history-item-date{font-size:.875rem;font-weight:500;color:var(--text)}.expense-history-item-name{font-size:.75rem;color:var(--text-muted)}.expense-history-item-amount{font-weight:600;color:var(--text)}.expense-detail-footer{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--border-light);background:var(--surface);flex-shrink:0}.expense-delete-btn{color:var(--error);margin-right:auto}.expense-delete-btn:hover{background:#ef44441a;color:var(--error)}.expense-list-cascade{display:flex;flex-direction:column}.service-detail-drawer{display:flex;flex-direction:column;max-height:calc(100vh - 32px)}.service-detail-drawer .filter-drawer-content{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-lg)}.service-info-section{background:var(--surface);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-card)}.service-info-row{display:flex;gap:var(--spacing-xl)}.service-info-item{flex:1}.service-info-label{font-size:.6875rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-xs)}.service-info-value{font-size:.875rem;font-weight:500;color:var(--text);display:flex;align-items:center;gap:var(--spacing-sm)}.service-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.service-checked-time{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-md);font-size:.75rem;color:var(--text-muted)}.service-logs-section{flex:1;display:flex;flex-direction:column;min-height:0}.service-logs-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.service-logs-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.875rem;font-weight:500;color:var(--text)}.service-logs-controls{display:flex;align-items:center;gap:var(--spacing-sm)}.service-logs-container{flex:1;min-height:300px;max-height:60vh;background:var(--background);border-radius:var(--radius-md);overflow:hidden}.service-logs-loading,.service-logs-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-3xl);text-align:center;color:var(--text-muted)}.service-logs-error{color:var(--error)}.service-logs-content{margin:0;padding:var(--spacing-lg);background:transparent;color:var(--text);font-size:.75rem;line-height:1.6;overflow:auto;height:100%;font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word}.service-card{display:flex;flex-direction:column;background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-card);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;overflow:hidden;padding:var(--spacing-xl)}[data-theme=dark] .service-card,[data-theme=midnight] .service-card,[data-theme=slate] .service-card{background:var(--surface-raised)}.service-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-elevated)}.service-card-header{display:flex;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.service-card-status-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;margin-top:.25rem}.service-card-info{flex:1;min-width:0}.service-card-name{font-weight:600;font-size:1rem;color:var(--text);margin-bottom:.25rem}.service-card-id{font-size:.75rem;color:var(--text-muted);font-family:var(--font-mono)}.service-card-description{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.service-card-stats{display:flex;align-items:center;gap:var(--spacing-lg);margin-top:var(--spacing-md);font-size:.8125rem}.service-card-stat{flex:1}.service-card-stat-label{font-size:.6875rem;color:var(--text-muted);margin-bottom:.25rem}.service-card-stat-value{font-weight:500}.service-card-checked{display:flex;align-items:center;gap:.25rem;margin-top:var(--spacing-md);font-size:.75rem;color:var(--text-muted)}.service-card-selected{box-shadow:0 0 0 2px var(--accent),var(--shadow-elevated)}.service-card-skeleton{pointer-events:none;min-height:180px}.skeleton-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.service-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg)}.service-card-animated{opacity:0;animation:serviceCardFadeIn .35s cubic-bezier(.4,0,.2,1) forwards}@keyframes serviceCardFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.new-lead-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-grid{display:grid;gap:var(--spacing-lg)}.form-grid-2{grid-template-columns:repeat(2,1fr)}.form-grid-3{grid-template-columns:repeat(3,1fr)}.form-grid-4{grid-template-columns:repeat(4,1fr)}.form-grid-6{grid-template-columns:repeat(6,1fr)}@media(max-width:1024px){.form-grid-6{grid-template-columns:repeat(3,1fr)}.form-grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.form-grid-6,.form-grid-4,.form-grid-3,.form-grid-2{grid-template-columns:1fr}}.form-group-span-2{grid-column:span 2}.form-group-span-3{grid-column:span 3}@media(max-width:768px){.form-group-span-2,.form-group-span-3{grid-column:span 1}}.form-error{display:block;font-size:.75rem;color:var(--error);margin-top:var(--spacing-xs)}.form-checkboxes{display:flex;flex-direction:column;gap:var(--spacing-sm);justify-content:center}.form-checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:.875rem;color:var(--text-secondary);transition:color .15s ease;-webkit-user-select:none;user-select:none}.form-checkbox-label:hover{color:var(--text)}.form-checkbox-label:hover .form-checkbox{border-color:var(--primary);background:rgba(var(--primary-rgb),.04)}.form-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;min-width:18px;border:1.5px solid var(--border);border-radius:5px;background:var(--surface);cursor:pointer;position:relative;transition:all .2s var(--ease-out)}.form-checkbox:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.12)}.form-checkbox:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:translate(-50%,-60%) rotate(45deg) scale(0);opacity:0;transition:all .15s var(--ease-out)}.form-checkbox:checked{background:var(--primary);border-color:var(--primary)}.form-checkbox:checked:after{transform:translate(-50%,-60%) rotate(45deg) scale(1);opacity:1}.form-checkbox:disabled{opacity:.5;cursor:not-allowed}.form-checkbox:disabled+span{opacity:.5;cursor:not-allowed}[data-theme=dark] .form-checkbox,[data-theme=midnight] .form-checkbox,[data-theme=slate] .form-checkbox{background:var(--surface-raised);border-color:var(--border)}[data-theme=dark] .form-checkbox:checked,[data-theme=midnight] .form-checkbox:checked,[data-theme=slate] .form-checkbox:checked{background:var(--primary);border-color:var(--primary)}.array-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.array-item{padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-light)}.array-item:last-child{padding-bottom:0;border-bottom:none}.array-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.array-item-label{font-weight:500;font-size:.8125rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.025em}.form-subsection{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--surface-secondary);border-radius:var(--radius-sm)}.empty-state-inline{text-align:center;padding:var(--spacing-xl);color:var(--text-muted);font-size:.875rem}.form-actions{display:flex;flex-direction:column;gap:var(--spacing-md);padding-top:var(--spacing-lg)}.form-actions-buttons{display:flex;justify-content:flex-end;gap:var(--spacing-md)}.checkbox-toggle{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-toggle-label{font-size:.875rem;color:var(--text-secondary)}.submit-result-banner{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);animation:slideDown .3s var(--ease-out)}.submit-result-success{background:var(--success-light);color:var(--success)}.submit-result-error{background:var(--error-light);color:var(--error)}.submit-result-content{flex:1}.submit-result-title{font-weight:600;font-size:.875rem}.submit-result-details{font-size:.8125rem;margin-top:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.submit-result-name{font-weight:500}.submit-result-status{opacity:.8}.submit-result-status:before{content:"·";margin-right:var(--spacing-md)}.submit-result-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--primary);text-decoration:none}.submit-result-link:hover{text-decoration:underline}.submit-result-actions{display:flex;gap:var(--spacing-sm);flex-shrink:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.test-mode-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-lg);background:#f59e0b1a;border:2px dashed var(--warning);border-radius:var(--radius-md)}.test-mode-banner-content{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--warning);font-weight:600;font-size:.875rem}.btn-warning{background:var(--warning);color:#000}.btn-warning:hover{background:#d97706}