:root{--bg-base:#f8fafc;--bg-surface:#fff;--bg-surface-hover:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--border-color:#e2e8f0;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-light:#eff6ff;--success:#059669;--success-light:#ecfdf5;--warning:#d97706;--warning-light:#fffbeb;--danger:#dc2626;--danger-light:#fef2f2;--ai-color:#7c3aed;--ai-color-light:#f5f3ff;--auction-pulse:#dc262633;--font-sans:"Inter", sans-serif;--font-display:"Outfit", sans-serif;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-float:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:1rem;--radius-full:9999px;--transition-fast:.15s ease-in-out;--transition-normal:.25s ease-in-out}[data-theme=dark]{--bg-base:#0f172a;--bg-surface:#1e293b;--bg-surface-hover:#334155;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-tertiary:#64748b;--border-color:#334155;--primary-light:#2563eb26;--success-light:#05966926;--warning-light:#d9770626;--danger-light:#dc262626;--ai-color-light:#7c3aed26;--shadow-sm:0 1px 2px 0 #00000080;--shadow-md:0 4px 6px -1px #00000080;--shadow-lg:0 10px 15px -3px #00000080}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-primary);transition:background-color var(--transition-normal), color var(--transition-normal);line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);font-weight:600}a{color:var(--primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-hover)}.app-container{height:100vh;display:flex;overflow:hidden}.app-container.hidden{display:none!important}.sidebar{background-color:var(--bg-surface);border-right:1px solid var(--border-color);width:260px;transition:width var(--transition-normal);z-index:40;flex-direction:column;display:flex}.sidebar-header{border-bottom:1px solid var(--border-color);align-items:center;height:64px;padding:0 1.5rem;display:flex}.logo{color:var(--primary);align-items:center;gap:.75rem;display:flex}.logo-icon{width:24px;height:24px}.logo-text{font-family:var(--font-display);font-size:1.25rem;font-weight:700}.sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto}.sidebar-nav ul{list-style:none}.nav-item{color:var(--text-secondary);transition:background var(--transition-fast), color var(--transition-fast);align-items:center;gap:.75rem;padding:.75rem 1.5rem;font-weight:500;display:flex}.nav-item:hover{background-color:var(--bg-surface-hover);color:var(--primary)}.nav-item.active{background-color:var(--primary-light);color:var(--primary);border-right:3px solid var(--primary)}.nav-item i{width:20px;height:20px}.sidebar-footer{border-top:1px solid var(--border-color);padding:1rem 0}.main-layout{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background-color:var(--bg-surface);border-bottom:1px solid var(--border-color);z-index:30;justify-content:space-between;align-items:center;height:64px;padding:0 1.5rem;display:flex}.topbar-left,.topbar-right{align-items:center;gap:1rem;display:flex}.tenant-context{flex-direction:column;line-height:1.2;display:flex}.tenant-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.tenant-context strong{color:var(--text-primary);font-size:.875rem}.user-profile{align-items:center;gap:.75rem;display:flex}.avatar{border-radius:var(--radius-full);background-color:var(--primary);color:#fff;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;font-weight:600;display:flex}.main-content{flex:1;padding:2rem;position:relative;overflow-y:auto}.view-container{max-width:1200px;margin:0 auto;animation:.3s ease-out fadeIn}.auth-container{background-image:radial-gradient(circle at 50% 0%, var(--primary-light), var(--bg-base) 70%);justify-content:center;align-items:center;height:100vh;display:flex}.auth-container.hidden{display:none!important}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;font-weight:500;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:var(--bg-surface);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background-color:var(--bg-surface-hover)}.btn-ai{background:linear-gradient(135deg, var(--ai-color), #a855f7);color:#fff;border:none}.btn-ai:hover{transform:translateY(-1px);box-shadow:0 0 15px #7c3aed66}.btn-danger{background-color:var(--danger);color:#fff}.btn-text{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:.875rem;font-weight:500}.btn-text:hover{color:var(--primary)}.icon-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-full);transition:background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;display:flex}.icon-btn:hover{background-color:var(--bg-surface-hover);color:var(--text-primary)}.card{background-color:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);margin-bottom:1.5rem;overflow:hidden}.card-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.card-title{font-size:1.125rem;font-weight:600}.card-body{padding:1.5rem}.card-footer{background-color:var(--bg-base);border-top:1px solid var(--border-color);justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.ai-card{background:var(--ai-color-light);border-radius:var(--radius-lg);border:1px solid #7c3aed33;margin-bottom:1.5rem;padding:1.5rem;position:relative;overflow:hidden}.ai-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#0000,#fff6);position:absolute;inset:0}[data-theme=dark] .ai-card:before{background:linear-gradient(135deg,#0000,#ffffff0d)}.ai-card-title{color:var(--ai-color);align-items:center;gap:.5rem;margin-bottom:.75rem;font-weight:600;display:flex}.form-group{margin-bottom:1.25rem}.form-label{color:var(--text-primary);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-control{border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-base);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:.625rem .875rem;font-family:inherit;font-size:.875rem}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}textarea.form-control{resize:vertical;min-height:80px}.table-container{width:100%;overflow-x:auto}.table{border-collapse:collapse;text-align:left;width:100%}.table th{text-transform:uppercase;color:var(--text-tertiary);border-bottom:1px solid var(--border-color);background-color:var(--bg-base);padding:.75rem 1rem;font-size:.75rem;font-weight:600}.table td{border-bottom:1px solid var(--border-color);color:var(--text-secondary);padding:1rem;font-size:.875rem}.table tr:last-child td{border-bottom:none}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:hover{background-color:var(--bg-surface-hover)}.badge{border-radius:var(--radius-full);align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-blue{background-color:var(--primary-light);color:var(--primary)}.badge-green{background-color:var(--success-light);color:var(--success)}.badge-yellow{background-color:var(--warning-light);color:var(--warning)}.badge-red{background-color:var(--danger-light);color:var(--danger)}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.hidden{display:none!important}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-muted{color:var(--text-tertiary)}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.grid-stats{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:1.5rem;display:grid}.stat-card{background-color:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-color);flex-direction:column;gap:.5rem;padding:1.5rem;display:flex}.stat-value{font-family:var(--font-display);color:var(--text-primary);font-size:2rem;font-weight:700}@keyframes auctionPulse{0%{box-shadow:0 0 #dc262666}70%{box-shadow:0 0 0 10px #dc262600}to{box-shadow:0 0 #dc262600}}.auction-live{border:2px solid var(--danger);animation:2s infinite auctionPulse}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#00000080;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-surface);border-radius:var(--radius-lg);width:90%;max-width:600px;box-shadow:var(--shadow-float);max-height:90vh;animation:.3s ease-out slideUp;position:relative;overflow-y:auto}.modal-close{color:var(--text-tertiary);cursor:pointer;z-index:10;background:0 0;border:none;position:absolute;top:1rem;right:1rem}.modal-close:hover{color:var(--text-primary)}#modal-body{padding:2.5rem}.notification-container{z-index:150;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:2rem;right:2rem}.toast{background-color:var(--bg-surface);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);border-radius:var(--radius-md);align-items:center;gap:1rem;padding:1rem 1.5rem;animation:.3s ease-out slideInRight;display:flex}.toast.success{border-left:4px solid var(--success)}.toast.error{border-left:4px solid var(--danger)}.toast.info{border-left:4px solid var(--primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@media (width<=768px){.sidebar{height:100vh;position:fixed;left:-260px}.sidebar.open{left:0}.mobile-only{display:flex}}@media (width>=769px){.mobile-only{display:none}}.sidebar.collapsed{width:80px}.sidebar.collapsed .logo-text,.sidebar.collapsed .nav-item span{display:none}.sidebar.collapsed .logo{justify-content:center}.sidebar.collapsed .nav-item{justify-content:center;padding:.75rem}.sidebar.collapsed .sidebar-header{justify-content:center;padding:0}.sidebar.collapsed #sidebar-collapse-btn,.sidebar-expand-btn{display:none}.sidebar.collapsed .sidebar-expand-btn{margin:0 auto 1rem;display:flex}.rfq-stepper{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;display:flex}.step{color:var(--text-tertiary);flex-direction:column;flex:1;align-items:center;gap:.5rem;display:flex;position:relative}.step-icon{border-radius:var(--radius-full);background:var(--bg-base);border:2px solid var(--border-color);z-index:2;width:40px;height:40px;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.step-label{text-transform:uppercase;text-align:center;font-size:.75rem;font-weight:600}.step:after{content:"";background:var(--border-color);z-index:1;width:100%;height:2px;position:absolute;top:20px;left:50%}.step:last-child:after{display:none}.step.active{color:var(--primary)}.step.active .step-icon{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.step.active~.step:after{background:var(--border-color)}.step.completed{color:var(--success)}.step.completed .step-icon{border-color:var(--success);background:var(--success);color:#fff}.step.completed:after{background:var(--success)}.introjs-tooltip{background-color:var(--bg-surface);color:var(--text-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-float);border:1px solid var(--border-color);font-family:var(--font-sans);max-width:480px;padding:1.5rem!important}.introjs-tooltip-header{padding-top:0;padding-right:0}.introjs-tooltip-title{font-weight:700;font-family:var(--font-display)!important;color:var(--text-primary)!important;margin-bottom:.75rem!important;padding-right:50px!important;font-size:1.35rem!important;line-height:1.3!important}.introjs-tooltiptext{font-family:var(--font-sans);color:var(--text-secondary);font-size:1rem;line-height:1.6;padding:0 0 1.5rem!important}.introjs-bullets{padding-top:0;padding-bottom:1rem}.introjs-bullets ul li a{background:var(--border-color);width:8px;height:8px;transition:all var(--transition-fast);border-radius:50%}.introjs-bullets ul li a.active{background:var(--primary);border-radius:4px;width:24px}.introjs-progress{background-color:var(--border-color);border-radius:var(--radius-full);height:8px;margin-top:10px;overflow:hidden}.introjs-progressbar{background-color:var(--primary);height:100%}.introjs-tooltipbuttons{border-top:1px solid var(--border-color);justify-content:flex-end;align-items:center;gap:.5rem;display:flex;padding:1.5rem 0 0!important}.introjs-button{background-color:var(--primary);color:#fff;text-shadow:none;border-radius:var(--radius-md);font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);border:none;padding:.75rem 1.25rem;text-decoration:none}.introjs-button:hover,.introjs-button:focus,.introjs-button:active{background-color:var(--primary-hover);color:#fff;box-shadow:none;border:none;outline:none}.introjs-skipbutton{color:var(--text-tertiary)!important;background:0 0!important;border:none!important;margin:0!important;padding:0!important;font-size:.9rem!important;font-weight:500!important;line-height:1!important;text-decoration:underline!important;display:inline-block!important;position:absolute!important;top:15px!important;right:15px!important}.introjs-skipbutton:hover{color:var(--danger)!important;background:0 0!important}.introjs-prevbutton{background-color:var(--bg-base);color:var(--text-primary);border:1px solid var(--border-color)}.introjs-prevbutton:hover{background-color:var(--bg-surface-hover);color:var(--text-primary)}.introjs-arrow.top{border-bottom-color:var(--bg-surface)}.introjs-arrow.bottom{border-top-color:var(--bg-surface)}.introjs-arrow.left{border-right-color:var(--bg-surface)}.introjs-arrow.right{border-left-color:var(--bg-surface)}.introjs-helperLayer{border:2px solid var(--primary);border-radius:var(--radius-md);background:0 0;box-shadow:0 0 0 5000px #0f172ab3}@media (display-mode:standalone){.app-container{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}}.ai-fab-container{z-index:9999;width:60px;height:60px;position:fixed}.ai-fab-tooltip{background:var(--bg-surface);color:var(--text-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-float);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-fast);border:1px solid var(--border-color);padding:.5rem 1rem;font-size:.85rem;font-weight:600;position:absolute;top:-45px;left:50%;transform:translate(-50%)}.ai-fab-container:hover .ai-fab-tooltip,.ai-listening .ai-fab-tooltip,.ai-processing .ai-fab-tooltip{opacity:1}.ai-clarifying .ai-fab-tooltip{display:none}.ai-fab-btn{background:var(--bg-surface);border:2px solid var(--border-color);width:60px;height:60px;box-shadow:var(--shadow-float);cursor:pointer;color:var(--text-primary);transition:all var(--transition-fast);z-index:10;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.ai-fab-btn:hover{background:var(--bg-surface-hover);border-color:var(--ai-color);transform:scale(1.05)}.ai-fab-close{background:var(--bg-base);border:1px solid var(--border-color);cursor:pointer;z-index:11;width:24px;height:24px;color:var(--text-tertiary);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-5px;right:-5px}.ai-fab-close:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.ai-flying-options{z-index:9;flex-direction:column;align-items:flex-end;gap:.5rem;width:max-content;display:flex;position:absolute;top:-160px;right:0}.ai-flying-options.hidden{display:none}.ai-flying-btn{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition-fast);text-align:right;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.85rem;font-weight:600;display:flex}.ai-flying-btn:hover{background:var(--bg-surface-hover);border-color:var(--primary);color:var(--primary);transform:translate(-5px)}.ai-flying-btn.cancel-btn{color:var(--danger)}.ai-flying-btn.cancel-btn:hover{border-color:var(--danger);color:var(--danger)}.ai-listening .ai-fab-btn{border-color:var(--danger)}.ai-processing .ai-fab-btn{border-color:var(--ai-color)}.mic-pulse{animation:1.5s infinite pulse-danger}@keyframes pulse-danger{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.ai-dock-btn{justify-content:center;align-items:center;display:flex}