@tailwind base;@tailwind components;@tailwind utilities;*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#f3f4f6;background-color:#111827;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}h1,h2,h3,.gold-accent{color:#facc15}.gold-border{border-color:#facc15}.gold{color:#facc15}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background-color:#1f2937}::-webkit-scrollbar-thumb{background-color:#4b5563;border-radius:.5rem}::-webkit-scrollbar-thumb:hover{background-color:#6b7280}
*{box-sizing:border-box;margin:0;padding:0}html,body{color:#f3f4f6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0e27;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}:root{--bg-primary:#0a0e27;--bg-secondary:#1a2332;--bg-tertiary:#111827;--bg-header:#000;--border-light:#374151;--border-dark:#1f2937;--text-primary:#f3f4f6;--text-secondary:#d1d5db;--text-muted:#9ca3af;--accent-gold:#facc15;--accent-gold-light:#fcd34d;--accent-green:#22c55e;--accent-red:#ef4444;--accent-blue:#3b82f6}h1,h2,h3,h4,h5,h6{color:var(--accent-gold);font-weight:700}.app-container{flex-direction:column;min-height:100vh;display:flex}.app-header{background-color:var(--bg-header);border-bottom:1px solid var(--border-light);z-index:100;padding:16px 32px;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;display:flex}.header-brand h1{margin:0;font-size:20px}.header-brand p{color:var(--text-muted);margin:0;font-size:12px}.header-nav{gap:24px;display:flex}.header-nav a{color:var(--text-secondary);font-size:14px;font-weight:600;text-decoration:none;transition:color .3s}.header-nav a:hover{color:var(--accent-gold)}.page-container{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:32px}.section{margin-bottom:64px}.section-title{color:var(--accent-gold);margin-bottom:32px;font-size:32px;font-weight:700}.grid-2{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:32px;display:grid}.grid-5{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.card{background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;padding:24px;transition:all .3s}.card:hover{border-color:var(--border-light);transform:translateY(-2px)}.card-highlight{border:2px solid var(--accent-gold)}.card-small{padding:16px}.card-large{padding:32px}.btn{cursor:pointer;text-align:center;border:none;border-radius:6px;padding:12px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--accent-gold);color:#000}.btn-primary:hover:not(:disabled){background-color:var(--accent-gold-light);transform:translateY(-2px)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-light)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-secondary);border-color:var(--accent-gold)}.btn-success{background-color:var(--accent-green);color:#fff}.btn-success:hover:not(:disabled){background-color:#16a34a}.btn-danger{background-color:var(--accent-red);color:#fff}.btn-danger:hover:not(:disabled){background-color:#dc2626}.btn-info{background-color:var(--accent-blue);color:#fff}.btn-info:hover:not(:disabled){background-color:#2563eb}.btn-full{width:100%}.btn-group{flex-direction:column;gap:12px;display:flex}.form-group{margin-bottom:20px}.form-label{color:var(--text-muted);text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.form-input,.form-select,.form-textarea{background-color:var(--bg-tertiary);border:1px solid var(--border-light);width:100%;color:var(--text-primary);border-radius:6px;padding:10px 12px;font-family:inherit;font-size:14px;font-weight:600;transition:border-color .3s}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--border-light)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent-gold);outline:none}.form-textarea{resize:vertical;min-height:120px}.product-card{background-color:var(--bg-secondary);border:2px solid var(--border-light);text-align:center;cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;padding:16px;transition:all .3s;display:flex}.product-card:hover{border-color:var(--accent-gold);background-color:var(--bg-secondary);transform:translateY(-2px)}.product-card-emoji{margin-bottom:12px;font-size:32px;transition:transform .3s;display:block}.product-card:hover .product-card-emoji{transform:scale(1.15)}.product-card-name{color:var(--accent-gold);margin-bottom:8px;font-size:14px;font-weight:700}.product-card-desc{color:var(--text-muted);font-size:12px;line-height:1.4}.calling-grid{grid-template-columns:1fr 280px;gap:32px;display:grid}.lead-current{background-color:var(--bg-secondary);border:2px solid var(--accent-gold);border-radius:8px;padding:24px}.lead-current-title{color:var(--text-muted);text-transform:uppercase;margin-bottom:16px;font-size:12px;font-weight:700}.lead-details{background-color:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:6px;margin-bottom:16px;padding:16px}.lead-name{color:var(--accent-gold);margin-bottom:8px;font-size:28px;font-weight:700}.lead-phone{color:var(--text-secondary);margin:4px 0;font-size:16px}.lead-location{color:var(--text-muted);margin-top:8px;font-size:12px}.call-status-box{background-color:var(--bg-tertiary);border:1px solid var(--border-light);text-align:center;border-radius:6px;margin-bottom:16px;padding:16px}.call-status-label{color:var(--text-muted);text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700}.call-status-state{color:var(--accent-gold);margin-bottom:8px;font-size:18px;font-weight:700}.call-duration{color:var(--text-primary);font-family:Monaco,Courier New,monospace;font-size:36px;font-weight:700}.queue-sidebar{background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;height:fit-content;max-height:600px;padding:16px;overflow-y:auto}.queue-title{color:var(--accent-gold);margin-bottom:16px;font-size:16px;font-weight:700}.queue-items{flex-direction:column;gap:8px;display:flex}.queue-item{cursor:pointer;text-align:left;color:var(--text-primary);background-color:#0000;border:none;border-radius:6px;padding:12px;font-size:13px;transition:all .3s}.queue-item-current{background-color:var(--accent-gold);color:#000;font-weight:700}.queue-item-other{background-color:var(--bg-tertiary);border:1px solid var(--border-light)}.queue-item-other:hover{background-color:var(--bg-secondary);border-color:var(--accent-gold)}.queue-item-name{margin-bottom:4px;font-weight:600;display:block}.queue-item-phone{opacity:.8;font-size:12px;display:block}.queue-item-number{opacity:.6;font-size:11px;display:block}.leads-grid{grid-template-columns:1fr 1fr;gap:32px;display:grid}.lead-form{background-color:var(--bg-secondary);border:2px solid var(--accent-gold);border-radius:8px;padding:20px}.lead-form-title{color:var(--accent-gold);margin-bottom:16px;font-size:18px;font-weight:700}.leads-table-wrapper{background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px}.leads-table-header{background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-light);padding:16px}.leads-table-header h3{margin:0;font-size:16px}.leads-table{border-collapse:collapse;width:100%}.leads-table th{background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-light);text-align:left;color:var(--accent-gold);text-transform:uppercase;padding:12px 16px;font-size:12px;font-weight:700}.leads-table td{border-bottom:1px solid var(--border-light);color:var(--text-secondary);padding:12px 16px}.leads-table tr:hover{background-color:var(--bg-tertiary)}.lead-status-badge{border-radius:4px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-block}.lead-status-called{color:var(--accent-green);border:1px solid var(--accent-green);background-color:#22c55e1a}.lead-status-uncalled{color:var(--text-muted);border:1px solid var(--border-light);background-color:#6b72801a}.scripts-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.script-card{background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;padding:24px}.script-name{color:var(--accent-gold);margin-bottom:12px;font-size:18px;font-weight:700}.script-price{color:var(--text-muted);margin-bottom:16px;font-size:13px}.script-section{margin-bottom:16px}.script-section-title{color:var(--text-muted);text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700}.script-text{color:var(--text-secondary);font-size:13px;line-height:1.6}.dashboard-header{background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:32px;padding:24px;display:flex}.dashboard-title{color:var(--accent-gold);font-size:32px;font-weight:700}.dashboard-buttons{gap:12px;display:flex}.status-section{background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;margin-bottom:32px;padding:24px}.status-online{color:var(--accent-green);margin-bottom:12px;font-size:24px;font-weight:700}.status-logins{color:var(--text-muted);font-size:13px}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:32px;display:grid}@media (min-width:1024px){.metrics-grid{grid-template-columns:repeat(4,1fr)}}.metric-card{background-color:var(--bg-secondary);border:1px solid var(--border-light);text-align:center;border-radius:8px;padding:20px}.metric-label{color:var(--text-muted);text-transform:uppercase;margin-bottom:12px;font-size:11px;font-weight:700}.metric-value{color:var(--accent-gold);font-size:36px;font-weight:700}.team-section{background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;margin-bottom:32px;padding:24px}.team-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.team-member{background-color:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:16px;display:flex}.member-info{flex:1;align-items:center;gap:12px;display:flex}.member-avatar{background-color:var(--accent-gold);color:#000;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:700;display:flex}.member-details{flex:1}.member-name{color:var(--text-primary);margin-bottom:4px;font-weight:600}.member-email{color:var(--text-muted);font-size:12px}.member-badges{gap:6px;margin-top:6px;display:flex}.badge{border-radius:3px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-block}.badge-online{background-color:var(--accent-green);color:#fff}.member-stats{text-align:right}.member-stat-number{color:var(--accent-gold);font-size:20px;font-weight:700}.member-stat-label{color:var(--text-muted);font-size:11px}.message{border:1px solid;border-radius:6px;margin-top:16px;padding:12px 16px;font-size:14px}.message-success{color:var(--accent-green);border-color:var(--accent-green);background-color:#22c55e1a}.message-error{color:var(--accent-red);border-color:var(--accent-red);background-color:#ef44441a}.message-info{color:var(--accent-blue);border-color:var(--accent-blue);background-color:#3b82f61a}.empty-state{background-color:var(--bg-secondary);border:1px solid var(--border-light);text-align:center;border-radius:8px;padding:48px 32px}.empty-state-text{color:var(--text-muted);margin-bottom:24px;font-size:16px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background-color:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background-color:var(--border-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}@media (max-width:768px){.grid-2,.grid-3,.grid-4,.grid-5,.calling-grid,.leads-grid,.scripts-grid,.metrics-grid{grid-template-columns:1fr}.header-nav{flex-direction:column;gap:12px}.page-container{padding:16px}.section{margin-bottom:32px}}