*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:#0f172a;color:#e2e8f0;min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:linear-gradient(135deg,#1e293b,#334155);padding:1.25rem 1.5rem;border-bottom:1px solid #334155;position:sticky;top:0;z-index:100}.header-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.header-left{flex:1;min-width:200px}.header h1{font-size:1.5rem;font-weight:700;color:#f8fafc}.header p{color:#94a3b8;font-size:.875rem;margin-top:.25rem}.header-right{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.auto-refresh-indicator{display:flex;align-items:center}.toggle-btn{background:#334155;color:#94a3b8;border:1px solid #475569;padding:.5rem .875rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.75rem;transition:all .2s}.toggle-btn.active{background:#22c55e26;border-color:#22c55e;color:#22c55e}.toggle-btn:hover{background:#475569}.toggle-btn.active:hover{background:#22c55e40}.pulse{animation:pulse 2s ease-in-out infinite}.btn-refresh{background:#3b82f6;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.875rem;transition:background .15s}.btn-refresh:hover{background:#2563eb}.btn-refresh:disabled{opacity:.6;cursor:not-allowed}.btn-alert{background:#7f1d1d;color:#fecaca;border:none;padding:.5rem .75rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:.375rem;font-size:.875rem;position:relative}.btn-alert:hover{background:#991b1b}.alert-badge{background:#ef4444;color:#fff;font-size:.625rem;font-weight:700;padding:.125rem .375rem;border-radius:9999px;min-width:18px;text-align:center}.main{flex:1;max-width:1400px;margin:0 auto;padding:1.5rem;width:100%}.alerts-panel{background:#7f1d1d;border:1px solid #991b1b;border-radius:12px;margin-bottom:1.5rem;overflow:hidden}.alerts-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:#0003;border-bottom:1px solid #991b1b}.alerts-header h3{display:flex;align-items:center;gap:.5rem;color:#fecaca;font-size:.9375rem}.close-btn{background:transparent;border:none;color:#fca5a5;cursor:pointer;padding:.25rem;border-radius:4px}.close-btn:hover{background:#ffffff1a}.alerts-list{max-height:200px;overflow-y:auto}.alert-item{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.1)}.alert-item:last-child{border-bottom:none}.alert-icon{color:#fca5a5;flex-shrink:0;margin-top:.125rem}.alert-content{flex:1;min-width:0}.alert-content strong{color:#fef2f2;font-size:.875rem}.alert-content p{color:#fca5a5;font-size:.8125rem;margin-top:.25rem;word-break:break-word}.alert-time{font-size:.6875rem;color:#f87171;margin-top:.25rem;display:block}.error-banner{background:#7f1d1d;color:#fecaca;padding:1rem;border-radius:8px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.stat-card{background:#1e293b;border-radius:12px;padding:1.25rem;text-align:center;border:1px solid #334155;cursor:pointer;transition:all .2s}.stat-card:hover{border-color:#475569;transform:translateY(-2px)}.stat-value{font-size:2rem;font-weight:700;color:#f8fafc}.stat-label{font-size:.6875rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem}.stat-connected .stat-value{color:#22c55e}.stat-pending .stat-value{color:#f59e0b}.stat-error .stat-value{color:#ef4444}.chart-section{margin-bottom:1.5rem}.health-chart{background:#1e293b;border-radius:12px;padding:1.25rem;border:1px solid #334155}.health-chart h3{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;color:#f8fafc;margin-bottom:1rem}.chart-placeholder{background:#1e293b;border-radius:12px;padding:2rem;border:1px solid #334155;text-align:center;color:#64748b}.chart-placeholder svg{margin-bottom:.5rem;opacity:.5}.controls-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.last-updated{font-size:.8125rem;color:#64748b}.export-buttons{display:flex;gap:.5rem}.filters{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:.5rem}.filter-group label{font-size:.875rem;color:#94a3b8}.filter-group select{background:#1e293b;color:#e2e8f0;border:1px solid #334155;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;cursor:pointer}.filter-group select:focus{outline:none;border-color:#3b82f6}.loading{text-align:center;padding:3rem;color:#64748b}.loading p{margin-top:1rem}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem}.integration-card{background:#1e293b;border-radius:12px;padding:1.25rem;border:1px solid #334155;transition:all .2s}.integration-card:hover{border-color:#475569}.integration-card.connected{border-left:4px solid #22c55e}.integration-card.error{border-left:4px solid #ef4444}.integration-card.not_configured{border-left:4px solid #64748b}.card-header{display:flex;align-items:center;gap:1rem;cursor:pointer;margin-bottom:1rem}.card-icon{width:48px;height:48px;background:#334155;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#94a3b8;flex-shrink:0}.connected .card-icon{background:#22c55e26;color:#22c55e}.card-title{flex:1;min-width:0}.card-title h3{font-size:1rem;font-weight:600;color:#f8fafc;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category{font-size:.75rem;color:#64748b}.expand-icon{color:#64748b;flex-shrink:0}.badges{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.status-connected{background:#22c55e26;color:#22c55e}.status-pending{background:#f59e0b26;color:#f59e0b}.status-error{background:#ef444426;color:#ef4444}.status-not-configured{background:#64748b26;color:#94a3b8}.connection-details{background:#0f172a;border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem;font-size:.8125rem}.connection-details p{margin-bottom:.25rem;color:#cbd5e1}.connection-details strong{color:#94a3b8}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:6px;padding:.5rem .75rem;font-size:.75rem;color:#fca5a5;display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;word-break:break-word}.capabilities-section{background:#0f172a;border-radius:8px;padding:.875rem;margin-bottom:1rem}.access-level{margin-bottom:.75rem}.access-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:4px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.access-badge.read-only{background:#3b82f626;color:#60a5fa}.access-badge.not-configured{background:#64748b26;color:#94a3b8}.access-badge.full-access{background:#22c55e26;color:#22c55e}.capabilities-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media(max-width:500px){.capabilities-grid{grid-template-columns:1fr}}.can-do,.cannot-do{font-size:.75rem}.can-do h5,.cannot-do h5{display:flex;align-items:center;gap:.375rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.375rem}.can-do h5{color:#22c55e}.cannot-do h5{color:#f87171}.can-do ul,.cannot-do ul{list-style:none;margin:0;padding:0}.can-do li,.cannot-do li{color:#94a3b8;padding:.125rem 0 .125rem .75rem;position:relative}.can-do li:before{content:"✓";position:absolute;left:0;color:#22c55e;font-size:.625rem}.cannot-do li:before{content:"✗";position:absolute;left:0;color:#f87171;font-size:.625rem}.capabilities-note{font-size:.6875rem;color:#64748b;font-style:italic;margin-top:.5rem}.expanded-content{border-top:1px solid #334155;padding-top:1rem;margin-top:1rem}.scopes-section,.endpoints-section{margin-bottom:1rem}.scopes-section h4,.endpoints-section h4,.sample-data h4{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.scopes-list{display:flex;gap:.5rem;flex-wrap:wrap}.scope-badge{background:#334155;color:#94a3b8;padding:.25rem .5rem;border-radius:4px;font-size:.6875rem;font-family:monospace}.endpoints-list{display:flex;flex-direction:column;gap:.5rem}.endpoint-row{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:#0f172a;border-radius:6px;flex-wrap:wrap}.endpoint-method{background:#3b82f6;color:#fff;padding:.125rem .375rem;border-radius:4px;font-size:.625rem;font-weight:600;font-family:monospace;flex-shrink:0}.endpoint-name{flex:1;font-size:.8125rem;color:#e2e8f0;min-width:80px}.btn-sm{background:#334155;color:#94a3b8;border:none;padding:.375rem .625rem;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:.375rem;font-size:.6875rem;white-space:nowrap}.btn-sm:hover{background:#475569;color:#e2e8f0}.btn-sm:disabled{opacity:.5;cursor:not-allowed}.sample-data{margin-top:1rem}.sample-data-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.sample-data pre{background:#0f172a;border:1px solid #334155;border-radius:8px;padding:1rem;overflow-x:auto;font-size:.6875rem;color:#94a3b8;max-height:300px;overflow-y:auto}.card-actions{display:flex;gap:.5rem;margin-top:1rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;border:none;transition:all .15s}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb}.btn-primary:disabled{background:#334155;color:#64748b;cursor:not-allowed}.btn-secondary{background:#334155;color:#94a3b8}.btn-secondary:hover{background:#475569}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.setup-instructions{background:#1e293b;border-radius:12px;padding:1.5rem;margin-top:2rem;border:1px solid #334155}.setup-instructions h2{font-size:1.125rem;font-weight:600;color:#f8fafc;margin-bottom:1rem}.setup-instructions ol{margin-left:1.25rem;color:#cbd5e1}.setup-instructions li{margin-bottom:.5rem}.footer{background:#0f172a;border-top:1px solid #1e293b;padding:1.5rem;text-align:center;color:#64748b;font-size:.8125rem}.spin{animation:spin 1s linear infinite}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.integrations-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(max-width:768px){.header{padding:1rem}.header-content{flex-direction:column;align-items:stretch}.header-left{text-align:center}.header h1{font-size:1.25rem}.header-right{justify-content:center}.main{padding:1rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-card{padding:1rem}.stat-value{font-size:1.5rem}.stat-label{font-size:.625rem}.integrations-grid{grid-template-columns:1fr;gap:1rem}.controls-row{flex-direction:column;align-items:stretch;gap:.75rem}.last-updated{text-align:center}.export-buttons{justify-content:center}.filters{flex-direction:column;gap:.75rem}.filter-group,.filter-group select{flex:1}.health-chart{padding:1rem}.alerts-panel{margin-bottom:1rem}.alerts-header,.alert-item{padding:.75rem 1rem}.endpoint-row{flex-direction:column;align-items:flex-start;gap:.5rem}.endpoint-row .btn-sm{width:100%;justify-content:center}.card-actions{flex-direction:column}.card-actions .btn{width:100%;justify-content:center}.setup-instructions{padding:1rem}}@media(max-width:480px){.header h1{font-size:1.125rem}.header p{font-size:.75rem}.header-right{flex-wrap:wrap;gap:.5rem}.toggle-btn{font-size:.6875rem;padding:.375rem .625rem}.btn-refresh{font-size:.75rem;padding:.375rem .75rem}.stat-card{padding:.875rem}.stat-value{font-size:1.25rem}.integration-card{padding:1rem}.card-icon{width:40px;height:40px}.card-title h3{font-size:.9375rem}.sample-data pre{font-size:.625rem;padding:.75rem;max-height:200px}}@media(hover:none)and (pointer:coarse){.stat-card:hover,.integration-card:hover{transform:none}.btn:active,.btn-refresh:active,.toggle-btn:active,.btn-sm:active{opacity:.7}}.tab-nav{display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #334155}.tab-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:transparent;border:1px solid #334155;color:#94a3b8;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .15s}.tab-btn:hover{background:#334155;color:#e2e8f0}.tab-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.data-flow-view{margin-top:.5rem}.flow-stats{display:flex;gap:1rem;margin-bottom:1.5rem}.flow-stat{background:#1e293b;border-radius:12px;padding:1rem 1.5rem;text-align:center;border:1px solid #334155;flex:1;max-width:150px}.flow-stat .stat-value{font-size:1.75rem;font-weight:700;color:#f8fafc}.flow-stat .stat-label{font-size:.6875rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem}.flow-stat.connected .stat-value{color:#22c55e}.flow-stat.pending .stat-value{color:#f59e0b}.flow-legend{background:#1e293b;border-radius:12px;padding:1.25rem;border:1px solid #334155;margin-bottom:1.5rem}.flow-legend h3{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:#f8fafc;margin-bottom:.5rem}.flow-legend p{color:#94a3b8;font-size:.875rem;margin-bottom:1rem}.legend-items{display:flex;gap:1.5rem;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:#cbd5e1}.legend-color{width:16px;height:16px;border-radius:4px}.legend-color.source{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.legend-color.hub{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.legend-color.destination{background:linear-gradient(135deg,#22c55e,#16a34a)}.flow-section{margin-bottom:2rem}.flow-section h3{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:#f8fafc;margin-bottom:1rem}.flows-list{display:flex;flex-direction:column;gap:1rem}.data-flow-card{background:#1e293b;border-radius:12px;padding:1.25rem;border:1px solid #334155;transition:all .2s}.data-flow-card:hover{border-color:#475569}.data-flow-card.connected{border-left:4px solid #22c55e}.data-flow-card.not_configured{border-left:4px solid #64748b}.data-flow-card.error{border-left:4px solid #ef4444}.flow-visual{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#0f172a;border-radius:8px;margin-bottom:1rem;overflow-x:auto}.flow-node{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;min-width:140px;flex-shrink:0}.flow-node.source{background:linear-gradient(135deg,#3b82f633,#1d4ed833);border:1px solid rgba(59,130,246,.4)}.flow-node.hub{background:linear-gradient(135deg,#8b5cf633,#6d28d933);border:1px solid rgba(139,92,246,.4)}.flow-node.destination{background:linear-gradient(135deg,#22c55e33,#16a34a33);border:1px solid rgba(34,197,94,.4)}.flow-node-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:8px;flex-shrink:0}.flow-node.source .flow-node-icon{color:#60a5fa}.flow-node.hub .flow-node-icon{color:#a78bfa}.flow-node.destination .flow-node-icon{color:#4ade80}.flow-node-info{display:flex;flex-direction:column;min-width:0}.flow-node-info strong{font-size:.8125rem;color:#f8fafc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flow-node-info span{font-size:.6875rem;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flow-node-info code{font-size:.625rem;color:#a78bfa;background:#8b5cf626;padding:.125rem .375rem;border-radius:4px;font-family:monospace}.flow-arrow{color:#475569;flex-shrink:0}.flow-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.flow-method{background:#3b82f6;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.625rem;font-weight:600;font-family:monospace}.flow-note{font-size:.75rem;color:#f59e0b;font-style:italic}.flow-actions{display:flex;gap:.5rem;flex-wrap:wrap}.flow-actions .btn-primary{background:#3b82f6;color:#fff}.flow-actions .btn-primary:hover{background:#2563eb}.flow-fields{margin-top:1rem;padding-top:1rem;border-top:1px solid #334155}.flow-fields h4{font-size:.75rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.field-table{background:#0f172a;border-radius:8px;overflow:hidden}.field-header{display:grid;grid-template-columns:1fr auto 1fr 2fr;gap:.75rem;padding:.625rem 1rem;background:#1e293b;font-size:.6875rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.field-row{display:grid;grid-template-columns:1fr auto 1fr 2fr;gap:.75rem;padding:.625rem 1rem;border-top:1px solid #1e293b;align-items:center}.field-row:hover{background:#3b82f60d}.source-field{font-size:.75rem;color:#60a5fa;background:#3b82f61a;padding:.25rem .5rem;border-radius:4px;font-family:monospace}.dest-field{font-size:.75rem;color:#4ade80;background:#22c55e1a;padding:.25rem .5rem;border-radius:4px;font-family:monospace}.field-row .arrow{color:#475569;font-size:.75rem}.field-desc{font-size:.75rem;color:#94a3b8}.sample-modal{background:#1e293b;border:1px solid #334155;border-radius:12px;margin-bottom:1.5rem;overflow:hidden}.sample-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:#0f172a;border-bottom:1px solid #334155}.sample-modal-header h3{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;color:#f8fafc}.sample-modal pre{padding:1rem 1.25rem;overflow-x:auto;font-size:.6875rem;color:#94a3b8;max-height:400px;overflow-y:auto;margin:0}.sample-loading{display:flex;align-items:center;gap:.5rem;padding:1rem;color:#94a3b8;font-size:.875rem}@media(max-width:768px){.tab-nav{flex-wrap:wrap}.tab-btn{flex:1;justify-content:center;min-width:120px}.flow-stats{flex-wrap:wrap}.flow-stat{flex:1;min-width:80px;max-width:none}.flow-visual{flex-direction:column;align-items:stretch;gap:.5rem}.flow-node{min-width:0;width:100%}.flow-arrow{transform:rotate(90deg);align-self:center}.field-header,.field-row{grid-template-columns:1fr 1fr;gap:.5rem}.field-header span:nth-child(2),.field-row .arrow{display:none}.field-desc{grid-column:1 / -1;margin-top:.25rem;padding-top:.25rem;border-top:1px dashed #334155}.legend-items{gap:1rem}}@media(max-width:480px){.flow-stat{padding:.75rem 1rem}.flow-stat .stat-value{font-size:1.5rem}.flow-node{padding:.625rem .75rem}.flow-node-icon{width:32px;height:32px}.flow-node-info strong{font-size:.75rem}.flow-actions{flex-direction:column}.flow-actions .btn-sm{width:100%;justify-content:center}}.tab-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#94a3b8;gap:1rem}.tab-loader p{font-size:1rem}.ops-tab{padding:0}.ops-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.ops-header h2{font-size:1.5rem;color:#f8fafc}.ops-header p{color:#94a3b8;margin-top:.25rem}.ops-error{background:#7f1d1d;border:1px solid #991b1b;color:#fecaca;padding:1rem;border-radius:8px;display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.ops-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:2rem}.ops-stat-card{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:1.25rem;display:flex;justify-content:space-between;align-items:flex-start;transition:transform .15s,border-color .15s}.ops-stat-card:hover{transform:translateY(-2px);border-color:#475569}.ops-stat-card.skeleton{min-height:120px}.skeleton-line{background:linear-gradient(90deg,#334155 25%,#475569,#334155 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ops-stat-content{flex:1}.ops-stat-title{color:#94a3b8;font-size:.875rem;margin-bottom:.25rem}.ops-stat-value{color:#f8fafc;font-size:2rem;font-weight:700;line-height:1.2}.ops-stat-subtitle{color:#64748b;font-size:.75rem;margin-top:.25rem}.ops-stat-trend{display:flex;align-items:center;gap:.25rem;font-size:.875rem;margin-top:.5rem}.ops-stat-trend.positive{color:#22c55e}.ops-stat-trend.negative{color:#ef4444}.ops-stat-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.ops-stat-purple .ops-stat-icon{background:linear-gradient(135deg,#8b5cf6,#d946ef)}.ops-stat-blue .ops-stat-icon{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.ops-stat-green .ops-stat-icon{background:linear-gradient(135deg,#22c55e,#14b8a6)}.ops-stat-orange .ops-stat-icon{background:linear-gradient(135deg,#f97316,#eab308)}.ops-stat-red .ops-stat-icon{background:linear-gradient(135deg,#ef4444,#f97316)}.ops-section{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.ops-section h3{display:flex;align-items:center;gap:.5rem;color:#f8fafc;font-size:1rem;margin-bottom:1rem}.attention-grid{display:flex;flex-direction:column;gap:.75rem}.attention-card{background:#0f172a;border:1px solid #334155;border-radius:8px;padding:1rem;display:flex;gap:.75rem;cursor:pointer;transition:border-color .15s,background .15s}.attention-card:hover{background:#1e293b;border-color:#475569}.attention-card.attention-high{border-left:3px solid #ef4444}.attention-card.attention-medium{border-left:3px solid #f97316}.attention-card.attention-low{border-left:3px solid #3b82f6}.attention-icon{width:36px;height:36px;border-radius:8px;background:#334155;display:flex;align-items:center;justify-content:center;color:#94a3b8;flex-shrink:0}.attention-high .attention-icon{background:#7f1d1d;color:#fecaca}.attention-medium .attention-icon{background:#78350f;color:#fed7aa}.attention-content h4{color:#f8fafc;font-size:.9375rem;margin-bottom:.25rem}.attention-content p{color:#94a3b8;font-size:.8125rem;margin-bottom:.5rem}.attention-time{display:flex;align-items:center;gap:.25rem;color:#64748b;font-size:.75rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#64748b;text-align:center}.empty-state svg{margin-bottom:.75rem;color:#475569}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.quick-action{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#0f172a;border:1px solid #334155;border-radius:8px;color:#94a3b8;text-decoration:none;font-size:.8125rem;transition:all .15s}.quick-action:hover{background:#334155;color:#f8fafc;border-color:#475569}.tradeflow-tab{padding:0}.tf-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.tf-header h2{font-size:1.5rem;color:#f8fafc}.tf-header p{color:#94a3b8;margin-top:.25rem}.tf-header-actions{display:flex;gap:.75rem}.tf-error{background:#7f1d1d;border:1px solid #991b1b;color:#fecaca;padding:1rem;border-radius:8px;display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.tf-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.tf-stat-card{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:1.25rem;display:flex;justify-content:space-between;align-items:flex-start}.tf-stat-content{flex:1}.tf-stat-title{color:#94a3b8;font-size:.875rem}.tf-stat-value{color:#f8fafc;font-size:1.75rem;font-weight:700}.tf-stat-subtitle{color:#64748b;font-size:.75rem;margin-top:.25rem}.tf-stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.tf-stat-blue .tf-stat-icon{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.tf-stat-green .tf-stat-icon{background:linear-gradient(135deg,#22c55e,#14b8a6)}.tf-stat-orange .tf-stat-icon{background:linear-gradient(135deg,#f97316,#eab308)}.tf-stat-purple .tf-stat-icon{background:linear-gradient(135deg,#8b5cf6,#d946ef)}.tf-main-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}@media(max-width:900px){.tf-main-grid{grid-template-columns:1fr}}.tf-section{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.tf-section h3{display:flex;align-items:center;gap:.5rem;color:#f8fafc;font-size:1rem;margin-bottom:1rem}.po-list,.payments-list{display:flex;flex-direction:column;gap:.75rem}.po-card{background:#0f172a;border:1px solid #334155;border-radius:8px;padding:1rem}.po-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.po-number{display:flex;align-items:center;gap:.5rem;color:#f8fafc;font-weight:600}.po-supplier{display:flex;align-items:center;gap:.5rem;color:#94a3b8;font-size:.875rem;margin-bottom:.5rem}.po-details{display:flex;gap:1rem;font-size:.8125rem;color:#64748b;margin-bottom:.5rem}.po-details div{display:flex;align-items:center;gap:.25rem}.po-amount{color:#22c55e}.po-payments-due{display:flex;align-items:center;gap:.5rem;background:#78350f;color:#fed7aa;padding:.375rem .625rem;border-radius:4px;font-size:.75rem;width:fit-content}.status-badge{padding:.25rem .625rem;border-radius:9999px;font-size:.6875rem;font-weight:600;text-transform:uppercase}.status-draft{background:#334155;color:#94a3b8}.status-sent{background:#1e40af;color:#93c5fd}.status-confirmed{background:#0e4429;color:#86efac}.status-shipped{background:#164e63;color:#67e8f9}.status-received{background:#166534;color:#86efac}.status-invoiced{background:#6b21a8;color:#d8b4fe}.payment-due-card{background:#0f172a;border:1px solid #334155;border-radius:8px;padding:1rem;display:flex;justify-content:space-between;align-items:center}.payment-due-card.overdue{border-color:#ef4444;background:#450a0a}.payment-due-card.due-soon{border-color:#f97316}.payment-info{flex:1}.payment-po{display:flex;align-items:center;gap:.5rem;color:#f8fafc;font-weight:600;font-size:.9375rem}.payment-supplier{color:#94a3b8;font-size:.8125rem}.payment-stage{color:#64748b;font-size:.75rem}.payment-amount{text-align:right}.payment-amount .amount{color:#f8fafc;font-weight:700;font-size:1.125rem}.payment-amount .due-date{display:flex;align-items:center;gap:.25rem;color:#64748b;font-size:.75rem;justify-content:flex-end}.overdue-text{color:#ef4444}.facilities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.facility-card{background:#0f172a;border:1px solid #334155;border-radius:8px;padding:1.25rem}.facility-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.facility-header h4{display:flex;align-items:center;gap:.5rem;color:#f8fafc;font-size:1rem}.interest-rate{background:#1e40af;color:#93c5fd;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.facility-bar-container{margin-bottom:.75rem}.facility-bar{height:8px;background:#334155;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.facility-bar-fill{height:100%;background:linear-gradient(90deg,#22c55e,#14b8a6);border-radius:4px;transition:width .3s}.facility-bar-fill.warning{background:linear-gradient(90deg,#f97316,#ef4444)}.facility-numbers{display:flex;justify-content:space-between;font-size:.75rem;color:#94a3b8}.facility-limit{color:#64748b;font-size:.8125rem;text-align:right}.dropship-tab{padding:0}.dropship-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.dropship-header h2{font-size:1.5rem;color:#f8fafc}.dropship-header p{color:#94a3b8;margin-top:.25rem}.dropship-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:2rem}.dropship-stat{background:#1e293b;border:1px solid #334155;border-radius:10px;padding:1rem;display:flex;align-items:center;gap:.75rem}.dropship-stat svg{color:#8b5cf6}.dropship-stat .stat-value{color:#f8fafc;font-size:1.5rem;font-weight:700;display:block}.dropship-stat .stat-label{color:#64748b;font-size:.75rem}.dropship-section{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.dropship-section h3{display:flex;align-items:center;gap:.5rem;color:#f8fafc;font-size:1rem;margin-bottom:1rem}.section-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.filters{display:flex;gap:.75rem;align-items:center}.search-box{display:flex;align-items:center;gap:.5rem;background:#0f172a;border:1px solid #334155;border-radius:6px;padding:.5rem .75rem}.search-box input{background:transparent;border:none;color:#f8fafc;outline:none;font-size:.875rem;width:150px}.status-filter{background:#0f172a;border:1px solid #334155;border-radius:6px;padding:.5rem .75rem;color:#f8fafc;font-size:.875rem}.suppliers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.supplier-card{background:#0f172a;border:1px solid #334155;border-radius:8px;padding:1rem}.supplier-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.supplier-name{display:flex;align-items:center;gap:.5rem}.supplier-name h4{color:#f8fafc;font-size:1rem}.supplier-name svg{color:#8b5cf6}.supplier-stats{display:flex;gap:1rem;margin-bottom:.75rem}.supplier-stats .stat{display:flex;align-items:center;gap:.25rem;color:#94a3b8;font-size:.8125rem}.supplier-footer{display:flex;justify-content:space-between;align-items:center}.performance-badge{padding:.25rem .5rem;border-radius:4px;font-size:.6875rem;font-weight:600;text-transform:uppercase}.perf-excellent{background:#166534;color:#86efac}.perf-good{background:#1e40af;color:#93c5fd}.perf-fair{background:#78350f;color:#fed7aa}.perf-poor{background:#7f1d1d;color:#fecaca}.supplier-active{border-left:3px solid #22c55e}.supplier-inactive{border-left:3px solid #64748b;opacity:.7}.supplier-pending{border-left:3px solid #f97316}.last-order{color:#64748b;font-size:.75rem}.orders-table-container{overflow-x:auto}.orders-table{width:100%;border-collapse:collapse}.orders-table th{text-align:left;padding:.75rem;color:#94a3b8;font-size:.75rem;text-transform:uppercase;border-bottom:1px solid #334155}.orders-table td{padding:.75rem;color:#e2e8f0;font-size:.875rem;border-bottom:1px solid #1e293b}.dropship-order-row:hover{background:#ffffff05}.empty-cell{text-align:center}.order-pending{background:#78350f;color:#fed7aa}.order-processing{background:#1e40af;color:#93c5fd}.order-shipped{background:#164e63;color:#67e8f9}.order-delivered{background:#166534;color:#86efac}.threecx-tab{padding:0}.threecx-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.threecx-header h2{font-size:1.5rem;color:#f8fafc}.threecx-header p{color:#94a3b8;margin-top:.25rem}.threecx-section{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.threecx-section h3{display:flex;align-items:center;gap:.5rem;color:#f8fafc;font-size:1rem;margin-bottom:1rem}.count-badge{background:#3b82f6;color:#fff;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:700;margin-left:.5rem}.call-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.call-stat{background:#0f172a;border:1px solid #334155;border-radius:10px;padding:1rem;display:flex;align-items:center;gap:.75rem}.call-stat.incoming svg{color:#22c55e}.call-stat.outgoing svg{color:#3b82f6}.call-stat.missed svg{color:#ef4444}.call-stat.voicemail svg{color:#8b5cf6}.call-stat .stat-info .stat-value{color:#f8fafc;font-size:1.5rem;font-weight:700;display:block}.call-stat .stat-info .stat-label{color:#64748b;font-size:.75rem}.voicemail-card{background:#0f172a;border:1px solid #334155;border-radius:8px;padding:1rem}.voicemail-card.unread{border-left:3px solid #3b82f6;background:#3b82f60d}.vm-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.vm-caller{display:flex;align-items:center;gap:.5rem}.vm-caller svg{color:#64748b}.caller-name{color:#f8fafc;font-weight:600}.caller-number{color:#94a3b8;font-size:.875rem}.new-badge{background:#3b82f6;color:#fff;padding:.125rem .5rem;border-radius:4px;font-size:.6875rem;font-weight:700}.vm-meta{display:flex;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.vm-meta span{display:flex;align-items:center;gap:.25rem;color:#64748b;font-size:.8125rem}.vm-transcription{background:#1e293b;border-radius:6px;padding:.75rem;margin-bottom:.75rem}.vm-transcription p{color:#e2e8f0;font-size:.875rem;font-style:italic}.vm-actions{display:flex;gap:.5rem;flex-wrap:wrap}.bull-tab{padding:0}.bull-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.bull-brand{display:flex;align-items:center;gap:.75rem}.flame-icon{color:#f97316;animation:flame-flicker .5s ease-in-out infinite alternate}@keyframes flame-flicker{0%{transform:scale(1);filter:brightness(1)}to{transform:scale(1.05);filter:brightness(1.2)}}.bull-brand h2{font-size:1.5rem;color:#f8fafc}.bull-brand p{color:#94a3b8;margin-top:.25rem}.bull-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:2rem}.bull-stat{background:#1e293b;border:1px solid #334155;border-radius:10px;padding:1rem;display:flex;align-items:center;gap:.75rem}.bull-stat svg{color:#f97316}.bull-stat.highlight{border-color:#f97316;background:#f973161a}.bull-stat .stat-value{color:#f8fafc;font-size:1.5rem;font-weight:700;display:block}.bull-stat .stat-label{color:#64748b;font-size:.75rem}.bull-section{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.bull-section .section-header h3{display:flex;align-items:center;gap:.5rem;color:#f8fafc;font-size:1rem}.orders-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem}.bull-order-card{background:#0f172a;border:1px solid #334155;border-radius:8px;padding:1rem}.bull-order-card .order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.bull-order-card .order-number{display:flex;align-items:center;gap:.5rem;color:#f8fafc;font-weight:600}.order-customer{margin-bottom:.5rem}.customer-info{display:flex;align-items:center;gap:.5rem;color:#f8fafc;font-size:.9375rem}.customer-contact{color:#64748b;font-size:.8125rem;margin-left:1.5rem}.order-delivery{display:flex;align-items:flex-start;gap:.5rem;color:#94a3b8;font-size:.8125rem;margin-bottom:.75rem}.order-delivery svg{flex-shrink:0;margin-top:.125rem}.order-item{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:#e2e8f0;padding:.25rem 0}.item-qty{color:#94a3b8;min-width:30px}.order-footer{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.order-total{display:flex;align-items:center;gap:.25rem;color:#22c55e;font-size:1.25rem}.order-date{display:flex;align-items:center;gap:.25rem;color:#64748b;font-size:.8125rem}.order-notes{display:flex;align-items:center;gap:.5rem;background:#78350f;color:#fed7aa;padding:.5rem .75rem;border-radius:6px;font-size:.8125rem;margin-bottom:.75rem}.status-pending{background:#78350f;color:#fed7aa}.status-processing{background:#1e40af;color:#93c5fd}.email-triage-tab{padding:0}.email-triage-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.email-triage-header h2{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;color:#f8fafc}.email-triage-header p{color:#94a3b8;margin-top:.25rem}.email-triage-actions{display:flex;gap:.75rem}.email-triage-error{background:#7f1d1d;border:1px solid #991b1b;color:#fecaca;padding:1rem;border-radius:8px;display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.email-triage-error button{margin-left:auto;background:transparent;border:none;color:#fca5a5;cursor:pointer;padding:.25rem}.email-triage-info{background:#1e3a5f;border:1px solid #1e40af;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.email-triage-info p{color:#e2e8f0;font-size:.875rem;margin-bottom:.5rem}.email-triage-info .last-check{display:flex;align-items:center;gap:.5rem;color:#94a3b8;font-size:.8125rem;margin-bottom:0}.email-triage-stats{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.triage-stat{background:#1e293b;border:1px solid #334155;border-radius:10px;padding:1rem 1.5rem;text-align:center;min-width:100px}.triage-stat .stat-value{font-size:2rem;font-weight:700;color:#f97316}.triage-stat .stat-label{font-size:.75rem;color:#94a3b8;text-transform:uppercase}.triage-stat.info{display:flex;align-items:center;gap:.5rem;color:#94a3b8}.triage-stat.info svg{color:#64748b}.email-triage-list{display:flex;flex-direction:column;gap:.75rem}.triage-email-card{background:#1e293b;border:1px solid #334155;border-radius:8px;padding:1rem;display:grid;grid-template-columns:auto 1fr auto auto;gap:1rem;align-items:center;transition:border-color .15s}.triage-email-card:hover{border-color:#475569}.email-sender{display:flex;align-items:center;gap:.75rem;min-width:200px}.sender-avatar{width:40px;height:40px;background:#334155;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#94a3b8}.sender-info{overflow:hidden}.sender-name{color:#f8fafc;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sender-domain{color:#64748b;font-size:.75rem}.email-subject{display:flex;align-items:center;gap:.5rem;color:#e2e8f0;font-size:.875rem;overflow:hidden}.email-subject svg{flex-shrink:0;color:#64748b}.email-subject span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-date{display:flex;align-items:center;gap:.25rem;color:#64748b;font-size:.8125rem;white-space:nowrap}.email-actions{display:flex;gap:.5rem}.btn-danger{background:#7f1d1d;color:#fecaca}.btn-danger:hover{background:#991b1b}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#64748b}.empty-state svg{color:#22c55e;margin-bottom:1rem}.empty-state h3{color:#f8fafc;font-size:1.25rem;margin-bottom:.5rem}.email-preview-modal{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.email-preview-content{background:#1e293b;border:1px solid #334155;border-radius:12px;max-width:800px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:#0f172a;border-bottom:1px solid #334155}.preview-header h3{display:flex;align-items:center;gap:.5rem;color:#f8fafc;font-size:1rem}.preview-header .close-btn{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:.25rem;border-radius:4px}.preview-header .close-btn:hover{background:#334155;color:#f8fafc}.preview-meta{padding:1rem 1.25rem;background:#0f172a;border-bottom:1px solid #334155}.meta-row{margin-bottom:.5rem;font-size:.875rem}.meta-row strong{color:#94a3b8;margin-right:.5rem}.meta-row span{color:#e2e8f0}.meta-row.subject span{color:#22c55e}.preview-body{flex:1;padding:1.25rem;overflow-y:auto;background:#fff;color:#1e293b;font-size:.875rem;line-height:1.6}.preview-body pre{white-space:pre-wrap;word-break:break-word;font-family:inherit;margin:0}.preview-actions{display:flex;gap:.75rem;padding:1rem 1.25rem;background:#0f172a;border-top:1px solid #334155}.email-rules-tab{padding:0}.email-rules-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.email-rules-header h2{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;color:#f8fafc}.email-rules-header p{color:#94a3b8;margin-top:.25rem}.email-rules-actions{display:flex;gap:.75rem}.email-rules-error{background:#7f1d1d;border:1px solid #991b1b;color:#fecaca;padding:1rem;border-radius:8px;display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.email-rules-error button{margin-left:auto;background:transparent;border:none;color:#fca5a5;cursor:pointer;padding:.25rem}.email-rules-subtabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid #334155;padding-bottom:.5rem}.subtab{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:transparent;border:1px solid transparent;color:#94a3b8;border-radius:8px 8px 0 0;cursor:pointer;font-size:.875rem;transition:all .15s}.subtab:hover{color:#e2e8f0;background:#1e293b}.subtab.active{background:#1e293b;border-color:#334155;border-bottom-color:#1e293b;color:#f8fafc}.subtab .badge{background:#3b82f6;color:#fff;font-size:.6875rem;font-weight:700;padding:.125rem .5rem;border-radius:9999px}.email-rules-stats{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.rule-stat{background:#1e293b;border:1px solid #334155;border-radius:10px;padding:1rem 1.5rem;text-align:center;min-width:80px}.rule-stat .stat-value{font-size:1.5rem;font-weight:700;color:#f8fafc}.rule-stat .stat-label{font-size:.6875rem;color:#94a3b8;text-transform:uppercase}.rule-stat.pending .stat-value{color:#f59e0b}.rule-stat.approved .stat-value{color:#22c55e}.rule-stat.created .stat-value{color:#8b5cf6}.rule-stat.rejected .stat-value{color:#ef4444}.create-rules-banner{background:linear-gradient(135deg,#22c55e26,#14b8a626);border:1px solid rgba(34,197,94,.3);border-radius:8px;padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.banner-text{display:flex;align-items:center;gap:.5rem;color:#4ade80;font-weight:500}.rules-list{display:flex;flex-direction:column;gap:1.5rem}.rules-group h3{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.rule-card{background:#1e293b;border:1px solid #334155;border-radius:8px;padding:1rem;margin-bottom:.75rem;transition:border-color .15s}.rule-card:hover{border-color:#475569}.rule-card.status-pending{border-left:4px solid #f59e0b}.rule-card.status-approved{border-left:4px solid #22c55e}.rule-card.status-rejected{border-left:4px solid #ef4444;opacity:.7}.rule-card.status-created{border-left:4px solid #8b5cf6}.rule-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;margin-bottom:.75rem}.rule-name-section{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.rule-name-section h4{color:#f8fafc;font-size:1rem;margin:0}.priority-badge{padding:.25rem .5rem;border-radius:4px;font-size:.625rem;font-weight:600;text-transform:uppercase}.priority-high{background:#ef4444;color:#fff}.priority-medium{background:#3b82f6;color:#fff}.priority-low{background:#6b7280;color:#fff}.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;border-radius:9999px;font-size:.6875rem;font-weight:500;text-transform:capitalize}.status-badge.status-pending{background:#f59e0b26;color:#f59e0b}.status-badge.status-approved{background:#22c55e26;color:#22c55e}.status-badge.status-rejected{background:#ef444426;color:#ef4444}.status-badge.status-created{background:#8b5cf626;color:#a78bfa}.rule-toggle{color:#64748b}.rule-criteria-preview{display:flex;gap:1rem;flex-wrap:wrap;font-size:.8125rem;color:#94a3b8}.rule-criteria-preview span{display:flex;align-items:center;gap:.25rem}.rule-details{border-top:1px solid #334155;padding-top:1rem;margin-top:.75rem}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}@media(max-width:600px){.details-grid{grid-template-columns:1fr}}.detail-section h5{font-size:.6875rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.detail-content{background:#0f172a;border-radius:6px;padding:.75rem;font-size:.8125rem}.detail-content p{margin-bottom:.25rem;color:#e2e8f0}.detail-content strong{color:#94a3b8}.actions-preview{display:flex;flex-wrap:wrap;gap:.5rem}.action-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#334155;border-radius:4px;font-size:.75rem;color:#e2e8f0}.rule-reasoning{font-size:.8125rem;color:#94a3b8;font-style:italic;margin-bottom:1rem}.rule-card-actions{display:flex;gap:.5rem;flex-wrap:wrap}.btn-approve{background:#22c55e;color:#fff}.btn-approve:hover{background:#16a34a}.btn-reject{background:#ef4444;color:#fff}.btn-reject:hover{background:#dc2626}.gmail-filters-section{margin-top:0}.gmail-filters-info{display:flex;align-items:center;gap:.5rem;background:#78350f;border:1px solid #92400e;color:#fed7aa;padding:1rem;border-radius:8px;margin-bottom:1.5rem}.gmail-filters-list{display:flex;flex-direction:column;gap:.75rem}.gmail-filter-card{background:#1e293b;border:1px solid #334155;border-radius:8px;padding:1rem}.filter-criteria{margin-bottom:.75rem;font-size:.875rem}.filter-criteria strong{color:#94a3b8;margin-right:.5rem}.filter-criteria span{display:inline-block;margin-right:1rem;color:#22c55e;font-family:monospace;font-size:.8125rem}.filter-actions-list{margin-bottom:.75rem;font-size:.8125rem}.filter-actions-list strong{color:#94a3b8;margin-right:.5rem}.filter-actions-list .action-label,.filter-actions-list .action-archive,.filter-actions-list .action-read,.filter-actions-list .action-forward{display:inline-flex;align-items:center;gap:.25rem;margin-right:.75rem;padding:.25rem .5rem;background:#334155;border-radius:4px;color:#f59e0b}.filter-card-actions{display:flex;gap:.5rem}@media(max-width:768px){.triage-email-card{grid-template-columns:1fr;gap:.75rem}.email-sender{min-width:auto}.email-actions{justify-content:flex-start}.email-preview-modal{padding:1rem}.email-preview-content{max-height:95vh}.preview-actions{flex-direction:column}}.dropship-tab.loading-state,.dropship-tab.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;color:#94a3b8}.dropship-tab.error-state{color:#f87171}.supplier-desc{color:#94a3b8;font-size:.8125rem;margin:.5rem 0;line-height:1.4}.supplier-sync{margin:.75rem 0;font-size:.75rem}.sync-time{color:#22c55e}.sync-error{color:#f87171;display:flex;align-items:center;gap:.25rem}.sync-never{color:#64748b}.integration-icon{font-size:1.25rem}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;background:#1e293b;border:1px solid #334155;color:#94a3b8;cursor:pointer;text-decoration:none;transition:all .15s}.btn-icon:hover{background:#334155;color:#f1f5f9}.supplier-actions{display:flex;align-items:center;gap:.5rem}.vendor-chips{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;padding:.75rem 1rem;background:#0f172a;border-radius:8px;margin-bottom:1rem}.vendor-label{color:#64748b;font-size:.8125rem;font-weight:500}.vendor-chip{display:inline-flex;align-items:center;padding:.25rem .5rem;background:#1e293b;border:1px solid #334155;border-radius:4px;font-size:.75rem;color:#94a3b8}.dropship-filters{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.dropship-filters .search-box{flex:1;min-width:200px}.products-table-container{background:#0f172a;border-radius:8px;border:1px solid #1e293b;overflow:hidden}.products-table{width:100%;border-collapse:collapse}.products-table th,.products-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #1e293b}.products-table th{background:#1e293b;color:#94a3b8;font-weight:500;font-size:.8125rem;text-transform:uppercase;letter-spacing:.05em}.products-table tbody tr:hover{background:#1e293b40}.product-image-cell{width:60px;padding:.5rem!important}.product-thumbnail{width:48px;height:48px;object-fit:cover;border-radius:4px;background:#1e293b}.product-no-image{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#1e293b;border-radius:4px;color:#475569}.product-title{font-weight:500;color:#f1f5f9;margin-bottom:.25rem}.product-meta{display:flex;gap:.5rem;font-size:.75rem}.product-meta .sku{color:#64748b;font-family:monospace}.product-meta .category{color:#94a3b8;background:#1e293b;padding:.125rem .375rem;border-radius:3px}.price-cell{white-space:nowrap}.price-cell .price{color:#22c55e;font-weight:500}.price-cell .discount{margin-left:.5rem;font-size:.75rem;color:#f87171;background:#7f1d1d;padding:.125rem .375rem;border-radius:3px}.availability-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.availability-badge.in-stock{background:#14532d;color:#4ade80}.availability-badge.out-of-stock{background:#7f1d1d;color:#fca5a5}.loading-inline{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:#94a3b8}.sync-status-table{overflow-x:auto}.integration-badge{display:inline-flex;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:uppercase}.integration-badge.shopify{background:#14532d;color:#4ade80}.integration-badge.api{background:#1e40af;color:#93c5fd}.integration-badge.scraper{background:#78350f;color:#fed7aa}.status-badge.success{background:#14532d;color:#4ade80}.status-badge.error{background:#7f1d1d;color:#fca5a5}.status-badge.pending{background:#374151;color:#9ca3af}.status-badge svg{margin-right:.25rem}.under-construction-tab{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:2rem}.construction-content{text-align:center;padding:3rem;background:#ffffff0d;border-radius:16px;border:2px dashed rgba(255,193,7,.4);max-width:500px}.construction-icon{color:#ffc107;margin-bottom:1.5rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.construction-content h2{color:#fff;margin-bottom:.5rem;font-size:1.8rem}.construction-content>p{color:#ffc107;font-size:1.2rem;font-weight:600;margin-bottom:1.5rem}.construction-details{display:flex;align-items:center;justify-content:center;gap:.75rem;color:#ffffffb3;margin-bottom:1.5rem;padding:1rem;background:#0003;border-radius:8px}.construction-note{color:#ffffff80;font-size:.9rem;font-style:italic}.btn-theme-toggle{background:#334155;color:#f59e0b;border:1px solid #475569;padding:.5rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-theme-toggle:hover{background:#475569;transform:scale(1.05)}.email-tab{padding:0}.email-tab-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.email-tab-header h2{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;color:#f8fafc}.email-tab-header p{color:#94a3b8;margin-top:.25rem}.email-subtab-nav{display:flex;gap:.5rem;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid #334155}.email-subtab-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;border:none;color:#94a3b8;border-radius:8px 8px 0 0;cursor:pointer;font-size:.9375rem;font-weight:500;transition:all .15s;position:relative}.email-subtab-btn:hover{color:#e2e8f0;background:#1e293b}.email-subtab-btn.active{background:#3b82f6;color:#fff}.email-subtab-btn.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#3b82f6}.email-subtab-content{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:1.25rem}[data-theme=light]{color-scheme:light}[data-theme=light] body{background:#f1f5f9;color:#1e293b}[data-theme=light] .header{background:linear-gradient(135deg,#fff,#f8fafc);border-bottom-color:#e2e8f0}[data-theme=light] .header h1{color:#1e293b}[data-theme=light] .header p{color:#64748b}[data-theme=light] .tab-nav{border-top-color:#e2e8f0}[data-theme=light] .tab-btn{border-color:#e2e8f0;color:#64748b}[data-theme=light] .tab-btn:hover{background:#f8fafc;color:#1e293b}[data-theme=light] .tab-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}[data-theme=light] .main{background:#f1f5f9}[data-theme=light] .toggle-btn{background:#f8fafc;color:#64748b;border-color:#e2e8f0}[data-theme=light] .toggle-btn.active{background:#22c55e1a;border-color:#22c55e;color:#16a34a}[data-theme=light] .toggle-btn:hover{background:#e2e8f0}[data-theme=light] .btn-theme-toggle{background:#f8fafc;color:#64748b;border-color:#e2e8f0}[data-theme=light] .btn-theme-toggle:hover{background:#e2e8f0}[data-theme=light] .stat-card,[data-theme=light] .integration-card,[data-theme=light] .health-chart,[data-theme=light] .setup-instructions,[data-theme=light] .ops-section,[data-theme=light] .tf-section,[data-theme=light] .dropship-section,[data-theme=light] .threecx-section,[data-theme=light] .bull-section,[data-theme=light] .email-subtab-content,[data-theme=light] .data-flow-card,[data-theme=light] .flow-legend{background:#fff;border-color:#e2e8f0}[data-theme=light] .stat-value{color:#1e293b}[data-theme=light] .stat-label{color:#64748b}[data-theme=light] .card-icon{background:#f1f5f9;color:#64748b}[data-theme=light] .connected .card-icon{background:#22c55e1a;color:#16a34a}[data-theme=light] .card-title h3,[data-theme=light] .email-tab-header h2,[data-theme=light] .email-triage-header h2,[data-theme=light] .email-rules-header h2,[data-theme=light] .rule-name-section h4{color:#1e293b}[data-theme=light] .category,[data-theme=light] .email-tab-header p,[data-theme=light] .email-triage-header p,[data-theme=light] .email-rules-header p{color:#64748b}[data-theme=light] .connection-details{background:#f8fafc}[data-theme=light] .connection-details p{color:#475569}[data-theme=light] .connection-details strong{color:#64748b}[data-theme=light] .capabilities-section{background:#f8fafc}[data-theme=light] .expanded-content{border-top-color:#e2e8f0}[data-theme=light] .scope-badge{background:#e2e8f0;color:#64748b}[data-theme=light] .endpoint-row{background:#f8fafc}[data-theme=light] .endpoint-name{color:#1e293b}[data-theme=light] .btn-sm{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}[data-theme=light] .btn-sm:hover{background:#e2e8f0;color:#1e293b}[data-theme=light] .btn{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;box-shadow:0 1px 2px #0000000d}[data-theme=light] .btn:hover{background:#e5e7eb;border-color:#9ca3af;color:#1f2937}[data-theme=light] .btn:focus{outline:none;box-shadow:0 0 0 3px #3b82f64d}[data-theme=light] .btn-primary{background:#2563eb;color:#fff;border:1px solid #1d4ed8;box-shadow:0 1px 3px #2563eb4d}[data-theme=light] .btn-primary:hover{background:#1d4ed8;border-color:#1e40af;color:#fff}[data-theme=light] .btn-primary:focus{box-shadow:0 0 0 3px #2563eb66}[data-theme=light] .btn-primary:disabled{background:#d1d5db;color:#9ca3af;border-color:#e5e7eb;box-shadow:none;cursor:not-allowed}[data-theme=light] .btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db;box-shadow:0 1px 2px #0000000d}[data-theme=light] .btn-secondary:hover{background:#f3f4f6;border-color:#9ca3af;color:#1f2937}[data-theme=light] .btn-secondary:focus{box-shadow:0 0 0 3px #6b728033}[data-theme=light] .btn-secondary:disabled{background:#f9fafb;color:#9ca3af;border-color:#e5e7eb;cursor:not-allowed}[data-theme=light] .btn-danger{background:#dc2626;color:#fff;border:1px solid #b91c1c;box-shadow:0 1px 3px #dc26264d}[data-theme=light] .btn-danger:hover{background:#b91c1c;border-color:#991b1b;color:#fff}[data-theme=light] .btn-danger:focus{box-shadow:0 0 0 3px #dc26264d}[data-theme=light] .btn-danger:disabled{background:#fca5a5;color:#fff;border-color:#fca5a5;opacity:.6;cursor:not-allowed}[data-theme=light] .btn-refresh{background:#2563eb;color:#fff;border:1px solid #1d4ed8;box-shadow:0 1px 3px #2563eb4d}[data-theme=light] .btn-refresh:hover{background:#1d4ed8;border-color:#1e40af}[data-theme=light] .btn-refresh:disabled{background:#93c5fd;border-color:#93c5fd;opacity:.7}[data-theme=light] .btn-alert{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}[data-theme=light] .btn-alert:hover{background:#fee2e2;border-color:#fca5a5}[data-theme=light] .btn-approve{background:#059669;color:#fff;border:1px solid #047857;box-shadow:0 1px 3px #0596694d}[data-theme=light] .btn-approve:hover{background:#047857;border-color:#065f46}[data-theme=light] .btn-reject{background:#dc2626;color:#fff;border:1px solid #b91c1c;box-shadow:0 1px 3px #dc26264d}[data-theme=light] .btn-reject:hover{background:#b91c1c;border-color:#991b1b}[data-theme=light] .btn-icon{background:#fff;color:#6b7280;border:1px solid #e5e7eb}[data-theme=light] .btn-icon:hover{background:#f3f4f6;color:#374151;border-color:#d1d5db}[data-theme=light] .btn-warning{background:#f59e0b;color:#fff;border:1px solid #d97706;box-shadow:0 1px 3px #f59e0b4d}[data-theme=light] .btn-warning:hover{background:#d97706;border-color:#b45309}[data-theme=light] .btn-success{background:#059669;color:#fff;border:1px solid #047857}[data-theme=light] .btn-success:hover{background:#047857;border-color:#065f46}[data-theme=light] .btn-ghost{background:transparent;color:#6b7280;border:1px solid transparent}[data-theme=light] .btn-ghost:hover{background:#f3f4f6;color:#374151}[data-theme=light] .btn-link{background:transparent;color:#2563eb;border:none}[data-theme=light] .btn-link:hover{color:#1d4ed8;text-decoration:underline}[data-theme=light] .tab-btn{background:#fff;border:1px solid #e5e7eb;color:#6b7280;box-shadow:0 1px 2px #0000000d}[data-theme=light] .tab-btn:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}[data-theme=light] .tab-btn.active{background:#2563eb;border-color:#1d4ed8;color:#fff;box-shadow:0 1px 3px #2563eb4d}[data-theme=light] .filter-btn{background:#fff;color:#6b7280;border:1px solid #e5e7eb}[data-theme=light] .filter-btn:hover{background:#f3f4f6;border-color:#d1d5db;color:#374151}[data-theme=light] .filter-btn.active{background:#eff6ff;border-color:#2563eb;color:#2563eb}[data-theme=light] .toggle-btn{background:#fff;color:#6b7280;border:1px solid #e5e7eb}[data-theme=light] .toggle-btn:hover{background:#f3f4f6;border-color:#d1d5db}[data-theme=light] .toggle-btn.active{background:#dcfce7;border-color:#22c55e;color:#15803d}[data-theme=light] .toggle-btn.active:hover{background:#bbf7d0}[data-theme=light] .close-btn{background:transparent;color:#9ca3af;border:none}[data-theme=light] .close-btn:hover{background:#f3f4f6;color:#6b7280}[data-theme=light] .card-actions .btn{box-shadow:0 1px 2px #0000000d}[data-theme=light] .flow-actions .btn-primary{background:#2563eb;color:#fff;border:1px solid #1d4ed8}[data-theme=light] .flow-actions .btn-primary:hover{background:#1d4ed8}[data-theme=light] .flow-actions .btn-sm{background:#fff;color:#6b7280;border:1px solid #e5e7eb}[data-theme=light] .flow-actions .btn-sm:hover{background:#f3f4f6;color:#374151}[data-theme=light] .quick-action{background:#fff;border:1px solid #e5e7eb;color:#6b7280;box-shadow:0 1px 2px #0000000d}[data-theme=light] .quick-action:hover{background:#f9fafb;border-color:#d1d5db;color:#374151;box-shadow:0 2px 4px #0000001a}[data-theme=light] .export-buttons .btn-sm{background:#fff;color:#6b7280;border:1px solid #e5e7eb}[data-theme=light] .export-buttons .btn-sm:hover{background:#f3f4f6;border-color:#d1d5db;color:#374151}[data-theme=light] .email-subtab-btn{background:transparent;color:#6b7280;border-bottom:2px solid transparent}[data-theme=light] .email-subtab-btn:hover{color:#374151;background:#f9fafb}[data-theme=light] .email-subtab-btn.active{color:#2563eb;border-bottom-color:#2563eb}[data-theme=light] .subtab{background:#fff;color:#6b7280;border:1px solid #e5e7eb}[data-theme=light] .subtab:hover{background:#f3f4f6;color:#374151}[data-theme=light] .subtab.active{background:#2563eb;border-color:#2563eb;color:#fff}[data-theme=light] .btn-active{background:#2563eb;color:#fff;border-color:#1d4ed8}[data-theme=light] .btn.highlight,[data-theme=light] .test-actions .btn.highlight{background:#f59e0b;color:#fff;border-color:#d97706}[data-theme=light] .sample-data pre{background:#f8fafc;border-color:#e2e8f0;color:#64748b}[data-theme=light] .filter-group select{background:#fff;color:#1e293b;border-color:#e2e8f0}[data-theme=light] .footer{background:#fff;border-top-color:#e2e8f0;color:#64748b}[data-theme=light] .recharts-cartesian-axis-tick text{fill:#64748b!important}[data-theme=light] .email-subtab-nav{border-bottom-color:#e2e8f0}[data-theme=light] .email-subtab-btn{color:#64748b}[data-theme=light] .email-subtab-btn:hover{color:#1e293b;background:#f8fafc}[data-theme=light] .email-triage-info{background:#eff6ff;border-color:#3b82f6}[data-theme=light] .email-triage-info p{color:#1e293b}[data-theme=light] .triage-stat,[data-theme=light] .rule-stat,[data-theme=light] .triage-email-card{background:#fff;border-color:#e2e8f0}[data-theme=light] .triage-email-card:hover{border-color:#cbd5e1}[data-theme=light] .sender-avatar{background:#f1f5f9;color:#64748b}[data-theme=light] .sender-name{color:#1e293b}[data-theme=light] .sender-domain{color:#94a3b8}[data-theme=light] .email-subject{color:#1e293b}[data-theme=light] .email-subject svg{color:#94a3b8}[data-theme=light] .email-date{color:#94a3b8}[data-theme=light] .email-rules-subtabs{border-bottom-color:#e2e8f0}[data-theme=light] .subtab:hover{color:#1e293b;background:#f8fafc}[data-theme=light] .subtab.active{background:#f8fafc;border-color:#e2e8f0;border-bottom-color:#f8fafc;color:#1e293b}[data-theme=light] .rule-card{background:#fff;border-color:#e2e8f0}[data-theme=light] .rule-card:hover{border-color:#cbd5e1}[data-theme=light] .rule-criteria-preview{color:#64748b}[data-theme=light] .rule-details{border-top-color:#e2e8f0}[data-theme=light] .detail-content{background:#f8fafc}[data-theme=light] .detail-content p{color:#1e293b}[data-theme=light] .detail-content strong{color:#64748b}[data-theme=light] .action-tag{background:#f1f5f9;color:#1e293b}[data-theme=light] .gmail-filter-card{background:#fff;border-color:#e2e8f0}[data-theme=light] .gmail-filters-info{background:#fef3c7;border-color:#f59e0b;color:#92400e}[data-theme=light] .empty-state{color:#94a3b8}[data-theme=light] .empty-state h3{color:#1e293b}[data-theme=light] .ops-stat-card,[data-theme=light] .tf-stat-card,[data-theme=light] .dropship-stat,[data-theme=light] .bull-stat,[data-theme=light] .call-stat{background:#fff;border-color:#e2e8f0}[data-theme=light] .ops-stat-title,[data-theme=light] .tf-stat-title{color:#64748b}[data-theme=light] .ops-stat-value,[data-theme=light] .tf-stat-value{color:#1e293b}[data-theme=light] .attention-card{background:#fff;border-color:#e2e8f0}[data-theme=light] .attention-card:hover{background:#f8fafc;border-color:#cbd5e1}[data-theme=light] .attention-content h4{color:#1e293b}[data-theme=light] .attention-content p{color:#64748b}[data-theme=light] .quick-action{background:#fff;border-color:#e2e8f0;color:#64748b}[data-theme=light] .quick-action:hover{background:#f8fafc;color:#1e293b;border-color:#cbd5e1}[data-theme=light] .flow-visual{background:#f8fafc}[data-theme=light] .flow-stat .stat-value{color:#1e293b}[data-theme=light] .flow-stat .stat-label{color:#64748b}[data-theme=light] .flow-node-info strong{color:#1e293b}[data-theme=light] .flow-node-info span{color:#64748b}[data-theme=light] .flow-legend h3,[data-theme=light] .flow-section h3{color:#1e293b}[data-theme=light] .flow-legend p{color:#64748b}[data-theme=light] .legend-item{color:#475569}[data-theme=light] .field-table{background:#f8fafc}[data-theme=light] .field-header{background:#f1f5f9;color:#64748b}[data-theme=light] .field-row{border-top-color:#e2e8f0}[data-theme=light] .field-row:hover{background:#3b82f60d}[data-theme=light] .field-desc{color:#64748b}.rural-orders-tab{padding:0}.rural-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:12px}.rural-header h2{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.5rem;color:#fff}.rural-header p{color:#94a3b8;margin:.25rem 0 0}.header-actions{display:flex;align-items:center;gap:1rem}.last-check{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#94a3b8}.rural-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;margin-bottom:1rem}.rural-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-bottom:1.5rem}.rural-stats .stat-card{background:#1e293b;border:1px solid #334155;border-radius:10px;padding:1rem;text-align:center;cursor:pointer;transition:all .2s ease}.rural-stats .stat-card:hover{border-color:#60a5fa;transform:translateY(-2px)}.rural-stats .stat-value{font-size:1.75rem;font-weight:700;color:#fff}.rural-stats .stat-label{font-size:.75rem;color:#94a3b8;margin-top:.25rem}.rural-stats .stat-rural .stat-value{color:#f59e0b}.rural-stats .stat-standard .stat-value{color:#22c55e}.rural-stats .stat-unknown .stat-value{color:#94a3b8}.rural-stats .stat-surcharge .stat-value{color:#ef4444}.surcharge-queue-card{background:linear-gradient(135deg,#ef44441a,#ef44440d);border:1px solid rgba(239,68,68,.3);border-radius:12px;margin-bottom:1.5rem;overflow:hidden}.queue-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:#ef44441a;border-bottom:1px solid rgba(239,68,68,.2)}.queue-header h3{display:flex;align-items:center;gap:.5rem;margin:0;font-size:.9rem;color:#f87171}.queue-total{font-size:.8rem;color:#fca5a5}.queue-list{max-height:200px;overflow-y:auto}.queue-item{display:flex;justify-content:space-between;padding:.75rem 1.25rem;border-bottom:1px solid rgba(239,68,68,.1);cursor:pointer;transition:background .2s}.queue-item:hover{background:#ef44441a}.queue-item:last-child{border-bottom:none}.queue-item-main{display:flex;align-items:center;gap:.75rem}.queue-order-number{font-weight:600;color:#fff}.queue-store{font-size:.75rem;color:#94a3b8;background:#94a3b81a;padding:.125rem .5rem;border-radius:4px}.queue-item-details{display:flex;align-items:center;gap:1rem}.queue-customer{font-size:.8rem;color:#94a3b8}.queue-amount{font-weight:600;color:#f87171}.rural-filters{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding:.75rem;background:#1e293b;border-radius:8px}.search-box{display:flex;align-items:center;gap:.5rem;flex:1;padding:.5rem .75rem;background:#0f172a;border:1px solid #334155;border-radius:6px}.search-box input{flex:1;background:none;border:none;outline:none;color:#fff;font-size:.85rem}.search-box svg{color:#64748b}.filter-buttons{display:flex;align-items:center;gap:.5rem}.filter-buttons svg{color:#64748b}.filter-btn{padding:.375rem .75rem;border:1px solid #334155;border-radius:6px;background:transparent;color:#94a3b8;font-size:.75rem;cursor:pointer;transition:all .2s}.filter-btn:hover{border-color:#60a5fa;color:#fff}.filter-btn.active{background:#60a5fa;border-color:#60a5fa;color:#fff}.rural-orders-list{display:flex;flex-direction:column;gap:.75rem}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#64748b}.empty-state svg{opacity:.5;margin-bottom:1rem}.rural-order-card{background:#1e293b;border:1px solid #334155;border-radius:10px;overflow:hidden;transition:all .2s}.rural-order-card:hover{border-color:#475569}.rural-order-card.needs-surcharge{border-color:#ef444466}.order-header{display:flex;align-items:center;padding:.875rem 1rem;cursor:pointer;gap:1rem}.order-main-info{display:flex;align-items:center;gap:.75rem;flex:1}.order-number{font-weight:600;color:#fff}.order-store{font-size:.7rem;padding:.125rem .5rem;background:#60a5fa1a;color:#60a5fa;border-radius:4px}.order-customer{flex:1}.customer-name{font-size:.85rem;color:#94a3b8}.order-actions-mini{color:#64748b}.rural-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:6px;font-size:.7rem;font-weight:600}.rural-yes{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.rural-no{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.rural-unknown{background:#94a3b81a;color:#94a3b8;border:1px solid rgba(148,163,184,.3)}.override-marker{font-size:.6rem;margin-left:2px}.surcharge-alert{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ef44441a;border-top:1px solid rgba(239,68,68,.2);color:#f87171;font-size:.75rem}.order-details{padding:1rem;background:#0f172a80;border-top:1px solid #334155}.detail-section{margin-bottom:1rem}.detail-section:last-child{margin-bottom:0}.detail-section h4{display:flex;align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.detail-section p{margin:0;color:#e2e8f0;font-size:.85rem}.detail-section .address{line-height:1.5}.matched-address{margin-top:.5rem;color:#64748b!important}.paid-rural{color:#22c55e!important}.paid-standard{color:#f59e0b!important}.override-info{background:#60a5fa1a;padding:.75rem;border-radius:6px;border:1px solid rgba(96,165,250,.2)}.order-actions{margin-top:1rem;padding-top:1rem;border-top:1px solid #334155;display:flex;flex-direction:column;gap:.75rem}.override-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.btn-sm{padding:.375rem .75rem;font-size:.75rem}.btn-active{background:#60a5fa!important;border-color:#60a5fa!important}.btn-success{background:#22c55e;border-color:#22c55e}.btn-warning{background:#f59e0b;border-color:#f59e0b;color:#000}.btn-ghost{background:transparent;border-color:#475569;color:#94a3b8}.btn-ghost:hover{border-color:#64748b;color:#fff}.override-input{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.override-input input{flex:1;min-width:200px;padding:.5rem .75rem;background:#0f172a;border:1px solid #334155;border-radius:6px;color:#fff;font-size:.8rem}.override-input input::placeholder{color:#64748b}.surcharge-actions{display:flex;gap:.5rem}[data-theme=light] .rural-header{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}[data-theme=light] .rural-header h2{color:#1e293b}[data-theme=light] .rural-header p{color:#64748b}[data-theme=light] .rural-stats .stat-card{background:#fff;border-color:#e2e8f0}[data-theme=light] .rural-stats .stat-value{color:#1e293b}[data-theme=light] .rural-filters{background:#f8fafc}[data-theme=light] .search-box{background:#fff;border-color:#e2e8f0}[data-theme=light] .filter-btn{border-color:#e2e8f0;color:#64748b}[data-theme=light] .rural-order-card{background:#fff;border-color:#e2e8f0}[data-theme=light] .order-number{color:#1e293b}[data-theme=light] .order-details{background:#f8fafc;border-top-color:#e2e8f0}[data-theme=light] .detail-section p{color:#1e293b}[data-theme=light] .override-input input{background:#fff;border-color:#e2e8f0;color:#1e293b}@media(max-width:768px){.rural-stats{grid-template-columns:repeat(3,1fr)}.rural-filters{flex-direction:column;align-items:stretch}.filter-buttons,.order-header{flex-wrap:wrap}.order-main-info{width:100%}}.rural-orders-tab{padding:1.5rem}.rural-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.rural-title{display:flex;align-items:center;gap:.75rem}.rural-title h2{margin:0;font-size:1.5rem}.rural-controls{display:flex;gap:.75rem}.store-select{padding:.5rem 1rem;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:inherit;font-size:.9rem}.refresh-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:6px;border:none;background:var(--accent-color, #3b82f6);color:#fff;cursor:pointer;transition:opacity .2s}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.refresh-btn .spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rural-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:1.5rem}.summary-card{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.summary-card.rural{border-color:#f59e0b}.summary-card.standard{border-color:#10b981}.summary-card.warning{border-color:#ef4444;background:#ef44441a}.summary-card.money{border-color:#8b5cf6}.summary-card>div{display:flex;flex-direction:column}.summary-value{font-size:1.25rem;font-weight:600}.summary-label{font-size:.75rem;opacity:.7}.rural-filters{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.filter-btn{padding:.5rem 1rem;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:transparent;color:inherit;cursor:pointer;font-size:.85rem;transition:all .2s}.filter-btn:hover{background:#ffffff1a}.filter-btn.active{background:var(--accent-color, #3b82f6);border-color:var(--accent-color, #3b82f6)}.rural-error{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ef44441a;border:1px solid #ef4444;border-radius:8px;color:#ef4444;margin-bottom:1rem}.rural-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem;opacity:.7}.rural-orders-table{overflow-x:auto}.rural-orders-table table{width:100%;border-collapse:collapse}.rural-orders-table th,.rural-orders-table td{padding:.75rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.rural-orders-table th{font-weight:600;font-size:.8rem;text-transform:uppercase;opacity:.7}.rural-orders-table tr.needs-surcharge{background:#ef44441a}.order-info,.customer-info,.address-info{display:flex;flex-direction:column;gap:.25rem}.order-number{font-weight:600}.order-date,.customer-email{font-size:.8rem;opacity:.7}.dropship-badge{display:inline-block;padding:.15rem .5rem;background:#8b5cf6;border-radius:4px;font-size:.7rem;margin-top:.25rem}.no-address{opacity:.5;font-style:italic}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:4px;font-size:.8rem;font-weight:500}.status-badge.rural{background:#f59e0b33;color:#f59e0b}.status-badge.standard{background:#10b98133;color:#10b981}.status-badge.manual{background:#3b82f633;color:#3b82f6}.status-badge.unknown{background:#9ca3af33;color:#9ca3af}.shipping-paid{font-family:monospace}.surcharge-needed{color:#ef4444;font-weight:600}.no-surcharge{opacity:.5}.action-btn{padding:.4rem;border-radius:4px;border:none;cursor:pointer;transition:all .2s}.action-btn.invoice{background:#ef444433;color:#ef4444}.action-btn.confirm-rural{background:#f59e0b33;color:#f59e0b}.action-btn.confirm-standard{background:#10b98133;color:#10b981}.action-btn:hover{opacity:.8;transform:scale(1.1)}.rural-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;opacity:.7}.rural-empty h3{margin:1rem 0 .5rem}.rural-empty p{margin:0;font-size:.9rem}[data-theme=light] .rural-orders-tab{color:#1f2937}[data-theme=light] .summary-card{background:#00000008;border-color:#0000001a}[data-theme=light] .store-select{background:#fff;border-color:#0003}[data-theme=light] .rural-orders-table th,[data-theme=light] .rural-orders-table td{border-color:#0000001a}[data-theme=light] .filter-btn{border-color:#0003}.rule-analysis-modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.rule-analysis-modal{background:#1e293b;border:1px solid #334155;border-radius:12px;max-width:700px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000080}.rule-analysis-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #334155}.rule-analysis-modal .modal-title{display:flex;align-items:center;gap:.75rem}.rule-analysis-modal .modal-title h2{font-size:1.25rem;font-weight:600;color:#f8fafc}.rule-analysis-modal .modal-title svg{color:#f59e0b}.rule-analysis-modal .close-btn{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s}.rule-analysis-modal .close-btn:hover{background:#ffffff1a;color:#f8fafc}.rule-analysis-modal .modal-body{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.analysis-section{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:8px;padding:1rem}.analysis-section h3{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;color:#f59e0b;margin-bottom:.75rem}.analysis-content{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.analysis-stat{text-align:center}.analysis-stat .stat-label{display:block;font-size:.75rem;color:#94a3b8;margin-bottom:.25rem}.analysis-stat .stat-value{display:block;font-size:1.25rem;font-weight:600;color:#f8fafc}.reasoning-box{display:flex;align-items:flex-start;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(245,158,11,.2)}.reasoning-box svg{flex-shrink:0;color:#94a3b8;margin-top:2px}.reasoning-box p{font-size:.85rem;color:#94a3b8;line-height:1.5;margin:0}.form-section{display:flex;flex-direction:column;gap:.75rem}.form-section>label{font-size:.9rem;font-weight:500;color:#f8fafc}.form-section>input[type=text]{padding:.75rem;background:#0f172a;border:1px solid #334155;border-radius:6px;color:#e2e8f0;font-size:.9rem;transition:border-color .2s}.form-section>input[type=text]:focus{outline:none;border-color:#3b82f6}.form-section h3{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;color:#f8fafc;margin-bottom:.25rem}.form-section h3 svg{color:#3b82f6}.section-desc{font-size:.8rem;color:#94a3b8;margin-bottom:.5rem}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-group label{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#cbd5e1}.form-group label svg{color:#64748b}.form-group input[type=text]{padding:.625rem .75rem;background:#0f172a;border:1px solid #334155;border-radius:6px;color:#e2e8f0;font-size:.9rem;transition:border-color .2s}.form-group input[type=text]:focus{outline:none;border-color:#3b82f6}.form-group input[type=text]::placeholder{color:#475569}.form-group .hint{font-size:.75rem;color:#64748b;margin-left:.25rem}.checkbox-group label{cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:#3b82f6;cursor:pointer}.label-input-group,.label-input-wrapper{position:relative}.label-dropdown{position:absolute;top:100%;left:0;right:0;background:#0f172a;border:1px solid #334155;border-top:none;border-radius:0 0 6px 6px;max-height:200px;overflow-y:auto;z-index:10;box-shadow:0 10px 25px #0000004d}.label-option{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;cursor:pointer;font-size:.85rem;color:#cbd5e1;transition:background .15s}.label-option:hover{background:#3b82f626}.label-option svg{color:#64748b}.btn-link{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:.8rem;padding:.25rem 0;text-decoration:underline;text-underline-offset:2px}.btn-link:hover{color:#60a5fa}.example-section{background:#3b82f61a;border-radius:6px;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.25rem}.example-label{font-size:.75rem;color:#64748b}.example-value{font-size:.85rem;color:#e2e8f0;font-style:italic}.test-results-section{background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:8px;padding:1rem}.test-results-section h3{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;color:#10b981;margin-bottom:.75rem}.test-message{font-size:.85rem;color:#94a3b8}.test-summary{font-size:.85rem;color:#cbd5e1;margin-bottom:.5rem}.test-emails-list{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto}.test-email-item{display:grid;grid-template-columns:1fr 2fr auto;gap:.75rem;padding:.5rem .75rem;background:#0003;border-radius:4px;font-size:.8rem}.test-email-item .email-from{font-weight:500;color:#e2e8f0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.test-email-item .email-subject{color:#94a3b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.test-email-item .email-date{color:#64748b;white-space:nowrap}.rule-analysis-modal .modal-footer{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-top:1px solid #334155;background:#0003}.rule-analysis-modal .footer-right{display:flex;align-items:center;gap:.75rem}.editing-indicator{margin-left:.375rem;color:#f59e0b;animation:pulse 1.5s ease-in-out infinite}[data-theme=light] .rule-analysis-modal{background:#fff;border-color:#e2e8f0}[data-theme=light] .rule-analysis-modal .modal-title h2{color:#1f2937}[data-theme=light] .form-section>label,[data-theme=light] .form-section h3{color:#1f2937}[data-theme=light] .form-group label{color:#374151}[data-theme=light] .form-group input[type=text],[data-theme=light] .form-section>input[type=text]{background:#f8fafc;border-color:#e2e8f0;color:#1f2937}[data-theme=light] .form-group input[type=text]::placeholder{color:#9ca3af}[data-theme=light] .label-dropdown{background:#fff;border-color:#e2e8f0}[data-theme=light] .label-option:hover{background:#3b82f61a}[data-theme=light] .analysis-stat .stat-value{color:#1f2937}[data-theme=light] .test-email-item{background:#00000008}[data-theme=light] .test-email-item .email-from{color:#1f2937}[data-theme=light] .test-email-item .email-subject{color:#6b7280}[data-theme=light] .rule-analysis-modal .modal-footer{background:#00000008}.rule-builder-modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.rule-builder-modal{background:#1a1a2e;border-radius:12px;width:95vw;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080}.rule-builder-modal.loading{width:300px;max-width:90vw;padding:3rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.rule-builder-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.rule-builder-modal .modal-title{display:flex;align-items:center;gap:.75rem}.rule-builder-modal .modal-title h2{margin:0;font-size:1.25rem;font-weight:600;color:#fff}.rule-builder-modal .close-btn{background:none;border:none;color:#9ca3af;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s}.rule-builder-modal .close-btn:hover{background:#ffffff1a;color:#fff}.split-pane-content{display:grid;grid-template-columns:400px 1fr;flex:1;overflow:hidden;min-height:0}.split-pane-content.left-collapsed{grid-template-columns:40px 1fr}.left-pane{border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;overflow:hidden;background:#0003;transition:all .3s ease}.left-pane.collapsed{width:40px;min-width:40px}.left-pane .pane-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.1);background:#0003}.left-pane .pane-header h3{display:flex;align-items:center;gap:.5rem;margin:0;font-size:.875rem;font-weight:500;color:#9ca3af}.left-pane.collapsed .pane-header h3{display:none}.collapse-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s}.collapse-btn:hover{background:#ffffff1a;color:#fff}.email-preview-panel{flex:1;overflow-y:auto;padding:1rem}.preview-meta-compact{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.preview-meta-compact .meta-item{display:flex;gap:.5rem;font-size:.8rem;color:#9ca3af}.preview-meta-compact .meta-item strong{color:#d1d5db;min-width:60px}.preview-meta-compact .meta-item span{word-break:break-all}.preview-meta-compact .meta-item.subject span{color:#fff;font-weight:500}.preview-body-compact{font-size:.8rem;color:#9ca3af;line-height:1.5;max-height:400px;overflow-y:auto}.preview-body-compact pre{white-space:pre-wrap;word-wrap:break-word;margin:0;font-family:inherit}.right-pane{display:flex;flex-direction:column;overflow-y:auto;padding:1.5rem;gap:1.5rem}.vars-section{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:8px;padding:1rem}.vars-section h3{display:flex;align-items:center;gap:.5rem;margin:0 0 .25rem;font-size:.9rem;font-weight:600;color:#60a5fa}.section-hint{margin:0 0 1rem;font-size:.75rem;color:#9ca3af}.vars-grid{display:flex;flex-direction:column;gap:1rem}.var-group{display:flex;flex-direction:column;gap:.5rem}.var-group-title{font-size:.75rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.var-checkbox{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#d1d5db;cursor:pointer}.var-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:#3b82f6}.var-checkbox .var-label{min-width:80px}.var-checkbox code{font-size:.75rem;background:#0000004d;padding:.125rem .375rem;border-radius:4px;color:#60a5fa}.var-info{display:flex;gap:.5rem;font-size:.8rem;color:#9ca3af;padding-left:1.5rem}.keyword-chips{display:flex;flex-wrap:wrap;gap:.375rem}.keyword-chip{padding:.25rem .5rem;font-size:.75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#d1d5db;cursor:pointer;transition:all .2s}.keyword-chip:hover{background:#3b82f633;border-color:#3b82f64d}.keyword-chip.selected{background:#3b82f6;border-color:#3b82f6;color:#fff}.test-actions{margin-top:1rem;display:flex;justify-content:flex-end}.test-actions .btn.highlight{animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #3b82f666}50%{box-shadow:0 0 0 8px #3b82f600}}.test-results-section{background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:8px;padding:1rem}.test-results-section h3{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:.9rem;font-weight:600;color:#10b981}.results-summary{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(16,185,129,.2)}.match-count-big{display:flex;flex-direction:column}.match-count-big .count{font-size:2rem;font-weight:700;color:#10b981;line-height:1}.match-count-big .label{font-size:.75rem;color:#9ca3af}.date-range{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#9ca3af}.frequency-stats{margin-bottom:1rem}.frequency-stats h4{display:flex;align-items:center;gap:.375rem;margin:0 0 .5rem;font-size:.75rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.freq-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.freq-stat{background:#0003;padding:.5rem;border-radius:6px;text-align:center}.freq-stat .freq-value{display:block;font-size:1.25rem;font-weight:600;color:#fff}.freq-stat .freq-label{font-size:.65rem;color:#9ca3af}.folder-breakdown{margin-bottom:1rem}.folder-breakdown h4{display:flex;align-items:center;gap:.375rem;margin:0 0 .5rem;font-size:.75rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.folder-list{display:flex;flex-direction:column;gap:.25rem}.folder-item{display:flex;justify-content:space-between;align-items:center;padding:.375rem .5rem;background:#0003;border-radius:4px;font-size:.8rem}.folder-name{color:#d1d5db}.folder-count{color:#10b981;font-weight:600}.sample-matches h4{display:flex;align-items:center;gap:.375rem;margin:0 0 .5rem;font-size:.75rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.sample-list{display:flex;flex-direction:column;gap:.375rem}.sample-email{display:grid;grid-template-columns:120px 1fr auto;gap:.5rem;padding:.5rem;background:#0003;border-radius:4px;font-size:.75rem}.sample-from{color:#d1d5db;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sample-subject{color:#9ca3af;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sample-date{color:#6b7280;white-space:nowrap}.actions-section{background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:8px;padding:1rem}.actions-section h3{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:.9rem;font-weight:600;color:#a78bfa}.actions-section .form-group{margin-bottom:.75rem}.actions-section .form-group label{display:flex;align-items:center;gap:.375rem;margin-bottom:.375rem;font-size:.75rem;font-weight:500;color:#9ca3af}.actions-section input[type=text]{width:100%;padding:.5rem .75rem;font-size:.85rem;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;transition:all .2s}.actions-section input[type=text]:focus{outline:none;border-color:#a78bfa;box-shadow:0 0 0 3px #8b5cf633}.actions-section input[type=text]::placeholder{color:#6b7280}.action-checkboxes{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.action-checkbox{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#d1d5db;cursor:pointer}.action-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:#a78bfa}.label-input-group .label-input-wrapper{position:relative}.label-input-group .label-dropdown{position:absolute;top:100%;left:0;right:0;background:#1f2937;border:1px solid rgba(255,255,255,.1);border-radius:6px;max-height:200px;overflow-y:auto;z-index:100;margin-top:4px}.label-option{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.85rem;color:#d1d5db;cursor:pointer;transition:background .2s}.label-option:hover{background:#8b5cf633}.rule-builder-modal .modal-footer{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.1);background:#0003}.rule-builder-modal .footer-right{display:flex;gap:.75rem}.rule-tracking-preview{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;color:#9ca3af;background:#0003;border-top:1px solid rgba(255,255,255,.05)}.tracking-comparison{color:#6b7280;margin-left:auto}.rule-stats-section{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.rule-stats-section h5{display:flex;align-items:center;gap:.375rem;margin:0 0 .75rem;font-size:.75rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.stats-loading{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#6b7280}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.stat-item{background:#0003;padding:.5rem;border-radius:6px;text-align:center}.stat-item .stat-value{display:block;font-size:1rem;font-weight:600;color:#fff}.stat-item .stat-label{font-size:.65rem;color:#6b7280}.stats-empty{font-size:.8rem;color:#6b7280;font-style:italic}.status-badge.status-paused{background:#f59e0b33;color:#f59e0b}.status-badge.status-cancelled{background:#6b728033;color:#6b7280}.status-badge.status-active{background:#10b98133;color:#10b981}.rule-stat.paused{border-color:#f59e0b}.rule-stat.paused .stat-value{color:#f59e0b}.btn-warning{background:#f59e0b33;border:1px solid rgba(245,158,11,.3);color:#f59e0b}.btn-warning:hover{background:#f59e0b4d;border-color:#f59e0b}.rules-group.collapsed-group{opacity:.7}@media(max-width:1024px){.split-pane-content{grid-template-columns:1fr}.left-pane,.split-pane-content.left-collapsed .left-pane{display:none}.rule-builder-modal{max-width:100%}.freq-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.rule-builder-modal .modal-footer{flex-direction:column;gap:.75rem}.rule-builder-modal .footer-right{width:100%;justify-content:flex-end}.sample-email{grid-template-columns:1fr}}[data-theme=light] .rule-builder-modal{background:#fff;border-color:#e5e7eb}[data-theme=light] .rule-builder-modal .modal-header{border-color:#e5e7eb}[data-theme=light] .rule-builder-modal .modal-title h2{color:#1f2937}[data-theme=light] .left-pane{background:#f9fafb;border-color:#e5e7eb}[data-theme=light] .left-pane .pane-header{background:#f3f4f6;border-color:#e5e7eb}[data-theme=light] .preview-meta-compact .meta-item strong{color:#374151}[data-theme=light] .preview-meta-compact .meta-item.subject span{color:#1f2937}[data-theme=light] .vars-section{background:#3b82f60d;border-color:#3b82f626}[data-theme=light] .var-checkbox{color:#374151}[data-theme=light] .var-checkbox code{background:#3b82f61a}[data-theme=light] .keyword-chip{background:#f3f4f6;border-color:#e5e7eb;color:#374151}[data-theme=light] .keyword-chip:hover{background:#3b82f61a}[data-theme=light] .test-results-section{background:#10b9810d;border-color:#10b98126}[data-theme=light] .freq-stat,[data-theme=light] .folder-item,[data-theme=light] .sample-email{background:#00000008}[data-theme=light] .freq-stat .freq-value,[data-theme=light] .stat-item .stat-value{color:#1f2937}[data-theme=light] .folder-name,[data-theme=light] .sample-from{color:#374151}[data-theme=light] .actions-section{background:#8b5cf60d;border-color:#8b5cf626}[data-theme=light] .actions-section input[type=text]{background:#fff;border-color:#e5e7eb;color:#1f2937}[data-theme=light] .action-checkbox{color:#374151}[data-theme=light] .label-input-group .label-dropdown{background:#fff;border-color:#e5e7eb}[data-theme=light] .label-option{color:#374151}[data-theme=light] .label-option:hover{background:#8b5cf61a}[data-theme=light] .rule-builder-modal .modal-footer{background:#f9fafb;border-color:#e5e7eb}[data-theme=light] .rule-tracking-preview{background:#f3f4f6}[data-theme=light] .rule-stats-section{border-color:#e5e7eb}[data-theme=light] .stat-item{background:#f3f4f6}.email-preview-content.scan-modal{max-width:700px}.scan-content{padding:1.5rem;max-height:60vh;overflow-y:auto}.scan-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;gap:1rem;color:#94a3b8}.scan-loading p{font-size:.9375rem}.scan-success{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;gap:1rem;text-align:center}.scan-success .success-icon{color:#22c55e}.scan-success h3{font-size:1.5rem;color:#f8fafc}.scan-success p{color:#94a3b8;margin-bottom:1rem}.scan-summary{display:flex;gap:1rem;margin-bottom:1.5rem}.scan-summary .summary-stat{flex:1;background:#0f172a;border:1px solid #334155;border-radius:8px;padding:1rem;text-align:center}.scan-summary .stat-value{display:block;font-size:1.75rem;font-weight:700;color:#3b82f6}.scan-summary .stat-label{display:block;font-size:.75rem;color:#94a3b8;margin-top:.25rem}.no-matches{display:flex;flex-direction:column;align-items:center;padding:2rem;color:#22c55e;text-align:center;gap:.75rem}.no-matches p{color:#94a3b8}.scan-results-list{display:flex;flex-direction:column;gap:.75rem}.scan-result-card{background:#0f172a;border:1px solid #334155;border-radius:8px;overflow:hidden}.result-header{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;cursor:pointer;transition:background .15s}.result-header:hover{background:#3b82f61a}.result-toggle{color:#94a3b8}.result-info{flex:1}.result-name{font-weight:600;color:#f8fafc;margin-bottom:.25rem}.result-actions{display:flex;gap:.375rem;flex-wrap:wrap}.action-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:4px;font-size:.6875rem;font-weight:500}.action-badge.label{background:#8b5cf633;color:#a78bfa}.action-badge.archive{background:#f59e0b33;color:#fbbf24}.action-badge.read{background:#22c55e33;color:#22c55e}.result-count{text-align:right}.result-count .count-value{display:block;font-size:1.25rem;font-weight:700;color:#3b82f6}.result-count .count-label{font-size:.6875rem;color:#94a3b8}.result-samples{padding:.75rem 1rem;background:#0003;border-top:1px solid #334155}.samples-label{font-size:.75rem;color:#64748b;margin-bottom:.5rem}.sample-email{padding:.5rem;background:#ffffff08;border-radius:4px;margin-bottom:.5rem}.sample-email:last-child{margin-bottom:0}.sample-from{font-size:.75rem;color:#94a3b8;margin-bottom:.125rem}.sample-subject{font-size:.8125rem;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scan-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.25rem;background:#0f172a;border-top:1px solid #334155}.scan-error{display:flex;flex-direction:column;align-items:center;padding:2rem;color:#f87171;text-align:center;gap:.75rem}.email-preview-content.apply-prompt{max-width:500px}.apply-prompt-content{padding:1.5rem}.prompt-loading{display:flex;flex-direction:column;align-items:center;padding:2rem;gap:1rem;color:#94a3b8}.prompt-message p{margin-bottom:.75rem;color:#e2e8f0}.prompt-message .match-count strong{color:#3b82f6}.prompt-message .no-matches{color:#22c55e;font-style:italic}.prompt-samples{background:#0f172a;border:1px solid #334155;border-radius:8px;padding:.75rem;margin:1rem 0}.prompt-actions-info{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.prompt-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.25rem;background:#0f172a;border-top:1px solid #334155}.prompt-error{display:flex;flex-direction:column;align-items:center;padding:2rem;color:#f87171;text-align:center;gap:.5rem}[data-theme=light] .scan-loading,[data-theme=light] .scan-success p,[data-theme=light] .no-matches p,[data-theme=light] .prompt-loading{color:#6b7280}[data-theme=light] .scan-summary .summary-stat{background:#f3f4f6;border-color:#e5e7eb}[data-theme=light] .scan-result-card{background:#f9fafb;border-color:#e5e7eb}[data-theme=light] .result-header:hover{background:#3b82f614}[data-theme=light] .result-name{color:#1f2937}[data-theme=light] .result-samples{background:#00000008;border-color:#e5e7eb}[data-theme=light] .sample-email{background:#00000005}[data-theme=light] .sample-subject{color:#374151}[data-theme=light] .scan-actions,[data-theme=light] .prompt-actions{background:#f9fafb;border-color:#e5e7eb}[data-theme=light] .prompt-message p{color:#374151}[data-theme=light] .prompt-samples{background:#f3f4f6;border-color:#e5e7eb}.sandbox-tab{padding:1.5rem;max-width:1600px;margin:0 auto}.sandbox-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.sandbox-title h2{font-size:1.5rem;font-weight:600;color:#f1f5f9;margin:0 0 .25rem}.sandbox-title p{color:#94a3b8;margin:0;font-size:.875rem}.sandbox-error{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#fca5a5;margin-bottom:1.5rem}.sandbox-error button{margin-left:auto;background:transparent;border:none;color:#fca5a5;cursor:pointer;padding:.25rem}.sandbox-stats{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.sandbox-stats .stat-item{flex:1;min-width:120px;padding:1rem;background:#1e293b;border:1px solid #334155;border-radius:8px;text-align:center}.sandbox-stats .stat-value{font-size:1.75rem;font-weight:600;color:#f1f5f9;line-height:1}.sandbox-stats .stat-label{font-size:.75rem;color:#94a3b8;margin-top:.25rem}.sandbox-stats .stat-item.draft .stat-value{color:#fbbf24}.sandbox-stats .stat-item.ready .stat-value{color:#3b82f6}.sandbox-stats .stat-item.sent .stat-value{color:#22c55e}.sandbox-stats .stat-item.credentials .stat-value{color:#a78bfa}.sandbox-layout{display:grid;grid-template-columns:1fr 400px;gap:1.5rem}@media(max-width:1200px){.sandbox-layout{grid-template-columns:1fr}}.sandbox-main{background:#1e293b;border:1px solid #334155;border-radius:12px;overflow:hidden}.sandbox-section-header{display:flex;align-items:center;gap:.5rem;padding:1rem 1.25rem;background:#0f172a;border-bottom:1px solid #334155;color:#f1f5f9;font-weight:500}.sandbox-messages-list{padding:1rem;display:flex;flex-direction:column;gap:.75rem;max-height:600px;overflow-y:auto}.sandbox-message-card{background:#0f172a;border:1px solid #334155;border-radius:8px;padding:1rem}.message-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.message-type{display:flex;align-items:center;gap:.5rem;font-size:.75rem;text-transform:uppercase;color:#94a3b8;font-weight:500}.message-type-icon.welcome{color:#22c55e}.message-type-icon.password{color:#f59e0b}.message-type-icon.order{color:#3b82f6}.message-type-icon.notification{color:#94a3b8}.sandbox-status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.sandbox-status-badge.status-draft{background:#fbbf2426;color:#fbbf24}.sandbox-status-badge.status-ready{background:#3b82f626;color:#3b82f6}.sandbox-status-badge.status-sent{background:#22c55e26;color:#22c55e}.message-card-subject{font-weight:500;color:#f1f5f9;margin-bottom:.5rem;font-size:.95rem}.message-card-recipient,.message-card-company{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#94a3b8;margin-bottom:.25rem}.recipient-email{color:#64748b;font-size:.8rem}.message-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #334155}.message-time{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#64748b}.sandbox-sidebar{display:flex;flex-direction:column;gap:1.5rem}.sandbox-panel{background:#1e293b;border:1px solid #334155;border-radius:12px;overflow:hidden}.sandbox-panel-header{display:flex;align-items:center;gap:.5rem;padding:.875rem 1rem;background:#0f172a;border-bottom:1px solid #334155;color:#f1f5f9;font-weight:500;font-size:.9rem}.panel-count{margin-left:auto;background:#334155;padding:.125rem .5rem;border-radius:10px;font-size:.75rem;color:#94a3b8}.sandbox-panel-content{padding:.75rem;max-height:350px;overflow-y:auto}.sandbox-panel-loading{display:flex;justify-content:center;padding:2rem;color:#64748b}.credential-card{background:#0f172a;border:1px solid #334155;border-radius:8px;padding:.875rem;margin-bottom:.75rem}.credential-card:last-child{margin-bottom:0}.credential-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.credential-account{font-weight:500;color:#f1f5f9;font-size:.9rem}.credential-status{display:inline-flex;align-items:center;gap:.25rem;font-size:.7rem;padding:.125rem .375rem;border-radius:4px}.credential-status.active{background:#22c55e26;color:#22c55e}.credential-status.inactive{background:#ef444426;color:#ef4444}.credential-role{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#64748b;margin-bottom:.75rem}.credential-field{margin-bottom:.5rem}.credential-field .field-label{display:block;font-size:.7rem;color:#64748b;margin-bottom:.25rem;text-transform:uppercase}.credential-field .field-value{display:flex;align-items:center;gap:.5rem;background:#0003;padding:.375rem .5rem;border-radius:4px;font-size:.85rem;color:#e2e8f0;font-family:monospace}.credential-field .field-value span{flex:1;overflow:hidden;text-overflow:ellipsis}.password-value{letter-spacing:1px}.credential-portal{margin-top:.5rem}.credential-portal a{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;color:#3b82f6;text-decoration:none}.credential-portal a:hover{text-decoration:underline}.activity-panel .sandbox-panel-content{padding:0}.activity-list{display:flex;flex-direction:column}.activity-entry{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid #334155}.activity-entry:last-child{border-bottom:none}.activity-icon{flex-shrink:0;margin-top:.125rem}.activity-icon.user{color:#22c55e}.activity-icon.email{color:#3b82f6}.activity-icon.login{color:#a78bfa}.activity-icon.password{color:#f59e0b}.activity-icon.order{color:#06b6d4}.activity-icon.default{color:#94a3b8}.activity-content{flex:1;min-width:0}.activity-message{display:block;font-size:.85rem;color:#e2e8f0;line-height:1.3}.activity-time{font-size:.7rem;color:#64748b;margin-top:.125rem;display:block}.activity-empty{padding:2rem;text-align:center;color:#64748b}.sandbox-loading,.sandbox-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#64748b;text-align:center}.sandbox-empty svg{margin-bottom:1rem;opacity:.5}.sandbox-empty p{margin:0 0 .25rem;font-weight:500;color:#94a3b8}.sandbox-empty span{font-size:.85rem}.sandbox-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.sandbox-modal{background:#1e293b;border:1px solid #334155;border-radius:12px;width:100%;max-width:700px;max-height:80vh;display:flex;flex-direction:column}.sandbox-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #334155}.sandbox-modal-title{display:flex;align-items:center;gap:.5rem;font-weight:500;color:#f1f5f9}.sandbox-modal-meta{padding:1rem 1.25rem;background:#0f172a;border-bottom:1px solid #334155}.meta-row{display:flex;gap:.75rem;margin-bottom:.5rem;font-size:.875rem;color:#e2e8f0}.meta-row:last-child{margin-bottom:0}.meta-label{color:#64748b;min-width:60px}.meta-subject{font-weight:500}.sandbox-modal-body{flex:1;overflow-y:auto;padding:1.5rem 1.25rem}.email-preview-content{background:#fff;color:#1e293b;padding:1.5rem;border-radius:8px;font-size:.95rem;line-height:1.6}.email-preview-content h1{font-size:1.5rem;color:#0f172a;margin:0 0 1rem}.email-preview-content p{margin:0 0 1rem}.email-preview-content ul{margin:0 0 1rem;padding-left:1.5rem}.email-preview-content a{color:#2563eb}.email-preview-content table{width:100%;border-collapse:collapse;margin:1rem 0}.email-preview-content td{padding:.5rem;border-bottom:1px solid #e5e7eb}.sandbox-modal-footer{padding:1rem 1.25rem;border-top:1px solid #334155;display:flex;justify-content:flex-end}.btn.btn-icon{padding:.25rem;min-width:auto}[data-theme=light] .sandbox-title h2{color:#1e293b}[data-theme=light] .sandbox-title p{color:#64748b}[data-theme=light] .sandbox-stats .stat-item{background:#fff;border-color:#e5e7eb}[data-theme=light] .sandbox-stats .stat-value{color:#1e293b}[data-theme=light] .sandbox-stats .stat-label{color:#64748b}[data-theme=light] .sandbox-main,[data-theme=light] .sandbox-panel{background:#fff;border-color:#e5e7eb}[data-theme=light] .sandbox-section-header,[data-theme=light] .sandbox-panel-header{background:#f9fafb;border-color:#e5e7eb;color:#1e293b}[data-theme=light] .sandbox-message-card,[data-theme=light] .credential-card{background:#f9fafb;border-color:#e5e7eb}[data-theme=light] .message-card-subject,[data-theme=light] .credential-account{color:#1e293b}[data-theme=light] .message-card-recipient,[data-theme=light] .message-card-company,[data-theme=light] .message-type{color:#64748b}[data-theme=light] .message-card-footer{border-color:#e5e7eb}[data-theme=light] .credential-field .field-value{background:#0000000d;color:#1e293b}[data-theme=light] .activity-entry{border-color:#e5e7eb}[data-theme=light] .activity-message{color:#1e293b}[data-theme=light] .sandbox-modal{background:#fff;border-color:#e5e7eb}[data-theme=light] .sandbox-modal-header,[data-theme=light] .sandbox-modal-footer{border-color:#e5e7eb}[data-theme=light] .sandbox-modal-title{color:#1e293b}[data-theme=light] .sandbox-modal-meta{background:#f9fafb;border-color:#e5e7eb}[data-theme=light] .meta-row{color:#1e293b}[data-theme=light] .panel-count{background:#e5e7eb;color:#64748b}.b2b-admin-tab{padding:1.5rem;max-width:1600px;margin:0 auto}.b2b-header{margin-bottom:1.5rem}.b2b-header h2{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;color:#f8fafc;margin-bottom:.25rem}.b2b-header p{color:#94a3b8;font-size:.875rem}.b2b-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.b2b-subtabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid #334155;padding-bottom:.5rem}.subtab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:transparent;border:none;color:#94a3b8;cursor:pointer;border-radius:8px 8px 0 0;font-size:.875rem;font-weight:500;transition:all .2s}.subtab:hover{background:#94a3b81a;color:#e2e8f0}.subtab.active{background:#334155;color:#8b5cf6;border-bottom:2px solid #8b5cf6}.subtab .count{background:#8b5cf633;color:#a78bfa;padding:.125rem .5rem;border-radius:10px;font-size:.75rem;font-weight:600}.b2b-content{display:flex;gap:1.5rem;transition:all .3s ease}.b2b-content.with-panel .b2b-main{flex:1;max-width:calc(100% - 500px)}.b2b-main{flex:1}.b2b-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#94a3b8}.b2b-loading .spin{animation:spin 1s linear infinite}.b2b-list-section{background:#1e293b;border-radius:12px;border:1px solid #334155;overflow:hidden}.b2b-list-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:#33415580;border-bottom:1px solid #334155;flex-wrap:wrap;gap:.75rem}.b2b-list-filters{display:flex;gap:.75rem;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:.5rem;background:#0f172a;border:1px solid #334155;border-radius:6px;padding:.5rem .75rem;min-width:250px}.search-box input{background:transparent;border:none;color:#e2e8f0;outline:none;flex:1;font-size:.875rem}.filter-select{background:#0f172a;border:1px solid #334155;border-radius:6px;color:#e2e8f0;padding:.5rem .75rem;font-size:.875rem;cursor:pointer}.b2b-list-actions{display:flex;gap:.5rem}.b2b-table-container{overflow-x:auto}.b2b-table{width:100%;border-collapse:collapse}.b2b-table th{text-align:left;padding:.75rem 1rem;font-size:.75rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;background:#3341554d;border-bottom:1px solid #334155}.b2b-table td{padding:1rem;border-bottom:1px solid rgba(51,65,85,.5);vertical-align:middle}.b2b-table tbody tr:hover{background:#8b5cf60d}.b2b-table .clickable-row{cursor:pointer}.b2b-table .clickable-row:hover{background:#8b5cf61a}.company-cell{display:flex;align-items:center;gap:.75rem}.company-cell>div{display:flex;flex-direction:column}.company-cell strong{color:#f8fafc;font-weight:600}.secondary-text{font-size:.75rem;color:#64748b}.contact-cell{display:flex;flex-direction:column}.contact-cell span:first-child{color:#e2e8f0}.brands-cell{display:flex;flex-wrap:wrap;gap:.375rem}.brand-tag{display:inline-flex;align-items:center;padding:.25rem .5rem;background:#8b5cf626;color:#a78bfa;border-radius:4px;font-size:.75rem;font-weight:500}.credit-cell{display:flex;flex-direction:column}.credit-limit{color:#22c55e;font-weight:600}.account-balance{font-size:.75rem;color:#94a3b8}.row-arrow{color:#64748b}.empty-state{text-align:center;padding:3rem;color:#64748b}.empty-state svg{margin-bottom:.5rem;opacity:.5}.b2b-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:capitalize}.badge-success{background:#22c55e26;color:#22c55e}.badge-warning{background:#eab30826;color:#eab308}.badge-error{background:#ef444426;color:#ef4444}.badge-muted{background:#64748b33;color:#94a3b8}.b2b-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;padding:1rem}.b2b-card{background:#0f172a;border:1px solid #334155;border-radius:10px;padding:1.25rem;transition:all .2s}.b2b-card:hover{border-color:#8b5cf6;box-shadow:0 0 0 1px #8b5cf64d}.filter-list-card .card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.75rem}.filter-list-card .card-title{display:flex;align-items:center;gap:.5rem;color:#f8fafc}.filter-list-card .card-title h4{font-size:1rem;font-weight:600}.filter-list-card .card-description{color:#94a3b8;font-size:.875rem;margin-bottom:1rem;line-height:1.4}.filter-criteria{margin-bottom:1rem}.filter-row{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.5rem}.filter-label{color:#64748b;font-size:.75rem;min-width:70px}.filter-tags{display:flex;flex-wrap:wrap;gap:.375rem}.category-tag{display:inline-flex;align-items:center;padding:.125rem .375rem;background:#3b82f626;color:#60a5fa;border-radius:3px;font-size:.7rem}.tag-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .375rem;background:#22c55e26;color:#22c55e;border-radius:3px;font-size:.7rem}.card-stats{display:flex;gap:1rem;padding:.75rem 0;border-top:1px solid #334155;margin-bottom:.75rem}.card-stats .stat{display:flex;align-items:center;gap:.375rem;color:#94a3b8;font-size:.8rem}.card-actions{display:flex;gap:.5rem}.b2b-detail-panel{width:480px;min-width:480px;background:#1e293b;border:1px solid #334155;border-radius:12px;display:flex;flex-direction:column;max-height:calc(100vh - 200px);position:sticky;top:120px;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.25rem;border-bottom:1px solid #334155;background:#33415580}.panel-title{display:flex;align-items:center;gap:.75rem}.panel-title h2{font-size:1.125rem;color:#f8fafc;margin-bottom:.125rem}.btn-close{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:.25rem;border-radius:4px}.btn-close:hover{background:#ef444433;color:#ef4444}.panel-content{flex:1;overflow-y:auto;padding:1.25rem}.panel-section{margin-bottom:1.5rem}.panel-section:last-child{margin-bottom:0}.panel-section h3{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#e2e8f0;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(51,65,85,.5)}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-item label{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.info-item span{display:flex;align-items:center;gap:.375rem;color:#e2e8f0;font-size:.875rem}.credit-value{font-weight:600;color:#f8fafc}.credit-value.available{color:#22c55e}.portal-users-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.portal-user-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#0f172a80;border-radius:6px;border:1px solid #334155}.user-info{display:flex;flex-direction:column}.user-name{color:#f8fafc;font-weight:500}.user-email{color:#94a3b8;font-size:.8rem}.user-status{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.last-login{font-size:.7rem;color:#64748b}.no-users,.no-lists{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.875rem;padding:.75rem;background:#eab3081a;border-radius:6px;margin-bottom:.75rem}.assigned-lists{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.assigned-list-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:6px}.list-info{display:flex;flex-direction:column}.list-name{color:#a78bfa;font-weight:500}.list-desc{color:#94a3b8;font-size:.75rem}.add-list-row{display:flex;gap:.5rem}.add-list-row .filter-select{flex:1}.quick-links{display:flex;flex-wrap:wrap;gap:.5rem}.quick-link{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:#3b82f626;color:#60a5fa;border-radius:6px;text-decoration:none;font-size:.8rem;transition:all .2s}.quick-link:hover{background:#3b82f640}.customer-notes{color:#94a3b8;font-size:.875rem;background:#0f172a80;padding:.75rem;border-radius:6px;line-height:1.5}.btn-outline{background:transparent;border:1px solid #334155;color:#94a3b8}.btn-outline:hover{background:#334155;color:#e2e8f0}.btn-danger{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.btn-danger:hover{background:#ef444440}[data-theme=light] .b2b-admin-tab{background:#f9fafb}[data-theme=light] .b2b-header h2{color:#1e293b}[data-theme=light] .b2b-header p{color:#64748b}[data-theme=light] .b2b-list-section{background:#fff;border-color:#e5e7eb}[data-theme=light] .b2b-list-header{background:#f9fafb;border-color:#e5e7eb}[data-theme=light] .search-box{background:#fff;border-color:#e5e7eb}[data-theme=light] .filter-select{background:#fff;border-color:#e5e7eb;color:#1e293b}[data-theme=light] .b2b-table th{background:#f9fafb;color:#64748b;border-color:#e5e7eb}[data-theme=light] .b2b-table td{border-color:#f3f4f6}[data-theme=light] .company-cell strong{color:#1e293b}[data-theme=light] .b2b-card{background:#fff;border-color:#e5e7eb}[data-theme=light] .filter-list-card .card-title{color:#1e293b}[data-theme=light] .b2b-detail-panel{background:#fff;border-color:#e5e7eb}[data-theme=light] .panel-header{background:#f9fafb;border-color:#e5e7eb}[data-theme=light] .panel-title h2{color:#1e293b}[data-theme=light] .panel-section h3{color:#1e293b;border-color:#e5e7eb}[data-theme=light] .info-item span{color:#1e293b}[data-theme=light] .subtab{color:#64748b}[data-theme=light] .subtab:hover{background:#64748b1a;color:#1e293b}[data-theme=light] .subtab.active{background:#e5e7eb;color:#7c3aed}[data-theme=light] .b2b-subtabs{border-color:#e5e7eb}.support-tab{padding:1.5rem}.support-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.support-header .header-title{display:flex;align-items:center;gap:.75rem}.support-header .header-title h2{margin:0;font-size:1.5rem}.support-header .header-title p{margin:0;color:#94a3b8;font-size:.875rem}.support-content{display:flex;flex-direction:column;gap:2rem}.support-section{background:#1e293b;border-radius:12px;padding:1.25rem;border:1px solid #334155}.support-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.support-section .section-title{display:flex;align-items:center;gap:.5rem}.support-section .section-title h3{margin:0;font-size:1.1rem}.support-section .section-subtitle{color:#64748b;font-size:.875rem}.support-section .section-actions{display:flex;gap:.5rem;align-items:center}.gorgias-stats{display:flex;gap:1rem;margin-bottom:1rem}.gorgias-stat{background:#0f172a;border-radius:8px;padding:.75rem 1rem;text-align:center;flex:1}.gorgias-stat .stat-value{font-size:1.5rem;font-weight:700;display:block}.gorgias-stat .stat-label{font-size:.75rem;color:#64748b}.gorgias-stat.open .stat-value{color:#22c55e}.gorgias-stat.pending .stat-value{color:#f59e0b}.gorgias-stat.closed .stat-value{color:#64748b}.tickets-list{display:flex;flex-direction:column;gap:.75rem}.ticket-card{background:#0f172a;border-radius:8px;padding:1rem;cursor:pointer;transition:all .2s;position:relative;border-left:3px solid transparent}.ticket-card:hover{background:#1a2744}.ticket-card.unread{border-left-color:#3b82f6}.ticket-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.ticket-id{font-size:.875rem;color:#64748b}.ticket-badges{display:flex;gap:.5rem}.ticket-priority,.ticket-status,.ticket-channel{font-size:.7rem;padding:.2rem .5rem;border-radius:4px;text-transform:uppercase}.priority-urgent{background:#ef4444;color:#fff}.priority-high{background:#f59e0b;color:#1e293b}.priority-normal{background:#3b82f6;color:#fff}.priority-low{background:#64748b;color:#fff}.status-open{background:#22c55e;color:#1e293b}.status-pending{background:#f59e0b;color:#1e293b}.status-closed{background:#64748b;color:#fff}.ticket-channel{background:#334155;color:#94a3b8}.ticket-subject{font-weight:600;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.unread-dot{width:8px;height:8px;border-radius:50%;background:#3b82f6}.ticket-meta{display:flex;gap:1rem;font-size:.8rem;color:#94a3b8}.ticket-meta>div{display:flex;align-items:center;gap:.25rem}.ticket-tags{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.ticket-tag{background:#334155;padding:.15rem .5rem;border-radius:4px;font-size:.7rem;display:flex;align-items:center;gap:.25rem}.ticket-tag.more{background:#1e293b;color:#64748b}.ticket-expanded{margin-top:1rem;padding-top:1rem;border-top:1px solid #334155}.ticket-detail{margin-bottom:.5rem;font-size:.875rem}.ticket-expand-hint{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:#64748b}.threecx-section .new-badge{background:#ef4444;color:#fff;padding:.2rem .5rem;border-radius:4px;font-size:.75rem}.voicemails-list{display:flex;flex-direction:column;gap:.75rem}.voicemail-card{background:#0f172a;border-radius:8px;padding:1rem}.voicemail-card.new{border-left:3px solid #ef4444}.voicemail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.caller-info{display:flex;align-items:center;gap:.5rem}.caller-number{font-weight:600}.caller-name{color:#94a3b8;font-size:.875rem}.voicemail-status{font-size:.75rem;padding:.2rem .5rem;border-radius:4px;text-transform:uppercase}.voicemail-status.new{background:#ef4444;color:#fff}.voicemail-status.listened{background:#3b82f6;color:#fff}.voicemail-status.archived{background:#64748b;color:#fff}.voicemail-meta{display:flex;gap:1rem;font-size:.8rem;color:#94a3b8}.voicemail-meta>span{display:flex;align-items:center;gap:.25rem}.voicemail-transcription{margin-top:.75rem;padding:.75rem;background:#1e293b;border-radius:6px;font-style:italic;color:#94a3b8}.support-tab.support-detail-mode{display:flex;gap:0;padding:0;height:calc(100vh - 180px);min-height:600px}.support-tab .support-main{flex:1;overflow-y:auto;padding:1.5rem}.support-stats{display:flex;gap:.75rem;margin-bottom:1.5rem}.support-stat{background:#1e293b;border-radius:10px;padding:1rem 1.5rem;text-align:center;cursor:pointer;transition:all .2s;border:2px solid transparent;flex:1}.support-stat:hover{background:#263548}.support-stat.active{border-color:#3b82f6;background:#1e3a5f}.support-stat .stat-value{font-size:2rem;font-weight:700;display:block;color:#e2e8f0}.support-stat .stat-label{font-size:.8rem;color:#94a3b8;text-transform:uppercase}.support-toolbar{display:flex;gap:.75rem;margin-bottom:1rem;align-items:center}.search-box{flex:1;display:flex;align-items:center;background:#1e293b;border-radius:8px;padding:.5rem 1rem;border:1px solid #334155}.search-box input{flex:1;background:transparent;border:none;color:#e2e8f0;font-size:.9rem;margin-left:.5rem;outline:none}.search-box input::placeholder{color:#64748b}.search-box .clear-search{background:transparent;border:none;color:#64748b;cursor:pointer;padding:.25rem}.search-box .clear-search:hover{color:#94a3b8}.btn-filter{display:flex;align-items:center;gap:.5rem}.btn-filter.active{background:#3b82f6}.btn-filter .filter-badge{background:#ef4444;color:#fff;font-size:.7rem;padding:.1rem .4rem;border-radius:10px}.support-filters{display:flex;gap:1rem;margin-bottom:1rem;padding:1rem;background:#1e293b;border-radius:8px;flex-wrap:wrap;align-items:flex-end}.support-filters .filter-group{display:flex;flex-direction:column;gap:.25rem}.support-filters .filter-group label{font-size:.75rem;color:#64748b;text-transform:uppercase}.support-filters .filter-group select{background:#0f172a;border:1px solid #334155;color:#e2e8f0;padding:.5rem;border-radius:6px;min-width:150px}.tickets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:.75rem}.ticket-list-item{background:#1e293b;border-radius:10px;padding:1rem;cursor:pointer;transition:all .2s;border-left:4px solid transparent}.ticket-list-item:hover{background:#263548;transform:translateY(-2px)}.ticket-list-item.selected{border-left-color:#3b82f6;background:#1e3a5f}.ticket-list-item.unread{border-left-color:#22c55e}.ticket-list-item.unread.selected{border-left-color:#3b82f6}.ticket-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.ticket-list-header .ticket-id{font-size:.8rem;color:#64748b}.status-dot{width:10px;height:10px;border-radius:50%;background:#64748b}.status-dot.status-open{background:#22c55e}.status-dot.status-pending{background:#f59e0b}.status-dot.status-closed{background:#64748b}.ticket-list-subject{font-weight:600;font-size:.95rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem;color:#e2e8f0}.unread-indicator{width:8px;height:8px;background:#22c55e;border-radius:50%;flex-shrink:0}.ticket-list-customer{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#94a3b8;margin-bottom:.5rem}.ticket-list-meta{display:flex;align-items:center;gap:.75rem;font-size:.75rem;color:#64748b}.ticket-list-meta .ticket-time{font-weight:500}.priority-indicator{display:flex;align-items:center}.priority-indicator.priority-urgent svg{color:#ef4444}.priority-indicator.priority-high svg{color:#f59e0b}.priority-indicator.priority-normal svg{color:#3b82f6}.priority-indicator.priority-low svg{color:#64748b}.channel-indicator{display:flex;align-items:center}.message-count{display:flex;align-items:center;gap:.25rem}.ticket-list-tags{display:flex;gap:.25rem;margin-top:.5rem;flex-wrap:wrap}.mini-tag{background:#334155;padding:.1rem .4rem;border-radius:4px;font-size:.65rem;color:#94a3b8}.mini-tag.more{background:transparent;color:#64748b}.ticket-detail-view{max-width:900px}.detail-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.btn-back{display:flex;align-items:center;gap:.25rem;background:#334155;border:none;color:#94a3b8;padding:.5rem .75rem;border-radius:6px;cursor:pointer;transition:all .2s}.btn-back:hover{background:#475569;color:#e2e8f0}.ticket-title{flex:1}.ticket-title .ticket-id{color:#64748b;font-size:.85rem}.ticket-title h2{margin:0;font-size:1.25rem}.detail-meta{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;padding:1rem;background:#1e293b;border-radius:10px}.meta-badges{display:flex;gap:.5rem;flex-wrap:wrap}.meta-badges .badge{padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;display:flex;align-items:center;gap:.25rem}.meta-badges .badge.status-open{background:#22c55e;color:#0f172a}.meta-badges .badge.status-pending{background:#f59e0b;color:#0f172a}.meta-badges .badge.status-closed{background:#64748b;color:#fff}.meta-badges .badge.priority-urgent{background:#ef4444;color:#fff}.meta-badges .badge.priority-high{background:#f59e0b;color:#0f172a}.meta-badges .badge.priority-normal{background:#3b82f6;color:#fff}.meta-badges .badge.priority-low{background:#64748b;color:#fff}.meta-badges .ticket-channel{background:#334155;color:#94a3b8}.meta-info{display:flex;gap:1.5rem;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#94a3b8}.customer-bar{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#1e293b;border-radius:8px;margin-bottom:.75rem;cursor:pointer;transition:all .2s}.customer-bar:hover{background:#263548}.customer-bar .customer-name{font-weight:600}.customer-bar .customer-email{color:#64748b;font-size:.85rem}.assignee-bar{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#1e293b;border-radius:8px;margin-bottom:.75rem;font-size:.9rem}.assignee-info{display:flex;align-items:center;gap:.5rem;color:#94a3b8}.ticket-tags-bar{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.ticket-tags-bar svg{color:#64748b}.tag-badge{background:#334155;padding:.2rem .6rem;border-radius:4px;font-size:.75rem;color:#e2e8f0}.detail-actions{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.disabled-action-wrapper{position:relative}.btn-action{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;border:1px solid #334155;background:#1e293b;color:#94a3b8;cursor:not-allowed;opacity:.6}.action-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#0f172a;border:1px solid #334155;padding:.5rem .75rem;border-radius:6px;font-size:.75rem;white-space:nowrap;color:#f59e0b;margin-bottom:.5rem;z-index:10}.message-thread{display:flex;flex-direction:column;gap:1rem;max-height:600px;overflow-y:auto;padding:1rem;background:#0f172a;border-radius:10px}.message-thread.loading,.message-thread.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#64748b}.message-bubble{max-width:80%;padding:1rem;border-radius:12px;position:relative}.message-bubble.customer{align-self:flex-start;background:#1e293b;border-bottom-left-radius:4px}.message-bubble.agent{align-self:flex-end;background:#1e3a5f;border-bottom-right-radius:4px}.message-bubble.internal{background:#3b2f0a;border:1px dashed #f59e0b}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.8rem}.sender-info{display:flex;align-items:center;gap:.5rem}.sender-avatar{background:#334155;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.sender-name{font-weight:600;color:#e2e8f0}.internal-badge{background:#f59e0b;color:#0f172a;padding:.1rem .4rem;border-radius:4px;font-size:.65rem;font-weight:600}.message-time{color:#64748b}.message-body{color:#e2e8f0;line-height:1.5;word-wrap:break-word}.message-body img{max-width:100%;border-radius:8px;margin-top:.5rem}.message-attachments{display:flex;gap:.5rem;margin-top:.75rem;flex-wrap:wrap}.attachment{display:flex;align-items:center;gap:.5rem;background:#334155;padding:.4rem .75rem;border-radius:6px;font-size:.8rem;color:#94a3b8;text-decoration:none}.attachment:hover{background:#475569}.message-footer{display:flex;justify-content:flex-end;margin-top:.5rem}.message-channel{display:flex;align-items:center;gap:.25rem;font-size:.7rem;color:#64748b}.customer-sidebar{width:380px;background:#1e293b;border-left:1px solid #334155;display:flex;flex-direction:column;overflow:hidden}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #334155}.sidebar-header h3{margin:0;font-size:1rem}.btn-close{background:transparent;border:none;color:#64748b;cursor:pointer;padding:.25rem}.btn-close:hover{color:#94a3b8}.sidebar-content{flex:1;overflow-y:auto;padding:1.25rem}.sidebar-loading,.sidebar-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#64748b;gap:.75rem}.customer-info-section{display:flex;gap:1rem;margin-bottom:1.5rem}.customer-avatar{width:48px;height:48px;background:#334155;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.customer-name-block h4{margin:0 0 .25rem;font-size:1rem}.customer-email,.customer-phone{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#94a3b8;text-decoration:none}.customer-email:hover,.customer-phone:hover{color:#3b82f6}.customer-stats{display:flex;gap:.75rem;margin-bottom:1.5rem}.customer-stat{flex:1;background:#0f172a;padding:.75rem;border-radius:8px;text-align:center}.customer-stat .stat-value{font-size:1.25rem;font-weight:700;color:#e2e8f0;display:block}.customer-stat .stat-label{font-size:.7rem;color:#64748b}.customer-tags-section{margin-bottom:1.5rem}.customer-tags-section h5{display:flex;align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:.85rem;color:#94a3b8}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.customer-tag{background:#334155;padding:.2rem .6rem;border-radius:4px;font-size:.75rem}.customer-note-section{margin-bottom:1.5rem}.customer-note-section h5{margin:0 0 .5rem;font-size:.85rem;color:#94a3b8}.customer-note-section p{margin:0;background:#0f172a;padding:.75rem;border-radius:8px;font-size:.85rem;color:#e2e8f0}.orders-section{margin-bottom:1.5rem}.orders-section h5{display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:.9rem;color:#e2e8f0}.no-orders{color:#64748b;font-size:.85rem;font-style:italic}.orders-list{display:flex;flex-direction:column;gap:.5rem}.order-card{background:#0f172a;border-radius:8px;padding:.75rem;cursor:pointer;transition:all .2s}.order-card:hover,.order-card.expanded{background:#1a2744}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.order-number{font-weight:600;font-size:.85rem}.order-date{font-size:.75rem;color:#64748b}.order-summary{display:flex;justify-content:space-between;align-items:center}.order-total{font-weight:600;color:#22c55e}.order-status{font-size:.7rem;padding:.15rem .5rem;border-radius:4px;text-transform:capitalize}.order-status.fulfilled{background:#22c55e;color:#0f172a}.order-status.unfulfilled{background:#f59e0b;color:#0f172a}.order-status.partial{background:#3b82f6;color:#fff}.order-items{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #334155}.order-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem;margin-bottom:.25rem;color:#94a3b8}.order-item .item-qty{color:#64748b;min-width:25px}.order-item .item-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-item .item-price{color:#e2e8f0}.order-item.more{color:#64748b;font-style:italic}.sidebar-actions{margin-top:1rem;padding-top:1rem;border-top:1px solid #334155}.support-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;margin-top:1rem;border-top:1px solid #334155;font-size:.85rem;color:#64748b}.results-count{font-weight:500}.read-only-notice{background:#3b2f0a;border:1px solid #f59e0b;padding:.25rem .75rem;border-radius:6px;color:#f59e0b;font-size:.8rem}.header-actions{display:flex;gap:.75rem}[data-theme=light] .support-stat{background:#f1f5f9;border-color:#e2e8f0}[data-theme=light] .support-stat .stat-value{color:#1e293b}[data-theme=light] .support-stat.active{background:#dbeafe;border-color:#3b82f6}[data-theme=light] .ticket-list-item{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .ticket-list-item:hover{background:#f1f5f9}[data-theme=light] .ticket-list-item.selected{background:#dbeafe}[data-theme=light] .ticket-list-subject{color:#1e293b}[data-theme=light] .search-box{background:#f1f5f9;border-color:#e2e8f0}[data-theme=light] .search-box input{color:#1e293b}[data-theme=light] .support-filters{background:#f1f5f9}[data-theme=light] .support-filters select{background:#fff;border-color:#e2e8f0;color:#1e293b}[data-theme=light] .detail-meta,[data-theme=light] .customer-bar,[data-theme=light] .assignee-bar{background:#f1f5f9}[data-theme=light] .customer-bar:hover{background:#e2e8f0}[data-theme=light] .message-thread{background:#f8fafc}[data-theme=light] .message-bubble.customer{background:#e2e8f0}[data-theme=light] .message-bubble.agent{background:#dbeafe}[data-theme=light] .message-body{color:#1e293b}[data-theme=light] .customer-sidebar{background:#f8fafc;border-left-color:#e2e8f0}[data-theme=light] .customer-stat,[data-theme=light] .order-card{background:#f1f5f9}[data-theme=light] .order-card:hover,[data-theme=light] .order-card.expanded{background:#e2e8f0}[data-theme=light] .customer-note-section p{background:#f1f5f9;color:#1e293b}[data-theme=light] .support-footer{border-top-color:#e2e8f0}.orders-tab{padding:1.5rem}.orders-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.orders-header .header-title{display:flex;align-items:center;gap:.75rem}.orders-header .header-title h2{margin:0;font-size:1.5rem}.orders-header .header-title p{margin:0;color:#94a3b8;font-size:.875rem}.orders-content{display:flex;flex-direction:column;gap:2rem}.orders-section{background:#1e293b;border-radius:12px;padding:1.25rem;border:1px solid #334155}.orders-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.orders-section .section-title{display:flex;align-items:center;gap:.5rem}.orders-section .section-title h3{margin:0;font-size:1.1rem}.orders-section .section-title .flame-icon{color:#f97316}.orders-section .section-subtitle{color:#64748b;font-size:.875rem}.orders-section .section-actions{display:flex;gap:.5rem;align-items:center}.orders-stats{display:flex;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.order-stat{background:#0f172a;border-radius:8px;padding:1rem 1.25rem;display:flex;align-items:center;gap:.75rem;flex:1;min-width:140px}.order-stat svg{color:#7c3aed}.order-stat .stat-value{font-size:1.5rem;font-weight:700;display:block}.order-stat .stat-label{font-size:.75rem;color:#64748b}.order-stat.highlight{background:linear-gradient(135deg,#7c3aed20,#7c3aed10);border:1px solid #7c3aed40}.order-stat.highlight svg{color:#a78bfa}.orders-filters{display:flex;gap:1rem;margin-bottom:1rem}.orders-filters .search-box{flex:1;position:relative}.orders-filters .search-box svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#64748b}.orders-filters .search-box input{width:100%;padding:.5rem .75rem .5rem 2.25rem;background:#0f172a;border:1px solid #334155;border-radius:6px;color:#e2e8f0;font-size:.875rem}.orders-filters .search-box input:focus{outline:none;border-color:#7c3aed}.orders-filters .status-filter{padding:.5rem .75rem;background:#0f172a;border:1px solid #334155;border-radius:6px;color:#e2e8f0;font-size:.875rem;cursor:pointer}.orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.order-card{background:#0f172a;border-radius:8px;padding:1rem;border-left:3px solid #64748b}.order-card.status-pending{border-left-color:#f59e0b}.order-card.status-confirmed{border-left-color:#3b82f6}.order-card.status-processing{border-left-color:#8b5cf6}.order-card.status-shipped{border-left-color:#22c55e}.order-card.status-delivered{border-left-color:#64748b}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;cursor:pointer}.order-number{display:flex;align-items:center;gap:.5rem;font-weight:600}.order-customer{display:flex;justify-content:space-between;margin-bottom:.5rem}.customer-info{display:flex;align-items:center;gap:.5rem}.customer-contact{color:#64748b;font-size:.875rem}.order-delivery{display:flex;align-items:flex-start;gap:.5rem;color:#94a3b8;font-size:.875rem;margin-bottom:.75rem}.order-items{background:#1e293b;border-radius:6px;padding:.75rem;margin-bottom:.75rem}.order-item{display:flex;gap:.5rem;padding:.25rem 0;font-size:.875rem}.item-qty{color:#7c3aed;font-weight:600}.item-name{flex:1}.item-price{color:#22c55e}.order-footer{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.order-total{display:flex;align-items:center;gap:.25rem;font-size:1.1rem;color:#22c55e}.order-date{display:flex;align-items:center;gap:.25rem;color:#64748b;font-size:.8rem}.order-notes{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem;background:#f59e0b20;border-radius:6px;font-size:.8rem;color:#f59e0b;margin-bottom:.75rem}.order-actions{display:flex;gap:.5rem}.dataflow-monitor{padding:1.5rem}.dataflow-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.dataflow-header h3{display:flex;align-items:center;gap:.5rem;margin:0}.dataflow-header p{color:#94a3b8;margin:.25rem 0 0;font-size:.875rem}.dataflow-controls{display:flex;gap:.5rem}.btn-success{background:#22c55e!important;color:#1e293b!important}.dataflow-stats{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.dataflow-stat{background:#1e293b;border-radius:8px;padding:1rem 1.25rem;display:flex;align-items:center;gap:.75rem;flex:1;min-width:120px;border:1px solid #334155}.dataflow-stat svg{color:#7c3aed}.dataflow-stat .stat-value{font-size:1.5rem;font-weight:700;display:block}.dataflow-stat .stat-label{font-size:.75rem;color:#64748b}.dataflow-stat.success .stat-value{color:#22c55e}.dataflow-stat.error .stat-value{color:#ef4444}.dataflow-stat.error svg{color:#ef4444}.dataflow-section{background:#1e293b;border-radius:12px;padding:1.25rem;margin-bottom:1.5rem;border:1px solid #334155}.dataflow-section h4{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem}.sync-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1rem}.sync-card{background:#0f172a;border-radius:8px;padding:1rem;border:1px solid #334155}.sync-card.syncing{border-color:#7c3aed;box-shadow:0 0 10px #7c3aed30}.sync-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.sync-integration-name{display:flex;align-items:center;gap:.5rem}.active-indicator{display:flex;align-items:center;gap:.25rem;color:#7c3aed;font-size:.8rem}.sync-directions{display:flex;align-items:stretch;gap:.5rem}.sync-direction{flex:1;background:#1e293b;border-radius:6px;padding:.75rem}.sync-direction.inactive{opacity:.5}.direction-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.8rem;color:#94a3b8}.sync-arrow{display:flex;align-items:center;color:#64748b}.sync-timing{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.sync-indicator{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;padding:.2rem .5rem;border-radius:4px}.sync-indicator.success{background:#22c55e20;color:#22c55e}.sync-indicator.error{background:#ef444420;color:#ef4444}.sync-indicator.never{background:#64748b20;color:#64748b}.sync-indicator.active{background:#7c3aed20;color:#7c3aed}.sync-data-types{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.5rem}.data-type-tag{background:#334155;padding:.15rem .4rem;border-radius:4px;font-size:.7rem}.sync-records{font-size:.75rem;color:#64748b}.sync-inactive{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.8rem}.sync-schedule{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #334155;font-size:.8rem;color:#94a3b8}.next-sync{margin-left:auto;color:#7c3aed}.live-events-list{font-size:.875rem}.live-events-header{display:grid;grid-template-columns:80px 80px 1fr 100px 80px 60px 70px;gap:.5rem;padding:.5rem .75rem;background:#0f172a;border-radius:6px 6px 0 0;font-size:.75rem;color:#64748b;font-weight:600}.live-event{display:grid;grid-template-columns:80px 80px 1fr 100px 80px 60px 70px;gap:.5rem;padding:.5rem .75rem;border-bottom:1px solid #334155;align-items:center}.live-event:last-child{border-bottom:none}.live-event.success{border-left:3px solid #22c55e}.live-event.error{border-left:3px solid #ef4444}.live-event.in_progress{border-left:3px solid #7c3aed}.event-time{color:#64748b;font-size:.8rem}.direction-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.7rem;padding:.2rem .4rem;border-radius:4px;font-weight:600}.direction-badge.pull{background:#3b82f620;color:#3b82f6}.direction-badge.push{background:#22c55e20;color:#22c55e}.event-integration{font-weight:500}.event-data-type{color:#94a3b8}.event-records{color:#64748b;font-size:.8rem}.event-status svg{display:block}.event-status .text-green-500{color:#22c55e}.event-status .text-red-500{color:#ef4444}.event-duration{color:#64748b;font-size:.8rem}.event-error{grid-column:1 / -1;color:#ef4444;font-size:.8rem;padding:.25rem 0}.loading-state,.empty-state{text-align:center;padding:2rem;color:#64748b}.loading-state svg,.empty-state svg{margin:0 auto 1rem;color:#7c3aed}.empty-state.small{padding:1rem}.empty-state.small svg{margin-bottom:.5rem}.empty-hint{font-size:.8rem;color:#475569;margin-top:.25rem}.info-banner{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#3b82f620;border-radius:6px;color:#60a5fa;font-size:.875rem;margin-bottom:1rem}.pulse{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}[data-theme=light] .support-section,[data-theme=light] .orders-section,[data-theme=light] .dataflow-section{background:#f8fafc;border-color:#e5e7eb}[data-theme=light] .ticket-card,[data-theme=light] .voicemail-card,[data-theme=light] .order-card,[data-theme=light] .sync-card,[data-theme=light] .gorgias-stat,[data-theme=light] .order-stat,[data-theme=light] .dataflow-stat{background:#fff;border-color:#e5e7eb}[data-theme=light] .ticket-card:hover,[data-theme=light] .order-items,[data-theme=light] .sync-direction,[data-theme=light] .live-events-header{background:#f1f5f9}[data-theme=light] .live-event{border-color:#e5e7eb}[data-theme=light] .orders-filters .search-box input,[data-theme=light] .orders-filters .status-filter,[data-theme=light] .filter-select{background:#fff;border-color:#e5e7eb;color:#1e293b}.integrations-monitor-tab{padding:0}.monitor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.monitor-title{display:flex;align-items:center;gap:12px}.monitor-title svg{color:var(--accent)}.monitor-title h2{margin:0;font-size:1.5rem}.monitor-title p{margin:4px 0 0;color:var(--text-muted);font-size:.875rem}.monitor-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.monitor-stat-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:20px;display:flex;align-items:flex-start;gap:16px}.monitor-stat-card .stat-icon{width:44px;height:44px;border-radius:10px;background:var(--accent-dim);display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.monitor-stat-card .stat-content{flex:1}.monitor-stat-card .stat-title{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.monitor-stat-card .stat-value{font-size:1.75rem;font-weight:700;line-height:1;margin-bottom:4px}.monitor-stat-card .stat-subtitle{font-size:.75rem;color:var(--text-muted)}.monitor-stat-card .stat-trend{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;padding:2px 6px;border-radius:4px;margin-top:8px}.monitor-stat-card .stat-trend.up{background:#22c55e26;color:#22c55e}.monitor-stat-card .stat-trend.down{background:#ef444426;color:#ef4444}.dashboard-charts{display:grid;grid-template-columns:1fr 1fr 250px;gap:16px;margin-bottom:24px}.chart-panel{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:16px}.chart-panel h4{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:.875rem;color:var(--text-secondary)}.chart-panel.pie-chart{display:flex;flex-direction:column}.charts-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;color:var(--text-muted);gap:12px}.integration-stats-section{margin-bottom:24px}.integration-stats-section h3{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:1rem}.integration-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:12px}.integration-stats-card{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;overflow:hidden}.integration-stats-card.warning{border-color:#f59e0b}.stats-card-header{display:flex;justify-content:space-between;align-items:center;padding:16px;cursor:pointer;transition:background .2s}.stats-card-header:hover{background:var(--hover-bg)}.stats-card-info h4{margin:0;font-size:.95rem}.stats-card-info .company-name{display:block;font-size:.75rem;color:var(--accent);margin-top:2px}.stats-card-quick{display:flex;align-items:center;gap:12px}.stats-card-quick .success-rate{font-weight:600;padding:4px 10px;border-radius:12px;font-size:.8rem}.stats-card-quick .success-rate.good{background:#22c55e26;color:#22c55e}.stats-card-quick .success-rate.ok{background:#f59e0b26;color:#f59e0b}.stats-card-quick .success-rate.bad{background:#ef444426;color:#ef4444}.stats-card-quick .call-count{font-size:.75rem;color:var(--text-muted)}.stats-card-details{padding:0 16px 16px;border-top:1px solid var(--border)}.stats-periods{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}.stats-periods .period h5{margin:0 0 8px;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.stats-periods .period-stats{display:flex;flex-direction:column;gap:4px}.stats-periods .period-stats span{display:flex;align-items:center;gap:6px;font-size:.8rem}.stats-periods .period-stats span svg{color:var(--text-muted)}.last-sync{display:flex;align-items:center;gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border);font-size:.8rem;color:var(--text-muted)}.recent-errors{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.recent-errors h5{display:flex;align-items:center;gap:6px;margin:0 0 8px;font-size:.75rem;color:#ef4444;text-transform:uppercase;letter-spacing:.5px}.recent-errors .error-item{display:flex;gap:8px;font-size:.75rem;padding:6px 0;border-bottom:1px dashed var(--border)}.recent-errors .error-item:last-child{border-bottom:none}.recent-errors .error-time{color:var(--text-muted);flex-shrink:0;width:60px}.recent-errors .error-endpoint{color:var(--accent);flex-shrink:0}.recent-errors .error-msg{color:#ef4444;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.txn-log-section{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;overflow:hidden}.txn-log-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border);flex-wrap:wrap;gap:12px}.txn-log-header h3{display:flex;align-items:center;gap:8px;margin:0;font-size:1rem}.txn-filters{display:flex;gap:8px;flex-wrap:wrap}.txn-filters .filter-group{display:flex;align-items:center;gap:6px;background:var(--input-bg);border:1px solid var(--border);border-radius:6px;padding:6px 10px}.txn-filters .filter-group svg{color:var(--text-muted);flex-shrink:0}.txn-filters .filter-group input,.txn-filters .filter-group select{background:transparent;border:none;color:var(--text-primary);font-size:.8rem;outline:none}.txn-filters .filter-group input{width:140px}.txn-filters .filter-group select{cursor:pointer}.txn-table-wrapper{overflow-x:auto}.txn-table{width:100%;border-collapse:collapse}.txn-table th{text-align:left;padding:12px 16px;font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);background:var(--hover-bg);border-bottom:1px solid var(--border);white-space:nowrap}.txn-table td{padding:10px 16px;font-size:.85rem;border-bottom:1px solid var(--border);vertical-align:middle}.txn-row{cursor:pointer;transition:background .2s}.txn-row:hover{background:var(--hover-bg)}.txn-row.error{background:#ef44440d}.txn-row.error:hover{background:#ef44441a}.txn-row.expanded{background:var(--hover-bg)}.txn-time{color:var(--text-muted);white-space:nowrap}.txn-integration{font-weight:500}.txn-endpoint code{background:var(--code-bg);padding:2px 6px;border-radius:4px;font-size:.75rem;max-width:200px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.txn-duration{font-family:monospace;color:var(--text-muted)}.txn-records{font-family:monospace}.txn-status,.direction-badge,.method-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:4px;font-size:.7rem;font-weight:500;text-transform:uppercase}.txn-status.success{background:#22c55e26;color:#22c55e}.txn-status.client-error{background:#f59e0b26;color:#f59e0b}.txn-status.server-error{background:#ef444426;color:#ef4444}.txn-status.unknown{background:#6b728026;color:#6b7280}.direction-badge.outbound{background:#3b82f626;color:#3b82f6}.direction-badge.inbound{background:#8b5cf626;color:#8b5cf6}.method-badge{font-family:monospace;background:#6b728026;color:var(--text-secondary)}.method-badge.get{background:#22c55e26;color:#22c55e}.method-badge.post{background:#3b82f626;color:#3b82f6}.method-badge.put,.method-badge.patch{background:#f59e0b26;color:#f59e0b}.method-badge.delete{background:#ef444426;color:#ef4444}.txn-details-row td{padding:0;background:var(--hover-bg)}.txn-details{padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.txn-details .detail-group{background:var(--card-bg);border-radius:8px;padding:12px}.txn-details .detail-group.error{grid-column:1 / -1;background:#ef44441a;border:1px solid rgba(239,68,68,.2)}.txn-details .detail-group h5{margin:0 0 8px;font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.txn-details .detail-group.error h5{color:#ef4444}.txn-details .detail-group pre{margin:0;font-size:.75rem;white-space:pre-wrap;word-break:break-all;max-height:120px;overflow-y:auto;color:var(--text-secondary)}.txn-loading,.txn-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;color:var(--text-muted);gap:12px}.txn-empty svg{color:var(--border)}.txn-empty p{margin:0;font-weight:500;color:var(--text-secondary)}.txn-empty span{font-size:.85rem}@media(max-width:1200px){.dashboard-charts{grid-template-columns:1fr 1fr}.chart-panel.pie-chart{grid-column:1 / -1}}@media(max-width:768px){.dashboard-charts,.stats-periods{grid-template-columns:1fr}.txn-log-header{flex-direction:column;align-items:stretch}.txn-filters{flex-wrap:wrap}}