*{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}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.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}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@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}.search-box svg{color:#64748b}.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}.voicemails-list{display:flex;flex-direction:column;gap:.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-items{background:#1e293b;border-radius:6px;padding:.75rem;margin-bottom:.75rem}.order-item{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:#e2e8f0;padding:.25rem 0}.item-qty{color:#94a3b8;min-width:30px}.item-name{flex:1}.item-price{color:#22c55e}.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}.order-actions{display:flex;gap:.5rem}.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}