:root{--bg: #18181b;--bg-elevated: #27272a;--bg-hover: #3f3f46;--card: #27272a;--border: #3f3f46;--text: #fafafa;--text-secondary: #a1a1aa;--text-muted: #71717a;--text-light: #a1a1aa;--primary: #DC2626;--primary-light: #ef4444;--primary-dark: #b91c1c;--accent: #DC2626;--success: #22c55e;--success-dark: #16a34a;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--sidebar-width: 240px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;font-size:14px;overflow-x:hidden}.app-layout{display:flex;min-height:100vh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.sidebar{width:var(--sidebar-width);background:var(--bg);color:var(--text);position:fixed;top:0;left:0;bottom:0;display:flex;flex-direction:column;z-index:100}.sidebar-header{padding:20px;border-bottom:1px solid var(--border)}.sidebar-header h1{font-size:22px;font-weight:700;letter-spacing:2px;color:var(--accent)}.sidebar-subtitle{font-size:11px;color:#ffffff80;display:block;margin-top:2px}.sidebar-nav{flex:1;padding:12px 0;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 20px;color:var(--text-secondary);text-decoration:none;font-size:15px;font-weight:500;transition:all .15s;border-left:3px solid transparent;margin:2px 8px;border-radius:12px}.nav-item:hover{background:var(--bg-elevated);color:var(--text)}.nav-item.active{background:var(--bg-hover);color:var(--text);border-left-color:var(--accent)}.nav-icon{font-size:16px;width:20px;text-align:center}.sidebar-footer{padding:16px 20px;border-top:1px solid var(--border)}.user-info{margin-bottom:8px}.user-name{display:block;font-size:14px;font-weight:600;color:var(--text)}.user-role{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.logout-btn{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);padding:10px 14px;border-radius:12px;font-size:14px;cursor:pointer;width:100%;transition:all .15s}.logout-btn:hover{background:var(--bg-hover);color:var(--text)}.main-content{margin-left:var(--sidebar-width);flex:1;padding:24px 32px;max-width:calc(100vw - var(--sidebar-width))}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-header h1{font-size:28px;font-weight:700;color:var(--text)}.page-header p{color:var(--text-light);font-size:14px;margin-top:2px}.card{background:var(--card);border-radius:16px;padding:20px;margin-bottom:16px;border:1px solid var(--border)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-title{font-size:16px;font-weight:600;color:var(--text)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--card);border-radius:16px;padding:20px;border:1px solid var(--border)}.stat-label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.stat-change{font-size:12px;margin-top:4px}.stat-change.positive{color:var(--success)}.stat-change.negative{color:var(--danger)}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse}th{text-align:left;padding:10px 12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-light);border-bottom:2px solid var(--border);white-space:nowrap}td{padding:12px;border-bottom:1px solid var(--border);font-size:14px}tr:hover td{background:var(--bg-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s;text-decoration:none}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-light)}.btn-secondary{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-hover);color:var(--text)}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:var(--primary-light)}.btn-outline{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-outline:hover{background:var(--bg-hover);color:var(--text)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.btn-success{background:var(--success-dark);color:#fff}.btn-success:hover{background:var(--success)}.btn-sm{padding:8px 14px;font-size:13px}.btn-ghost{background:none;color:var(--text-muted);padding:8px 12px}.btn-ghost:hover{color:var(--text);background:var(--bg-hover)}.form-group label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=time],input[type=url],select,textarea{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:10px;font-size:16px;font-family:inherit;color:var(--text);background:var(--bg-hover);transition:border .15s}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #dc262626}textarea{min-height:80px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.form-hint{font-size:12px;color:var(--text-light);margin-top:2px}.search-bar{display:flex;gap:8px;margin-bottom:16px}.search-bar input{flex:1;padding:10px 14px;border:1.5px solid var(--border);border-radius:6px;font-size:14px}.badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.badge-success{background:#c6f6d5;color:#276749}.badge-warning{background:#fefcbf;color:#975a16}.badge-danger{background:#fed7d7;color:#9b2c2c}.badge-info{background:#bee3f8;color:#2a4365}.badge-neutral{background:#e2e8f0;color:#4a5568}.tabs{display:flex;gap:0;border-bottom:2px solid var(--border);margin-bottom:20px}.tab{padding:10px 20px;background:none;border:none;font-size:14px;font-weight:500;color:var(--text-light);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .15s}.tab:hover{color:var(--text)}.tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.grid-sidebar{display:grid;grid-template-columns:2fr 1fr;gap:24px}.empty-state{text-align:center;padding:48px 20px;color:var(--text-light)}.empty-state h3{font-size:18px;color:var(--text);margin-bottom:8px}.empty-state p{margin-bottom:16px}.loading{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--text-light)}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--primary-dark)}.login-card{background:#fff;border-radius:12px;padding:40px;width:400px;box-shadow:0 20px 60px #0000004d}.login-card h1{font-size:28px;color:var(--primary);margin-bottom:4px;letter-spacing:2px}.login-card .subtitle{color:var(--text-light);font-size:14px;margin-bottom:28px}.login-card .btn{width:100%;justify-content:center;padding:12px;font-size:15px}.login-error{background:#fed7d7;color:#9b2c2c;padding:10px 14px;border-radius:6px;font-size:13px;margin-bottom:16px}.timeline-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.timeline-dot{width:10px;height:10px;border-radius:50%;background:var(--primary);margin-top:6px;flex-shrink:0}.timeline-content{flex:1}.timeline-content strong{color:var(--text)}.timeline-time{font-size:12px;color:var(--text-muted)}.time-grid{display:grid;grid-template-columns:180px repeat(7,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:8px;overflow:hidden}.time-grid-header{background:var(--primary);color:#fff;padding:10px 8px;font-size:12px;font-weight:600;text-align:center}.time-grid-client{background:#fff;padding:10px 12px;font-size:13px;font-weight:600;display:flex;align-items:center}.time-grid-cell{background:#fff;padding:4px;min-height:42px;transition:background .15s}.time-grid-cell.has-entries{cursor:pointer}.time-grid-cell.has-entries:hover{background:#ebf8ff}.time-grid-cell.selected{background:#bee3f8;box-shadow:inset 0 0 0 2px var(--primary)}.time-grid-cell input{width:100%;text-align:center;border:1px solid transparent;border-radius:4px;padding:8px 4px;font-size:14px;font-weight:500}.time-grid-cell input:focus{border-color:var(--primary);background:#f0fff4}.time-grid-total{background:#f7fafc;padding:10px 8px;font-weight:600;text-align:center;font-size:14px;color:var(--primary)}.scroll-list{max-height:500px;overflow-y:auto}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:999}.modal{background:#fff;border-radius:12px;padding:28px;width:500px;max-width:90vw;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal h2{font-size:20px;color:var(--primary);margin-bottom:16px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}@media (max-width: 1024px){.grid-2,.grid-3,.grid-sidebar{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.sidebar{display:none}.main-content{margin-left:0;padding:12px;padding-bottom:calc(68px + env(safe-area-inset-bottom));max-width:100vw;overflow-x:hidden}.form-row,.form-row-3,.stats-grid{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start;gap:12px}.page-header h1{font-size:22px}.card{padding:14px;border-radius:12px}.login-card{width:100%;padding:24px}.stage-tiles{grid-template-columns:repeat(5,1fr);gap:8px}.stage-tile{padding:12px 4px;border-radius:12px}.stage-tile-icon{font-size:20px}.stage-tile-count{font-size:22px}.stage-tile-label{font-size:10px}.erp-stats-row{grid-template-columns:repeat(2,1fr);gap:8px}.erp-stat-card{padding:14px;gap:10px}.erp-stat-card .stat-icon,.erp-stat-card .stat-value{font-size:20px}.erp-stat-card .stat-label{font-size:11px}.erp-main-grid{grid-template-columns:1fr;gap:16px}.analytics-panels{grid-template-columns:1fr}.erp-quick-links{flex-wrap:wrap;gap:8px}.quick-link{padding:10px 14px;font-size:13px}.order-row{flex-direction:column;align-items:flex-start;gap:6px}.order-secondary{gap:8px;flex-wrap:wrap}.order-primary{flex-wrap:wrap}.order-detail-erp{max-width:100%}.order-meta{flex-wrap:wrap;gap:8px}.order-progress{padding:16px 8px;flex-wrap:wrap;gap:4px;justify-content:center}.progress-line{width:24px;margin:0 2px}.step-icon{width:32px;height:32px;font-size:13px}.step-label{font-size:11px}.panel-grid{grid-template-columns:1fr;gap:16px}.info-row{flex-wrap:wrap;gap:4px}.action-bar{flex-direction:column;gap:12px;align-items:stretch}.order-summary-mini{gap:16px}.invoice-summary{flex-wrap:wrap;gap:16px}.offroad-financials{max-width:100%}.financial-summary-grid{grid-template-columns:repeat(2,1fr);gap:8px}.financial-card{padding:14px}.financial-card .card-value{font-size:20px}.date-range-picker{flex-wrap:wrap}.pending-payment-row{flex-direction:column;align-items:flex-start;gap:6px}.pending-secondary{gap:12px}.offroad-billing{max-width:100%}.billing-summary{grid-template-columns:1fr;gap:8px}.summary-card{padding:14px}.summary-card .summary-value{font-size:20px}.billing-tabs{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.billing-tabs::-webkit-scrollbar{display:none}.filter-bar{flex-wrap:wrap}.filter-divider{display:none}.customer-filter{min-width:100%}.pipelines-grid{grid-template-columns:1fr}.pipeline-page{height:calc(100vh - 68px - env(safe-area-inset-bottom))}.pipeline-header-bar{padding:12px 16px}.pipeline-title-section h1{font-size:20px}.pipeline-actions{gap:8px}.pipeline-actions .btn{padding:8px 12px;font-size:12px}.orders-list,.stage-tabs-container{padding:12px}.stage-tab{padding:8px 14px}.order-create-page .order-form{padding:16px}.form-row.three-cols,.form-grid{grid-template-columns:1fr}.line-items-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.line-items-header,.line-item-entry{min-width:500px}.customer-grid{grid-template-columns:1fr}.customer-detail-full{border-radius:0;margin-top:16px}.detail-header-bar{flex-wrap:wrap;gap:8px}.invoice-table{font-size:12px}.invoice-table th,.invoice-table td{padding:8px 6px}.product-tabs{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.product-tabs::-webkit-scrollbar{display:none}.products-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.report-tabs{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.report-tabs::-webkit-scrollbar{display:none}.report-grid{grid-template-columns:1fr}.report-section{padding:14px}.pipeline-funnel{max-width:100%}.stage-info{min-width:140px;gap:8px;font-size:12px}.stage-info .stage-name{width:60px}.stage-info .stage-count{width:50px}.aging-buckets,.top-sellers-grid,.pipeline-details{grid-template-columns:1fr}.pipeline-settings-card{padding:14px}.client-grid{grid-template-columns:1fr}.table-wrapper,.financials-table-wrapper,.billing-table-wrapper,.report-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.tracking-inputs{flex-direction:column}.tracking-number-input,.tracking-carrier-select{min-width:100%}.tracking-section{padding:12px 14px}.tracking-entry{padding:6px 10px}.tracking-entry-info{gap:6px}.tracking-entry-number{font-size:12px;word-break:break-all}.tracking-entry-carrier,.tracking-entry-date{font-size:10px}.order-card-content{padding:14px}.order-title{font-size:15px;gap:8px}.order-type-tag{font-size:10px;padding:3px 8px;flex-shrink:0}.order-card-header{gap:8px}.detail-text{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100vw - 100px)}.order-amount{font-size:20px}.order-quick-actions{padding:10px 14px;gap:8px}.action-btn{padding:10px 12px;font-size:13px}.pipeline-header-bar{flex-wrap:wrap;gap:8px}.pipeline-title-section{min-width:0}.pipeline-title-section h1,.pipeline-subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-grid{grid-template-columns:1fr!important;gap:16px}.step-content{overflow-x:hidden}.step-panel,.process-panel .panel-left,.process-panel .panel-right{overflow:hidden}.simple-table{font-size:12px;width:100%;table-layout:fixed}.simple-table td,.simple-table th{padding:6px;white-space:normal;word-break:break-word}.simple-table td:first-child{min-width:0}.table-scroll-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -4px;padding:0 4px}.table-scroll-wrapper::-webkit-scrollbar{height:4px}.table-scroll-wrapper::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.email-input input{width:100%}.action-summary ul{font-size:13px;padding-left:16px}.action-summary li,.billing-customer{word-break:break-word}.ship-to-address{font-size:13px;word-break:break-word}.info-row strong{word-break:break-word}.source-badge{font-size:10px}.account-picker{flex-direction:column;align-items:flex-start}.modal,.billing-modal{max-width:95vw}.time-grid{overflow-x:auto}.dash-card{padding:14px!important;border-radius:12px!important}.dash-card-header{flex-direction:column!important;align-items:flex-start!important;gap:4px!important}.dash-accounts-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}.dash-accounts-grid>div{padding:12px!important}.dash-accounts-grid>div>div:last-child{font-size:18px!important}.dash-profit-summary{grid-template-columns:1fr 1fr 1fr!important;gap:8px!important}.dash-profit-summary>div{padding:10px!important}.dash-profit-summary>div>div:last-child{font-size:16px!important}.dash-split-row{gap:8px!important}.dash-split-row>div{padding:12px!important}.dash-split-row>div>div:nth-child(2){font-size:18px!important}.dash-form-row{flex-direction:column!important;align-items:stretch!important}.dash-form-row input,.dash-form-row select{width:100%!important;min-width:0!important}.dash-form-row>div:last-child{flex-direction:row!important;display:flex!important}.dash-inline-form{padding:12px!important}.dash-history-table{min-width:480px}.dash-history-table th,.dash-history-table td{padding:6px!important;font-size:12px!important;white-space:nowrap}.analytics-table{min-width:400px}.analytics-panels .analytics-panel{overflow-x:auto;-webkit-overflow-scrolling:touch}.financials-table,.billing-table{min-width:600px}.products-table{min-width:550px}.report-table{min-width:500px}.financials-table th,.financials-table td,.billing-table th,.billing-table td,.products-table th,.products-table td,.report-table th,.report-table td{white-space:nowrap;font-size:12px;padding:6px 8px}.financials-table td:first-child,.billing-table td:first-child,.products-table td:first-child,.report-table td:first-child{white-space:normal}}.mobile-nav{display:none}@media (max-width: 768px){.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--bg-elevated);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);z-index:200;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.mobile-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;color:var(--text-muted);text-decoration:none;font-size:10px;font-weight:500;background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-nav-item.active{color:var(--primary)}.mobile-nav-icon{font-size:20px;line-height:1}.mobile-nav-label{line-height:1}.mobile-more-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:300;-webkit-tap-highlight-color:transparent}.mobile-more-menu{position:fixed;bottom:0;left:0;right:0;background:var(--bg-elevated);border-top-left-radius:16px;border-top-right-radius:16px;padding:8px 0;padding-bottom:calc(8px + env(safe-area-inset-bottom));z-index:301;max-height:70vh;overflow-y:auto}.mobile-more-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid var(--border);margin-bottom:4px}.mobile-more-title{font-size:14px;font-weight:600;color:var(--text)}.mobile-context-switcher{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:6px 10px;font-size:13px;cursor:pointer}.mobile-more-item{display:flex;align-items:center;gap:14px;width:100%;padding:14px 20px;background:none;border:none;color:var(--text-secondary);font-size:15px;font-weight:500;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent}.mobile-more-item.active{color:var(--primary)}.mobile-more-item:active{background:var(--bg-hover)}.mobile-more-icon{font-size:18px;width:24px;text-align:center}.mobile-more-logout{border-top:1px solid var(--border);margin-top:4px;color:var(--danger)}}.client-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.client-card{background:var(--card);border-radius:12px;padding:20px;border:1px solid var(--border);text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:12px;transition:all .2s ease;box-shadow:0 1px 3px #0000000a}.client-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.client-card-header{display:flex;justify-content:space-between;align-items:flex-start}.client-card-header h3{font-size:18px;font-weight:700;color:var(--text);margin:0}.client-card-url{font-size:13px;color:var(--text-muted)}.client-card-stats{display:flex;gap:20px;padding:12px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.client-stat{display:flex;flex-direction:column;gap:2px}.client-stat-value{font-size:22px;font-weight:700;color:var(--primary)}.client-stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.client-stat-change{font-size:12px;font-weight:600}.client-stat-change.positive{color:var(--success)}.client-stat-change.negative{color:var(--danger)}.client-card-loading{padding:20px 0;color:var(--text-muted);font-size:13px;text-align:center}.client-card-unconfigured{padding:20px 0;color:var(--text-muted);font-size:13px;text-align:center;font-style:italic}.client-card-footer{display:flex;justify-content:space-between;align-items:center}.client-card-tags{display:flex;gap:6px}.tag{font-size:10px;font-weight:600;padding:3px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.tag-green{background:#dcfce7;color:#166534}.tag-blue{background:#dbeafe;color:#1e40af}.tag-purple{background:#f3e8ff;color:#6b21a8}.tag-orange{background:#ffedd5;color:#c2410c}.client-card-arrow{font-size:18px;color:var(--text-muted);transition:transform .2s}.client-card:hover .client-card-arrow{transform:translate(4px);color:var(--primary)}.stat-sub{font-size:12px;color:var(--text-muted);margin-top:2px}.alert{padding:14px 18px;border-radius:8px;font-size:14px}.alert-warning{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.alert-info{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.alert-success{background:#dcfce7;color:#166534;border:1px solid #86efac}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--text-light)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.btn-warning{background:#f59e0b;color:#fff}.btn-warning:hover{background:#d97706}.offroad-erp{max-width:1400px}.erp-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.erp-stat-card{background:var(--card);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;border-left:4px solid var(--border)}.erp-stat-card.action-needed{border-left-color:var(--primary)}.erp-stat-card.warning{border-left-color:var(--warning)}.erp-stat-card.info{border-left-color:var(--info)}.erp-stat-card.success{border-left-color:var(--success)}.stat-icon{font-size:28px}.stat-content{flex:1}.stat-value{font-size:28px;font-weight:700;color:var(--text)}.stat-label{font-size:13px;color:var(--text-light)}.stat-action{font-size:13px;color:var(--primary);font-weight:600;text-decoration:none}.stage-tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:24px}.stage-tile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 8px;background:var(--card);border:2px solid var(--border);border-radius:14px;text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s;-webkit-tap-highlight-color:transparent}.stage-tile:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.stage-tile:active{transform:scale(.97)}.stage-tile-icon{font-size:24px;line-height:1}.stage-tile-count{font-size:28px;font-weight:700;line-height:1}.stage-tile-label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px}.erp-analytics-section{margin-bottom:24px}.analytics-toggle{width:100%;background:var(--card);border:1px solid var(--border);border-radius:8px;padding:12px 16px;font-size:15px;font-weight:600;cursor:pointer;text-align:left;color:var(--text)}.analytics-toggle:hover{background:var(--bg)}.analytics-panels{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:12px}.analytics-panel{background:var(--card);border-radius:12px;padding:20px}.analytics-panel h3{font-size:15px;font-weight:600;margin-bottom:12px}.analytics-table{width:100%;border-collapse:collapse;font-size:13px}.analytics-table th{text-align:left;padding:8px 10px;border-bottom:2px solid var(--border);font-weight:600;color:var(--text-light);font-size:12px;text-transform:uppercase}.analytics-table td{padding:8px 10px;border-bottom:1px solid var(--border)}.analytics-table td.mono{font-family:monospace;font-size:12px}.analytics-table tr:last-child td{border-bottom:none}.erp-main-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.erp-panel{background:var(--card);border-radius:12px;overflow:hidden}.panel-section{padding:20px;border-bottom:1px solid var(--border)}.panel-section:last-child{border-bottom:none}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-header h2{font-size:16px;font-weight:600}.count-badge{background:var(--border);padding:2px 10px;border-radius:12px;font-size:13px;font-weight:600}.count-badge.warning{background:#fef3c7;color:#92400e}.count-badge.info{background:#dbeafe;color:#1e40af}.empty-panel{text-align:center;padding:32px 16px;color:var(--text-muted);font-size:14px}.empty-panel.success{color:var(--success)}.order-list.compact{display:flex;flex-direction:column;gap:8px}.order-row{display:flex;align-items:center;padding:12px;background:var(--bg);border-radius:8px;text-decoration:none;color:inherit;transition:background .15s}.order-row:hover{background:#e8e8e8}.order-row.awaiting{border-left:3px solid var(--warning)}.order-primary{flex:1;display:flex;gap:8px;align-items:center}.order-id{font-weight:600;color:var(--primary)}.order-po{font-weight:600}.order-customer{color:var(--text-light);font-size:13px}.order-secondary{display:flex;gap:16px;align-items:center}.order-items{color:var(--text-muted);font-size:12px}.order-amount{font-weight:600}.order-date{color:var(--text-muted);font-size:12px}.order-action-indicator{color:var(--text-muted)}.view-all-link{display:block;text-align:center;padding:12px;color:var(--primary);font-weight:500;text-decoration:none}.receipt-drop-zone{border:2px dashed var(--border);border-radius:12px;padding:32px;text-align:center;cursor:pointer;transition:all .2s}.receipt-drop-zone:hover,.receipt-drop-zone.drag-over{border-color:var(--primary);background:#c41e3a0d}.receipt-drop-zone.uploading{pointer-events:none;opacity:.7}.drop-content{display:flex;flex-direction:column;align-items:center;gap:8px}.drop-icon{font-size:36px}.drop-title{font-weight:600;color:var(--text)}.drop-subtitle{color:var(--text-light);font-size:13px}.drop-hint{color:var(--text-muted);font-size:12px;margin-top:8px}.upload-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.receipt-list{display:flex;flex-direction:column;gap:12px}.receipt-row{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg);border-radius:8px}.receipt-icon{font-size:20px}.receipt-info{flex:1}.receipt-name{font-weight:500;display:block}.receipt-meta{font-size:12px;color:var(--text-muted)}.extracted-po{color:var(--info);font-weight:500}.receipt-actions{display:flex;gap:8px}.status-banner{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px}.status-banner.status-success{background:#d1fae5;color:#065f46}.status-banner.status-error{background:#fee2e2;color:#991b1b}.status-banner.status-info{background:#dbeafe;color:#1e40af}.status-banner button{background:none;border:none;font-size:18px;cursor:pointer;opacity:.7}.erp-quick-links{display:flex;gap:16px;justify-content:center}.quick-link{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--card);border-radius:8px;text-decoration:none;color:var(--text);font-weight:500;transition:transform .15s,box-shadow .15s}.quick-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.order-detail-erp{max-width:1000px}.order-meta{display:flex;align-items:center;gap:16px;margin-top:8px}.status-badge{display:inline-block;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase}.status-badge.status-new{background:#3b82f633;color:#3b82f6}.status-badge.status-processed{background:#f59e0b33;color:#f59e0b}.status-badge.status-receipt_matched{background:#22c55e33;color:#22c55e}.status-badge.status-complete{background:#16a34a;color:#fff}.status-badge.status-cancelled{background:#ef444433;color:#ef4444}.status-badge.status-unpaid{background:#f59e0b33;color:#f59e0b}.status-badge.status-active{background:#22c55e33;color:#22c55e}.status-badge.status-inactive{background:#ef444433;color:#ef4444}.order-customer{font-size:15px;color:var(--text-light)}.order-total{font-size:18px;font-weight:700;color:var(--primary)}.order-progress{display:flex;align-items:center;justify-content:center;padding:24px;background:var(--card);border-radius:12px;margin-bottom:24px}.progress-step{display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.4}.progress-step.active,.progress-step.done{opacity:1}.step-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--border);font-weight:700;font-size:16px}.progress-step.active .step-icon{background:var(--primary);color:#fff}.progress-step.done .step-icon{background:var(--success);color:#fff}.step-label{font-size:13px;font-weight:500}.progress-line{width:60px;height:3px;background:var(--border);margin:0 8px}.step-content{margin-bottom:24px}.step-panel{background:var(--card);border-radius:12px;padding:24px}.panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel-left h2,.panel-right h2{font-size:16px;font-weight:600;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border)}.info-block{margin-bottom:24px}.info-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border)}.info-row span{color:var(--text-light)}.simple-table{width:100%;border-collapse:collapse}.simple-table th,.simple-table td{padding:10px;text-align:left;border-bottom:1px solid var(--border)}.simple-table th{font-weight:600;color:var(--text-light);font-size:12px;text-transform:uppercase}.simple-table small{color:var(--text-muted)}.simple-table tfoot td{font-weight:600;border-top:2px solid var(--border)}.po-preview-box{background:var(--bg);border-radius:8px;padding:16px;max-height:300px;overflow-y:auto;font-size:13px}.email-input{margin-top:16px}.email-input label{display:block;font-size:13px;font-weight:500;margin-bottom:6px}.email-input input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:6px}.action-bar{margin-top:24px;padding-top:24px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.action-summary ul{list-style:none;margin-top:8px}.action-summary li{padding:4px 0;color:var(--text-light);font-size:13px}.action-summary li:before{content:"";margin-right:8px;color:var(--success)}.btn-lg{padding:14px 28px;font-size:15px}.centered-content{max-width:500px;margin:0 auto}.receipt-upload-box,.expense-start-box,.expense-form-box,.payment-box,.complete-box{text-align:center}.receipt-upload-box h2,.expense-start-box h2,.expense-form-box h2,.payment-box h2,.complete-box h2{font-size:20px;margin-bottom:8px}.receipt-upload-box p,.expense-start-box p,.payment-box p{color:var(--text-light);margin-bottom:24px}.drop-zone{border:2px dashed var(--border);border-radius:12px;padding:48px 32px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:12px}.drop-zone:hover{border-color:var(--primary);background:#c41e3a0d}.drop-zone.uploading{pointer-events:none;opacity:.6}.drop-zone .spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.drop-zone .drop-main{font-size:16px;font-weight:600}.drop-zone .drop-sub{font-size:13px;color:var(--text-muted)}.order-summary-mini{display:flex;justify-content:center;gap:32px;margin-top:24px;padding-top:16px;border-top:1px solid var(--border)}.order-summary-mini div{text-align:center}.order-summary-mini span{display:block;font-size:12px;color:var(--text-muted)}.order-summary-mini strong{font-size:14px}.receipt-preview{margin-bottom:24px;padding:16px;background:var(--bg);border-radius:8px}.receipt-preview span{color:var(--text-light);margin-right:8px}.receipt-preview a{color:var(--primary);font-weight:500}.payment-method-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.payment-method-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;background:var(--bg);border:2px solid var(--border);border-radius:12px;cursor:pointer;transition:all .15s}.payment-method-btn:hover{border-color:var(--primary)}.payment-method-btn.selected{border-color:var(--primary);background:#c41e3a0d}.method-icon{font-size:28px}.method-label{font-weight:600}.method-desc{font-size:12px;color:var(--text-muted)}.expense-amount-input{margin-bottom:20px}.expense-amount-input label{display:block;font-size:14px;font-weight:500;margin-bottom:8px}.amount-field{display:flex;align-items:center;gap:8px;max-width:200px;margin:0 auto}.amount-field span{font-size:18px;font-weight:600}.amount-field input{flex:1;padding:12px;font-size:18px;font-weight:600;text-align:center;border:1px solid var(--border);border-radius:8px}.expense-actions{display:flex;gap:12px;justify-content:center}.expense-preview{margin-top:24px;padding:16px;background:var(--bg);border-radius:8px;text-align:left}.expense-preview ul{margin-top:8px;padding-left:20px}.expense-preview li{padding:4px 0;color:var(--text-light);font-size:13px}.invoice-summary{display:flex;justify-content:center;gap:32px;margin-bottom:24px;padding:20px;background:var(--bg);border-radius:8px}.invoice-summary div{text-align:center}.invoice-summary span{display:block;font-size:12px;color:var(--text-muted);margin-bottom:4px}.invoice-summary strong{font-size:15px}.invoice-summary strong.amount{font-size:20px;color:var(--primary)}.profit-preview{padding:16px;background:var(--bg);border-radius:8px;margin-bottom:24px}.profit-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border)}.profit-row:last-child{border-bottom:none}.profit-row.total{font-weight:700;font-size:16px}.profit-row.margin{color:var(--text-light)}.payment-actions{margin-bottom:16px}.payment-note{font-size:13px;color:var(--text-muted)}.complete-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto 16px;background:var(--success);color:#fff}.complete-icon.cancelled{background:var(--danger)}.complete-icon.ready{background:var(--info)}.complete-summary{padding:20px;background:var(--bg);border-radius:8px;margin-bottom:24px}.summary-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border)}.summary-row:last-child{border-bottom:none}.summary-row.total{font-size:18px;font-weight:700;padding-top:16px;margin-top:8px;border-top:2px solid var(--border)}.summary-row.margin{color:var(--text-light)}.summary-row.paid,.positive{color:var(--success)}.negative{color:var(--danger)}.complete-actions{display:flex;flex-direction:column;gap:12px;align-items:center}.btn-text{background:none;border:none;color:var(--primary);font-weight:500;cursor:pointer}.btn-text-danger{background:none;border:none;color:var(--danger);font-weight:500;cursor:pointer;padding:8px 16px}.order-footer{text-align:center;padding:16px}.offroad-financials{max-width:1200px}.date-range-picker{display:flex;gap:8px}.date-range-picker button{padding:8px 16px;border:1px solid var(--border);background:var(--card);border-radius:6px;cursor:pointer;font-weight:500;transition:all .15s}.date-range-picker button:hover{border-color:var(--primary)}.date-range-picker button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.financial-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.financial-card{background:var(--card);border-radius:12px;padding:24px;border-left:4px solid var(--border)}.financial-card.revenue{border-left-color:var(--info)}.financial-card.cost{border-left-color:var(--warning)}.financial-card.profit{border-left-color:var(--success)}.financial-card.pending{border-left-color:var(--primary)}.card-label{font-size:13px;color:var(--text-light);text-transform:uppercase;font-weight:600}.card-value{font-size:28px;font-weight:700;margin:8px 0}.card-value.positive{color:var(--success)}.card-value.negative{color:var(--danger)}.card-meta{font-size:13px;color:var(--text-muted)}.financials-section{background:var(--card);border-radius:12px;padding:24px;margin-bottom:24px}.financials-section h2{font-size:18px;font-weight:600;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.pending-payment-list{display:flex;flex-direction:column;gap:8px}.pending-payment-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg);border-radius:8px;text-decoration:none;color:inherit;transition:background .15s}.pending-payment-row:hover{background:#e8e8e8}.pending-primary{display:flex;gap:12px;align-items:center}.invoice-num{font-weight:600;color:var(--primary)}.customer{color:var(--text-light)}.pending-secondary{display:flex;gap:24px;align-items:center}.age{font-size:13px;color:var(--warning)}.amount{font-weight:600;font-size:15px}.financials-table-wrapper{overflow-x:auto}.financials-table{width:100%;border-collapse:collapse}.financials-table th,.financials-table td{padding:12px;text-align:left;border-bottom:1px solid var(--border)}.financials-table th{font-weight:600;color:var(--text-light);font-size:12px;text-transform:uppercase;background:var(--bg)}.financials-table td.number,.financials-table th.number{text-align:right}.financials-table td.cost{color:var(--danger)}.financials-table td.positive{color:var(--success)}.financials-table td.negative{color:var(--danger)}.financials-table td.good{color:var(--success)}.financials-table td.ok{color:var(--warning)}.financials-table td.warning{color:var(--danger)}.financials-table tfoot td{font-weight:600;background:var(--bg);border-top:2px solid var(--border)}.financials-table a{color:var(--primary);text-decoration:none;font-weight:500}.financials-table a:hover{text-decoration:underline}.empty-state{text-align:center;padding:48px;color:var(--text-muted)}.offroad-billing{max-width:1200px}.billing-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.summary-card{background:var(--card);border-radius:12px;padding:20px;border-left:4px solid var(--info)}.summary-card.warning{border-left-color:var(--warning)}.summary-card.success{border-left-color:var(--success)}.summary-label{font-size:13px;color:var(--text-light);text-transform:uppercase}.summary-value{font-size:28px;font-weight:700;margin:8px 0}.summary-meta{font-size:13px;color:var(--text-muted)}.billing-tabs{display:flex;gap:4px;margin-bottom:20px;background:var(--card);padding:4px;border-radius:8px;width:fit-content}.billing-tabs button{padding:10px 24px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-weight:500;color:var(--text-light);transition:all .15s}.billing-tabs button:hover{color:var(--text)}.billing-tabs button.active{background:var(--primary);color:#fff}.billing-section{background:var(--card);border-radius:12px;padding:20px}.section-actions{margin-bottom:16px}.filter-bar{display:flex;gap:8px;margin-bottom:16px}.filter-bar button{padding:8px 16px;border:1px solid var(--border);background:transparent;border-radius:6px;cursor:pointer;font-size:13px}.filter-bar button:hover{border-color:var(--primary)}.filter-bar button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.billing-table-wrapper{overflow-x:auto}.billing-table{width:100%;border-collapse:collapse}.billing-table th,.billing-table td{padding:12px;text-align:left;border-bottom:1px solid var(--border)}.billing-table th{font-weight:600;color:var(--text-light);font-size:12px;text-transform:uppercase;background:var(--bg)}.billing-table td.number,.billing-table th.number{text-align:right}.billing-table .invoice-num{font-weight:600;color:var(--primary)}.billing-table .memo{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.billing-table .actions{display:flex;gap:8px}.billing-table tr.overdue-row{background:#ef44440d}.billing-table tr.selected-row{background:#3b82f61a}.billing-table tr.selected-row:hover{background:#3b82f626}.billing-table .checkbox-col{width:40px;text-align:center}.billing-table .checkbox-col input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary)}.status-badge.status-paid{background:#22c55e33;color:#22c55e}.status-badge.status-open{background:#3b82f633;color:#3b82f6}.status-badge.status-overdue{background:#ef444433;color:#ef4444}.loading{text-align:center;padding:32px;color:var(--text-muted)}.billing-modal{max-width:600px;width:100%}.billing-modal.small{max-width:400px}.error-msg{background:#fee2e2;color:#991b1b;padding:12px;border-radius:8px;margin-bottom:16px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:500;margin-bottom:6px}.form-group input,.form-group select{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:6px;font-size:14px}.form-group.checkbox label{display:flex;align-items:center;gap:8px;cursor:pointer}.form-group.checkbox input{width:auto}.line-item-row{display:flex;gap:8px;align-items:center;margin-bottom:8px}.line-item-row input:first-child{flex:1}.line-total{font-weight:600;min-width:80px;text-align:right}.invoice-total{text-align:right;padding:16px 0;font-size:18px;border-top:1px solid var(--border)}.payment-invoice-info{background:var(--bg);padding:16px;border-radius:8px;margin-bottom:16px}.payment-invoice-info .balance{font-weight:700;font-size:18px;color:var(--primary);margin-top:8px}.warning-msg{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);color:#f59e0b;padding:12px;border-radius:8px;margin-bottom:16px;font-size:13px}.bulk-invoice-list{background:var(--bg);border-radius:8px;padding:16px;margin-bottom:16px}.bulk-invoice-list h4{font-size:14px;font-weight:600;margin-bottom:12px;color:var(--text-secondary)}.invoice-summary-table{display:flex;flex-direction:column;gap:8px}.invoice-summary-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border);font-size:13px}.invoice-summary-row .inv-num{font-weight:600;color:var(--primary);min-width:80px}.invoice-summary-row .inv-customer{flex:1;color:var(--text-secondary);padding:0 12px}.invoice-summary-row .inv-balance{font-weight:500;text-align:right;min-width:80px}.invoice-summary-total{display:flex;justify-content:space-between;align-items:center;padding-top:12px;margin-top:8px;font-weight:700;font-size:15px;border-top:2px solid var(--border)}.form-group small{display:block;margin-top:4px;font-size:12px;color:var(--text-muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:var(--card);border-radius:12px;box-shadow:0 20px 50px #0000004d;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--border)}.modal-header h3{font-size:18px;font-weight:600}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-muted)}.modal-body{padding:20px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid var(--border)}.filter-divider{width:1px;height:24px;background:var(--border);margin:0 8px}.customer-filter{min-width:200px;padding:8px 12px;border:1px solid var(--border);border-radius:6px;font-size:14px;background:var(--card)}.tracking-section{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:16px 20px;margin-bottom:24px}.tracking-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.tracking-title{font-weight:600;font-size:15px;color:var(--text)}.tracking-posted-badge{background:#d4edda;color:#155724;font-size:11px;padding:3px 8px;border-radius:4px;font-weight:500}.tracking-inputs{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.tracking-number-input{flex:1;min-width:200px;padding:10px 14px;border:1px solid var(--border);border-radius:6px;font-size:14px}.tracking-carrier-select{min-width:120px;padding:10px 14px;border:1px solid var(--border);border-radius:6px;font-size:14px;background:var(--card)}.tracking-meta{margin-top:10px;font-size:12px;color:var(--text-muted)}.tracking-entries-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.tracking-entry{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;gap:8px}.tracking-entry-info{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:1;min-width:0}.tracking-entry-number{font-weight:600;font-size:14px;color:var(--text);font-family:monospace}.tracking-entry-carrier{font-size:12px;color:var(--text-muted);background:var(--border);padding:2px 8px;border-radius:4px}.tracking-entry-date{font-size:12px;color:var(--text-muted)}.tracking-add-form{padding-top:4px}.tracking-posted-badge{font-size:11px;font-weight:600;background:#22c55e33;color:#22c55e;padding:2px 8px;border-radius:4px}.expense-flow,.expense-done-summary{padding:4px 0}.expense-done-summary .positive{color:#22c55e}.expense-done-summary .negative{color:#ef4444}.parse-loading{display:flex;align-items:center;gap:12px;padding:16px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:8px;color:#60a5fa;font-size:14px}.parse-loading .spinner{width:20px;height:20px;border:2px solid rgba(59,130,246,.3);border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.parse-error{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#f87171;font-size:14px}.parsed-confirmation{margin-top:12px}.parsed-confirmation h3{font-size:15px;font-weight:600;margin-bottom:12px;color:var(--text)}.cost-validation{padding:10px 14px;border-radius:8px;font-size:13px;font-weight:500;margin:12px 0}.cost-validation.valid{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:#4ade80}.cost-validation.warning{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#f87171}.account-picker{display:flex;align-items:center;gap:12px;margin-top:12px}.account-picker label{font-size:14px;font-weight:500;color:var(--text-secondary);white-space:nowrap}.receipt-upload-inline{padding:4px 0}.drop-zone-compact{border:2px dashed var(--border);border-radius:8px;padding:20px;text-align:center;cursor:pointer;color:var(--text-muted);font-size:14px;transition:all .15s}.drop-zone-compact:hover{border-color:var(--primary);color:var(--text-secondary);background:#dc26260d}.drop-zone-compact.uploading{opacity:.7;cursor:wait}.btn.btn-sm{padding:8px 14px;font-size:13px}.form-hint{display:block;margin-top:4px;font-size:12px;color:var(--text-muted)}.empty-state-actions{display:flex;gap:12px;margin-top:16px;justify-content:center}.settings-section{margin-bottom:32px;padding:0 20px}.settings-section h2{font-size:14px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.section-description{font-size:14px;color:var(--text-muted);margin-bottom:20px}.pipelines-list{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.pipeline-settings-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px}.pipeline-settings-card.create-card{border-style:dashed;border-color:var(--primary);background:#dc26260d}.pipeline-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.pipeline-header h3{font-size:18px;font-weight:600;color:var(--text);margin:0}.pipeline-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:16px}.detail-row{display:flex;flex-direction:column;gap:2px}.detail-label{font-size:12px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:14px;color:var(--text)}.detail-value em{color:var(--text-muted);font-style:italic}.pipeline-actions{display:flex;gap:8px;padding-top:16px;border-top:1px solid var(--border)}.pipeline-form{margin-top:16px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px}.form-grid .form-group.full-width{grid-column:1 / -1}.form-actions{display:flex;gap:12px}.integration-list{display:flex;flex-direction:column;gap:8px}.integration-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--card);border-radius:12px;gap:12px}.integration-name{font-size:16px;font-weight:600;color:var(--text)}.integration-status{font-size:13px;color:var(--text-secondary)}.pipelines-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-top:20px}.pipeline-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px;text-decoration:none;color:inherit;transition:all .2s;display:block}.pipeline-card:hover{background:var(--bg-hover);border-color:var(--border)}.pipeline-card .pipeline-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.pipeline-card h3{font-size:18px;font-weight:600;color:var(--text);margin:0}.pipeline-card .pipeline-status{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.pipeline-card .pipeline-status.active{background:#22c55e33;color:#22c55e}.pipeline-card .pipeline-status.inactive{background:#ef444433;color:#ef4444}.pipeline-card .pipeline-description{font-size:14px;color:var(--text-light);margin-bottom:16px;line-height:1.5}.pipeline-card .pipeline-details{display:flex;flex-wrap:wrap;gap:16px;font-size:14px;color:var(--text-light);margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border)}.pipeline-card .pipeline-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:13px;color:var(--text-muted)}.pipeline-card .pipeline-meta span,.pipeline-card .pipeline-details span{display:flex;align-items:center;gap:4px}.status-active{background:#22c55e33;color:#22c55e}.status-inactive{background:#ef444433;color:#ef4444}.pipeline-page{padding:0;height:calc(100vh - 48px);display:flex;flex-direction:column}.pipeline-header-bar{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:var(--bg);border-bottom:1px solid var(--border)}.pipeline-title-section h1{font-size:28px;font-weight:700;color:var(--text);margin:0}.pipeline-subtitle{font-size:14px;color:var(--text-muted);margin-top:4px;display:block}.pipeline-actions{display:flex;gap:12px}.stage-tabs-container{padding:16px 24px;background:var(--bg);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.stage-tabs-container::-webkit-scrollbar{display:none}.stage-tabs{display:flex;gap:12px;min-width:max-content}.stage-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--bg-elevated);border:2px solid var(--border);border-radius:25px;cursor:pointer;transition:all .2s;white-space:nowrap}.stage-tab:hover{background:var(--bg-hover)}.stage-tab.active{border-width:2px}.stage-label{font-size:14px;font-weight:500;color:var(--text-secondary)}.stage-tab.active .stage-label{color:var(--text);font-weight:600}.stage-count{min-width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:13px;font-weight:700;color:#fff;padding:0 8px}.orders-list{flex:1;padding:16px 24px;overflow-y:auto}.empty-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-icon{font-size:48px;margin-bottom:16px}.empty-stage h3{font-size:18px;color:var(--text);margin-bottom:8px}.empty-stage p{font-size:14px;color:var(--text-muted)}.order-card-large{background:var(--card);border-radius:16px;margin-bottom:16px;overflow:hidden}.order-card-content{padding:20px;cursor:pointer;transition:background .15s}.order-card-content:hover{background:var(--bg-hover)}.order-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.order-title{font-size:18px;font-weight:600;color:var(--text);margin:0;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sales-order-badge{font-size:12px;font-weight:600;background:#3b82f633;color:#3b82f6;padding:4px 10px;border-radius:6px}.order-type-tag{font-size:11px;font-weight:600;padding:4px 10px;border-radius:6px;text-transform:uppercase}.order-details{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.order-detail-row{display:flex;align-items:center;gap:8px}.detail-icon{font-size:14px;width:20px;text-align:center}.detail-text{font-size:14px;color:var(--text-secondary)}.order-amount{font-size:24px;font-weight:700;color:#22c55e}.order-quick-actions{display:flex;gap:12px;padding:16px 20px;border-top:1px solid var(--border);background:var(--bg-elevated)}.action-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 16px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s}.action-btn-back{background:var(--bg-hover);color:var(--text-secondary)}.action-btn-back:hover{background:var(--border);color:var(--text)}.action-btn-forward{flex:1;background:var(--primary);color:#fff}.action-btn-forward:hover{background:var(--primary-light)}.action-btn-delete{background:#fef2f2;color:#dc2626}.action-btn-delete:hover{background:#fecaca;color:#b91c1c}.action-btn:disabled{opacity:.6;cursor:not-allowed}.cancelled-orders-link{text-align:center;padding:16px}.back-link{font-size:13px;color:var(--text-muted);text-decoration:none;display:inline-block;margin-bottom:8px}.back-link:hover{color:var(--primary)}.offroad-customers .customers-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.customers-search{margin-bottom:24px}.customers-search .search-input{width:100%;max-width:400px;padding:12px 16px;font-size:15px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--text)}.customers-search .search-input:focus{outline:none;border-color:var(--primary)}.customers-layout{display:block}.customer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.customer-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px;cursor:pointer;transition:all .15s}.customer-card:hover{border-color:var(--primary);transform:translateY(-2px)}.customer-card.selected{border-color:var(--primary);background:#dc26260d}.customer-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.customer-avatar{width:40px;height:40px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.customer-info{flex:1;min-width:0}.customer-name{font-weight:600;font-size:15px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-company{font-size:12px;color:var(--text-muted)}.customer-details{margin-bottom:12px}.customer-details .detail-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);margin-bottom:4px}.customer-details .detail-icon{width:16px;color:var(--text-muted);font-size:10px}.customer-footer{border-top:1px solid var(--border);padding-top:12px}.balance-badge{font-size:12px;font-weight:600;padding:4px 8px;border-radius:4px}.balance-badge.negative{background:#ef44441a;color:#ef4444}.balance-badge.positive{background:#22c55e1a;color:#22c55e}.customer-detail-full{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-top:24px;overflow:hidden}.detail-header-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border);background:var(--bg)}.detail-header-bar h2{font-size:18px;font-weight:700;margin:0}.detail-addresses{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;padding:16px 20px;border-bottom:1px solid var(--border)}.address-block h4{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;margin-bottom:6px}.address-block div{font-size:13px;line-height:1.5}.address-block a{color:var(--primary);text-decoration:none}.address-block a:hover{text-decoration:underline}.detail-account-bar{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--border);font-size:14px}.detail-form-section{padding:16px 20px;border-bottom:1px solid var(--border);background:var(--bg)}.detail-form-section h4{font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;margin-bottom:10px}.invoice-search{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--border)}.invoice-search .search-input{flex:1;padding:8px 12px;font-size:13px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text)}.invoice-search .search-input:focus{outline:none;border-color:var(--primary)}.invoice-table-wrapper{overflow-x:auto}.invoice-table{width:100%;border-collapse:collapse;font-size:13px}.invoice-table th{text-align:left;padding:10px 12px;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid var(--border);background:var(--bg);white-space:nowrap}.invoice-table td{padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:top}.invoice-table-row:hover{background:#dc262608}.line-items-compact{display:flex;flex-wrap:wrap;gap:4px}.line-item-tag{display:inline-block;font-size:11px;padding:2px 6px;background:var(--bg);border:1px solid var(--border);border-radius:4px;white-space:nowrap}.status-badge{display:inline-block;font-size:11px;font-weight:600;padding:3px 8px;border-radius:4px}.status-badge.paid{background:#22c55e1a;color:#22c55e}.status-badge.open{background:#3b82f61a;color:#3b82f6}.status-badge.overdue{background:#ef44441a;color:#ef4444}.no-data{color:var(--text-muted);font-size:13px;font-style:italic}.text-muted{color:var(--text-muted)}.negative{color:#ef4444}.positive{color:#22c55e}@media (max-width: 768px){.detail-addresses{grid-template-columns:1fr;gap:12px}.detail-form-section div[style*="grid-template-columns: 1fr 1fr 1fr 1fr"]{grid-template-columns:1fr 1fr!important}}.offroad-products .products-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.products-search{margin-bottom:24px}.products-search .search-input{width:100%;max-width:400px;padding:12px 16px;font-size:15px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--text)}.products-search .search-input:focus{outline:none;border-color:var(--primary)}.product-tabs{display:flex;gap:4px;margin-bottom:24px;background:var(--bg-elevated);padding:4px;border-radius:8px;width:fit-content}.product-tabs button{padding:10px 20px;border:none;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;border-radius:6px;transition:all .15s}.product-tabs button:hover{color:var(--text)}.product-tabs button.active{background:var(--primary);color:#fff}.products-table .product-desc{display:block;font-size:12px;color:var(--text-muted);margin-top:2px}.type-badge{font-size:11px;font-weight:500;padding:3px 8px;border-radius:4px;text-transform:capitalize}.type-badge.noninventory{background:#8b5cf626;color:#8b5cf6}.type-badge.service{background:#3b82f626;color:#3b82f6}.type-badge.inventory,.status-badge.active{background:#22c55e26;color:#22c55e}.status-badge.inactive{background:#6b728026;color:#6b7280}.products-table-wrapper{overflow-x:auto;background:var(--card);border-radius:12px;border:1px solid var(--border)}.products-table{width:100%;border-collapse:collapse}.products-table th,.products-table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--border)}.products-table th{font-weight:600;color:var(--text-muted);font-size:12px;text-transform:uppercase;background:var(--bg)}.products-table td.number,.products-table th.number{text-align:right}.products-table .sku-cell .sku-badge{display:inline-block;background:var(--primary);color:#fff;font-weight:600;font-size:12px;padding:4px 8px;border-radius:4px;font-family:monospace}.products-table .name-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.products-table .revenue{font-weight:600;color:var(--success)}.products-table .date-cell{color:var(--text-muted);font-size:13px}.products-table tbody tr:hover{background:var(--bg-hover)}.top-sellers-section{margin-top:32px}.top-sellers-section h3{font-size:16px;font-weight:600;margin-bottom:16px}.top-sellers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.top-seller-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px}.top-seller-card .rank{width:32px;height:32px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.top-seller-card .seller-info{flex:1;min-width:0}.top-seller-card .seller-sku{font-weight:600;font-size:13px;color:var(--primary);font-family:monospace}.top-seller-card .seller-name{font-size:12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-seller-card .seller-stats{text-align:right}.top-seller-card .stat-value{font-weight:700;font-size:14px;color:var(--success)}.top-seller-card .stat-label{font-size:11px;color:var(--text-muted)}.product-modal{max-width:500px;width:100%}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.margin-preview{background:#22c55e1a;color:#22c55e;padding:12px;border-radius:8px;font-size:14px;font-weight:500;text-align:center}.order-create-page .order-form{max-width:900px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:32px}.form-section{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border)}.form-section:last-of-type{border-bottom:none}.form-section h3{font-size:16px;font-weight:600;margin-bottom:16px;color:var(--text)}.form-row.three-cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}.line-items-container{margin-top:12px}.line-items-header{display:grid;grid-template-columns:100px 1fr 70px 100px 90px 40px;gap:12px;padding:8px 0;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid var(--border)}.line-item-entry{display:grid;grid-template-columns:100px 1fr 70px 100px 90px 40px;gap:12px;padding:12px 0;align-items:center;border-bottom:1px solid var(--border)}.line-item-entry input{padding:8px 10px;border:1px solid var(--border);border-radius:6px;font-size:14px;background:var(--bg);color:var(--text)}.line-item-entry input:focus{outline:none;border-color:var(--primary)}.line-item-entry .col-sku{font-family:monospace;text-transform:uppercase}.line-item-entry .col-total{font-weight:600;text-align:right;padding-right:8px}.line-items-container .btn-sm{margin-top:12px}.order-total{display:flex;justify-content:flex-end;align-items:center;gap:16px;margin-top:24px;padding-top:16px;border-top:2px solid var(--border);font-size:18px}.order-total .total-amount{font-weight:700;font-size:24px;color:var(--primary)}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid var(--border)}.offroad-reports .date-range-select{padding:10px 14px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--text);font-size:14px}.report-tabs{display:flex;gap:4px;margin-bottom:24px;background:var(--bg-elevated);padding:4px;border-radius:8px;width:fit-content}.report-tabs button{padding:10px 20px;border:none;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;border-radius:6px;transition:all .15s}.report-tabs button:hover{color:var(--text)}.report-tabs button.active{background:var(--primary);color:#fff}.report-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.report-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;margin-bottom:24px}.report-section{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px}.report-section.full-width{grid-column:1 / -1}.report-section h3{font-size:15px;font-weight:600;margin-bottom:16px;color:var(--text)}.report-table-wrapper{overflow-x:auto}.report-table{width:100%;border-collapse:collapse}.report-table th,.report-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border);font-size:13px}.report-table th{font-weight:600;color:var(--text-muted);font-size:11px;text-transform:uppercase}.report-table td.number,.report-table th.number{text-align:right}.report-table td.sku{font-family:monospace;font-weight:600;color:var(--primary)}.report-table td.positive{color:var(--success);font-weight:600}.report-note{margin-top:12px;font-size:12px;color:var(--text-muted);font-style:italic}.status-chart{display:flex;flex-direction:column;gap:12px}.status-bar-row{display:flex;align-items:center;gap:12px}.status-bar-row .status-label{width:100px;font-size:12px;font-weight:500;color:var(--text-secondary)}.status-bar-container{flex:1;height:8px;background:var(--bg);border-radius:4px;overflow:hidden}.status-bar{height:100%;background:var(--primary);border-radius:4px;transition:width .3s}.status-bar-row .status-count{width:40px;text-align:right;font-size:13px;font-weight:600}.aging-buckets{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.aging-bucket{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px}.aging-bucket.has-items{border-color:var(--warning)}.bucket-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.bucket-header h4{font-size:14px;font-weight:600;color:var(--text)}.bucket-total{font-weight:700;font-size:16px;color:var(--warning)}.bucket-invoices{display:flex;flex-direction:column;gap:8px}.aging-invoice{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:8px;background:var(--bg);border-radius:6px}.aging-invoice .inv-num{font-weight:600;color:var(--primary)}.aging-invoice .inv-customer{flex:1;padding:0 12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aging-invoice .inv-amount{font-weight:600}.more-invoices{text-align:center;font-size:12px;color:var(--text-muted);padding:8px}.pipeline-funnel{display:flex;flex-direction:column;gap:12px;max-width:600px}.funnel-stage{display:flex;gap:16px;align-items:center}.stage-bar{flex:1;height:24px;background:var(--bg);border-radius:4px;overflow:hidden}.stage-fill{height:100%;border-radius:4px;transition:width .3s}.stage-info{min-width:200px;display:flex;gap:12px;font-size:13px}.stage-info .stage-name{width:80px;font-weight:600}.stage-info .stage-count{width:70px;color:var(--text-secondary)}.stage-info .stage-value{font-weight:500;color:var(--success)}.seo-client-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px;margin-bottom:32px}.seo-client-card{background:var(--card);border-radius:12px;border:1px solid var(--border);overflow:hidden;transition:all .2s ease}.seo-client-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.seo-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 20px 12px}.seo-card-header h3{font-size:17px;font-weight:700;color:var(--text);margin:0}.seo-card-url{font-size:12px;color:var(--text-muted);padding:0 20px 12px}.seo-status{font-size:11px;font-weight:600;padding:4px 10px;border-radius:12px;text-transform:uppercase;letter-spacing:.3px}.seo-status.healthy{background:#22c55e26;color:#22c55e}.seo-status.declining{background:#f59e0b26;color:#f59e0b}.seo-status.needs-attention{background:#ef444426;color:#ef4444}.seo-status.unconfigured{background:#6b728026;color:#6b7280}.seo-card-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);margin:0 20px;border-radius:8px;overflow:hidden}.seo-metric{background:var(--bg);padding:12px 10px;text-align:center}.seo-metric-value{font-size:18px;font-weight:700;color:var(--text);line-height:1.2}.seo-metric-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.seo-metric-change{font-size:11px;font-weight:600;margin-top:2px}.seo-metric-change.positive{color:var(--success)}.seo-metric-change.negative{color:var(--danger)}.seo-card-queries{padding:12px 20px 0}.seo-card-section-title{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.seo-card-queries table{width:100%;border-collapse:collapse}.seo-card-queries th{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;text-align:left;padding:4px 6px;border-bottom:1px solid var(--border)}.seo-card-queries th:last-child{text-align:right}.seo-card-queries td{font-size:12px;padding:5px 6px;border-bottom:1px solid var(--border);color:var(--text-secondary)}.seo-card-queries td:last-child{text-align:right;color:var(--text-muted)}.seo-card-queries tr:last-child td{border-bottom:none}.seo-card-footer{display:flex;justify-content:flex-end;padding:12px 20px 16px}.seo-card-footer a{font-size:13px;font-weight:600;color:var(--primary);text-decoration:none;transition:color .15s}.seo-card-footer a:hover{color:var(--primary-light)}.seo-reco-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.seo-reco-header h2{font-size:18px;font-weight:600;margin:0}.seo-reco-list{display:flex;flex-direction:column;gap:8px;margin-bottom:32px}.seo-reco-item{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:var(--card);border-radius:10px;border:1px solid var(--border)}.seo-reco-item:hover{border-color:#dc26264d}.seo-reco-priority{font-size:10px;font-weight:700;padding:3px 8px;border-radius:4px;text-transform:uppercase;white-space:nowrap;flex-shrink:0;margin-top:2px}.seo-reco-priority.high{background:#ef444426;color:#ef4444}.seo-reco-priority.medium{background:#f59e0b26;color:#f59e0b}.seo-reco-content{flex:1;min-width:0}.seo-reco-title{font-size:14px;font-weight:600;color:var(--text);margin-bottom:2px}.seo-reco-desc{font-size:13px;color:var(--text-secondary);line-height:1.4}.seo-reco-meta{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap}.seo-reco-tag{font-size:10px;font-weight:600;padding:2px 8px;border-radius:4px;background:var(--bg);color:var(--text-muted);text-transform:uppercase}.seo-reco-tag.client{background:#3b82f61f;color:#3b82f6}.seo-unconfigured{background:var(--card);border-radius:12px;border:1px solid var(--border);padding:20px}.seo-unconfigured h3{font-size:15px;font-weight:600;margin-bottom:12px;color:var(--text)}.seo-unconfigured-list{display:flex;flex-wrap:wrap;gap:8px}.seo-unconfigured-item{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--bg);border-radius:8px;font-size:13px;color:var(--text-secondary);text-decoration:none;transition:background .15s}.seo-unconfigured-item:hover{background:var(--bg-hover);color:var(--text)}.seo-unconfigured-item span{color:var(--primary);font-weight:600;font-size:12px}.seo-analyze-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;border-radius:6px;border:1px solid var(--primary);background:transparent;color:var(--primary);cursor:pointer;transition:all .15s}.seo-analyze-btn:hover:not(:disabled){background:var(--primary);color:#fff}.seo-analyze-btn:disabled{opacity:.5;cursor:not-allowed}.seo-analyze-btn .spinner{width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .6s linear infinite}.seo-ai-recos{padding:0 20px 16px}.seo-ai-recos-title{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;display:flex;align-items:center;gap:8px}.seo-ai-recos-title .ai-badge{font-size:9px;padding:2px 6px;border-radius:4px;background:#8b5cf626;color:#8b5cf6;text-transform:uppercase;letter-spacing:.5px}.seo-ai-reco-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;margin-bottom:6px;background:var(--bg);border-radius:8px;border:1px solid var(--border)}.seo-ai-reco-item .priority-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:5px}.seo-ai-reco-item .priority-dot.high{background:#ef4444}.seo-ai-reco-item .priority-dot.medium{background:#f59e0b}.seo-ai-reco-item .priority-dot.low{background:#22c55e}.seo-ai-reco-item .reco-body{flex:1;min-width:0}.seo-ai-reco-item .reco-title{font-size:13px;font-weight:600;color:var(--text);margin-bottom:2px}.seo-ai-reco-item .reco-desc{font-size:12px;color:var(--text-secondary);line-height:1.4}.seo-ai-reco-actions{display:flex;gap:6px;margin-top:8px}.seo-ai-reco-actions button{font-size:11px;font-weight:600;padding:3px 10px;border-radius:4px;border:none;cursor:pointer;transition:all .15s}.seo-ai-reco-actions .btn-apply{background:#22c55e26;color:#22c55e}.seo-ai-reco-actions .btn-apply:hover{background:#22c55e40}.seo-ai-reco-actions .btn-view-changes{background:#3b82f626;color:#3b82f6}.seo-ai-reco-actions .btn-view-changes:hover{background:#3b82f640}.seo-ai-reco-actions .btn-dismiss{background:#6b72801a;color:var(--text-muted)}.seo-ai-reco-actions .btn-dismiss:hover{background:#6b728033}.seo-config-section{display:flex;align-items:center;gap:10px;padding:0 20px 12px;flex-wrap:wrap}.seo-config-section label{font-size:12px;font-weight:600;color:var(--primary);cursor:pointer;transition:color .15s}.seo-config-section label:hover{color:var(--primary-light)}.seo-config-section .config-check{font-size:12px;color:var(--success);display:flex;align-items:center;gap:4px}.seo-deploy-section{padding:8px 20px 12px;display:flex;align-items:center}.btn-deploy{padding:6px 14px;font-size:12px;font-weight:600;border:none;border-radius:6px;cursor:pointer;background:#f97316;color:#fff;transition:background .15s}.btn-deploy:hover{background:#ea580c}.btn-deploy:disabled{opacity:.4;cursor:not-allowed}.deploy-status-row{display:flex;align-items:center;gap:8px;font-size:13px}.deploy-status-text{color:var(--text-muted);font-weight:500}.deploy-status-row.success .deploy-check{color:var(--success);font-weight:600;font-size:12px}.deploy-view-link{font-size:12px;font-weight:600;color:var(--primary);text-decoration:none}.deploy-view-link:hover{text-decoration:underline}.deploy-status-row.failed .deploy-error{color:#ef4444;font-weight:600;font-size:12px}.seo-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.seo-modal{background:var(--card);border-radius:16px;border:1px solid var(--border);max-width:600px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.seo-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 24px 16px;border-bottom:1px solid var(--border)}.seo-modal-header h3{font-size:16px;font-weight:700;color:var(--text);margin:0}.seo-modal-header .close-btn{background:none;border:none;font-size:20px;color:var(--text-muted);cursor:pointer;padding:0;line-height:1}.seo-modal-body{padding:20px 24px 24px}.seo-modal-body .reco-description{font-size:14px;color:var(--text-secondary);line-height:1.5;margin-bottom:20px}.seo-diff{margin-bottom:20px}.seo-diff-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.seo-diff-before,.seo-diff-after{padding:12px 14px;border-radius:8px;font-size:13px;font-family:monospace;line-height:1.5;margin-bottom:12px;word-break:break-word;white-space:pre-wrap}.seo-diff-before{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#ef4444}.seo-diff-after{background:#22c55e14;border:1px solid rgba(34,197,94,.2);color:#22c55e}textarea.seo-diff-after-edit{width:100%;padding:12px 14px;border-radius:8px;font-size:13px;font-family:monospace;line-height:1.5;white-space:pre-wrap;word-break:break-word;background:#22c55e14;border:1px solid rgba(34,197,94,.35);color:#22c55e;resize:vertical;outline:none;box-sizing:border-box}textarea.seo-diff-after-edit:focus{border-color:#22c55e;box-shadow:0 0 0 2px #22c55e26}.seo-modal-actions{display:flex;gap:10px;margin-top:20px}@media (max-width: 1024px){.seo-client-grid{grid-template-columns:1fr}}@media (max-width: 768px){.seo-card-metrics{grid-template-columns:repeat(2,1fr)}}