@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";.sidebar{width:260px;background:var(--card-bg);border-right:2px solid var(--border-color);display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;height:100vh;z-index:20;box-shadow:4px 0 20px #0000001a}.sidebar-collapsed{width:76px}.sidebar-mobile{transform:translate(-100%)}.sidebar-mobile:not(.sidebar-collapsed){transform:translate(0)}.sidebar-header{padding:24px 20px;border-bottom:2px solid var(--border-color);display:flex;align-items:center;position:relative;background:linear-gradient(135deg,rgba(139,92,246,.05) 0%,rgba(124,58,237,.05) 100%)}.sidebar-toggle{width:36px;height:36px;border:none;background:var(--background);border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--primary);transition:all .3s cubic-bezier(.4,0,.2,1);padding:8px;position:absolute;top:20px;right:20px;z-index:1;box-shadow:0 2px 8px #8b5cf626}.sidebar-toggle:hover{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;transform:scale(1.05);box-shadow:0 4px 12px #8b5cf64d}.sidebar-toggle:active{transform:scale(.95)}.logo-container{flex:1;display:flex;align-items:center;justify-content:center;margin-right:36px}.sidebar-collapsed .logo-container{margin-right:0}.logo{font-size:22px;font-weight:800;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap;letter-spacing:-.5px}.logo-collapsed{width:40px;height:40px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;box-shadow:0 4px 12px #8b5cf64d}.sidebar-nav{flex:1;padding:24px 16px;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.nav-item-wrapper{position:relative;margin-bottom:6px}.nav-item{display:flex;align-items:center;padding:14px 16px;border-radius:12px;color:var(--text-secondary);text-decoration:none;font-weight:600;font-size:15px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;border:2px solid transparent}.nav-item-collapsed{justify-content:center;padding:12px;width:44px;height:44px;margin:0 auto}.nav-icon{flex-shrink:0;transition:all .3s ease}.nav-label{margin-left:14px;white-space:nowrap;opacity:1;transition:opacity .3s ease}.sidebar-collapsed .nav-label{opacity:0;width:0;margin:0;overflow:hidden}.nav-item:hover{background:linear-gradient(135deg,rgba(139,92,246,.1) 0%,rgba(124,58,237,.1) 100%);color:var(--primary);transform:translate(4px);border-color:#8b5cf633}.nav-item:hover .nav-icon{transform:scale(1.1)}.nav-item-active{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;font-weight:700;box-shadow:0 4px 12px #8b5cf64d}.nav-item-active:hover{transform:translate(4px);box-shadow:0 6px 16px #8b5cf666;border-color:transparent}.nav-item-active .nav-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.nav-item-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.nav-item-view-only{opacity:.85}.nav-item-view-only .nav-label{color:var(--text-secondary)}.view-only-icon{margin-left:auto;opacity:.5;flex-shrink:0}.nav-item-active .view-only-icon{opacity:.7;color:#fff}.coming-soon-tag{margin-left:auto;padding:2px 8px;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:#fff;font-size:9px;font-weight:700;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.nav-tooltip{position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:16px;background:var(--tooltip-bg);color:var(--tooltip-text);padding:12px 20px;border-radius:10px;font-size:15px;font-weight:700;white-space:nowrap;z-index:10000;opacity:0;animation:tooltipFadeIn .2s ease forwards;box-shadow:0 10px 40px #00000080,0 0 0 1px #ffffff1a;pointer-events:none;letter-spacing:.3px}.nav-tooltip:before{content:"";position:absolute;top:50%;left:-8px;transform:translateY(-50%);width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid var(--tooltip-bg)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-50%) translate(-12px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.sidebar-footer{padding:20px;border-top:2px solid var(--gray-200);background:linear-gradient(135deg,rgba(139,92,246,.05) 0%,rgba(124,58,237,.05) 100%)}.user-info{margin-bottom:16px}.user-name{font-size:15px;font-weight:700;color:var(--neutral-dark);margin-bottom:4px}.user-plan{font-size:12px;color:var(--gray-500);font-weight:600}.usage-info{margin-top:16px}.usage-text{font-size:12px;color:var(--gray-600);margin-bottom:8px;font-weight:600}.progress-bar{width:100%;height:6px;background:var(--gray-200);border-radius:3px;overflow:hidden;box-shadow:inset 0 1px 3px #0000001a}.progress-fill{height:100%;transition:all .3s ease;border-radius:3px;background:linear-gradient(90deg,var(--primary) 0%,var(--primary-dark) 100%);box-shadow:0 1px 3px #8b5cf64d}.user-avatar-collapsed{width:40px;height:40px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;margin:0 auto;box-shadow:0 4px 12px #8b5cf64d}.layout-toggle-btn{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;margin-bottom:16px;border:2px solid var(--gray-300);border-radius:10px;background:var(--card-bg);color:var(--gray-600);font-size:13px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.layout-toggle-btn:hover{background:linear-gradient(135deg,rgba(139,92,246,.1) 0%,rgba(124,58,237,.1) 100%);border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf633}.layout-toggle-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0 auto 12px;border:2px solid var(--gray-300);border-radius:10px;background:var(--card-bg);color:var(--gray-600);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.layout-toggle-icon:hover{background:linear-gradient(135deg,rgba(139,92,246,.1) 0%,rgba(124,58,237,.1) 100%);border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf633}@media (max-width: 1024px){.sidebar,.sidebar-collapsed{width:260px}.nav-tooltip{display:none}}@media (max-width: 768px){.sidebar{width:260px}}.image-crop-modal-new{max-width:700px;width:90vw}.crop-instructions{text-align:center;color:var(--gray-600);font-size:14px;margin-bottom:20px;padding:12px;background:var(--gray-50);border-radius:6px}.crop-container-new{display:flex;flex-direction:column;align-items:center;gap:24px;padding:0}.crop-canvas-container{position:relative;width:500px;height:500px;border-radius:12px;overflow:hidden;background:#1a1a1a;box-shadow:0 4px 12px #00000026}.crop-canvas{display:block;width:100%;height:100%;touch-action:none}.crop-controls{width:100%;padding:0 20px}.zoom-controls{display:flex;align-items:center;gap:16px;justify-content:center;width:100%}.btn-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--gray-300);background:var(--card-bg);border-radius:8px;cursor:pointer;transition:all .2s ease;color:var(--gray-700);flex-shrink:0}.btn-icon:hover{background:var(--gray-50);border-color:var(--gray-400);transform:translateY(-1px)}.btn-icon:active{transform:translateY(0)}.zoom-slider-container{display:flex;align-items:center;gap:12px;flex:1;max-width:300px}.zoom-slider{flex:1;height:6px;border-radius:3px;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--gray-300);cursor:pointer}.zoom-slider::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary);cursor:pointer;border:3px solid white;box-shadow:0 2px 6px #0003;transition:all .2s ease}.zoom-slider::-webkit-slider-thumb:hover{background:var(--primary-dark);transform:scale(1.1)}.zoom-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--primary);cursor:pointer;border:3px solid white;box-shadow:0 2px 6px #0003;transition:all .2s ease}.zoom-slider::-moz-range-thumb:hover{background:var(--primary-dark);transform:scale(1.1)}.zoom-slider::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:var(--gray-300)}.zoom-slider::-moz-range-track{height:6px;border-radius:3px;background:var(--gray-300)}.zoom-label{font-size:14px;font-weight:600;color:var(--gray-700);min-width:50px;text-align:right}@media (max-width: 768px){.image-crop-modal-new{width:95vw;max-height:90vh}.crop-canvas-container{width:100%;max-width:400px;height:auto;aspect-ratio:1}.zoom-controls{flex-wrap:wrap;gap:12px}.zoom-slider-container{width:100%;max-width:100%}}@media (max-width: 480px){.crop-canvas-container{max-width:300px}.btn-icon{width:38px;height:38px}.btn-secondary{padding:8px 12px;font-size:13px}}.personal-settings-modal{max-width:600px}.personal-header{display:flex;justify-content:space-between;align-items:center}.header-avatar-container{position:relative;cursor:pointer}.header-avatar{width:56px;height:56px;border-radius:50%;background:var(--gray-100);display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px solid var(--gray-200);transition:all .2s ease}.dark .header-avatar{background:var(--gray-700);border-color:var(--gray-600)}.header-avatar-container:hover .header-avatar{border-color:var(--primary);box-shadow:0 2px 8px #8b5cf640}.header-avatar img{width:100%;height:100%;object-fit:cover}.header-avatar-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;font-size:18px;font-weight:600;letter-spacing:-.3px}.header-avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;color:#fff}.header-avatar-container:hover .header-avatar-overlay{opacity:1}.header-avatar-delete{position:absolute;top:-4px;right:-4px;width:22px;height:22px;border-radius:50%;background:var(--error, #ef4444);border:2px solid white;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:scale(.8);transition:all .2s ease;padding:0}.dark .header-avatar-delete{border-color:var(--gray-800)}.header-avatar-container:hover .header-avatar-delete{opacity:1;transform:scale(1)}.header-avatar-delete:hover{background:#dc2626;transform:scale(1.1)!important}.header-avatar-delete:disabled{opacity:.5;cursor:not-allowed}.form-section-divider{height:1px;background:var(--gray-200);margin:24px 0}.form-section-title{font-size:16px;font-weight:600;color:var(--neutral-dark);margin-bottom:4px}.form-section-subtitle{font-size:13px;color:var(--gray-500);margin-bottom:16px}.password-error{padding:12px;background:rgba(220,38,38,.1);border:1px solid rgba(220,38,38,.3);border-radius:6px;color:var(--error);font-size:14px;margin-top:12px}.oauth-link-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px;background:var(--card-bg);border:1.5px solid var(--gray-300);border-radius:8px;font-size:14px;font-weight:500;color:var(--neutral-dark);cursor:pointer;transition:all .2s ease}.oauth-link-btn:hover:not(:disabled){border-color:var(--primary);background:rgba(156,127,249,.05);transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.oauth-link-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 4px #0000000f}.oauth-link-btn:disabled{opacity:.5;cursor:not-allowed}.email-sync-report-modal{background:var(--card-bg);border-radius:12px;width:90%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.email-sync-report-modal .modal-header{padding:24px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.email-sync-report-modal .modal-header h2{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.email-sync-report-modal .close-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.email-sync-report-modal .close-btn:hover{background:var(--table-row-hover);color:var(--text-primary)}.email-sync-report-modal .modal-body{padding:24px;overflow-y:auto;flex:1}.report-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:32px}.summary-card{background:var(--table-row-hover);border-radius:8px;padding:16px;display:flex;align-items:center;gap:12px;border:1px solid var(--border-color)}.summary-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.summary-icon.success{background:#d1fae5;color:#059669}.summary-icon.warning{background:#fef3c7;color:#d97706}.summary-icon.filtered{background:#fee2e2;color:#dc2626}.summary-icon.info{background:#dbeafe;color:#2563eb}.summary-content{flex:1}.summary-value{font-size:24px;font-weight:700;color:var(--text-primary);line-height:1.2}.summary-label{font-size:13px;color:var(--text-secondary);margin-top:2px}.report-section{margin-bottom:32px}.report-section:last-child{margin-bottom:0}.section-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.email-list{display:flex;flex-direction:column;gap:8px}.email-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:all .2s}.email-item:hover{border-color:var(--border-color);box-shadow:0 2px 8px #0000000d}.email-item.success-item{border-left:3px solid #059669}.email-item.warning-item{border-left:3px solid #d97706}.email-item.filtered-item{border-left:3px solid #dc2626;opacity:.7}.email-info{flex:1;min-width:0}.email-subject{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--text-secondary)}.email-from{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-score{font-weight:600;color:#059669;flex-shrink:0}.email-project-name{font-size:12px;color:#2563eb;margin-top:4px;font-style:italic}.view-project-btn{background:#2563eb;color:#fff;border:none;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s;flex-shrink:0}.view-project-btn:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.more-items{text-align:center;padding:12px;font-size:13px;color:var(--text-secondary);font-style:italic}.email-sync-report-modal .modal-footer{padding:16px 24px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:12px}.email-sync-report-modal .btn{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.email-sync-report-modal .btn-primary{background:#2563eb;color:#fff}.email-sync-report-modal .btn-primary:hover{background:#1d4ed8}.notification-center{position:relative}.notification-button{position:relative;background:none;border:none;padding:8px;border-radius:8px;cursor:pointer;color:var(--gray-600);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.notification-button:hover{background:var(--gray-100);color:var(--neutral-dark)}.notification-badge{position:absolute;top:4px;right:4px;background:#ef4444;color:#fff;font-size:10px;font-weight:600;padding:2px 5px;border-radius:10px;min-width:18px;text-align:center}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:400px;max-height:600px;background:var(--card-bg);border-radius:12px;box-shadow:0 4px 24px #0000001f;border:1px solid var(--gray-200);z-index:10000;display:flex;flex-direction:column;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--gray-200)}.notification-header h3{font-size:16px;font-weight:600;color:var(--neutral-dark);margin:0}.mark-all-read-btn{background:none;border:none;color:var(--primary);font-size:13px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s ease}.mark-all-read-btn:hover{background:rgba(59,130,246,.1)}.notification-list{overflow-y:auto;max-height:500px;padding:8px 0}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:transparent}.notification-list::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.notification-item{display:flex;gap:12px;padding:12px 20px;border-bottom:1px solid var(--gray-100);transition:background .2s ease}.notification-item:hover{background:var(--gray-50)}.notification-item.unread{background:rgba(59,130,246,.05)}.notification-item.unread:hover{background:rgba(59,130,246,.08)}.notification-item.clickable{cursor:pointer}.notification-item.clickable:hover{background:rgba(59,130,246,.1);border-left:3px solid #3b82f6;padding-left:17px}.notification-icon{flex-shrink:0;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.notification-success .notification-icon{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.notification-error .notification-icon{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.notification-progress .notification-icon{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.notification-info .notification-icon{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)}.notification-content{flex:1;min-width:0}.notification-title{font-size:14px;font-weight:600;color:var(--neutral-dark);margin-bottom:4px}.notification-message{font-size:13px;color:var(--gray-600);line-height:1.4;margin-bottom:4px}.notification-progress-bar{width:100%;height:4px;background:var(--gray-200);border-radius:2px;overflow:hidden;margin-top:8px;margin-bottom:4px}.notification-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6 0%,#2563eb 100%);transition:width .3s ease}.notification-time{font-size:11px;color:var(--gray-400);margin-top:4px}.notification-actions{display:flex;gap:4px;align-items:flex-start;flex-shrink:0}.notification-action-btn{background:none;border:none;padding:6px;border-radius:6px;cursor:pointer;color:var(--gray-400);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.notification-action-btn:hover{background:var(--gray-200);color:var(--gray-600)}.notification-loading,.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;color:var(--gray-400);text-align:center}.notification-loading svg,.notification-empty svg{margin-bottom:12px;opacity:.5}.notification-loading p,.notification-empty p{font-size:14px;margin:0}@media (max-width: 768px){.notification-dropdown{width:320px;right:-100px}}.header{display:flex;align-items:center;justify-content:flex-end;margin-bottom:24px}.header-content{display:flex;align-items:center;justify-content:flex-end;gap:16px}.header-right{display:flex;align-items:center;gap:12px}.upgrade-btn{font-size:15px;padding:10px 20px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border:none;border-radius:12px;color:#fff;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #8b5cf64d;position:relative;overflow:hidden}.upgrade-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.2);transform:translate(-50%,-50%);transition:width .5s,height .5s}.upgrade-btn:hover:before{width:200px;height:200px}.upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf666}.icon-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:12px;background:var(--card-bg);color:var(--gray-600);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000d;border:2px solid var(--gray-200)}.icon-btn:hover{background:linear-gradient(135deg,rgba(139,92,246,.1) 0%,rgba(124,58,237,.1) 100%);color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf626;border-color:var(--primary)}.theme-toggle-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:12px;background:var(--card-bg);color:var(--text-secondary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000014;border:2px solid var(--border-color)}.theme-toggle-btn:hover{background:linear-gradient(135deg,rgba(139,92,246,.1) 0%,rgba(124,58,237,.1) 100%);color:var(--primary);transform:translateY(-2px) rotate(20deg);box-shadow:0 4px 12px #8b5cf633;border-color:var(--primary)}.theme-toggle-btn:active{transform:translateY(0) rotate(0)}.user-menu{position:relative;z-index:9999}.user-avatar{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:3px solid var(--card-bg);border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;font-weight:700;font-size:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 4px 12px #8b5cf64d}.user-avatar:hover{transform:scale(1.05);box-shadow:0 6px 16px #8b5cf666}.user-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:300px;background:#ffffff!important;background-color:#fff!important;border:2px solid var(--gray-200);border-radius:16px;box-shadow:0 16px 40px #00000026;z-index:9999;overflow:hidden;animation:dropdownSlideIn .3s cubic-bezier(.4,0,.2,1);backdrop-filter:none;-webkit-backdrop-filter:none;isolation:isolate;opacity:1!important}[data-theme=dark] .user-dropdown{background:#1a1a2e!important;background-color:#1a1a2e!important;border-color:var(--gray-700)}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-section{padding:20px;background-color:#fff}[data-theme=dark] .dropdown-section{background-color:#1a1a2e}.dropdown-section:not(:last-child){border-bottom:2px solid var(--gray-200)}.user-identity{margin-bottom:0}.user-identity-header{display:flex;align-items:center;gap:12px}.dropdown-user-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;font-weight:700;font-size:14px;flex-shrink:0;overflow:hidden;box-shadow:0 2px 8px #8b5cf64d}.user-identity-text{flex:1;min-width:0}.dropdown-user-name{font-size:15px;font-weight:700;color:var(--neutral-dark);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=dark] .dropdown-user-name{color:var(--gray-500)}.dropdown-user-email{font-size:13px;color:var(--gray-500);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=dark] .dropdown-user-email{color:var(--text-secondary)}.companies-list{display:flex;flex-direction:column;gap:6px}.company-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;border:none;border-radius:10px;background:transparent;text-align:left;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.company-item:hover{background:linear-gradient(135deg,var(--gray-50) 0%,var(--gray-100) 100%);transform:translate(4px)}.company-item.active{background:linear-gradient(135deg,rgba(139,92,246,.1) 0%,rgba(124,58,237,.1) 100%);color:var(--primary);font-weight:600;border-color:#8b5cf64d}.company-item.create-company{color:var(--primary);font-weight:700;gap:8px}.company-item.create-company:hover{background:linear-gradient(135deg,rgba(139,92,246,.1) 0%,rgba(124,58,237,.1) 100%);border-color:var(--primary)}.company-name{font-size:14px;font-weight:600;color:var(--text-primary)}[data-theme=dark] .company-name{color:var(--text-primary)}.check-icon{color:var(--primary)}.rfq-usage-section{padding:16px!important;background:linear-gradient(135deg,rgba(108,99,255,.05) 0%,rgba(156,127,249,.05) 100%);border-radius:12px}.rfq-usage-info{display:flex;flex-direction:column;gap:12px}.rfq-usage-header{display:flex;align-items:center;gap:8px;color:var(--text-secondary)}.rfq-usage-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.rfq-usage-stats{display:flex;flex-direction:column;gap:4px}.rfq-usage-count{font-size:20px;font-weight:700;color:var(--primary)}.rfq-usage-text{font-size:12px;color:var(--text-secondary)}.rfq-usage-bar{height:8px;background:var(--border-color);border-radius:4px;overflow:hidden;position:relative}.rfq-usage-fill{height:100%;transition:width .3s ease,background-color .3s ease;border-radius:4px}.dropdown-action{display:flex;align-items:center;gap:12px;width:100%;padding:14px;border:none;border-radius:10px;background:transparent;text-align:left;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:14px;font-weight:600;color:var(--neutral-dark);margin-bottom:6px;border:2px solid transparent}[data-theme=dark] .dropdown-action{color:var(--text-primary)}.dropdown-action:last-child{margin-bottom:0}.dropdown-action:hover{background:linear-gradient(135deg,var(--gray-50) 0%,var(--gray-100) 100%);transform:translate(4px)}.dropdown-action.super-admin-link{color:#667eea;font-weight:700}.dropdown-action.super-admin-link:hover{background:linear-gradient(135deg,rgba(102,126,234,.1) 0%,rgba(118,75,162,.1) 100%);border-color:#667eea4d}.dropdown-action.logout{color:var(--error)}.dropdown-action.logout:hover{background:linear-gradient(135deg,rgba(239,68,68,.1) 0%,rgba(248,113,113,.1) 100%);border-color:#ef44444d}@media (max-width: 1024px){.header-content{padding:0 20px;height:64px}}.header-topnav{position:fixed;top:0;left:0;right:0;height:70px;background:var(--card-bg);border-bottom:2px solid var(--gray-200);display:flex;align-items:center;justify-content:center;padding:0;z-index:9999;box-shadow:0 4px 20px #0000000d;margin-bottom:0}.header-topnav-inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1800px;padding:0 40px}.header-left{display:flex;align-items:center;gap:40px}.header-topnav .logo{font-size:24px;font-weight:800;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap;letter-spacing:-.5px;margin:0}.topnav-menu{display:flex;align-items:center;gap:8px}.topnav-item{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;color:var(--gray-600);text-decoration:none;font-weight:600;font-size:15px;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent;white-space:nowrap}.topnav-item:hover{background:linear-gradient(135deg,rgba(139,92,246,.1) 0%,rgba(124,58,237,.1) 100%);color:var(--primary);border-color:#8b5cf633;transform:translateY(-2px)}.topnav-item-active{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;font-weight:700;box-shadow:0 4px 12px #8b5cf64d}.topnav-item-active:hover{transform:translateY(-2px);box-shadow:0 6px 16px #8b5cf666;border-color:transparent}.topnav-item-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}@media (max-width: 768px){.header-content{padding:0 16px;height:60px}.page-title{font-size:22px}.upgrade-btn{font-size:13px;padding:8px 16px}.user-dropdown{width:280px}.header-right{gap:12px}.icon-btn{width:40px;height:40px}.user-avatar{width:40px;height:40px;font-size:14px}.header-topnav{padding:0 16px;height:64px}.topnav-menu{display:none}}.subscription-warning{position:sticky;top:0;left:0;right:0;z-index:10000;padding:12px 24px;box-shadow:0 2px 8px #0000001a;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.subscription-warning.warning{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-bottom:2px solid #f59e0b}.subscription-warning.error{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border-bottom:2px solid #ef4444}.warning-content{display:flex;align-items:center;justify-content:center;gap:12px;max-width:1200px;margin:0 auto}.warning-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.subscription-warning.warning .warning-icon{color:#d97706}.subscription-warning.error .warning-icon{color:#dc2626}.warning-message{flex:1;font-size:14px;font-weight:500;text-align:center}.subscription-warning.warning .warning-message{color:#92400e}.subscription-warning.error .warning-message{color:#991b1b}.warning-action-btn{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.subscription-warning.warning .warning-action-btn{background:#f59e0b;color:#fff}.subscription-warning.warning .warning-action-btn:hover{background:#d97706;transform:translateY(-1px);box-shadow:0 4px 8px #f59e0b4d}.subscription-warning.error .warning-action-btn{background:#ef4444;color:#fff}.subscription-warning.error .warning-action-btn:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 8px #ef44444d}@media (max-width: 768px){.subscription-warning{padding:10px 16px}.warning-content{flex-direction:column;gap:8px}.warning-message{font-size:13px}.warning-action-btn{width:100%}}.layout{display:flex;min-height:100vh;position:relative;background:var(--body-bg)}.layout-topnav{flex-direction:column;padding-top:70px}.main-content{flex:1;display:flex;flex-direction:column;margin-left:260px;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.main-content.sidebar-collapsed{margin-left:76px}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:15;animation:overlayFadeIn .3s ease}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.content{flex:1;padding:24px;overflow-y:auto}.content-topnav{padding:40px;width:100%;max-width:1800px;margin:0 auto;overflow-y:auto}.content::-webkit-scrollbar{width:10px}.content::-webkit-scrollbar-track{background:var(--gray-100)}.content::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:5px}.content::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.content-topnav::-webkit-scrollbar{width:10px}.content-topnav::-webkit-scrollbar-track{background:var(--gray-100)}.content-topnav::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:5px}.content-topnav::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}@media (max-width: 1024px){.main-content,.main-content.sidebar-collapsed{margin-left:0}}@media (max-width: 768px){.content{padding:16px}.content-topnav{padding:20px}.layout-topnav{padding-top:64px}}.toast{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;justify-content:space-between;min-width:320px;max-width:420px;padding:14px 18px;border-radius:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 40px #00000026,0 4px 12px #0000001a;z-index:999999;animation:toastSlideIn .4s cubic-bezier(.16,1,.3,1);visibility:visible!important;opacity:1!important;pointer-events:auto}.toast-top-right{bottom:auto;top:24px;right:24px;animation:toastSlideDown .4s cubic-bezier(.16,1,.3,1)}.toast-top-left{bottom:auto;top:24px;left:24px;right:auto;animation:toastSlideDown .4s cubic-bezier(.16,1,.3,1)}.toast-bottom-left{left:24px;right:auto}.toast-bottom-right{bottom:24px;right:24px}@keyframes toastSlideIn{0%{transform:translateY(100%) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes toastSlideDown{0%{transform:translateY(-100%) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.toast-success{background:linear-gradient(135deg,#10B981 0%,#059669 100%);border:1px solid rgba(255,255,255,.2);color:#fff;box-shadow:0 10px 40px #10b9814d,0 4px 12px #10b98133}.toast-success .toast-icon{color:#fff;background:rgba(255,255,255,.2);padding:6px;border-radius:8px}.toast-success .toast-message{color:#fff;font-weight:600}.toast-success .toast-close{color:#fffc}.toast-success .toast-close:hover{background:rgba(255,255,255,.2);color:#fff}.toast-error{background:linear-gradient(135deg,#EF4444 0%,#DC2626 100%);border:1px solid rgba(255,255,255,.2);color:#fff;box-shadow:0 10px 40px #ef44444d,0 4px 12px #ef444433}.toast-error .toast-icon{color:#fff;background:rgba(255,255,255,.2);padding:6px;border-radius:8px}.toast-error .toast-message{color:#fff;font-weight:600}.toast-error .toast-close{color:#fffc}.toast-error .toast-close:hover{background:rgba(255,255,255,.2);color:#fff}.toast-warning{background:linear-gradient(135deg,#F59E0B 0%,#D97706 100%);border:1px solid rgba(255,255,255,.2);color:#fff;box-shadow:0 10px 40px #f59e0b4d,0 4px 12px #f59e0b33}.toast-warning .toast-icon{color:#fff;background:rgba(255,255,255,.2);padding:6px;border-radius:8px}.toast-warning .toast-message{color:#fff;font-weight:600}.toast-warning .toast-close{color:#fffc}.toast-warning .toast-close:hover{background:rgba(255,255,255,.2);color:#fff}.toast-info{background:linear-gradient(135deg,#6366F1 0%,#4F46E5 100%);border:1px solid rgba(255,255,255,.2);color:#fff;box-shadow:0 10px 40px #6366f14d,0 4px 12px #6366f133}.toast-info .toast-icon{color:#fff;background:rgba(255,255,255,.2);padding:6px;border-radius:8px}.toast-info .toast-message{color:#fff;font-weight:600}.toast-info .toast-close{color:#fffc}.toast-info .toast-close:hover{background:rgba(255,255,255,.2);color:#fff}.toast-content{display:flex;align-items:center;gap:12px;flex:1}.toast-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-message{font-size:14px;font-weight:500;line-height:1.5;white-space:pre-line}.toast-close{background:none;border:none;cursor:pointer;padding:6px;border-radius:6px;transition:all .2s ease;flex-shrink:0;margin-left:12px;display:flex;align-items:center;justify-content:center}.dark .toast-success{background:linear-gradient(135deg,#059669 0%,#047857 100%);box-shadow:0 10px 40px #05966966,0 4px 12px #0596694d}.dark .toast-error{background:linear-gradient(135deg,#DC2626 0%,#B91C1C 100%);box-shadow:0 10px 40px #dc262666,0 4px 12px #dc26264d}.dark .toast-warning{background:linear-gradient(135deg,#D97706 0%,#B45309 100%);box-shadow:0 10px 40px #d9770666,0 4px 12px #d977064d}.dark .toast-info{background:linear-gradient(135deg,#4F46E5 0%,#4338CA 100%);box-shadow:0 10px 40px #4f46e566,0 4px 12px #4f46e54d}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--card-bg)}.auth-content{display:grid;grid-template-columns:2fr 1fr;width:100%;min-height:100vh}.auth-left{background:var(--card-bg);padding:40px 80px;display:flex;flex-direction:column;align-items:center;justify-content:center}.login-logo{display:flex;align-items:center;gap:12px;margin-bottom:80px}.login-logo .logo-text{font-size:36px;font-weight:800;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap;letter-spacing:-.5px}[data-theme=dark] .login-logo .logo-text{background:linear-gradient(135deg,#a78bfa 0%,#8b5cf6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-icon{width:40px;height:40px;background:var(--text-primary);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;color:var(--card-bg)}.logo-text{font-size:20px;font-weight:700;color:var(--text-primary)}.auth-form-container{width:100%;max-width:420px}.auth-header{margin-bottom:32px}.auth-header h2{font-size:32px;font-weight:700;margin:0 0 12px;color:var(--text-primary)}.auth-subtitle{font-size:16px;color:var(--text-secondary);margin:0 0 24px;line-height:1.5}.invited-user-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--table-row-hover);border-radius:999px;font-size:14px;margin-top:8px}.badge-label{color:var(--text-secondary);font-weight:500}.badge-email{color:var(--text-primary);font-weight:600}.social-auth-label{font-size:14px;font-weight:500;color:var(--text-secondary);margin:0 0 8px}.auth-helper-text{font-size:13px;color:var(--text-secondary);margin:8px 0 0;text-align:center;line-height:1.4}.auth-form{display:flex;flex-direction:column;gap:16px}.form-group label{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:8px}.form-group input{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:15px;transition:all .2s;background:var(--input-bg);color:var(--text-primary)}.form-group input:focus{outline:none;border-color:var(--info);box-shadow:0 0 0 3px #3b82f61a}.form-group input:disabled{background:var(--table-row-hover);cursor:not-allowed}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper input{padding-left:42px;padding-right:48px}.input-icon{position:absolute;left:12px;color:var(--text-muted)}.password-toggle{position:absolute;right:12px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.password-toggle:hover:not(:disabled){color:var(--info);background:rgba(59,130,246,.1)}.password-toggle:disabled{cursor:not-allowed}.auth-submit-btn{padding:14px 32px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:8px}.auth-submit-btn:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed}.auth-footer{margin-top:24px;margin-bottom:32px;text-align:center;font-size:14px;color:var(--text-secondary)}.auth-link{color:var(--info);text-decoration:none;font-weight:600}.auth-link:hover{color:var(--primary);text-decoration:underline}.divider{display:flex;align-items:center;margin:12px 0;color:var(--text-muted);font-size:14px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.divider span{padding:0 16px}.social-auth{display:flex;flex-direction:column;gap:12px;margin-top:12px;margin-bottom:32px}.social-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 24px;border-radius:8px;border:1px solid var(--border-color);background:var(--card-bg);font-size:15px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s}.social-btn:hover:not(:disabled){border-color:var(--text-muted);background:var(--table-row-hover);transform:translateY(-1px);box-shadow:0 2px 8px var(--shadow-color)}.social-btn:active:not(:disabled){transform:translateY(0)}.social-btn:disabled{opacity:.7;cursor:not-allowed}.google-btn svg{color:#4285f4}.microsoft-btn svg{color:#00a4ef}.alibaba-btn{background:var(--card-bg)}.alibaba-btn:hover:not(:disabled){border-color:#ff6a00}.recaptcha-notice{margin-top:32px;padding-top:24px;border-top:1px solid var(--border-color)}.recaptcha-notice p{font-size:12px;color:var(--text-muted);margin:0;line-height:1.6}.recaptcha-notice a{color:var(--info);text-decoration:none}.recaptcha-notice a:hover{text-decoration:underline}.auth-right{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);padding:80px;display:flex;align-items:center;justify-content:center;color:#fff}.ad-space{max-width:500px}.ad-space h3{font-size:42px;font-weight:700;margin:0 0 24px;line-height:1.2}.ad-space>p{font-size:18px;line-height:1.6;opacity:.95;margin:0 0 48px}.ad-features{display:flex;flex-direction:column;gap:16px}.ad-feature{font-size:16px;font-weight:500;padding:12px 0;opacity:.95}@media (max-width: 968px){.auth-content{grid-template-columns:1fr}.auth-right{display:none}.auth-left{padding:40px 32px;justify-content:center}.auth-form-container{max-width:100%}}@media (max-width: 480px){.auth-left{padding:32px 20px}.login-logo{margin-bottom:60px}.auth-header h2{font-size:28px}.ad-space h3{font-size:32px}}.form-footer-link{text-align:right;margin-top:-8px;margin-bottom:16px}.forgot-password-link{color:var(--info);font-size:14px;text-decoration:none;transition:color .2s}.forgot-password-link:hover{color:var(--primary);text-decoration:underline}.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary);text-decoration:none;font-size:14px;margin-bottom:24px;transition:color .2s}.back-link:hover{color:var(--text-primary)}.success-message-box{text-align:center;padding:40px 20px}.dashboard{padding:0;max-width:100%;margin:0;background:transparent;min-height:100vh}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.header-content h1{font-size:36px;font-weight:800;color:#111827!important;margin:0 0 8px}[data-theme=dark] .header-content h1{color:#fff!important}.header-subtitle{font-size:16px;color:#111827!important;margin:0;font-weight:500}[data-theme=dark] .header-subtitle{color:#fff!important}.create-rfq-btn{display:flex;align-items:center;gap:10px;padding:14px 28px;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);color:#fff;border-radius:12px;text-decoration:none;font-weight:700;font-size:15px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px #8b5cf64d;border:2px solid transparent}.create-rfq-btn:hover{background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%);box-shadow:0 15px 40px #8b5cf666;transform:translateY(-2px);border-color:#ffffff4d}.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.kpi-card-modern{background:var(--card-bg);border-radius:16px;padding:20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid var(--card-border);position:relative;overflow:hidden;box-shadow:0 4px 20px #0000001a}.kpi-card-modern:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;transition:all .3s ease}.kpi-card-modern.yellow:before{background:linear-gradient(90deg,#fbbf24 0%,#f59e0b 100%)}.kpi-card-modern.green:before{background:linear-gradient(90deg,#34d399 0%,#10b981 100%)}.kpi-card-modern.blue:before{background:linear-gradient(90deg,#60a5fa 0%,#3b82f6 100%)}.kpi-card-modern:hover{transform:translateY(-6px);box-shadow:0 20px 40px #0000001f;border-color:#8b5cf61a}.kpi-card-modern:hover:before{height:6px}.kpi-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.kpi-icon-modern{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 20px #0000001f}.kpi-icon-modern.yellow{background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%)}.kpi-icon-modern.green{background:linear-gradient(135deg,#34d399 0%,#10b981 100%)}.kpi-icon-modern.blue{background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%)}.kpi-trend{display:flex;align-items:center;gap:4px;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:700}.trend-up{color:#10b981;background:rgba(16,185,129,.1);padding:6px 12px;border-radius:20px}.trend-down{color:#ef4444;background:rgba(239,68,68,.1);padding:6px 12px;border-radius:20px}.kpi-body{margin-bottom:10px}.kpi-value{font-size:32px;font-weight:800;color:var(--text-primary);margin:0 0 4px;line-height:1}.kpi-label{font-size:13px;color:var(--text-secondary);margin:0;font-weight:600}.kpi-sparkline{height:32px;margin-top:10px;opacity:.8}.dashboard-main{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}.dashboard-left{grid-column:span 2;display:flex;flex-direction:column;gap:20px}.dashboard-right{grid-column:span 1;display:flex;flex-direction:column;gap:20px}.activity-feed-modern{background:var(--card-bg);border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000001a;border:2px solid var(--card-border);transition:all .3s ease;display:flex;flex-direction:column;height:100%}.activity-feed-modern:hover{border-color:#8b5cf61a}.activity-items-container{flex:1;display:flex;flex-direction:column;min-height:250px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h3{font-size:16px;font-weight:700;color:var(--text-primary);margin:0}.sparkle-icon{color:#8b5cf6;animation:sparkleRotate 3s ease-in-out infinite}@keyframes sparkleRotate{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}}.activity-item-modern{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;cursor:pointer;transition:all .2s ease;margin-bottom:6px;border:2px solid transparent}.activity-item-modern:hover{background:var(--table-hover-bg);border-color:#8b5cf633;transform:translate(4px)}.activity-avatar-container{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #00000014;overflow:hidden;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)}.activity-avatar{width:100%;height:100%;object-fit:cover;border-radius:50%}.activity-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)}.activity-content-modern{flex:1}.activity-title{font-weight:600;color:var(--text-primary);margin-bottom:2px;font-size:13px}.activity-subtitle{font-size:12px;color:var(--text-secondary)}.activity-time{font-size:11px;color:var(--gray-400);white-space:nowrap;font-weight:500}.integrations-section-modern{background:var(--card-bg);border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000001a;border:2px solid var(--card-border);transition:all .3s ease;display:flex;flex-direction:column;height:100%}.integrations-section-modern:hover{border-color:#8b5cf61a}.integrations-grid-modern{display:flex;flex-direction:column;gap:12px;flex:1}.integration-card-modern{padding:16px;border-radius:10px;cursor:pointer;transition:all .2s ease;border:2px solid var(--border-color);background:var(--card-bg)}.integration-card-modern:hover{border-color:var(--primary);transform:translate(4px);box-shadow:0 8px 20px #8b5cf626}.integration-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.integration-status-modern{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.integration-status-modern.connected{background:linear-gradient(135deg,#34d399 0%,#10b981 100%);box-shadow:0 4px 12px #10b9814d}.integration-status-modern.warning{background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);box-shadow:0 4px 12px #f59e0b4d}.integration-status-modern.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7;transform:scale(1.05)}}.integration-header h4{font-weight:600;color:var(--text-primary);margin:0;font-size:13px}.integration-card-modern p{font-size:12px;color:var(--text-secondary);margin:0;padding-left:48px}@media (max-width: 1200px){.dashboard-main{grid-template-columns:1fr}}@media (max-width: 768px){.dashboard{padding:16px}.kpi-grid{grid-template-columns:1fr}.dashboard-header{flex-direction:column;gap:16px;align-items:stretch}.create-rfq-btn{justify-content:center}}.kpi-card-modern.skeleton{pointer-events:none;cursor:default}.kpi-card-modern.skeleton:before{background:linear-gradient(90deg,var(--gray-200) 0%,var(--gray-300) 50%,var(--gray-200) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}[data-theme=dark] .kpi-card-modern.skeleton:before{background:linear-gradient(90deg,var(--gray-700) 0%,var(--gray-600) 50%,var(--gray-700) 100%);background-size:200% 100%}.skeleton-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(90deg,var(--gray-200) 0%,var(--gray-100) 50%,var(--gray-200) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}[data-theme=dark] .skeleton-icon{background:linear-gradient(90deg,var(--gray-700) 0%,var(--gray-600) 50%,var(--gray-700) 100%);background-size:200% 100%}.skeleton-trend{width:50px;height:20px;border-radius:4px;background:linear-gradient(90deg,var(--gray-200) 0%,var(--gray-100) 50%,var(--gray-200) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}[data-theme=dark] .skeleton-trend{background:linear-gradient(90deg,var(--gray-700) 0%,var(--gray-600) 50%,var(--gray-700) 100%);background-size:200% 100%}.skeleton-value{width:80px;height:36px;border-radius:6px;background:linear-gradient(90deg,var(--gray-200) 0%,var(--gray-100) 50%,var(--gray-200) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;margin-bottom:8px}[data-theme=dark] .skeleton-value{background:linear-gradient(90deg,var(--gray-700) 0%,var(--gray-600) 50%,var(--gray-700) 100%);background-size:200% 100%}.skeleton-label{width:120px;height:16px;border-radius:4px;background:linear-gradient(90deg,var(--gray-200) 0%,var(--gray-100) 50%,var(--gray-200) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}[data-theme=dark] .skeleton-label{background:linear-gradient(90deg,var(--gray-700) 0%,var(--gray-600) 50%,var(--gray-700) 100%);background-size:200% 100%}.skeleton-sparkline{width:100%;height:32px;border-radius:4px;background:linear-gradient(90deg,var(--gray-200) 0%,var(--gray-100) 50%,var(--gray-200) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;margin-top:12px}[data-theme=dark] .skeleton-sparkline{background:linear-gradient(90deg,var(--gray-700) 0%,var(--gray-600) 50%,var(--gray-700) 100%);background-size:200% 100%}.my-items-page{max-width:100%;margin:0;padding:0}.my-items-page .view-only-badge{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#F3F4F6;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;font-weight:600;color:#4b5563}.dark .my-items-page .view-only-badge{background:var(--gray-800);border-color:var(--gray-700);color:var(--text-secondary)}.success-banner{display:flex;align-items:center;gap:12px;padding:16px 24px;background:rgba(74,222,128,.1);border:1px solid rgba(74,222,128,.2);border-radius:8px;color:var(--success);margin-bottom:24px;animation:slideDown .3s ease-out}.success-banner button{background:none;border:none;color:var(--success);cursor:pointer;margin-left:auto;padding:4px;border-radius:4px;transition:background-color .2s ease}.success-banner button:hover{background:rgba(74,222,128,.1)}.selection-banner{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.2);border-radius:8px;margin-bottom:20px;animation:slideDown .3s ease-out}.selection-banner.all-selected{background:rgba(34,197,94,.08);border-color:#22c55e33}.selection-banner-content{display:flex;align-items:center;gap:16px;flex:1}.selection-count{font-size:14px;font-weight:500;color:var(--neutral-dark)}.select-all-link{background:none;border:none;color:var(--info);font-size:14px;font-weight:500;cursor:pointer;text-decoration:underline;padding:0;transition:color .2s ease}.select-all-link:hover{color:#2563eb}.clear-selection-btn{background:none;border:none;color:var(--gray-600);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.clear-selection-btn:hover{background:rgba(0,0,0,.05);color:var(--neutral-dark)}.header-left h1{font-size:32px;font-weight:700;color:var(--text-primary);margin-bottom:8px}[data-theme=dark] .header-left h1{color:#fff}.header-subtitle{color:var(--text-secondary);font-size:16px;margin:0}[data-theme=dark] .header-subtitle{color:#cbd5e1}.header-actions .btn{min-width:160px;height:44px;padding:12px 20px;box-sizing:border-box;justify-content:center}.table-controls{margin-bottom:24px}.search-section{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.search-input-wrapper{position:relative;flex:2;max-width:800px;min-width:600px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--gray-400)}.search-input{width:100%;padding:12px 16px 12px 48px;border:1px solid var(--gray-300);border-radius:8px;font-size:14px;background:var(--card-bg);color:var(--text-primary);transition:all .2s ease}[data-theme=dark] .search-input{border-color:var(--gray-600);color:#f1f5f9}[data-theme=dark] .search-input::placeholder{color:#94a3b8}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #9c7ff91a}.bulk-toolbar{display:flex;justify-content:space-between;align-items:center;padding:18px 28px;background:var(--primary);color:#fff;border-radius:8px;margin-bottom:16px;animation:slideDown .3s ease-out}.bulk-info{display:flex;align-items:center;gap:24px;font-weight:500;font-size:14px;flex:1;padding-right:48px}.select-all-items-btn{background:#1a1a1a;border:none;color:#fff;font-size:14px;font-weight:600;cursor:pointer;padding:8px 16px;border-radius:6px;transition:all .2s ease;white-space:nowrap}.select-all-items-btn:hover{background:#333333;transform:translateY(-1px)}.separator{color:#fff6;font-weight:300;font-size:18px}.items-count{font-weight:500}.all-selected-text{font-weight:600}.bulk-actions{display:flex;gap:12px;flex-shrink:0}.bulk-actions .btn{background:rgba(255,255,255,.2);color:#fff;border:1px solid rgba(255,255,255,.3)}.bulk-actions .btn:hover{background:rgba(255,255,255,.3)}.bulk-actions .btn-bulk-edit{background:#1a1a1a;color:#fff;border:1px solid #1a1a1a}.bulk-actions .btn-bulk-edit:hover{background:#333333;border-color:#333}.bulk-actions .btn-error{background:var(--error);border-color:var(--error)}.bulk-actions .btn-error:hover{background:#dc2626}.items-table-container{background:var(--card-bg);border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.items-table{width:100%;border-collapse:collapse;margin:0;box-shadow:none;table-layout:auto}.items-table thead{background:var(--gray-100)}[data-theme=dark] .items-table thead{background:var(--gray-800)}.items-table th{padding:16px;text-align:center!important;font-weight:600;font-size:14px;color:var(--gray-700);border-bottom:1px solid var(--gray-200);vertical-align:middle}.items-table th.sortable-header,.items-table thead th{text-align:center!important}.items-table thead th>*{margin-left:auto;margin-right:auto}[data-theme=dark] .items-table th{color:#e2e8f0;border-bottom-color:var(--gray-700)}.items-table th.checkbox-column{padding:16px;vertical-align:middle;text-align:center}.items-table td{padding:16px;border-bottom:1px solid var(--gray-200);font-size:14px;vertical-align:middle;text-align:center!important;color:var(--text-primary)}.items-table td>*{margin-left:auto;margin-right:auto;text-align:center}.items-table td.sku-column,.items-table td.brand-column,.items-table td.description-column,.items-table td.unit-column{text-align:center!important}.items-table td.sku-column>div,.items-table td.brand-column>div,.items-table td.description-column>div,.items-table td.unit-column>div{display:flex;justify-content:center;align-items:center;width:100%}[data-theme=dark] .items-table td{border-bottom-color:var(--gray-700);color:#e2e8f0}.items-table tbody tr{transition:all .2s ease}.items-table tbody tr:nth-child(2n){background:var(--gray-50)}[data-theme=dark] .items-table tbody tr:nth-child(2n){background:rgba(30,41,59,.5)}.items-table tbody tr:hover{background:#F3EFFF}[data-theme=dark] .items-table tbody tr:hover{background:var(--gray-700)}.items-table tbody tr.selected{background:rgba(156,127,249,.1)}.items-table tbody tr.duplicate-row{background:rgba(239,68,68,.08)}.items-table tbody tr.duplicate-row:hover{background:rgba(239,68,68,.12)}.items-table tbody tr.duplicate-row.selected{background:rgba(239,68,68,.15)}.checkbox-column{width:48px;text-align:center;padding:16px;vertical-align:middle}.checkbox-column input[type=checkbox]{cursor:pointer;width:16px;height:16px;margin:0 auto;display:block}.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease;text-align:center!important}.sortable-header:hover{background:var(--gray-200)}[data-theme=dark] .sortable-header:hover{background:var(--gray-700)}.items-table .header-content{display:inline-flex;align-items:center;justify-content:center;gap:6px;text-align:center}.items-table .header-content span{text-align:center}.items-table th{text-align:center!important}.items-table th>div{display:inline-flex;justify-content:center;align-items:center}.header-content svg{flex-shrink:0}.sku-column{width:150px;font-weight:600;color:var(--text-primary);text-align:center!important}[data-theme=dark] .sku-column{color:#f1f5f9}.manufacturer-column,.brand-column{width:1%;white-space:nowrap;text-align:center!important}.description-column{min-width:300px;text-align:center!important}.unit-column{width:100px;text-align:center!important}.actions-column{width:100px;text-align:center}.table-checkbox{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}.editable-cell{cursor:pointer;padding:8px;border-radius:4px;transition:all .2s ease;display:inline-block!important;min-height:20px;color:var(--text-primary);text-align:center}[data-theme=dark] .editable-cell{color:#f1f5f9}.editable-cell:hover{background:rgba(156,127,249,.1);box-shadow:0 0 0 2px #9c7ff933}.cell-with-feedback{position:relative;display:block;width:100%;text-align:center!important}.items-table tbody td,.items-table tbody td.sku-column,.items-table tbody td.brand-column,.items-table tbody td.description-column,.items-table tbody td.unit-column{text-align:center!important}.items-table tbody td .cell-with-feedback{display:block!important;text-align:center!important}.items-table tbody td .cell-with-feedback .editable-cell{display:inline-block!important;text-align:center!important}.feedback-icon{margin-left:8px;vertical-align:middle;animation:fadeIn .3s ease-in-out}.unit-badge{display:inline-block;padding:4px 12px;background:var(--gray-200);border-radius:20px;font-size:12px;font-weight:500;color:var(--text-primary);min-width:40px;text-align:center}[data-theme=dark] .unit-badge{background:var(--gray-700);color:#e2e8f0}.table-input,.table-select,.table-textarea{width:100%;padding:8px 12px;border:2px solid var(--primary);border-radius:6px;font-size:14px;background:var(--input-bg);outline:none;box-shadow:0 0 0 3px #9c7ff933;text-align:center;margin:0 auto;display:block}.table-input:focus,.table-select:focus,.table-textarea:focus{box-shadow:0 0 0 3px #9c7ff94d}.table-textarea{resize:vertical;font-family:inherit}.row-actions{display:flex;gap:8px;justify-content:center}.action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;background:var(--gray-100);color:var(--gray-600)}.action-btn:hover{background:var(--gray-200);color:var(--gray-800)}.edit-btn:hover{background:rgba(156,127,249,.1);color:var(--primary)}.delete-btn:hover{background:rgba(239,68,68,.1);color:var(--error)}.empty-state{text-align:center;padding:80px 40px;color:var(--gray-600)}.empty-icon{font-size:64px;margin-bottom:24px;opacity:.5}.empty-state h3{font-size:24px;font-weight:600;color:var(--neutral-dark);margin-bottom:12px}.empty-state p{font-size:16px;margin-bottom:32px;max-width:400px;margin-left:auto;margin-right:auto}.empty-actions{display:flex;gap:16px;justify-content:center}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.modal{background:var(--card-bg);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out}.modal-header h3{font-size:20px;font-weight:600;color:var(--neutral-dark);margin:0}.modal-close{background:none;border:none;color:var(--gray-400);cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease}.modal-close:hover{background:var(--gray-100);color:var(--gray-600)}[data-theme=dark] .modal-close:hover{background:var(--gray-700);color:#e2e8f0}.modal-content{padding:0 24px;margin-bottom:24px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding:24px;border-top:1px solid var(--gray-200)}[data-theme=dark] .modal-actions{border-top-color:var(--gray-700)}.upload-steps{display:flex;flex-direction:column;gap:32px;margin-bottom:32px}.upload-step{display:flex;gap:16px;align-items:flex-start}.step-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--primary);color:#fff;border-radius:50%;font-weight:600;font-size:14px;flex-shrink:0}.step-content{flex:1}.step-content h4{font-size:16px;font-weight:600;color:var(--neutral-dark);margin-bottom:8px}.step-content p{color:var(--gray-600);margin-bottom:16px}.upload-zone{border:2px dashed var(--gray-300);border-radius:8px;padding:40px 20px;text-align:center;transition:all .2s ease;cursor:pointer}.upload-zone:hover{border-color:var(--primary);background:rgba(156,127,249,.02)}.upload-zone svg{color:var(--gray-400);margin-bottom:16px}.upload-zone p{color:var(--gray-600);margin-bottom:16px}.template-info{background:var(--gray-50);border-radius:8px;padding:20px}.template-info h4{font-size:14px;font-weight:600;color:var(--neutral-dark);margin-bottom:12px}.template-preview{background:var(--card-bg);border-radius:6px;overflow:hidden;border:1px solid var(--gray-200)}.template-header,.template-row{display:grid;grid-template-columns:1fr 2fr 1fr;gap:1px;background:var(--gray-200)}.template-header span{background:var(--gray-100);padding:8px 12px;font-weight:600;font-size:12px;color:var(--gray-700)}.template-row span{background:var(--card-bg);padding:8px 12px;font-size:12px;color:var(--gray-600)}.form-group label{display:block;font-weight:500;color:var(--neutral-dark);margin-bottom:8px;font-size:14px}.input{width:100%;padding:12px 16px;border:1px solid var(--gray-300);border-radius:8px;font-size:14px;background:var(--card-bg);transition:all .2s ease}.pagination-info{font-size:14px;color:var(--text-secondary)}[data-theme=dark] .pagination-info{color:#cbd5e1}.pagination-pages{font-size:14px;color:var(--text-primary);font-weight:500;padding:0 12px}[data-theme=dark] .pagination-pages{color:#f1f5f9}.pagination-btn{display:inline-flex;align-items:center;gap:4px;padding:8px 12px;border:1px solid var(--gray-300);border-radius:6px;background:var(--input-bg);color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}[data-theme=dark] .pagination-btn{border-color:var(--gray-600);color:#e2e8f0}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border:1px solid transparent;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover:not(:disabled){background:#8b5cf6;border-color:#8b5cf6}.btn-secondary{background:var(--card-bg);color:var(--gray-700);border-color:var(--gray-300)}.btn-secondary:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-400)}.btn-error{background:var(--error);color:#fff;border-color:var(--error)}.btn-error:hover:not(:disabled){background:#dc2626;border-color:#dc2626}@media (max-width: 768px){.page-header{flex-direction:column;gap:20px;align-items:stretch}.header-actions{justify-content:stretch}.header-actions .btn{flex:1;justify-content:center}.search-section{flex-direction:column;gap:12px}.search-input-wrapper{max-width:none}.bulk-toolbar{flex-direction:column;gap:16px;text-align:center}.items-table-container{overflow-x:auto}.items-table{min-width:600px}.modal{width:95%;margin:20px}.upload-steps{gap:24px}.upload-step{flex-direction:column;text-align:center}.empty-actions{flex-direction:column;align-items:center}}@media (max-width: 480px){.modal-actions{flex-direction:column}.template-header,.template-row{grid-template-columns:1fr}.template-header span,.template-row span{text-align:center}}.upload-zone.drag-active{border-color:#667eea;background:rgba(102,126,234,.05)}.file-selected{color:#667eea;font-weight:500}.upload-error{margin-top:12px;padding:12px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:6px;color:#dc2626;font-size:13px;white-space:pre-line;line-height:1.5}.loading-skeleton{padding:0}.skeleton-row{display:flex;align-items:center;padding:16px;border-bottom:1px solid var(--gray-200);gap:16px}[data-theme=dark] .skeleton-row{border-bottom-color:var(--gray-700)}.skeleton-row:nth-child(2n){background:var(--gray-50)}[data-theme=dark] .skeleton-row:nth-child(2n){background:rgba(30,41,59,.5)}.skeleton-cell{height:20px;background:linear-gradient(90deg,var(--gray-200) 0%,var(--gray-100) 50%,var(--gray-200) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}[data-theme=dark] .skeleton-cell{background:linear-gradient(90deg,var(--gray-700) 0%,var(--gray-600) 50%,var(--gray-700) 100%);background-size:200% 100%}.skeleton-checkbox{width:18px;height:18px;border-radius:3px;flex-shrink:0}.skeleton-sku{width:120px;flex-shrink:0}.skeleton-brand{width:100px;flex-shrink:0}.skeleton-description{flex:1;min-width:200px}.skeleton-unit{width:60px;flex-shrink:0}.spinning{animation:spin 1s linear infinite}.sku-autocomplete{position:relative;width:100%}.autocomplete-suggestions{position:absolute;top:100%;left:0;right:0;min-width:400px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 12px -1px #0003;max-height:300px;overflow-y:auto;z-index:10000;margin-top:4px}.suggestion-item{padding:12px;cursor:pointer;border-bottom:1px solid var(--border-color);transition:background-color .15s}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover,.suggestion-item.selected{background-color:var(--table-row-hover)}.suggestion-details{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--text-secondary)}.suggestion-brand{color:var(--info);font-weight:500}.suggestion-brand:after{content:"•";margin-left:8px;color:var(--text-muted)}.suggestion-description{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sku-input-resizable{resize:none;overflow:hidden;min-width:100px;font-family:inherit;line-height:1.4;min-height:38px;vertical-align:middle;white-space:pre-wrap;word-wrap:break-word}.rfq-table-enhanced-container{width:100%;background:var(--card-bg);border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.table-controls{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--gray-200);background:var(--gray-50)}[data-theme=dark] .table-controls{background:var(--gray-800);border-bottom-color:var(--gray-700);color:var(--gray-200)}.table-info{font-size:14px;color:var(--gray-600);font-weight:500}[data-theme=dark] .table-info{color:#cbd5e1}.export-btn{white-space:nowrap}.bulk-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:var(--gray-100);border-bottom:1px solid var(--gray-200);box-shadow:0 2px 4px #0000000d}[data-theme=dark] .bulk-toolbar{background:var(--gray-800);border-bottom-color:var(--gray-700)}.bulk-info{font-size:14px;color:var(--text-primary);font-weight:600}.bulk-info span{color:var(--text-primary)}[data-theme=dark] .bulk-info,[data-theme=dark] .bulk-info span{color:var(--gray-100)}.bulk-actions{display:flex;gap:12px}.bulk-actions .btn-secondary{background:#000000;color:#fff;border-color:#000}.bulk-actions .btn-secondary:hover:not(:disabled){background:#1a1a1a;border-color:#1a1a1a}.table-wrapper{overflow-x:auto;overflow-y:visible;min-height:350px}.rfq-table-enhanced{width:100%;border-collapse:collapse;font-size:14px}.rfq-table-enhanced thead{background:var(--gray-50);border-bottom:2px solid var(--gray-200)}[data-theme=dark] .rfq-table-enhanced thead{background:var(--gray-800);border-bottom-color:var(--gray-700)}.rfq-table-enhanced th{padding:16px 12px;text-align:center;font-weight:600;color:var(--gray-700);font-size:13px;text-transform:uppercase;letter-spacing:.5px}[data-theme=dark] .rfq-table-enhanced th{color:#e2e8f0}[data-theme=dark] .rfq-table-enhanced td{color:#f1f5f9}.checkbox-column{width:48px;text-align:center}.sku-column{width:120px;min-width:120px;position:relative}.manufacturer-column{width:140px;min-width:140px}.description-column{width:300px;min-width:200px}.unit-column,.quantity-column{width:100px;min-width:100px}.rfq-table-enhanced tbody tr{border-bottom:1px solid var(--gray-200);transition:background-color .2s ease}[data-theme=dark] .rfq-table-enhanced tbody tr{border-bottom-color:var(--gray-700)}.rfq-table-enhanced tbody tr:hover{background:#F3EFFF}[data-theme=dark] .rfq-table-enhanced tbody tr:hover{background:rgba(139,92,246,.15)}.rfq-table-enhanced tbody tr.alternate{background:#FAFAFA}[data-theme=dark] .rfq-table-enhanced tbody tr.alternate{background:var(--gray-800)}.rfq-table-enhanced tbody tr.alternate:hover{background:#F3EFFF}[data-theme=dark] .rfq-table-enhanced tbody tr.alternate:hover{background:rgba(139,92,246,.15)}.rfq-table-enhanced tbody tr.selected{background:rgba(156,127,249,.1)}.rfq-table-enhanced tbody tr.placeholder-row{height:52px;border-bottom:1px solid var(--gray-200)}[data-theme=dark] .rfq-table-enhanced tbody tr.placeholder-row{border-bottom-color:var(--gray-700)}.rfq-table-enhanced tbody tr.placeholder-row:hover{background:transparent}.rfq-table-enhanced td{padding:12px;vertical-align:top;text-align:center}.cell-with-feedback{position:relative;display:flex;align-items:center;gap:8px}.editable-cell{flex:1;padding:8px 12px;border-radius:6px;transition:all .2s ease;min-height:20px;display:flex;align-items:center;background:transparent;color:var(--gray-900)}[data-theme=dark] .editable-cell{color:var(--gray-100)}.editable-cell.clickable{cursor:pointer}.editable-cell.clickable:hover{background:rgba(156,127,249,.1);box-shadow:0 0 0 2px #9c7ff933}.editable-cell:empty:before{content:attr(data-placeholder);color:var(--gray-400);font-style:italic}.unit-badge{background:var(--gray-100);color:var(--gray-700);font-weight:500;text-align:center;border-radius:20px;padding:4px 12px;font-size:12px;text-transform:uppercase;letter-spacing:.5px}[data-theme=dark] .unit-badge{background:var(--gray-700);color:var(--gray-200)}.quantity-value{font-weight:600;color:var(--gray-900);text-align:center}[data-theme=dark] .quantity-value{color:var(--gray-100)}.cell-input,.cell-select,.cell-textarea{width:100%;padding:8px 12px;border:2px solid var(--primary);border-radius:6px;font-size:14px;background:var(--card-bg);color:var(--text-primary);outline:none;box-shadow:0 0 0 3px #9c7ff933;font-family:inherit}[data-theme=dark] .cell-input,[data-theme=dark] .cell-select,[data-theme=dark] .cell-textarea{background:var(--gray-800);color:var(--gray-100)}.cell-input:focus,.cell-select:focus,.cell-textarea:focus{box-shadow:0 0 0 3px #9c7ff94d}.cell-textarea{resize:vertical;min-height:60px}.feedback-icon{flex-shrink:0;animation:fadeIn .3s ease}.feedback-icon.success{color:var(--success)}.feedback-icon.error{color:var(--error)}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.table-checkbox{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.table-footer{padding:16px 24px;border-top:1px solid var(--gray-200);background:var(--card-bg);display:flex;justify-content:flex-start}[data-theme=dark] .table-footer{border-top-color:var(--gray-700)}.add-row-btn{display:flex;align-items:center;gap:8px;color:#fff;background:var(--primary);border:none;padding:12px 24px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.add-row-btn:hover{background:#8b5cf6;transform:translateY(-1px);box-shadow:0 4px 12px #9c7ff94d}.empty-table{text-align:center;padding:80px 40px;color:var(--text-secondary)}.empty-icon{font-size:48px;margin-bottom:16px}.empty-table h3{margin:0 0 8px;color:var(--text-primary);font-size:18px;font-weight:600}.empty-table p{margin:0;color:var(--text-secondary)}.empty-table .btn{margin-top:28px}.modal{background:var(--card-bg);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;width:100%;max-width:500px;margin:20px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0}.modal-header h3{margin:0;font-size:18px;font-weight:600;color:var(--gray-900)}[data-theme=dark] .modal-header h3{color:var(--gray-100)}.modal-close{background:none;border:none;color:var(--gray-400);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.modal-close:hover{color:var(--gray-600);background:var(--gray-100)}[data-theme=dark] .modal-close:hover{color:var(--gray-200);background:var(--gray-700)}.modal-content{padding:24px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:0 24px 24px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--gray-700);font-size:14px}[data-theme=dark] .form-group label{color:var(--gray-300)}.input{width:100%;padding:12px 16px;border:2px solid var(--gray-200);border-radius:8px;font-size:14px;transition:all .2s ease;background:var(--card-bg);color:var(--text-primary)}[data-theme=dark] .input{border-color:var(--gray-600);background:var(--gray-800);color:var(--gray-100)}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #9c7ff91a}@media (max-width: 768px){.table-controls,.bulk-toolbar{flex-direction:column;gap:12px;align-items:stretch}.bulk-actions{justify-content:center}.rfq-table-enhanced th,.rfq-table-enhanced td{padding:8px}.description-column{min-width:150px}}.status-column{width:100px;text-align:center}.not-found-badge{display:inline-block;padding:4px 12px;background:#fee;color:#c00;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}[data-theme=dark] .not-found-badge{background:rgba(239,68,68,.2);color:#fca5a5}.custom-description-badge{display:inline-block;padding:4px 12px;background:#fff3cd;color:#856404;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}[data-theme=dark] .custom-description-badge{background:rgba(251,191,36,.2);color:#fcd34d}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.modal-content{background:var(--card-bg);border-radius:12px;width:100%;max-width:650px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;margin-bottom:20px}.modal-header h2{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.close-btn{background:none;border:none;padding:8px;border-radius:6px;cursor:pointer;color:var(--text-secondary);transition:all .2s}.customer-form{padding:0 24px 24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}.form-group-full{grid-column:1 / -1}.form-group label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:var(--text-primary)}.form-group input,.form-group select{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6c63ff1a}.form-group input.error,.form-group select.error{border-color:var(--error)}.form-group input.error:focus,.form-group select.error:focus{border-color:var(--error);box-shadow:0 0 0 3px #ef44441a}.error-message{display:block;margin-top:4px;font-size:12px;color:var(--red-500)}.modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:28px;padding-top:20px;border-top:1px solid var(--border-color)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-dark)}.btn-secondary:hover:not(:disabled){background-color:var(--gray-50)}@media (max-width: 768px){.modal-content{margin:10px;max-width:none}.modal-header{padding:20px 20px 0}.customer-form{padding:0 20px 20px}.form-grid{grid-template-columns:1fr;gap:16px}.modal-footer{flex-direction:column-reverse}.btn{width:100%;justify-content:center}}.ai-match-modal{background:var(--card-bg);border-radius:12px;max-width:800px;width:90%;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.ai-match-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border-color)}.ai-match-modal .modal-header h2{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.ai-match-modal .modal-body{padding:24px;overflow-y:auto;flex:1}.ai-match-modal .helper-text{margin:0 0 20px;color:var(--text-secondary);font-size:14px}.matches-list{display:flex;flex-direction:column;gap:24px}.match-item{border:1px solid var(--border-color);border-radius:8px;padding:16px;background:var(--table-row-hover);transition:all .2s}.match-item.confirmed{border-color:#10b981;background:#ecfdf5}.match-item.declined{border-color:#ef4444;background:#fef2f2}.match-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.match-header strong{color:var(--text-primary);font-size:14px}.quantity-badge{background:var(--info);color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.suggestions-list{display:flex;flex-direction:column;gap:8px}.suggestion-option{display:flex;align-items:flex-start;gap:12px;padding:12px;border:2px solid var(--border-color);border-radius:8px;background:var(--card-bg);cursor:pointer;transition:all .2s;position:relative}.suggestion-option:hover,.suggestion-option.selected{border-color:var(--primary);background:#eff6ff}.suggestion-option.confirmed{border-color:#10b981;background:#d1fae5}.suggestion-option.disabled{opacity:.5;cursor:not-allowed;background:var(--table-row-hover)}.suggestion-option.disabled:hover{border-color:var(--border-color);background:var(--table-row-hover)}.suggestion-option input[type=radio]{margin-top:4px;cursor:pointer}.suggestion-option input[type=radio]:disabled{cursor:not-allowed}.suggestion-content{flex:1;min-width:0}.suggestion-sku{font-weight:600;color:var(--text-primary);font-size:14px;margin-bottom:4px}.suggestion-desc{color:var(--text-primary);font-size:13px;line-height:1.4;margin-bottom:4px}.suggestion-brand{color:var(--text-secondary);font-size:12px;margin-bottom:4px}.suggestion-confidence{display:inline-block;background:#dbeafe;color:#1e40af;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500}.check-icon{color:var(--info);flex-shrink:0}.match-actions{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color);display:flex;gap:8px}.btn-confirm-single{padding:8px 16px;border:1px solid #10b981;border-radius:6px;background:var(--card-bg);color:#10b981;font-size:13px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.btn-confirm-single:hover:not(:disabled){background:#d1fae5;border-color:#059669;color:#059669}.btn-confirm-single.confirmed{background:#10b981;color:#fff;border-color:#10b981}.btn-confirm-single:disabled{opacity:.5;cursor:not-allowed}.btn-decline{padding:8px 16px;border:1px solid var(--border-color);border-radius:6px;background:var(--card-bg);color:var(--text-primary);font-size:13px;cursor:pointer;transition:all .2s}.btn-decline:hover:not(:disabled){border-color:#ef4444;color:#ef4444;background:#fef2f2}.btn-decline.declined{border-color:#ef4444;color:#fff;background:#ef4444}.btn-decline.declined:hover{background:#dc2626;border-color:#dc2626}.btn-decline:disabled{opacity:.5;cursor:not-allowed}.ai-match-modal .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--border-color)}.rfq-creation{max-width:100%;margin:0 auto;padding-bottom:120px}.rfq-header,.header-content{margin-bottom:8px}.header-text h1{font-size:24px;font-weight:700;color:var(--neutral-dark);margin-bottom:4px}.header-subtitle{font-size:14px;color:var(--text-secondary);margin:0}.progress-bar{position:relative;margin-bottom:48px;padding-top:8px}.progress-track{height:4px;background:#E5E7EB;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#a78bfa,#8b5cf6);border-radius:4px;transition:width .4s cubic-bezier(.4,0,.2,1)}.progress-steps{display:flex;justify-content:space-between;position:absolute;top:-8px;left:0;right:0}.progress-step{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#F3F4F6;border:2px solid #E5E7EB;color:#9ca3af;font-weight:700;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 0 4px #fff}.progress-step.active{background:linear-gradient(135deg,#a78bfa,#8b5cf6);border-color:var(--primary);color:#fff;box-shadow:0 0 0 4px #fff,0 4px 12px #6c63ff4d;transform:scale(1.1)}.step-content{display:flex;flex-direction:column;gap:16px}.input-toggle{display:flex;justify-content:center;margin-bottom:16px}.toggle-container{display:flex;background:var(--gray-100);border-radius:50px}[data-theme=dark] .toggle-container{background:var(--gray-800);padding:4px;gap:4px}.toggle-option{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;background:transparent;color:var(--gray-600);font-weight:500;border-radius:50px;cursor:pointer;transition:all .2s ease}.toggle-option.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px #9c7ff94d}.toggle-option:hover:not(.active){background:var(--gray-200);color:var(--gray-700)}.text-input-section{margin-bottom:16px}.input-card{background:var(--card-bg);border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014;border:1px solid var(--gray-200)}.ai-textarea{width:100%;min-height:80px;padding:12px;border:2px solid var(--gray-200);border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;transition:border-color .2s ease;background:var(--gray-50);color:var(--text-primary)}[data-theme=dark] .ai-textarea{background:var(--gray-800);border-color:var(--gray-700)}.ai-textarea:focus{outline:none;border-color:var(--primary);background:var(--card-bg);box-shadow:0 0 0 3px #9c7ff91a}.ai-textarea::placeholder{color:var(--text-secondary)}.input-actions{display:flex;justify-content:flex-end;margin-top:16px}.ai-fill-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;font-weight:600;font-size:16px}.ai-fill-btn:disabled{opacity:.6;cursor:not-allowed}.loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.file-upload-section{margin-bottom:16px}.upload-card{background:var(--card-bg);border:2px dashed var(--primary);border-radius:12px;padding:32px 24px;text-align:center;cursor:pointer;transition:all .3s ease;position:relative}.upload-card:hover,.upload-card.drag-active{border-color:var(--secondary);background:rgba(156,127,249,.02);transform:translateY(-2px);box-shadow:0 8px 24px #9c7ff926}.upload-content{display:flex;flex-direction:column;align-items:center;gap:16px}.upload-icon{color:var(--primary);margin-bottom:8px}.upload-content h3{font-size:20px;font-weight:600;color:var(--neutral-dark);margin:0}.upload-content p{color:var(--gray-600);margin:0}.file-types{display:flex;gap:16px;margin:16px 0}.file-type{display:flex;flex-direction:column;align-items:center;gap:8px}.file-icon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff}.file-icon.pdf{background:#e53e3e}.file-icon.excel{background:#38a169}.file-icon.image{background:#3182ce}.upload-buttons-row{display:flex;gap:12px;margin-top:16px;align-items:center;justify-content:center}.upload-buttons-row .browse-btn,.upload-buttons-row .download-template-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:44px!important;min-height:44px!important;padding:0 24px!important;font-size:14px!important;font-weight:500!important;border-radius:8px!important;box-sizing:border-box!important;line-height:1!important}.upload-buttons-row .browse-btn{background:var(--card-bg)!important;color:var(--neutral-dark)!important;border:2px solid var(--gray-300)!important}.upload-buttons-row .browse-btn:hover{border-color:var(--primary)!important;background:var(--gray-50)!important}.upload-buttons-row .download-template-btn{gap:8px!important;background:var(--gray-800)!important;color:#fff!important;border:none!important}.upload-buttons-row .download-template-btn:hover{background:var(--gray-700)!important}[data-theme=dark] .upload-buttons-row .browse-btn{background:var(--gray-800)!important;color:var(--gray-200)!important;border-color:var(--gray-600)!important}[data-theme=dark] .upload-buttons-row .browse-btn:hover{border-color:var(--primary)!important;background:var(--gray-700)!important}[data-theme=dark] .upload-buttons-row .download-template-btn{background:var(--gray-600)!important}[data-theme=dark] .upload-buttons-row .download-template-btn:hover{background:var(--gray-500)!important}.template-link{margin-top:16px}.download-template{color:var(--primary);text-decoration:none;font-weight:500;font-size:14px}.download-template:hover{text-decoration:underline}.uploaded-file-card{background:var(--card-bg);border:1px solid var(--gray-200);border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014}.file-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.file-details h4{font-size:16px;font-weight:600;color:var(--neutral-dark);margin:0 0 4px}.file-details p{font-size:14px;color:var(--gray-600);margin:0}.remove-file{width:32px;height:32px;border:none;background:var(--gray-100);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;color:var(--gray-600);transition:all .2s ease}.remove-file:hover{background:var(--error);color:#fff}.processing-status{display:flex;align-items:center;gap:12px;padding:16px;background:var(--gray-50);border-radius:8px;color:var(--gray-600)}.rfq-table-section{background:var(--card-bg);border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid var(--gray-200);overflow:hidden}.project-form-card{background:var(--card-bg);border-radius:12px;padding:32px;box-shadow:0 2px 8px #00000014;border:1px solid var(--gray-200)}.form-sections{display:flex;flex-direction:column;gap:32px}.form-section{display:flex;flex-direction:column;gap:20px}.section-title{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:600;color:var(--neutral-dark);margin:0;padding-bottom:16px;border-bottom:1px solid var(--gray-200)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.form-group{display:flex;flex-direction:column;gap:8px;position:relative}.form-group label{display:flex;align-items:center;gap:8px;font-weight:500;color:var(--neutral-dark);font-size:14px}.form-input,.form-textarea{padding:12px 16px;border:2px solid var(--gray-200);border-radius:8px;font-size:14px;font-family:inherit;background:var(--gray-50);transition:all .2s ease}.form-input[type=file]{padding:10px;cursor:pointer}.form-input[type=file]::file-selector-button{padding:8px 16px;margin-right:12px;border:none;border-radius:6px;background:var(--primary);color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease}.form-input[type=file]::file-selector-button:hover{background:var(--primary-dark)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary);background:var(--card-bg);box-shadow:0 0 0 3px #9c7ff91a}.form-textarea{resize:vertical;min-height:100px}.project-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;grid-column:1 / -1}.project-type-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;border:2px solid var(--gray-200);background:var(--card-bg);border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500;color:var(--gray-600)}.project-type-btn:hover{border-color:var(--primary);color:var(--primary)}.project-type-btn.active{border-color:var(--primary);background:rgba(156,127,249,.1);color:var(--primary)}.currency-input{display:flex;gap:0}.currency-select{padding:12px 16px;border:2px solid var(--gray-200);border-right:none;border-radius:8px 0 0 8px;background:var(--gray-100);font-size:14px;font-weight:500;color:var(--gray-700);width:100px;flex-shrink:0}.currency-input .form-input{border-radius:0 8px 8px 0;border-left:none;flex:1}.currency-input .form-input:focus{border-left:2px solid var(--primary)}.bottom-navigation{position:fixed;bottom:0;left:0;right:0;background:var(--card-bg);border-top:1px solid var(--gray-200);box-shadow:0 -4px 16px #00000014;z-index:100}.nav-content{max-width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:20px 24px}.nav-left,.nav-right{display:flex;gap:16px}.nav-btn{display:flex;align-items:center;gap:8px;padding:12px 32px;font-weight:600;font-size:16px}.nav-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.rfq-creation{padding:0 16px 120px}.header-text h1{font-size:24px}.toggle-container{width:100%}.toggle-option{flex:1;justify-content:center}.upload-card{padding:32px 16px}.file-types{flex-wrap:wrap;justify-content:center}.project-form-card{padding:24px 16px}.form-grid{grid-template-columns:1fr}.project-type-grid{grid-template-columns:repeat(2,1fr)}.nav-content{padding:16px}.nav-btn{padding:12px 24px;font-size:14px}.currency-input{flex-direction:column}.currency-select{border-radius:8px;border-right:2px solid var(--gray-200)}.currency-input .form-input{border-radius:8px;border-left:2px solid var(--gray-200);margin-top:8px}}@media (max-width: 480px){.progress-steps{justify-content:center;gap:60px}.file-types{gap:12px}.file-icon{width:40px;height:40px;font-size:10px}.project-type-grid{grid-template-columns:1fr}.nav-content{flex-direction:column;gap:16px}.nav-left,.nav-right{width:100%;justify-content:center}}.customer-dropdown-container{position:relative;z-index:100}.customer-input-wrapper{position:relative;display:flex;align-items:center}.customer-input-wrapper .form-input{padding-right:70px}.customer-input-wrapper .dropdown-icon{position:absolute;right:12px;color:var(--gray-500);pointer-events:none}.clear-customer-btn{position:absolute;right:36px;background:none;border:none;padding:4px;cursor:pointer;color:var(--gray-500);display:flex;align-items:center;justify-content:center;transition:color .2s}.clear-customer-btn:hover{color:var(--gray-700)}.customer-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--card-bg);border:1px solid var(--gray-300);border-radius:8px;box-shadow:0 8px 24px #00000026;z-index:10000;max-height:320px;overflow:hidden;display:flex;flex-direction:column}.create-customer-option{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--gray-50);border:none;border-bottom:1px solid var(--gray-200);cursor:pointer;font-size:14px;font-weight:500;color:var(--primary);transition:background .2s;flex-shrink:0}.create-customer-option:hover{background:var(--gray-100)}.customer-options{overflow-y:auto;max-height:260px}.customer-option{display:block;width:100%;padding:12px 16px;background:var(--card-bg);border:none;border-bottom:1px solid var(--gray-100);cursor:pointer;text-align:left;transition:background .2s}.customer-option:last-child{border-bottom:none}.customer-option:hover{background:var(--gray-50)}.customer-option-name{font-size:14px;font-weight:500;color:var(--neutral-dark);margin-bottom:4px}.customer-option-details{font-size:12px;color:var(--gray-600)}.no-customers{padding:20px;text-align:center;color:var(--gray-500);font-size:14px}.country-dropdown-container{position:relative}.search-input-wrapper .form-input{padding-left:40px;padding-right:40px}.search-icon-input{position:absolute;left:12px;color:var(--gray-500);pointer-events:none}.dropdown-icon-input{position:absolute;right:12px;color:var(--gray-500);pointer-events:none}.dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--card-bg);border:1px solid var(--gray-300);border-radius:8px;box-shadow:0 8px 24px #00000026;z-index:10000;max-height:280px;overflow-y:auto}.dropdown-item{display:block;width:100%;padding:10px 16px;background:var(--card-bg);border:none;border-bottom:1px solid var(--gray-100);cursor:pointer;text-align:left;transition:background .2s;font-size:14px;color:var(--neutral-dark)}.dropdown-item:hover{background:var(--gray-50)}.currency-input-group{display:flex;gap:8px;align-items:center}.currency-select{flex-shrink:0;width:100px}.currency-input-group .input{flex:1}.verification-modal-overlay-new{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:0;animation:fadeIn .2s ease-out}.verification-modal-new{background:var(--card-bg);border-radius:0;width:100vw;height:100vh;display:flex;flex-direction:column;box-shadow:none;animation:slideUp .3s ease-out;overflow:hidden}.modal-header-new{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border-bottom:none;flex-shrink:0}.header-title-section{display:flex;align-items:center;gap:16px}.header-icon-wrapper{width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ai-icon{color:#ffffffe6;animation:sparkle 3s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:1;transform:scale(1) rotate(0)}50%{opacity:.9;transform:scale(1.1) rotate(5deg)}}.header-actions{display:flex;align-items:center;gap:12px}.settings-btn-icon{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.settings-btn-icon:hover{background:rgba(255,255,255,.25);transform:scale(1.05)}.header-title-section h2{margin:0;font-size:20px;font-weight:600;color:#fff;letter-spacing:-.01em}.header-subtitle{margin:4px 0 0;font-size:13px;color:#ffffffd9;font-weight:400;display:flex;align-items:center;gap:8px}.header-subtitle .badge{background:rgba(255,255,255,.15);padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500}.close-btn-new{background:rgba(255,255,255,.15);border:none;padding:10px;cursor:pointer;border-radius:50%;transition:all .2s;color:#fff;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.close-btn-new:hover{background:rgba(239,68,68,.8);transform:scale(1.05)}.modal-main-content{flex:1;overflow-y:auto;padding:24px 32px;background:var(--body-bg)}.settings-panel-compact{background:var(--body-bg);padding:24px 32px;overflow-y:auto;flex:1;display:flex;flex-direction:column}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.settings-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.settings-panel-header h3{margin:0;font-size:18px;font-weight:700;color:var(--text-primary)}.btn-primary-small{padding:10px 18px;background:rgba(139,92,246,.1);color:#8b5cf6;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.btn-primary-small:hover{background:rgba(139,92,246,.2);transform:translateY(-1px)}[data-theme=dark] .btn-primary-small{background:rgba(139,92,246,.2)}[data-theme=dark] .btn-primary-small:hover{background:rgba(139,92,246,.3)}.settings-grid-compact{display:grid;grid-template-columns:5fr 7fr;gap:24px;flex:1;min-height:0}.settings-card-compact{background:var(--card-bg);padding:20px;border-radius:16px;border:1px solid var(--border-color);display:flex;flex-direction:column;gap:20px;overflow-y:auto;box-shadow:0 2px 8px #0000000a}[data-theme=dark] .settings-card-compact{box-shadow:0 2px 8px #0003}.settings-card-large{overflow:visible}.settings-section{display:flex;flex-direction:column;gap:10px}.settings-label-compact{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.settings-hint{font-size:12px;color:var(--text-secondary);font-style:italic;background:var(--table-row-hover);padding:10px 12px;border-radius:8px;border:1px solid var(--border-color);display:flex;align-items:flex-start;gap:8px;margin-top:4px}.settings-hint svg{flex-shrink:0;color:#8b5cf6;margin-top:1px}.tolerance-control-compact{display:flex;align-items:center;gap:12px}.tolerance-slider-compact{flex:1;height:4px;border-radius:2px;background:var(--border-color);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.tolerance-slider-compact::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#8b5cf6;cursor:pointer;transition:all .2s;box-shadow:0 0 0 4px #8b5cf633;border:none}.tolerance-slider-compact::-webkit-slider-thumb:hover{background:#7c3aed;box-shadow:0 0 0 6px #8b5cf64d;transform:scale(1.05)}.tolerance-slider-compact::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#8b5cf6;cursor:pointer;border:none}.tolerance-value-compact{font-size:13px;font-weight:700;color:#8b5cf6;background:rgba(139,92,246,.1);padding:6px 12px;border-radius:6px;min-width:55px;text-align:center}[data-theme=dark] .tolerance-value-compact{background:rgba(139,92,246,.2)}.slider-range-labels{display:flex;justify-content:space-between;margin-top:6px;font-size:12px;color:var(--text-muted);font-weight:500}.field-grid-compact{display:flex;flex-wrap:wrap;gap:8px}.field-chip-compact{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:999px;cursor:pointer;transition:all .2s;font-size:13px;color:var(--text-secondary);white-space:nowrap}.field-chip-compact:hover{border-color:#8b5cf6;background:rgba(139,92,246,.05)}.field-chip-compact.selected{border-color:#8b5cf6;background:rgba(139,92,246,.1);color:#8b5cf6}[data-theme=dark] .field-chip-compact.selected{background:rgba(139,92,246,.2)}.field-chip-compact input{display:none}.field-chip-checkbox{width:16px;height:16px;border-radius:4px;border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.field-chip-compact.selected .field-chip-checkbox{background:#8b5cf6;border-color:#8b5cf6}.field-chip-checkbox svg{color:#fff;width:10px;height:10px}.empty-state-compact{padding:16px;text-align:center;color:var(--text-muted);font-size:13px;background:var(--table-row-hover);border:1px dashed var(--border-color);border-radius:8px}.verification-action-bar{padding:20px 32px;background:var(--card-bg);border-top:1px solid var(--border-color);display:flex;align-items:center;gap:12px;flex-shrink:0}.ai-analysis-btn-purple{flex:1;display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 32px;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px #8b5cf64d;position:relative;overflow:hidden}.ai-analysis-btn-purple:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.ai-analysis-btn-purple:hover:before{left:100%}.ai-analysis-btn-purple:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 40px #8b5cf666}.ai-analysis-btn-purple:active:not(:disabled){transform:translateY(0)}.ai-analysis-btn-purple:disabled{opacity:.7;cursor:not-allowed;transform:none}.ai-analysis-btn-purple svg{animation:sparkleIcon 2s ease-in-out infinite}@keyframes sparkleIcon{0%,to{transform:scale(1) rotate(0);filter:drop-shadow(0 0 0 rgba(255,255,255,0))}50%{transform:scale(1.15) rotate(8deg);filter:drop-shadow(0 0 6px rgba(255,255,255,.8))}}.btn-secondary-action{padding:16px 24px;background:var(--table-row-hover);border:none;color:var(--text-primary);border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.btn-secondary-action:hover{background:var(--border-color)}.btn-success-action{padding:16px 24px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);color:#10b981;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.btn-success-action:hover,[data-theme=dark] .btn-success-action{background:rgba(16,185,129,.15)}.spinner{animation:spin 1s linear infinite}.loading-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:4rem;background:var(--body-bg)}.loading-container .spinner{width:40px;height:40px;color:#8b5cf6}.loading-container p{margin:0;font-size:16px;font-weight:600;color:#7c3aed}.results-header{padding:20px 32px;background:var(--card-bg);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.results-header h3{margin:0;font-size:16px;font-weight:700;color:var(--text-primary)}.results-stats{display:flex;gap:12px;align-items:center}.stat-pill{display:flex;align-items:center;gap:8px;padding:10px 18px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;font-weight:600}.stat-pill.warning{border-color:#fbbf24;background:rgba(251,191,36,.1);color:#92400e}[data-theme=dark] .stat-pill.warning{background:rgba(251,191,36,.15);color:#fbbf24}.stat-number{font-size:18px;font-weight:700;color:#8b5cf6}.stat-pill.warning .stat-number{color:#d97706}[data-theme=dark] .stat-pill.warning .stat-number{color:#fbbf24}.stat-text{font-size:13px;color:var(--text-secondary)}.stat-pill.warning .stat-text{color:#92400e}[data-theme=dark] .stat-pill.warning .stat-text{color:#fbbf24}.download-report-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #8b5cf633}.download-report-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf64d}.download-report-btn:active{transform:translateY(0)}.results-content{flex:1;overflow-y:auto;padding:24px 32px;background:var(--body-bg)}.results-grid{display:flex;flex-direction:column;gap:16px}.result-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.result-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#8b5cf6 0%,#7c3aed 100%);opacity:0;transition:opacity .3s}.result-card:hover{border-color:#a78bfa;box-shadow:0 8px 24px #8b5cf61a;transform:translateY(-2px)}[data-theme=dark] .result-card:hover{box-shadow:0 8px 24px #8b5cf633}.result-card:hover:before{opacity:1}.result-card.is-duplicate{border:2px solid #ef4444;background:linear-gradient(135deg,rgba(254,242,242,.5) 0%,rgba(254,226,226,.5) 100%)}[data-theme=dark] .result-card.is-duplicate{background:linear-gradient(135deg,rgba(239,68,68,.1) 0%,rgba(239,68,68,.05) 100%)}.result-card.is-duplicate:before{background:#ef4444;opacity:1}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.card-ref{font-weight:700;font-size:16px;color:var(--text-primary)}.card-badges{display:flex;align-items:center;gap:8px}.similarity-badge{padding:5px 12px;border-radius:8px;font-size:12px;font-weight:700}.similarity-badge.high{background:#ef4444;color:#fff;animation:badgePulse 1.5s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.similarity-badge.medium{background:rgba(251,191,36,.15);color:#92400e;border:1px solid rgba(251,191,36,.3)}[data-theme=dark] .similarity-badge.medium{background:rgba(251,191,36,.2);color:#fbbf24}.similarity-badge.low{background:rgba(99,102,241,.1);color:#4f46e5;border:1px solid rgba(99,102,241,.2)}[data-theme=dark] .similarity-badge.low{background:rgba(99,102,241,.2);color:#818cf8}.match-type-badge{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.match-type-badge.duplicate{background:rgba(239,68,68,.1);color:#dc2626;border:1px solid rgba(239,68,68,.2)}[data-theme=dark] .match-type-badge.duplicate{background:rgba(239,68,68,.2);color:#f87171}.match-type-badge.close{background:rgba(251,191,36,.1);color:#d97706;border:1px solid rgba(251,191,36,.2)}.match-type-badge.similar{background:rgba(59,130,246,.1);color:#2563eb;border:1px solid rgba(59,130,246,.2)}.duplicate-warning{display:flex;align-items:center;gap:8px;padding:10px 14px;background:rgba(254,226,226,.5);border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#991b1b;font-size:13px;font-weight:600;margin-bottom:12px}[data-theme=dark] .duplicate-warning{background:rgba(239,68,68,.15);color:#f87171}.card-customer{font-size:14px;color:var(--text-secondary);font-weight:500;margin-bottom:4px}.card-project{font-size:15px;color:var(--text-primary);font-weight:600;margin-bottom:12px}.line-items-section,.similarity-details{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color)}.section-title{font-size:12px;font-weight:600;color:#7c3aed;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.line-items-list{display:flex;flex-direction:column;gap:6px}.line-item-match{padding:8px 12px;border-radius:8px;font-size:13px;font-family:SF Mono,Courier New,monospace;line-height:1.4}.line-item-match.exact{background:rgba(16,185,129,.1);border-left:3px solid #16a34a;color:#15803d}[data-theme=dark] .line-item-match.exact{background:rgba(16,185,129,.15);color:#34d399}.line-item-match.close{background:rgba(251,191,36,.1);border-left:3px solid #f59e0b;color:#b45309}[data-theme=dark] .line-item-match.close{background:rgba(251,191,36,.15);color:#fbbf24}.similarity-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:rgba(139,92,246,.05);border-radius:8px;font-size:13px;margin-bottom:6px}[data-theme=dark] .similarity-item{background:rgba(139,92,246,.1)}.similarity-icon{flex-shrink:0;color:#8b5cf6;margin-top:2px}.similarity-label{font-weight:600;color:#7c3aed;margin-right:4px}.similarity-value{color:var(--text-primary);font-weight:500}.expand-btn{display:flex;align-items:center;gap:6px;width:100%;margin-top:12px;padding:10px 16px;background:rgba(139,92,246,.05);border:1px solid var(--border-color);border-radius:8px;color:#7c3aed;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;justify-content:center}.expand-btn:hover{background:rgba(139,92,246,.1);border-color:#a78bfa}.modal-footer-new{padding:20px 32px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:12px;background:var(--card-bg);flex-shrink:0}.btn-secondary-new,.btn-primary-new{padding:14px 24px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;border:none;display:flex;align-items:center;gap:8px}.btn-secondary-new{background:var(--table-row-hover);color:var(--text-primary)}.btn-secondary-new:hover{background:var(--border-color)}.btn-primary-new{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);color:#fff;box-shadow:0 4px 12px #8b5cf64d}.btn-primary-new:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.btn-primary-new:active{transform:translateY(0)}.empty-state{padding:3rem;text-align:center;color:var(--text-muted);font-size:15px;font-weight:500}.empty-state p{margin:10px 0 0;font-size:14px}.settings-card-compact::-webkit-scrollbar,.results-content::-webkit-scrollbar,.modal-main-content::-webkit-scrollbar,.settings-panel-compact::-webkit-scrollbar{width:6px}.settings-card-compact::-webkit-scrollbar-track,.results-content::-webkit-scrollbar-track,.modal-main-content::-webkit-scrollbar-track,.settings-panel-compact::-webkit-scrollbar-track{background:var(--table-row-hover)}.settings-card-compact::-webkit-scrollbar-thumb,.results-content::-webkit-scrollbar-thumb,.modal-main-content::-webkit-scrollbar-thumb,.settings-panel-compact::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.settings-card-compact::-webkit-scrollbar-thumb:hover,.results-content::-webkit-scrollbar-thumb:hover,.modal-main-content::-webkit-scrollbar-thumb:hover,.settings-panel-compact::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (max-width: 1024px){.settings-grid-compact{grid-template-columns:1fr}}@media (max-width: 768px){.modal-header-new{padding:16px 20px}.header-title-section h2{font-size:16px}.settings-panel-compact{padding:16px 20px}.verification-action-bar{padding:16px 20px;flex-direction:column}.ai-analysis-btn-purple{width:100%}.btn-secondary-action,.btn-success-action{width:100%;justify-content:center}.results-header{padding:16px 20px;flex-direction:column;gap:12px}.results-content{padding:16px 20px}}.action-bar-main{display:flex;flex-direction:column;gap:8px;flex:1}.ai-analysis-btn-purple.btn-disabled-geo{background:linear-gradient(135deg,#94a3b8 0%,#64748b 100%);box-shadow:none;cursor:not-allowed}.ai-analysis-btn-purple.btn-disabled-geo:hover{transform:none;box-shadow:none}.filters-required-hints{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.required-hint{display:flex;align-items:center;gap:6px;font-size:12px;color:#f59e0b;font-weight:500}.required-hint svg{color:#f59e0b}[data-theme=dark] .required-hint{color:#fbbf24}[data-theme=dark] .required-hint svg{color:#fbbf24}@media (max-width: 768px){.action-bar-main{width:100%}}.geo-filter-accordion{display:flex;flex-direction:column;gap:12px}.geo-filter-header-wrapper{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.geo-filter-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0}.restriction-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:rgba(251,191,36,.15);border:1px solid rgba(251,191,36,.3);border-radius:6px;font-size:11px;font-weight:600;color:#92400e}[data-theme=dark] .restriction-badge{background:rgba(251,191,36,.2);color:#fbbf24}.geo-search-wrapper{margin-bottom:12px;position:relative}.geo-search-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;transition:all .2s;overflow:hidden}.geo-search-bar:focus-within{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.geo-search-bar .search-icon{color:var(--text-muted);flex-shrink:0;width:16px;height:16px}.geo-search-input{flex:1;border:none;background:transparent;font-size:14px;color:var(--text-primary);outline:none}.geo-search-input::placeholder{color:var(--text-muted)}.clear-search{background:var(--border-color);border:none;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:var(--text-secondary);flex-shrink:0;padding:0}.clear-search:hover{background:var(--text-muted);color:#fff}.geo-filter-accordion .geo-checkbox-wrapper{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;margin:0;flex-shrink:0}.geo-filter-accordion .geo-checkbox,.geo-filter-accordion input[type=checkbox].geo-checkbox{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;min-height:18px!important;max-height:18px!important;padding:0!important;border:2px solid var(--border-color)!important;border-radius:4px!important;background:var(--card-bg)!important;cursor:pointer!important;position:relative;flex-shrink:0;margin:0!important;transition:all .15s;display:inline-block;vertical-align:middle;pointer-events:auto!important;z-index:2}.geo-filter-accordion .geo-checkbox:hover,.geo-filter-accordion input[type=checkbox].geo-checkbox:hover{border-color:#8b5cf6!important}.geo-filter-accordion .geo-checkbox:checked,.geo-filter-accordion input[type=checkbox].geo-checkbox:checked{background:#8b5cf6!important;border-color:#8b5cf6!important}.geo-filter-accordion .geo-checkbox:checked:after,.geo-filter-accordion input[type=checkbox].geo-checkbox:checked:after{content:"";position:absolute;left:4px;top:0;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.geo-filter-accordion .geo-checkbox.indeterminate,.geo-filter-accordion input[type=checkbox].geo-checkbox.indeterminate{background:#8b5cf6!important;border-color:#8b5cf6!important}.geo-filter-accordion .geo-checkbox.indeterminate:after,.geo-filter-accordion input[type=checkbox].geo-checkbox.indeterminate:after{content:"";position:absolute;left:2px;top:5px;width:10px;height:2px;background:white;border:none;transform:none}.geo-accordion-list{display:flex;flex-direction:column;gap:8px;max-height:none;overflow-y:visible;overflow-x:visible}.geo-accordion-list::-webkit-scrollbar{width:6px}.geo-accordion-list::-webkit-scrollbar-track{background:transparent}.geo-accordion-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.accordion-region .search-icon,.region-header .search-icon,.region-left .search-icon,.continent-content .search-icon{display:none!important}.accordion-continent{border:1px solid var(--border-color);border-radius:12px;overflow:hidden;background:var(--card-bg)}.continent-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--table-row-hover);cursor:pointer;transition:background .2s;-webkit-user-select:none;user-select:none}.continent-header:hover{background:var(--border-color)}.continent-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.continent-left svg{flex-shrink:0;width:18px;height:18px}.continent-name{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap}.region-count,.country-count{font-size:12px;color:var(--text-muted);background:var(--card-bg);padding:2px 10px;border-radius:10px;white-space:nowrap;flex-shrink:0}.chevron-icon,.chevron-icon-small{color:var(--text-muted);display:flex;align-items:center}.continent-content{background:var(--card-bg)}.accordion-region{border-top:1px solid var(--border-color)}.region-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 12px 48px;cursor:pointer;transition:background .2s;-webkit-user-select:none;user-select:none;background:var(--card-bg)}.region-header:hover{background:var(--table-row-hover)}.region-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.region-name{font-size:13px;font-weight:500;color:var(--text-secondary);white-space:nowrap}.region-content{background:rgba(139,92,246,.03);padding:8px 16px 8px 76px;max-height:none;overflow-y:visible;overflow-x:visible}[data-theme=dark] .region-content{background:rgba(139,92,246,.05)}.region-content::-webkit-scrollbar{width:4px}.region-content::-webkit-scrollbar-track{background:transparent}.region-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.country-row{display:flex;align-items:center;gap:12px;padding:8px 12px;cursor:pointer;border-radius:8px;transition:background .15s;margin:0}.country-row:hover{background:rgba(255,255,255,.5)}[data-theme=dark] .country-row:hover{background:rgba(255,255,255,.05)}.country-name{font-size:13px;color:var(--text-secondary);font-weight:500}.country-row:has(.geo-checkbox:checked) .country-name{color:#8b5cf6;font-weight:600}.loading-state,.no-fields-message{padding:20px;text-align:center;color:var(--text-secondary);font-size:13px}.geo-filter-locked{position:relative}.locked-badge{background:rgba(239,68,68,.1)!important;border-color:#ef44444d!important;color:#dc2626!important;display:inline-flex;align-items:center;gap:6px}[data-theme=dark] .locked-badge{background:rgba(239,68,68,.15)!important;color:#f87171!important}.geo-locked-message{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:linear-gradient(135deg,rgba(239,68,68,.08),rgba(251,146,60,.08));border:1px solid rgba(239,68,68,.2);border-radius:10px;margin-bottom:12px;font-size:12px;color:#b91c1c;line-height:1.5}.geo-locked-message svg{flex-shrink:0;margin-top:2px;color:#dc2626}[data-theme=dark] .geo-locked-message{background:linear-gradient(135deg,rgba(239,68,68,.12),rgba(251,146,60,.12));border-color:#ef444440;color:#fca5a5}[data-theme=dark] .geo-locked-message svg{color:#f87171}.geo-search-disabled{opacity:.6;cursor:not-allowed;background:var(--table-row-hover)!important}.geo-search-disabled .geo-search-input{cursor:not-allowed}.geo-filter-accordion .geo-checkbox-locked,.geo-filter-accordion input[type=checkbox].geo-checkbox-locked{cursor:not-allowed!important;opacity:.8}.geo-filter-accordion .geo-checkbox-locked:checked{background:#8b5cf6!important;border-color:#8b5cf6!important}.country-row-locked{cursor:default!important;opacity:.9}.country-row-locked:hover,[data-theme=dark] .country-row-locked:hover{background:transparent!important}.geo-filter-locked .geo-accordion-list{position:relative}.geo-filter-locked .accordion-continent{border-color:#8b5cf64d}.geo-filter-locked .continent-header{background:rgba(139,92,246,.05)}[data-theme=dark] .geo-filter-locked .continent-header{background:rgba(139,92,246,.08)}.geo-quick-actions{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.geo-quick-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--border-color);border-radius:8px;background:var(--card-bg);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.geo-quick-btn:hover:not(:disabled){border-color:#8b5cf6;color:#8b5cf6;background:rgba(139,92,246,.05)}.geo-quick-btn.active{background:rgba(139,92,246,.1);border-color:#8b5cf6;color:#8b5cf6}.geo-quick-btn:disabled{opacity:.5;cursor:not-allowed}.geo-quick-btn-clear:hover:not(:disabled){border-color:#ef4444;color:#ef4444;background:rgba(239,68,68,.05)}.geo-selection-count{font-size:13px;color:var(--text-secondary);font-weight:600;padding:6px 12px;background:var(--table-row-hover);border:1px solid var(--border-color);border-radius:8px;margin-right:auto}.geo-selection-count:has(+.geo-quick-btn.active){color:#8b5cf6;background:rgba(139,92,246,.1);border-color:#8b5cf64d}[data-theme=dark] .geo-quick-btn{background:var(--card-bg)}[data-theme=dark] .geo-quick-btn:hover:not(:disabled){background:rgba(139,92,246,.1)}[data-theme=dark] .geo-quick-btn.active{background:rgba(139,92,246,.15)}[data-theme=dark] .geo-quick-btn-clear:hover:not(:disabled){background:rgba(239,68,68,.1)}[data-theme=dark] .geo-selection-count{background:rgba(139,92,246,.15)}.year-filter-drilldown{display:flex;flex-direction:column;gap:8px}.year-filter-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0}.year-filter-drilldown .selected-chips-container{display:flex;flex-wrap:wrap;gap:6px;padding:10px;background:var(--table-row-hover);border-radius:10px;border:1px solid var(--border-color)}.year-filter-drilldown .selected-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;color:#fff;transition:all .2s}.year-chip{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)}.year-filter-drilldown .chip-remove{background:rgba(255,255,255,.25);border:none;width:16px;height:16px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#fff;padding:0}.year-filter-drilldown .chip-remove:hover{background:rgba(255,255,255,.4)}.year-filter-box{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;overflow:hidden}.year-items-list{max-height:150px;overflow-y:auto;background:var(--card-bg)}.year-items-list::-webkit-scrollbar{width:6px}.year-items-list::-webkit-scrollbar-track{background:var(--table-row-hover)}.year-items-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.year-items-list::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.year-item-row{display:flex;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:all .15s;-webkit-user-select:none;user-select:none}.year-item-row:last-child{border-bottom:none}.year-item-row:hover{background:var(--table-row-hover)}.year-item-row input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#8b5cf6;margin:0;border-radius:4px}.year-item-content{display:flex;align-items:center;gap:10px;flex:1}.year-item-label{font-size:13px;font-weight:500;color:var(--text-primary)}.year-item-row:has(input[type=checkbox]:checked) .year-item-label{color:#8b5cf6;font-weight:600}.year-filter-drilldown .loading-state,.year-filter-drilldown .no-fields-message{padding:20px;text-align:center;color:var(--text-secondary);font-size:13px}.year-quick-actions{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.year-selection-count{font-size:13px;color:var(--text-secondary);font-weight:600;padding:6px 12px;background:var(--table-row-hover);border:1px solid var(--border-color);border-radius:8px;margin-right:auto}.year-quick-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--card-bg);color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.year-quick-btn:hover:not(:disabled){border-color:#8b5cf6;color:#8b5cf6;background:rgba(139,92,246,.05)}.year-quick-btn.active{background:rgba(139,92,246,.1);border-color:#8b5cf6;color:#8b5cf6}.year-quick-btn:disabled{opacity:.5;cursor:not-allowed}.year-quick-btn-clear:hover:not(:disabled){border-color:#ef4444;color:#ef4444;background:rgba(239,68,68,.05)}[data-theme=dark] .year-quick-btn{background:var(--card-bg)}[data-theme=dark] .year-quick-btn:hover:not(:disabled){background:rgba(139,92,246,.1)}[data-theme=dark] .year-quick-btn.active{background:rgba(139,92,246,.15)}[data-theme=dark] .year-quick-btn-clear:hover:not(:disabled){background:rgba(239,68,68,.1)}.quick-add-customer-panel{position:fixed;top:0;right:0;width:400px;height:100vh;background:var(--card-bg);box-shadow:-4px 0 16px #0000001a;z-index:10001;display:flex;flex-direction:column;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.quick-add-customer-panel .panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color);background:var(--table-row-hover)}.quick-add-customer-panel .panel-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.quick-add-customer-panel .close-btn{background:none;border:none;cursor:pointer;padding:4px;color:var(--text-secondary);transition:color .2s}.quick-add-customer-panel .close-btn:hover{color:var(--text-primary)}.quick-add-customer-panel .panel-body{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:20px}.quick-add-customer-panel .error-message{padding:12px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#991b1b;font-size:14px}.quick-add-customer-panel .form-group{display:flex;flex-direction:column;gap:6px}.quick-add-customer-panel .form-group label{font-size:14px;font-weight:500;color:var(--text-primary)}.quick-add-customer-panel .form-group input{padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;transition:border-color .2s,box-shadow .2s}.quick-add-customer-panel .form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.quick-add-customer-panel .panel-footer{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;margin-top:auto;border-top:1px solid var(--border-color)}.quick-add-customer-panel .btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.quick-add-customer-panel .btn:disabled{opacity:.5;cursor:not-allowed}.quick-add-customer-panel .btn-secondary{background:var(--table-row-hover);color:var(--text-primary)}.quick-add-customer-panel .btn-secondary:hover:not(:disabled){background:#e5e7eb}.quick-add-customer-panel .btn-primary{background:var(--info);color:#fff}.quick-add-customer-panel .btn-primary:hover:not(:disabled){background:#2563eb}.rich-text-editor{display:flex;flex-direction:column}.rte-toolbar{background:var(--table-row-hover);border:1px solid var(--border-color);border-bottom:none;border-radius:8px 8px 0 0}.rte-toolbar-main{display:flex;align-items:center;gap:8px;padding:10px 12px}.rte-toolbar-extended{display:flex;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid var(--border-color)}.rte-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s;color:var(--text-primary)}.rte-btn:hover{background:#e5e7eb;border-color:var(--text-muted)}.rte-btn:active,.rte-btn.active{background:#d1d5db;border-color:#2563eb}.rte-select{padding:6px 10px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;font-size:13px;color:var(--text-primary);cursor:pointer;transition:all .2s}.rte-select:hover{border-color:var(--text-muted)}.rte-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.rte-size-input{width:60px;padding:6px 8px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;font-size:13px;color:var(--text-primary);text-align:center;transition:all .2s}.rte-size-input:hover{border-color:var(--text-muted)}.rte-size-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.rte-color{width:40px;height:32px;padding:4px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s}.rte-color:hover{border-color:var(--text-muted)}.rte-content{padding:14px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:0 0 8px 8px;font-size:14px;color:var(--text-primary);line-height:1.6;font-family:Arial,sans-serif;overflow-y:auto;position:relative;direction:ltr;text-align:left;unicode-bidi:embed}.rte-content:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.rte-content img{max-width:100%;height:auto;display:inline-block;margin:4px 0}.rte-placeholder{color:var(--text-muted);font-style:italic;pointer-events:none;position:absolute;top:14px;left:14px}.rte-content:focus .rte-placeholder,.rte-content:not(:empty) .rte-placeholder{display:none}.send-email-modal{background:var(--card-bg);border-radius:12px;width:90%;max-width:650px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.send-email-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color)}.send-email-modal .modal-header h2{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.send-email-modal .close-btn{background:none;border:none;padding:8px;cursor:pointer;color:var(--text-secondary);border-radius:6px;transition:all .2s}.send-email-modal .close-btn:hover:not(:disabled){background:var(--table-row-hover);color:var(--text-primary)}.send-email-modal .close-btn:disabled{opacity:.5;cursor:not-allowed}.send-email-modal .modal-body{padding:24px;overflow-y:auto;flex:1}.send-email-modal .integration-info{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin-bottom:20px;font-size:14px;color:#1e40af}.send-email-modal .info-section{margin-bottom:24px}.send-email-modal .info-section h3{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--text-primary)}.send-email-modal .info-section p{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.5}.send-email-modal .recipients-section{margin-top:20px;margin-bottom:20px}.send-email-modal .recipients-section>strong{display:block;margin-bottom:12px;font-size:14px;color:var(--text-primary)}.send-email-modal .recipient-editors{background:var(--table-row-hover);border:1px solid var(--border-color);border-radius:8px;padding:12px;max-height:300px;overflow-y:auto}.send-email-modal .recipient-editor-item{display:flex;align-items:center;gap:12px;padding:8px;margin-bottom:8px;background:var(--card-bg);border-radius:6px}.send-email-modal .recipient-editor-item:last-child{margin-bottom:0}.send-email-modal .recipient-rfq-label{flex-shrink:0;min-width:100px}.send-email-modal .recipient-rfq-label .rfq-ref{font-weight:600;color:var(--text-primary);font-size:14px}.send-email-modal .recipient-email-input{flex:1}.send-email-modal .recipient-email-input input{margin:0}.send-email-modal .recipient-email-chips{flex:1}.send-email-modal .recipient-email-chips .email-chips-container{min-height:44px}.send-email-modal .sending-progress{text-align:center;padding:40px 20px}.send-email-modal .sending-progress h3{margin:16px 0 8px;font-size:18px;color:var(--text-primary)}.send-email-modal .sending-progress p{margin:0 0 20px;font-size:14px;color:var(--text-secondary)}.send-email-modal .progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.send-email-modal .progress-fill{height:100%;background:var(--info);transition:width .3s ease}.send-email-modal .results-summary{display:flex;gap:16px;margin-bottom:24px}.send-email-modal .summary-card{flex:1;display:flex;align-items:center;gap:12px;padding:16px;border-radius:8px;border:1px solid}.send-email-modal .summary-card.success{background:#f0fdf4;border-color:#86efac;color:#166534}.send-email-modal .summary-card.error{background:#fef2f2;border-color:#fca5a5;color:#991b1b}.send-email-modal .summary-card .count{font-size:28px;font-weight:700}.send-email-modal .summary-card .label{font-size:13px;font-weight:500;opacity:.8}.send-email-modal .results-list{max-height:300px;overflow-y:auto;border:1px solid var(--border-color);border-radius:8px}.send-email-modal .result-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border-color)}.send-email-modal .result-item:last-child{border-bottom:none}.send-email-modal .result-item.success{background:#f0fdf4}.send-email-modal .result-item.error{background:#fef2f2}.send-email-modal .result-item .result-icon{flex-shrink:0;margin-top:2px}.send-email-modal .result-item.success .result-icon{color:#16a34a}.send-email-modal .result-item.error .result-icon{color:#dc2626}.send-email-modal .result-details{flex:1}.send-email-modal .result-details .rfq-ref{font-weight:600;color:var(--text-primary);font-size:14px}.send-email-modal .result-details .customer-email{font-size:13px;color:var(--text-secondary);margin-top:2px}.send-email-modal .result-details .error-message{font-size:12px;color:#dc2626;margin-top:4px}.send-email-modal .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border-color);background:var(--table-row-hover)}.send-email-modal .btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.send-email-modal .btn:disabled{opacity:.6;cursor:not-allowed}.send-email-modal .btn-secondary{background:var(--card-bg);color:var(--text-primary);border:1px solid var(--border-color)}.send-email-modal .btn-secondary:hover:not(:disabled){background:var(--table-row-hover)}.send-email-modal .btn-primary{background:var(--info);color:#fff}.send-email-modal .btn-primary:hover:not(:disabled){background:#2563eb}.send-email-modal .spinner{animation:spin 1s linear infinite}.send-email-modal .loading-state,.send-email-modal .error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;text-align:center;color:var(--text-secondary)}.send-email-modal .error-state svg{color:#ef4444;margin-bottom:16px}.send-email-modal .error-state p{margin:8px 0;color:var(--text-secondary)}.send-email-modal .error-state p:first-of-type{font-weight:500;color:var(--text-primary);font-size:16px}.send-email-modal .email-composition{background:var(--table-row-hover);border:1px solid var(--border-color);border-radius:8px;padding:20px;margin-bottom:20px}.send-email-modal .form-group{margin-bottom:16px}.send-email-modal .form-group:last-child{margin-bottom:0}.send-email-modal .form-group label{display:block;font-size:13px;font-weight:500;color:var(--text-primary);margin-bottom:6px}.send-email-modal .form-group small{display:block;font-size:12px;color:var(--text-secondary);margin-top:4px}.send-email-modal .email-chips-container{display:flex;flex-wrap:wrap;gap:6px;padding:8px 10px;border:1px solid var(--border-color);border-radius:6px;min-height:44px;align-items:center;background:var(--card-bg);cursor:text;transition:all .2s}.send-email-modal .email-chips-container:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.send-email-modal .email-chip{display:flex;align-items:center;gap:6px;padding:4px 8px;background:#22c55e;color:#fff;border-radius:6px;font-size:13px;font-weight:500}.send-email-modal .email-chip span{line-height:1}.send-email-modal .chip-remove{display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.25);border:none;border-radius:4px;padding:2px;cursor:pointer;transition:background .2s;color:#fff}.send-email-modal .chip-remove:hover{background:rgba(255,255,255,.4)}.send-email-modal .email-chip-input{flex:1;min-width:120px;border:none;outline:none;padding:4px;font-size:14px;font-family:inherit}.send-email-modal .form-control:not(.email-chip-input){width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;color:var(--text-primary);transition:all .2s;font-family:inherit}.send-email-modal .form-control:not(.email-chip-input):focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.send-email-modal textarea.form-control{resize:vertical;line-height:1.5}.send-email-modal .form-group input[type=checkbox]{width:auto;margin-right:6px}.send-email-modal .individual-emails{margin-top:20px;border-top:1px solid var(--border-color);padding-top:20px}.send-email-modal .individual-emails h4{margin:0 0 16px;font-size:15px;font-weight:600;color:var(--text-primary)}.send-email-modal .email-editor{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:16px;margin-bottom:16px}.send-email-modal .email-editor:last-child{margin-bottom:0}.send-email-modal .email-editor-header{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.send-email-modal .email-editor-header strong{color:var(--info);font-size:14px}.send-email-modal .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}@media (max-width: 768px){.send-email-modal{max-width:95%}.send-email-modal .form-row{grid-template-columns:1fr}}.rfq-detail-modal{background:var(--card-bg);border-radius:12px;width:90%;max-width:1000px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border-color);background:var(--table-row-hover)}.modal-header-content{display:flex;flex-direction:column;gap:4px}.modal-header h2{margin:0;font-size:24px;font-weight:700;color:var(--text-primary)}.rfq-ref{font-size:14px;color:var(--text-secondary);font-weight:500}.close-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:8px;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:var(--gray-200);color:var(--text-primary)}.header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ai-analysis-icon-header{background:var(--primary);border:none;border-radius:8px;padding:8px 10px;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s;cursor:pointer}.ai-analysis-icon-header:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn-header{display:flex;align-items:center;gap:6px;padding:7px 12px;border-radius:8px;font-size:13px;font-weight:500;border:1px solid;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-header-draft{background:var(--card-bg);border-color:var(--border-color);color:var(--text-secondary)}.btn-header-draft:hover{background:var(--table-row-hover);border-color:var(--gray-400);color:var(--text-primary)}.btn-header-approve{background:#10b981;border-color:#10b981;color:#fff}.btn-header-approve:hover{background:#059669;border-color:#059669}.btn-header-reject{background:#ef4444;border-color:#ef4444;color:#fff}.btn-header-reject:hover{background:#dc2626;border-color:#dc2626}.btn-header-rfq-tabs{background:var(--info);border-color:var(--primary);color:#fff}.btn-header-rfq-tabs:hover{background:#2563eb;border-color:#2563eb}.header-rfq-tabs-dropdown{position:relative}.btn-header-cancel{background:var(--card-bg);border-color:var(--border-color);color:var(--text-secondary)}.btn-header-cancel:hover{background:var(--table-row-hover);border-color:var(--gray-400);color:var(--text-primary)}.btn-header-cancel:disabled{opacity:.5;cursor:not-allowed}.btn-header-save{background:var(--info);border-color:var(--primary);color:#fff}.btn-header-save:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.btn-header-save:disabled{opacity:.5;cursor:not-allowed}.header-approve-dropdown,.notes-toggle-container,.header-actions-dropdown{position:relative}.btn-actions-header{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:8px 12px;display:flex;align-items:center;gap:6px;cursor:pointer;color:var(--text-secondary);transition:all .2s;font-size:14px}.btn-actions-header:hover{background:var(--table-row-hover);border-color:var(--gray-400);color:var(--text-primary)}.notes-toggle-btn{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:8px 12px;display:flex;align-items:center;gap:6px;cursor:pointer;color:var(--text-secondary);transition:all .2s;font-size:14px}.notes-toggle-btn:hover{background:var(--table-row-hover);border-color:var(--gray-400);color:var(--text-primary)}.notes-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 10px 15px -3px var(--shadow-color);padding:16px;min-width:320px;max-width:400px;z-index:10000}.notes-dropdown-header{display:flex;flex-direction:column;gap:2px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.notes-dropdown-header span{font-size:14px;font-weight:600;color:var(--text-primary)}.notes-dropdown-header small{font-size:12px;color:var(--text-muted);font-style:italic}.notes-textarea{width:100%;min-height:100px;padding:10px;border:1px solid var(--border-color);border-radius:6px;font-size:13px;font-family:inherit;resize:vertical;transition:border-color .2s;background:var(--input-bg);color:var(--text-primary)}.notes-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf61a}.notes-content{font-size:13px;color:var(--text-primary);line-height:1.6;max-height:200px;overflow-y:auto}.notes-content p{margin:0;white-space:pre-wrap}.notes-content .no-notes{color:var(--text-muted);font-style:italic}.modal-body{flex:1;overflow-y:auto;padding:24px}.modal-actions-top{display:flex;justify-content:flex-start;align-items:center;margin-bottom:24px;padding-bottom:24px;border-bottom:2px solid var(--border-color);flex-wrap:wrap;gap:12px}.left-actions-group{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.action-group{display:flex;gap:12px}.btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .2s}.btn-verify{background:var(--info);color:#fff}.btn-verify:hover{background:#2563eb}.btn-mark-read{background:#06b6d4;color:#fff}.btn-mark-read:hover{background:#0891b2}.btn-download{background:var(--primary);color:#fff}.btn-download:hover{background:var(--primary-dark)}.btn-accept{background:#10b981;color:#fff}.btn-accept:hover{background:#059669}.btn-decline{background:#ef4444;color:#fff}.btn-decline:hover{background:#dc2626}.btn-edit{background:#f59e0b;color:#fff}.btn-edit:hover{background:#d97706}.btn-actions{background:#6b7280;color:#fff}.btn-actions:hover{background:#4b5563}.btn-draft{background:var(--table-row-hover);color:var(--text-primary);border:1px solid var(--border-color)}.btn-draft:hover{background:var(--gray-300)}.btn-cancel{background:var(--table-row-hover);color:var(--text-primary)}.btn-cancel:hover:not(:disabled){background:var(--gray-300)}.btn-save{background:#10b981;color:#fff}.btn-save:hover:not(:disabled){background:#059669}.btn-save:disabled{opacity:.7;cursor:not-allowed}.edit-input,.edit-textarea{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;font-family:inherit;transition:all .2s;background:var(--input-bg);color:var(--text-primary)}.edit-input:focus,.edit-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf61a}.edit-textarea{resize:vertical;min-height:80px;font-family:inherit}.table-input{width:100%;padding:6px 8px;border:1px solid var(--border-color);border-radius:4px;font-size:13px;font-family:inherit;transition:all .2s;background:var(--input-bg);color:var(--text-primary)}.table-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #8b5cf61a}.btn-secondary:hover{background:var(--gray-300)}.detail-section{margin-bottom:32px}.detail-section:last-child{margin-bottom:0}.section-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.detail-item{display:flex;flex-direction:column;gap:6px}.detail-item label{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.detail-item span{font-size:15px;color:var(--text-primary);font-weight:500}.notes-text{font-size:14px;color:var(--text-primary);line-height:1.6;white-space:pre-wrap;margin:0;padding:12px;background:var(--table-row-hover);border-radius:6px;border:1px solid var(--border-color)}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-pending{background:#fef3c7;color:#92400e}.status-verified{background:#d1fae5;color:#065f46}.status-rejected{background:#fee2e2;color:#991b1b}.status-draft{background:#e5e7eb;color:var(--text-primary)}.line-items-table{overflow-x:auto;border:1px solid var(--border-color);border-radius:8px}.line-items-table table{width:100%;border-collapse:collapse}.line-items-table th{background:var(--table-row-hover);padding:12px;text-align:left;font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-color)}.line-items-table td{padding:12px;font-size:14px;color:var(--text-primary);border-bottom:1px solid var(--border-color)}.line-items-table tr:last-child td{border-bottom:none}.line-items-table tbody tr:hover{background:var(--table-row-hover)}.no-items{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:var(--text-muted);text-align:center}.no-items p{margin:12px 0 0;font-size:14px}.internal-notes-section{background:#fffbeb;border:2px solid #fcd34d;border-radius:8px;padding:20px;margin-bottom:24px}.internal-notes-section .section-title{color:#92400e;margin-bottom:8px}.section-description{font-size:13px;color:#78350f;margin-bottom:16px;font-style:italic}.internal-notes-textarea{width:100%;padding:12px;border:2px solid #fcd34d;border-radius:6px;font-size:14px;font-family:inherit;resize:vertical;background:var(--card-bg);color:var(--text-primary)}.internal-notes-textarea:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.internal-notes-display{background:var(--card-bg);padding:12px;border-radius:6px;border:2px solid #fcd34d;min-height:60px}.internal-notes-display p{margin:0;color:var(--text-primary);font-size:14px;line-height:1.6;white-space:pre-wrap}.internal-notes-display .no-notes{color:#78350f;font-style:italic;opacity:.7}.modal-footer{padding:16px 24px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;background:var(--table-row-hover)}.btn-dropdown-group .dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 10px 15px -3px var(--shadow-color);min-width:220px;max-width:320px;z-index:10000;overflow:hidden}.btn-dropdown-group .dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;border:none;background:var(--card-bg);color:var(--text-primary);font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:all .2s;border-bottom:1px solid var(--border-color)}.btn-dropdown-group .dropdown-item:last-child{border-bottom:none}.btn-dropdown-group .dropdown-item:hover:not(.disabled){background:var(--table-row-hover);color:var(--text-primary)}.btn-dropdown-group .dropdown-item.disabled{opacity:.5;cursor:not-allowed;position:relative}.btn-dropdown-group .dropdown-item .coming-soon{margin-left:auto;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.rfq-detail-modal{width:95%;max-height:95vh}.modal-actions-top{flex-direction:column;align-items:stretch}.action-group{width:100%}.action-group .btn{flex:1}.detail-grid{grid-template-columns:1fr}}.ai-analysis-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:linear-gradient(135deg,#9333ea 0%,#7e22ce 100%);color:#fff;cursor:pointer;transition:all .2s ease}.ai-analysis-icon:hover{transform:scale(1.1);box-shadow:0 4px 12px #9333ea66}.ai-analysis-icon:active{transform:scale(.95)}.ai-analysis-icon svg{animation:sparkleGlow 2s ease-in-out infinite}@keyframes sparkleGlow{0%,to{opacity:1;filter:drop-shadow(0 0 0 rgba(255,255,255,0))}50%{opacity:.8;filter:drop-shadow(0 0 4px rgba(255,255,255,.8))}}.ai-analysis-btn-preview{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:#8b5cf6;color:#fff;cursor:pointer;transition:all .15s ease;border:none}.ai-analysis-btn-preview:hover{background:#7c3aed;transform:scale(1.05);box-shadow:0 4px 12px #8b5cf666}.ai-analysis-btn-preview:active{transform:scale(.98)}.ai-analysis-btn-preview svg{animation:sparkleGlow 2s ease-in-out infinite}[data-theme=dark] .ai-analysis-btn-preview{background:#8b5cf6}[data-theme=dark] .ai-analysis-btn-preview:hover{background:#a78bfa}.rfq-stat-card{background-color:#f8fafc;border:1px solid rgba(226,232,240,.8);padding:20px;border-radius:12px;display:flex;align-items:center;gap:16px}[data-theme=dark] .rfq-stat-card{background-color:var(--gray-800);border-color:var(--gray-700)}.rfq-stat-card-icon{background-color:#fff;border-radius:50%;height:48px;width:48px;display:flex;align-items:center;justify-content:center}[data-theme=dark] .rfq-stat-card-icon{background-color:var(--gray-700)}.rfq-stat-card-icon i{font-size:20px;color:#64748b}[data-theme=dark] .rfq-stat-card-icon i{color:var(--gray-400)}.rfq-stat-card-label{font-size:14px;font-weight:500;color:#64748b;margin:0}[data-theme=dark] .rfq-stat-card-label{color:var(--gray-400)}.rfq-stat-card-value{font-size:18px;font-weight:700;color:#1e293b;margin:0}[data-theme=dark] .rfq-stat-card-value{color:var(--gray-100)}.rfq-section-title{font-size:18px;font-weight:600;color:#1e293b;margin-bottom:16px}[data-theme=dark] .rfq-section-title{color:var(--gray-100)}.rfq-info-card{background-color:#f8fafc;border:1px solid rgba(226,232,240,.8);border-radius:12px;padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:20px;max-height:320px;overflow-y:auto;flex:1}[data-theme=dark] .rfq-info-card{background-color:var(--gray-800);border-color:var(--gray-700)}.rfq-info-label{font-size:11px;text-transform:uppercase;font-weight:600;color:#64748b}[data-theme=dark] .rfq-info-label{color:var(--gray-400)}.rfq-info-value{font-size:15px;font-weight:500;color:#1e293b;margin:4px 0 0}[data-theme=dark] .rfq-info-value{color:var(--gray-100)}.rfq-line-items-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.rfq-line-items-title{font-size:18px;font-weight:600;color:#1e293b;margin:0}[data-theme=dark] .rfq-line-items-title{color:var(--gray-100)}.rfq-line-items-count{font-size:14px;color:#64748b}[data-theme=dark] .rfq-line-items-count{color:var(--gray-400)}.rfq-items-table{width:100%;border-collapse:collapse;background:var(--card-bg);border-radius:12px;overflow:hidden;border:1px solid rgba(226,232,240,.8)}[data-theme=dark] .rfq-items-table{border-color:var(--gray-700)}.rfq-items-table thead{background:#f1f5f9}[data-theme=dark] .rfq-items-table thead{background:var(--gray-800)}.rfq-items-table th{padding:14px 16px;text-align:center;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#64748b;border-bottom:2px solid rgba(226,232,240,.8)}[data-theme=dark] .rfq-items-table th{color:var(--gray-400);border-bottom-color:var(--gray-700)}.rfq-items-table td{padding:14px 16px;font-size:14px;color:#334155;border-bottom:1px solid rgba(226,232,240,.6);vertical-align:middle;text-align:center}[data-theme=dark] .rfq-items-table td{color:var(--gray-200);border-bottom-color:var(--gray-700)}.rfq-items-table tbody tr:hover{background:rgba(156,127,249,.05)}[data-theme=dark] .rfq-items-table tbody tr:hover{background:rgba(139,92,246,.1)}.rfq-items-table tbody tr:last-child td{border-bottom:none}.rfq-status-matched{display:inline-flex;align-items:center;gap:6px;background:#dcfce7;color:#16a34a;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}[data-theme=dark] .rfq-status-matched{background:rgba(34,197,94,.2);color:#86efac}.rfq-status-unmatched{display:inline-flex;align-items:center;gap:6px;background:#fee2e2;color:#dc2626;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}[data-theme=dark] .rfq-status-unmatched{background:rgba(239,68,68,.2);color:#fca5a5}[data-theme=dark] .rfq-info-card::-webkit-scrollbar{width:8px}[data-theme=dark] .rfq-info-card::-webkit-scrollbar-track{background:var(--gray-800)}[data-theme=dark] .rfq-info-card::-webkit-scrollbar-thumb{background:var(--gray-600);border-radius:4px}[data-theme=dark] .rfq-info-card::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}.rfq-status-tbd{display:inline-flex;align-items:center;gap:6px;background:#ffedd5;color:#ea580c;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;border:none;cursor:pointer}[data-theme=dark] .rfq-status-tbd{background:rgba(251,146,60,.2);color:#fdba74}.rfq-status-not-found{display:inline-flex;align-items:center;gap:6px;background:#e2e8f0;color:#475569;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}[data-theme=dark] .rfq-status-not-found{background:var(--gray-700);color:var(--gray-300)}.rfq-status-none{display:inline-flex;align-items:center;gap:6px;background:#f1f5f9;color:#64748b;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}[data-theme=dark] .rfq-status-none{background:var(--gray-700);color:var(--gray-400)}.rfq-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;color:#94a3b8}[data-theme=dark] .rfq-empty-state{color:var(--gray-500)}.rfq-empty-state p{font-size:14px;margin:0}.rfq-modal-footer{flex-shrink:0;padding:16px;border-top:1px solid #e2e8f0;background:rgba(248,250,252,.5);display:flex;justify-content:flex-end}[data-theme=dark] .rfq-modal-footer{border-top-color:var(--gray-700);background:var(--gray-800)}.rfq-close-btn{height:40px;padding:0 24px;background-color:#e2e8f0;color:#1e293b;font-weight:600;border-radius:8px;border:none;cursor:pointer}[data-theme=dark] .rfq-close-btn{background-color:var(--gray-700);color:var(--gray-100)}.rfq-close-btn:hover{background-color:#cbd5e1}[data-theme=dark] .rfq-close-btn:hover{background-color:var(--gray-600)}.rfq-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:24px}.rfq-modal-main{width:100%;max-width:1400px;height:95vh;background-color:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;overflow:hidden;border:1px solid #e2e8f0;font-family:Inter,sans-serif}[data-theme=dark] .rfq-modal-main{background-color:var(--card-bg);border-color:var(--gray-700)}.rfq-modal-header{flex-shrink:0;padding:24px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;background-color:#fafbfc}[data-theme=dark] .rfq-modal-header{background-color:var(--gray-800);border-bottom-color:var(--gray-700)}.rfq-modal-title{font-size:24px;font-weight:700;color:#1e293b;margin:0}[data-theme=dark] .rfq-modal-title{color:var(--gray-100)}.rfq-modal-ref{font-size:14px;color:#64748b;font-family:monospace;margin:0}[data-theme=dark] .rfq-modal-ref{color:var(--gray-400)}.rfq-notes-textarea{width:100%;height:70px;padding:12px 16px;font-size:14px;border:2px solid #e2e8f0;border-radius:8px;resize:none;background-color:#fff;font-family:inherit;color:var(--text-primary)}[data-theme=dark] .rfq-notes-textarea{background-color:var(--gray-800);border-color:var(--gray-600);color:var(--gray-100)}.rfq-notes-textarea:focus{outline:none;border-color:var(--primary)}.rfq-modal-content{flex:1;overflow-y:auto;padding:32px}[data-theme=dark] .rfq-modal-content{background-color:var(--card-bg)}.rfq-status-button-group{display:flex;align-items:center;background-color:#fff;padding:4px;border-radius:8px;border:1px solid #e2e8f0;gap:4px}[data-theme=dark] .rfq-status-button-group{background-color:var(--gray-800);border-color:var(--gray-600)}.rfq-icon-btn{height:40px;width:40px;color:#64748b;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px}[data-theme=dark] .rfq-icon-btn{color:var(--gray-400)}.rfq-icon-btn:hover{background-color:#f1f5f9}[data-theme=dark] .rfq-icon-btn:hover{background-color:var(--gray-700)}.rfq-close-icon i{font-size:20px}.rfq-cancel-btn{padding:8px 16px;font-size:14px;font-weight:500;color:#475569;background:none;border:none;border-radius:8px;cursor:pointer}[data-theme=dark] .rfq-cancel-btn{color:var(--gray-400)}.rfq-cancel-btn:hover{background-color:#f1f5f9}[data-theme=dark] .rfq-cancel-btn:hover{background-color:var(--gray-700)}.rfq-save-btn{padding:8px 16px;font-size:14px;font-weight:500;background-color:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px}.rfq-save-btn:hover{background-color:#2563eb}.rfq-icon-btn-small{height:28px;width:28px;color:#64748b;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px}[data-theme=dark] .rfq-icon-btn-small{color:var(--gray-400)}.rfq-icon-btn-small:hover{background-color:#f1f5f9}[data-theme=dark] .rfq-icon-btn-small:hover{background-color:var(--gray-700)}.rfq-status-dropdown-container{position:relative;display:inline-block}.rfq-status-dropdown-trigger{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:8px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;min-width:120px;justify-content:center}.rfq-status-dropdown-trigger .dropdown-chevron{transition:transform .2s ease}.rfq-status-dropdown-trigger .dropdown-chevron.rotated{transform:rotate(180deg)}.rfq-status-trigger-draft{background-color:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.rfq-status-trigger-draft:hover{background-color:#e5e7eb;border-color:#d1d5db}.rfq-status-trigger-rejected{background-color:#fef2f2;color:#dc2626;border:1px solid #fecaca}.rfq-status-trigger-rejected:hover{background-color:#fee2e2;border-color:#fca5a5}.rfq-status-trigger-approved{background-color:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.rfq-status-trigger-approved:hover{background-color:#dcfce7;border-color:#86efac}.rfq-status-badge{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:8px;font-size:14px;font-weight:600;min-width:120px;justify-content:center}.rfq-status-badge-draft{background-color:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.rfq-status-badge-rejected{background-color:#fef2f2;color:#dc2626;border:1px solid #fecaca}.rfq-status-badge-approved{background-color:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.rfq-status-dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;background:#ffffff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 10px 25px -5px #00000026,0 8px 10px -6px #0000001a;min-width:160px;z-index:10001;overflow:hidden;animation:dropdownSlideIn .15s ease-out}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.rfq-status-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;border:none;background:transparent;font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:all .15s ease;color:#374151}.rfq-status-dropdown-item:hover{background-color:#f8fafc}.rfq-status-dropdown-item.selected{background-color:#f1f5f9}.rfq-status-dropdown-item .status-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0}.rfq-status-dropdown-item .status-indicator.draft{background-color:#9ca3af}.rfq-status-dropdown-item .status-indicator.rejected{background-color:#ef4444}.rfq-status-dropdown-item .status-indicator.approved{background-color:#22c55e}.rfq-status-dropdown-item .check-icon{margin-left:auto;color:#10b981}.rfq-status-item-draft:hover{background-color:#f9fafb}.rfq-status-item-rejected:hover{background-color:#fef2f2}.rfq-status-item-approved:hover{background-color:#f0fdf4}.rfq-delete-btn{color:#94a3b8;transition:all .2s ease}.rfq-delete-btn:hover{color:#ef4444;background-color:#fef2f2}[data-theme=dark] .rfq-status-dropdown-trigger{background-color:var(--gray-700);border-color:var(--gray-600)}[data-theme=dark] .rfq-status-trigger-draft{background-color:var(--gray-700);color:var(--gray-200);border-color:var(--gray-600)}[data-theme=dark] .rfq-status-trigger-draft:hover{background-color:var(--gray-600);border-color:var(--gray-500)}[data-theme=dark] .rfq-status-trigger-rejected{background-color:#ef444426;color:#fca5a5;border-color:#ef44444d}[data-theme=dark] .rfq-status-trigger-rejected:hover{background-color:#ef444440;border-color:#ef444466}[data-theme=dark] .rfq-status-trigger-approved{background-color:#22c55e26;color:#86efac;border-color:#22c55e4d}[data-theme=dark] .rfq-status-trigger-approved:hover{background-color:#22c55e40;border-color:#22c55e66}[data-theme=dark] .rfq-status-badge{background-color:var(--gray-700);border-color:var(--gray-600)}[data-theme=dark] .rfq-status-badge-draft{background-color:var(--gray-700);color:var(--gray-200);border-color:var(--gray-600)}[data-theme=dark] .rfq-status-badge-rejected{background-color:#ef444426;color:#fca5a5;border-color:#ef44444d}[data-theme=dark] .rfq-status-badge-approved{background-color:#22c55e26;color:#86efac;border-color:#22c55e4d}[data-theme=dark] .rfq-status-dropdown-menu{background:var(--gray-800);border-color:var(--gray-700);box-shadow:0 10px 25px -5px #0006,0 8px 10px -6px #0000004d}[data-theme=dark] .rfq-status-dropdown-item{color:var(--gray-200)}[data-theme=dark] .rfq-status-dropdown-item:hover,[data-theme=dark] .rfq-status-dropdown-item.selected,[data-theme=dark] .rfq-status-item-draft:hover{background-color:var(--gray-700)}[data-theme=dark] .rfq-status-item-rejected:hover{background-color:#ef444426}[data-theme=dark] .rfq-status-item-approved:hover{background-color:#22c55e26}[data-theme=dark] .rfq-status-dropdown-item .status-indicator.draft{background-color:var(--gray-400)}[data-theme=dark] .rfq-status-dropdown-item .check-icon{color:#86efac}[data-theme=dark] .rfq-delete-btn{color:var(--gray-500)}[data-theme=dark] .rfq-delete-btn:hover{color:#f87171;background-color:#ef444426}.notes-modal{background:var(--card-bg);border-radius:12px;width:90%;max-width:600px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.notes-textarea{width:100%;padding:16px;border:2px solid var(--border-color);border-radius:8px;font-size:14px;font-family:inherit;line-height:1.6;resize:vertical;outline:none;transition:border-color .2s;background:var(--input-bg);color:var(--text-primary)}.notes-textarea:focus{border-color:var(--primary)}.notes-textarea::placeholder{color:var(--text-muted)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}@media (max-width: 768px){.notes-modal{width:95%;max-height:90vh}.modal-footer{flex-direction:column-reverse}.modal-footer .btn{width:100%}}.enhanced-table{display:table!important}.enhanced-table thead{display:table-header-group!important}.enhanced-table tbody{display:table-row-group!important}.enhanced-table tr,.enhanced-table thead tr,.enhanced-table tbody tr,.enhanced-table .table-row{display:table-row!important}.enhanced-table th,.enhanced-table td{display:table-cell!important}.enhanced-rfqs-table{background:#ffffff;border-radius:12px;border:1px solid #E5E7EB;box-shadow:0 1px 3px #0000000d;overflow:hidden;width:100%}.table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #E5E7EB;background:#ffffff}.table-title{display:flex;align-items:center;gap:0}.table-title>div:first-child{display:flex;flex-direction:column}.table-title h3{margin:0;font-size:18px;font-weight:600;color:#1f2937;line-height:1.3}.table-count{font-size:14px;color:#6b7280;font-weight:400}.table-actions{display:flex;align-items:center;gap:12px}.filter-toggle-btn,.column-settings-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .15s ease}.filter-toggle-btn:hover,.column-settings-btn:hover{background:#F9FAFB;border-color:#9ca3af}.filter-toggle-btn.active{background:#F5F3FF;border-color:#8b5cf6;color:#8b5cf6}.filter-toggle-btn svg,.column-settings-btn svg{color:#6b7280}.filter-toggle-btn.active svg{color:#8b5cf6}.filter-count{background:#8b5cf6;color:#fff;padding:2px 6px;border-radius:10px;font-size:11px;font-weight:600;min-width:16px;text-align:center}.bulk-actions-bar{display:flex;align-items:center;margin-left:24px;padding-left:24px;border-left:1px solid #E5E7EB;gap:16px}.selected-count{font-size:14px;font-weight:600;color:#374151;white-space:nowrap;padding:6px 14px;background:#F3F4F6;border-radius:20px}.bulk-actions-buttons{display:flex;align-items:center;gap:10px}.bulk-status-actions{display:flex;align-items:center;gap:8px}.bulk-utility-actions{display:flex;align-items:center;gap:6px;padding-left:12px;margin-left:12px;border-left:1px solid #E5E7EB}.bulk-draft-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#ffffff;color:#374151;border:1px solid #D1D5DB;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.bulk-draft-btn:hover{background:#F9FAFB;border-color:#9ca3af}.bulk-approve-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#22C55E;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease;box-shadow:0 1px 2px #22c55e33}.bulk-approve-btn:hover{background:#16A34A;box-shadow:0 2px 4px #22c55e4d}.bulk-reject-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#EF4444;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease;box-shadow:0 1px 2px #ef444433}.bulk-reject-btn:hover{background:#DC2626;box-shadow:0 2px 4px #ef44444d}.bulk-download-btn,.bulk-unread-btn,.bulk-read-btn,.bulk-delete-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:#F9FAFB;border:1px solid #E5E7EB;border-radius:8px;cursor:pointer;transition:all .15s ease;padding:0}.bulk-download-btn{color:#6b7280}.bulk-download-btn:hover{background:#F3F4F6;border-color:#d1d5db;color:#374151}.bulk-unread-btn,.bulk-read-btn{color:#6b7280}.bulk-unread-btn:hover,.bulk-read-btn:hover{background:#F3F4F6;border-color:#d1d5db;color:#374151}.bulk-delete-btn{color:#ef4444;background:#FEF2F2;border-color:#fecaca}.bulk-delete-btn:hover{background:#FEE2E2;border-color:#fca5a5;color:#dc2626}.btn-dropdown-group{position:relative;display:inline-block}.btn-dropdown-group .dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;background:#ffffff;border:1px solid #E5E7EB;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;min-width:192px;z-index:1000;overflow:hidden}.btn-dropdown-group .dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 16px;border:none;background:#ffffff;color:#374151;font-size:14px;font-weight:400;text-align:left;cursor:pointer;transition:all .15s ease}.btn-dropdown-group .dropdown-item:hover:not(.disabled){background:#F9FAFB}.btn-dropdown-group .dropdown-item.disabled{opacity:.5;cursor:not-allowed}.btn-dropdown-group .dropdown-item .coming-soon{margin-left:auto;font-size:10px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.active-filters{display:flex;align-items:center;gap:12px;padding:12px 24px;background:#F9FAFB;border-bottom:1px solid #E5E7EB;flex-wrap:wrap}.active-filters-label{font-size:14px;font-weight:500;color:#6b7280;white-space:nowrap}.filter-tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filter-tag{display:flex;align-items:center;gap:6px;background:#F5F3FF;color:#8b5cf6;padding:4px 10px;border-radius:16px;font-size:12px;font-weight:500;border:1px solid rgba(109,49,237,.2)}.filter-tag-remove{background:none;border:none;color:#8b5cf6;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;width:16px;height:16px;transition:background-color .15s ease}.filter-tag-remove:hover{background:rgba(109,49,237,.2)}.clear-filters-btn{background:none;border:none;color:#6b7280;font-size:12px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:4px;transition:color .15s ease}.clear-filters-btn:hover{color:#374151}.table-container{overflow-x:auto;position:relative;width:100%}.table-container::-webkit-scrollbar{height:8px}.table-container::-webkit-scrollbar-track{background:#F3F4F6;border-radius:4px}.table-container::-webkit-scrollbar-thumb{background:#D1D5DB;border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:#9CA3AF}.enhanced-table{width:100%;min-width:100%;border-collapse:collapse;font-size:14px;table-layout:auto}.enhanced-table thead{background:#F9FAFB}.column-header{padding:12px 24px;text-align:left;font-weight:500;color:#6b7280;border-bottom:1px solid #E5E7EB;position:relative;white-space:nowrap;background:#F9FAFB;font-size:12px;text-transform:uppercase;letter-spacing:.05em;overflow:visible}.column-header:first-child{position:sticky;left:0;z-index:10}.column-header.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.column-header.sortable:hover{background:#F3F4F6}.column-header-content{display:flex;align-items:center;gap:4px}.sort-indicator{display:flex;flex-direction:column;align-items:center;opacity:.5;transition:opacity .15s ease}.column-header.sortable:hover .sort-indicator{opacity:.8}.sort-active{color:#8b5cf6;opacity:1!important}.sort-inactive{display:flex;flex-direction:column;gap:-2px}.checkbox-column{width:52px;min-width:52px;vertical-align:middle;padding:12px 4px 12px 12px!important}.checkbox-column>div{display:flex;align-items:center;justify-content:flex-start;gap:6px}.enhanced-table tbody tr{border-bottom:1px solid #E5E7EB;transition:background-color .15s ease}.table-row{background:#ffffff}.table-row:hover{background:#F9FAFB}.table-row.selected{background:#EFF6FF!important}.table-row.selected:hover{background:#DBEAFE!important}.table-row.clickable-row{cursor:pointer}.table-row.unread-row{font-weight:600}.table-row.unread-row:not(.selected){background:#ffffff}.enhanced-table td{padding:16px 24px;vertical-align:middle;color:#374151;font-size:14px;white-space:nowrap}.enhanced-table td:first-child{position:sticky;left:0;z-index:9;background:inherit}.table-row:hover td:first-child{background:#F9FAFB}.table-row.selected td:first-child{background:#EFF6FF}.rfq-reference{font-size:14px;font-weight:500;color:#111827}.rfq-reference-cell{display:flex;align-items:center;gap:8px}.favorite-star{cursor:pointer;color:#d1d5db;transition:all .15s;flex-shrink:0;width:16px;height:16px}.favorite-star:hover{color:#fbbf24;transform:scale(1.15)}.favorite-star.favorited{color:#fbbf24}.project-name-link{color:#374151;font-weight:500;cursor:pointer;text-decoration:none;transition:color .15s ease}.project-name-link:hover{color:#8b5cf6}.source-cell{display:flex;align-items:center;gap:8px}.source-icon{font-size:14px}.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 12px;border-radius:9999px;font-size:11px;font-weight:600;white-space:nowrap;border:none;text-align:center;text-transform:uppercase;letter-spacing:.02em}.status-draft{background:#E5E7EB;color:#374151}.status-pending,.status-unverified{background:#FEF3C7;color:#92400e}.status-approved,.status-verified{background:#DCFCE7;color:#166534}.status-rejected{background:#FEE2E2;color:#991b1b}.status-pushed{background:#DBEAFE;color:#1e40af}[data-theme=dark] .status-badge{font-weight:600}[data-theme=dark] .status-draft{background:#374151!important;color:#e5e7eb!important}[data-theme=dark] .status-pending,[data-theme=dark] .status-unverified{background:#78350F!important;color:#fde68a!important}[data-theme=dark] .status-approved,[data-theme=dark] .status-verified{background:#166534!important;color:#bbf7d0!important}[data-theme=dark] .status-rejected{background:#991B1B!important;color:#fecaca!important}[data-theme=dark] .status-pushed{background:#1E40AF!important;color:#bfdbfe!important}.table-checkbox{width:16px;height:16px;cursor:pointer;accent-color:#8b5cf6;border-radius:4px}.ai-analysis-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#8b5cf6;color:#fff;cursor:pointer;transition:all .15s ease}.ai-analysis-icon:hover{background:#7c3aed;transform:scale(1.05)}.cell-status{text-align:center}.cell-aiAnalysis{text-align:center;background:#ffffff}[data-theme=dark] .cell-aiAnalysis{background:#1E293B}.table-row .cell-aiAnalysis{background:#ffffff}.table-row:hover .cell-aiAnalysis{background:#F9FAFB}.table-row.selected .cell-aiAnalysis{background:#EFF6FF}[data-theme=dark] .table-row .cell-aiAnalysis{background:#1E293B}[data-theme=dark] .table-row:hover .cell-aiAnalysis{background:#334155}[data-theme=dark] .table-row.selected .cell-aiAnalysis{background:#1E3A5F}.enhanced-table thead th[data-column=aiAnalysis]{background:#F9FAFB;position:sticky;right:0;z-index:11;box-shadow:-4px 0 8px -4px #0000001a}.enhanced-table tbody td[data-column=aiAnalysis]{position:sticky;right:0;z-index:8;background:#ffffff;box-shadow:-4px 0 8px -4px #0000001a}.table-row:hover td[data-column=aiAnalysis]{background:#F9FAFB}.table-row.selected td[data-column=aiAnalysis]{background:#EFF6FF}.table-row.selected:hover td[data-column=aiAnalysis]{background:#DBEAFE}.empty-state{text-align:center;padding:48px 24px;background:var(--card-bg, #ffffff)}tbody tr:only-child td.empty-state{width:100%}.empty-content{max-width:320px;margin:0 auto}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-content h4{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--text-primary, #374151)}.empty-content p{margin:0;font-size:14px;color:var(--text-secondary, #6B7280);line-height:1.5}.loading-state{padding:40px;text-align:center;color:#6b7280;font-size:16px}.loading-spinner{width:40px;height:40px;border:3px solid #E5E7EB;border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}.dark .loading-spinner,[data-theme=dark] .loading-spinner{border-color:#4b5563;border-top-color:#818cf8}.pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid #E5E7EB;background:#ffffff}.pagination-info{font-size:14px;color:#6b7280}.pagination-pages{font-size:14px;color:#374151;font-weight:500;padding:0 12px}.pagination-btn{display:inline-flex;align-items:center;gap:4px;padding:8px 12px;border:1px solid #E5E7EB;border-radius:6px;background:#ffffff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.pagination-btn:hover:not(:disabled){background:#F9FAFB;border-color:#d1d5db}.filter-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:10000;padding:24px}.column-settings-modal,.delete-modal{background:#ffffff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:600px;width:100%;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;margin:0 auto}.filter-modal{background:#ffffff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-width:900px;width:100%;max-height:92vh;overflow:hidden;display:flex;flex-direction:column;animation:filterModalSlideUp .3s ease-out;border:1px solid #E5E7EB}.filter-modal .filter-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid #E5E7EB;background:#ffffff}.filter-modal-header-left{display:flex;align-items:center;gap:16px}.filter-modal-icon{width:40px;height:40px;border-radius:10px;background:#8b5cf6;display:flex;align-items:center;justify-content:center}.filter-modal-icon svg{color:#fff;width:18px;height:18px}.filter-modal-title-group h3{margin:0;font-size:24px;font-weight:700;color:#111827;line-height:1.2}.filter-modal-subtitle{margin:2px 0 0;font-size:12px;color:#6b7280;font-weight:400}.filter-modal-close{background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:10px;border-radius:12px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.filter-modal-close:hover{background:#F3F4F6;color:#374151}.filter-modal-close svg{transition:transform .3s ease}.filter-modal-close:hover svg{transform:rotate(90deg)}.filter-modal .filter-modal-body{padding:32px;flex:1;overflow-y:auto;background:#F9FAFB}.filter-info-box{margin-bottom:24px;padding:16px;background:#F5F3FF;border:1px solid #E9E5FF;border-radius:8px;display:flex;align-items:flex-start;gap:12px}.filter-info-icon{color:#8b5cf6;flex-shrink:0;margin-top:2px}.filter-info-text{font-size:14px;color:#4b5563;line-height:1.6;margin:0}.filter-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 24px}@media (max-width: 640px){.filter-grid{grid-template-columns:1fr}}.filter-item{display:flex;flex-direction:column;gap:8px}.filter-item-label{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-left:2px}.filter-item-label svg{color:#8b5cf6;width:14px;height:14px}.filter-select-wrapper{position:relative}.filter-select-trigger{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:white;border:1px solid #D1D5DB;color:#374151;padding:12px 40px 12px 16px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .15s ease;display:flex;justify-content:space-between;align-items:center}.filter-select-trigger:hover{border-color:#9ca3af}.filter-select-trigger:focus,.filter-select-trigger.open{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #6d31ed1a}.filter-select-chevron{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#9ca3af;transition:all .2s ease;pointer-events:none}.filter-select-wrapper:hover .filter-select-chevron{color:#8b5cf6}.filter-select-trigger.open+.filter-select-chevron{transform:translateY(-50%) rotate(180deg);color:#8b5cf6}.filter-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:white;border:1px solid #E5E7EB;border-radius:8px;box-shadow:0 10px 25px #0000001a;z-index:1000;max-height:300px;overflow:hidden;display:flex;flex-direction:column;animation:filterDropdownFade .15s ease-out}.filter-dropdown-search{padding:10px;border-bottom:1px solid #E5E7EB;background:#F9FAFB}.filter-dropdown-search-input{width:100%;padding:8px 10px 8px 32px;border:1px solid #E5E7EB;border-radius:6px;font-size:13px;outline:none;background:white;transition:all .15s ease}.filter-dropdown-search-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #6d31ed1a}.filter-dropdown-search-icon{position:absolute;left:22px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.filter-dropdown-options{overflow-y:auto;max-height:240px}.filter-dropdown-clear{padding:10px 14px;cursor:pointer;font-size:13px;background:#FFF7ED;font-weight:600;color:#f59e0b;border-bottom:1px solid #E5E7EB;transition:background .15s ease}.filter-dropdown-clear:hover{background:#FFEDD5}.filter-dropdown-option{padding:10px 14px;cursor:pointer;font-size:14px;background:white;display:flex;align-items:center;gap:10px;transition:background .1s ease}.filter-dropdown-option:hover{background:#F9FAFB}.filter-dropdown-option input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#8b5cf6;border-radius:4px}.filter-dropdown-option span{color:#374151;font-weight:400}.filter-dropdown-option.selected span{color:#8b5cf6;font-weight:600}.filter-dropdown-empty{padding:20px;text-align:center;color:#9ca3af;font-size:13px}.filter-modal .filter-modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:20px 32px;border-top:1px solid #E5E7EB;background:#ffffff}.filter-modal-btn-secondary{padding:10px 18px;border-radius:8px;border:1px solid #D1D5DB;background:white;color:#374151;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.filter-modal-btn-secondary:hover{background:#F9FAFB;border-color:#9ca3af}.filter-modal-btn-primary{padding:10px 18px;border-radius:8px;border:none;background:#8b5cf6;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.filter-modal-btn-primary:hover{background:#7c3aed}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #E5E7EB;background:#ffffff}.modal-header h3{margin:0;font-size:18px;font-weight:600;color:#111827}.modal-close{background:#F3F4F6;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:8px;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#E5E7EB;color:#374151}.modal-content{padding:24px;flex:1;overflow-y:auto}.column-list{display:flex;flex-direction:column;gap:8px}.column-item-left{display:flex;align-items:center;gap:12px;flex:1}.column-reorder-controls{display:flex;flex-direction:column;gap:2px;flex-shrink:0;width:24px}.reorder-btn{background:#ffffff;border:1px solid #E5E7EB;padding:2px;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s ease}.reorder-btn:hover:not(:disabled){background:#8b5cf6;color:#fff;border-color:#8b5cf6}.reorder-btn:disabled{color:#d1d5db;cursor:not-allowed;background:#F9FAFB}.column-label{font-size:14px;font-weight:500;color:#374151;cursor:pointer;display:flex;align-items:center;gap:8px;-webkit-user-select:none;user-select:none;flex:1}.required-badge{font-size:10px;color:#ef4444;background:#FEE2E2;padding:2px 6px;border-radius:6px;font-weight:600;text-transform:uppercase}.modal-actions{display:flex;justify-content:space-between;gap:12px;padding:16px 24px;border-top:1px solid #E5E7EB;background:#F9FAFB}.modal-body{padding:20px 24px}.modal-body p{margin:0 0 12px;font-size:14px;color:#374151;line-height:1.5}.warning-text{color:#ef4444;font-weight:500}.btn{padding:10px 18px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease;border:none}.btn-primary{background:#8b5cf6;color:#fff}.btn-primary:hover{background:#7c3aed}.btn-secondary{background:#ffffff;color:#374151;border:1px solid #D1D5DB}.btn-secondary:hover{background:#F9FAFB;border-color:#9ca3af}.btn-danger{background:#EF4444;color:#fff}.btn-danger:hover{background:#DC2626}.deadline-cell,.currency-cell{padding:4px 0}.notes-link{color:#374151;cursor:pointer;text-decoration:none;transition:color .15s;font-size:13px;font-style:italic}.notes-link:hover{color:#8b5cf6}.filter-list{display:flex;flex-direction:column;gap:8px;max-height:450px;overflow-y:auto;padding-right:8px}.filter-label{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.filter-row{background:#ffffff}.filter-cell{padding:8px 24px;border-bottom:1px solid #E5E7EB}.filter-input-wrapper{position:relative;display:flex;align-items:center}.filter-input-icon{position:absolute;left:8px;color:#9ca3af;pointer-events:none}.filter-input{width:100%;padding:6px 8px 6px 28px;border:1px solid #E5E7EB;border-radius:6px;font-size:13px;background:#ffffff;color:#374151;transition:border-color .15s ease}.filter-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #6d31ed1a}.filter-select{width:100%;padding:6px 8px;border:1px solid #E5E7EB;border-radius:6px;font-size:13px;background:#ffffff;color:#374151;cursor:pointer;transition:border-color .15s ease}.filter-select:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #6d31ed1a}.enhanced-table th,.enhanced-table td{white-space:nowrap}.enhanced-table th[data-column=rfqReference],.enhanced-table td[data-column=rfqReference]{min-width:120px;width:120px}.enhanced-table th[data-column=customer],.enhanced-table td[data-column=customer]{min-width:160px}.enhanced-table th[data-column=contactPerson],.enhanced-table td[data-column=contactPerson]{min-width:180px}.enhanced-table th[data-column=projectName],.enhanced-table td[data-column=projectName]{min-width:160px}.enhanced-table th[data-column=projectOwner],.enhanced-table td[data-column=projectOwner]{min-width:180px}.enhanced-table th[data-column=country],.enhanced-table td[data-column=country]{min-width:120px}.enhanced-table th[data-column=deadline],.enhanced-table td[data-column=deadline]{min-width:100px}.enhanced-table th[data-column=source],.enhanced-table td[data-column=source]{min-width:80px}.enhanced-table th[data-column=dateCreated],.enhanced-table td[data-column=dateCreated]{min-width:110px;width:110px}.enhanced-table th[data-column=estimatedValue],.enhanced-table td[data-column=estimatedValue]{min-width:100px}.enhanced-table th[data-column=status],.enhanced-table td[data-column=status]{min-width:110px;text-align:center}.enhanced-table th[data-column=aiAnalysis],.enhanced-table td[data-column=aiAnalysis]{min-width:56px;width:56px}.folder-dropdown-container{position:relative}.bulk-folder-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff;border:2px solid #8b5cf6;border-radius:8px;color:#8b5cf6;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s}.bulk-folder-btn:hover{background:#F5F3FF}.folder-dropdown{position:absolute;top:calc(100% + 8px);left:0;background:#ffffff;border:1px solid #E5E7EB;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;min-width:200px;z-index:100;max-height:300px;overflow-y:auto}.folder-dropdown-item{display:flex;align-items:center;gap:8px;padding:10px 16px;cursor:pointer;transition:background .15s;font-size:14px;color:#374151}.folder-dropdown-item:hover:not(.disabled){background:#F9FAFB}.folder-dropdown-item.disabled{color:#9ca3af;cursor:not-allowed}@media (max-width: 768px){.table-header{flex-direction:column;gap:16px;align-items:stretch}.table-actions{justify-content:center}.bulk-actions-bar{margin-left:0;padding-left:0;border-left:none;flex-wrap:wrap;justify-content:center}.bulk-actions-buttons{flex-wrap:wrap;justify-content:center}.enhanced-table{font-size:13px}.enhanced-table th,.enhanced-table td{padding:12px 16px}.column-settings-modal,.delete-modal{width:95%;margin:20px}.modal-actions{flex-direction:column}.filter-modal{max-width:100%;max-height:100vh;border-radius:0}.filter-modal .filter-modal-header{padding:16px 20px}.filter-modal .filter-modal-body{padding:20px}.filter-modal .filter-modal-footer{padding:16px 20px;flex-direction:column;gap:10px}.filter-modal-btn-secondary,.filter-modal-btn-primary{width:100%;justify-content:center;padding:12px 20px}.filter-modal-icon{width:36px;height:36px}.filter-modal-title-group h3{font-size:18px}.filter-info-box{padding:12px;margin-bottom:16px}.filter-grid{gap:16px}}[data-theme=dark] .enhanced-rfqs-table,[data-theme=dark] .table-header{background:#1E293B;border-color:#334155}[data-theme=dark] .table-title h3{color:#f1f5f9}[data-theme=dark] .table-count{color:#94a3b8}[data-theme=dark] .filter-toggle-btn,[data-theme=dark] .column-settings-btn{background:#1E293B;border-color:#475569;color:#e2e8f0}[data-theme=dark] .filter-toggle-btn:hover,[data-theme=dark] .column-settings-btn:hover{background:#334155;border-color:#64748b}[data-theme=dark] .enhanced-table thead{background:#0F172A}[data-theme=dark] .column-header{background:#0F172A;border-color:#334155;color:#94a3b8}[data-theme=dark] .column-header.sortable:hover{background:#1E293B}[data-theme=dark] .column-header:first-child{background:#0F172A}[data-theme=dark] .enhanced-table thead th[data-column=aiAnalysis]{background:#0F172A;box-shadow:-4px 0 8px -4px #0000004d}[data-theme=dark] .enhanced-table tbody td[data-column=aiAnalysis]{background:#1E293B;box-shadow:-4px 0 8px -4px #0000004d}[data-theme=dark] .table-row:hover td[data-column=aiAnalysis]{background:#334155}[data-theme=dark] .table-row.selected td[data-column=aiAnalysis]{background:#1E3A5F}[data-theme=dark] .table-row.selected:hover td[data-column=aiAnalysis]{background:#2A4A6F}[data-theme=dark] .enhanced-table td:first-child{background:#1E293B}[data-theme=dark] .table-row:hover td:first-child{background:#334155}[data-theme=dark] .table-row.selected td:first-child{background:#1E3A5F}[data-theme=dark] .table-row{background:#1E293B}[data-theme=dark] .table-row:hover{background:#334155}[data-theme=dark] .table-row.selected{background:#1E3A5F!important}[data-theme=dark] .enhanced-table td{color:#e2e8f0;border-color:#334155}[data-theme=dark] .enhanced-table tbody tr{border-color:#334155}[data-theme=dark] .bulk-actions-bar{border-color:#475569}[data-theme=dark] .selected-count{color:#e2e8f0;background:#334155}[data-theme=dark] .bulk-utility-actions{border-color:#475569}[data-theme=dark] .bulk-draft-btn{background:#1E293B;border-color:#475569;color:#e2e8f0}[data-theme=dark] .bulk-draft-btn:hover{background:#334155;border-color:#64748b}[data-theme=dark] .bulk-approve-btn{background:#22C55E;box-shadow:0 1px 2px #22c55e4d}[data-theme=dark] .bulk-approve-btn:hover{background:#16A34A;box-shadow:0 2px 4px #22c55e66}[data-theme=dark] .bulk-reject-btn{background:#EF4444;box-shadow:0 1px 2px #ef44444d}[data-theme=dark] .bulk-reject-btn:hover{background:#DC2626;box-shadow:0 2px 4px #ef444466}[data-theme=dark] .bulk-download-btn,[data-theme=dark] .bulk-unread-btn,[data-theme=dark] .bulk-read-btn{background:#1E293B;border-color:#475569;color:#94a3b8}[data-theme=dark] .bulk-download-btn:hover,[data-theme=dark] .bulk-unread-btn:hover,[data-theme=dark] .bulk-read-btn:hover{background:#334155;border-color:#64748b;color:#e2e8f0}[data-theme=dark] .bulk-delete-btn{background:rgba(239,68,68,.1);border-color:#ef44444d;color:#f87171}[data-theme=dark] .bulk-delete-btn:hover{background:rgba(239,68,68,.2);border-color:#ef444466;color:#ef4444}[data-theme=dark] .pagination{background:#1E293B;border-color:#334155}[data-theme=dark] .pagination-btn{background:#1E293B;border-color:#475569;color:#e2e8f0}[data-theme=dark] .pagination-btn:hover:not(:disabled){background:#334155}[data-theme=dark] .column-settings-modal,[data-theme=dark] .filter-modal,[data-theme=dark] .delete-modal{background:#1E293B}[data-theme=dark] .modal-header{background:#1E293B;border-color:#334155}[data-theme=dark] .modal-actions{background:#0F172A;border-color:#334155}[data-theme=dark] .reorder-btn{background:#1E293B;border-color:#475569;color:#94a3b8}[data-theme=dark] .reorder-btn:hover:not(:disabled){background:#A78BFA;border-color:#a78bfa}[data-theme=dark] .reorder-btn:disabled{background:#0F172A;color:#475569}[data-theme=dark] .ai-analysis-icon{background:#A78BFA}[data-theme=dark] .ai-analysis-icon:hover{background:#8B5CF6}[data-theme=dark] .btn-secondary{background:#1E293B;border-color:#475569;color:#e2e8f0}[data-theme=dark] .btn-secondary:hover{background:#334155}[data-theme=dark] .btn-primary{background:#A78BFA}[data-theme=dark] .btn-primary:hover{background:#8B5CF6}[data-theme=dark] .btn-dropdown-group .dropdown-menu{background:#1E293B;border-color:#475569}[data-theme=dark] .btn-dropdown-group .dropdown-item{background:#1E293B;color:#e2e8f0}[data-theme=dark] .btn-dropdown-group .dropdown-item:hover:not(.disabled){background:#334155}[data-theme=dark] .filter-modal-overlay{background:rgba(0,0,0,.6)}[data-theme=dark] .filter-modal{background:#1E293B;border-color:#334155;box-shadow:0 25px 50px -12px #00000080}[data-theme=dark] .filter-modal .filter-modal-header{background:#1E293B;border-color:#334155}[data-theme=dark] .filter-modal-icon{background:#A78BFA}[data-theme=dark] .filter-modal-title-group h3{color:#f1f5f9}[data-theme=dark] .filter-modal-subtitle,[data-theme=dark] .filter-modal-close{color:#94a3b8}[data-theme=dark] .filter-modal-close:hover{background:#334155;color:#f1f5f9}[data-theme=dark] .filter-modal .filter-modal-body{background:#0F172A}[data-theme=dark] .filter-info-box{background:rgba(109,49,237,.1);border-color:#6d31ed33}[data-theme=dark] .filter-info-text{color:#cbd5e1}[data-theme=dark] .filter-item-label{color:#94a3b8}[data-theme=dark] .filter-item-label svg{color:#a78bfa}[data-theme=dark] .filter-select-trigger{background:#1E293B;border-color:#475569;color:#e2e8f0}[data-theme=dark] .filter-select-trigger:hover{border-color:#64748b}[data-theme=dark] .filter-select-trigger:focus,[data-theme=dark] .filter-select-trigger.open{border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa26}[data-theme=dark] .filter-select-chevron{color:#64748b}[data-theme=dark] .filter-select-wrapper:hover .filter-select-chevron{color:#a78bfa}[data-theme=dark] .filter-dropdown{background:#1E293B;border-color:#475569;box-shadow:0 10px 25px #0006}[data-theme=dark] .filter-dropdown-search{background:#0F172A;border-color:#334155}[data-theme=dark] .filter-dropdown-search-input{background:#1E293B;border-color:#475569;color:#e2e8f0}[data-theme=dark] .filter-dropdown-search-input:focus{border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa1a}[data-theme=dark] .filter-dropdown-search-input::placeholder{color:#64748b}[data-theme=dark] .filter-dropdown-clear{background:rgba(245,158,11,.15);color:#fbbf24;border-color:#334155}[data-theme=dark] .filter-dropdown-clear:hover{background:rgba(245,158,11,.25)}[data-theme=dark] .filter-dropdown-option{background:#1E293B}[data-theme=dark] .filter-dropdown-option:hover{background:#334155}[data-theme=dark] .filter-dropdown-option span{color:#cbd5e1}[data-theme=dark] .filter-dropdown-option.selected span{color:#a78bfa}[data-theme=dark] .filter-dropdown-option input[type=checkbox]{accent-color:#A78BFA}[data-theme=dark] .filter-dropdown-empty{color:#64748b}[data-theme=dark] .filter-modal .filter-modal-footer{background:#1E293B;border-color:#334155}[data-theme=dark] .filter-modal-btn-secondary{background:#0F172A;border-color:#475569;color:#e2e8f0}[data-theme=dark] .filter-modal-btn-secondary:hover{background:#334155;border-color:#64748b}[data-theme=dark] .filter-modal-btn-primary{background:#A78BFA}[data-theme=dark] .filter-modal-btn-primary:hover{background:#8B5CF6}[data-theme=dark] .filter-row{background:#1E293B}[data-theme=dark] .filter-cell{border-color:#334155}[data-theme=dark] .filter-input,[data-theme=dark] .filter-select{background:#0F172A;border-color:#475569;color:#e2e8f0}[data-theme=dark] .filter-input:focus,[data-theme=dark] .filter-select:focus{border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa26}[data-theme=dark] .filter-input::placeholder{color:#64748b}.preview-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.preview-modal-container{width:100%;max-width:1200px;height:90vh;background:var(--card-bg);border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;overflow:hidden}.preview-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color);background:var(--card-bg)}.preview-modal-header h2{margin:0;font-size:18px;font-weight:700;color:var(--text-primary)}.preview-close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:6px;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.preview-close-btn:hover{background:var(--table-row-hover);color:var(--text-primary)}.preview-modal-body{flex:1;overflow:hidden;background:var(--body-bg)}.preview-iframe{width:100%;height:100%;border:none;background:var(--card-bg)}@media (max-width: 768px){.preview-modal-container{max-width:100%;height:95vh}.preview-modal-header{padding:16px 20px}.preview-modal-header h2{font-size:16px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(31,41,55,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:32px;animation:fadeIn .2s ease}.create-link-modal-new{width:100%;max-width:768px;background:white;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;position:relative;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease;overflow:hidden}[data-theme=dark] .create-link-modal-new{background:var(--gray-800);box-shadow:0 25px 50px -12px #00000080}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #E5E7EB;background:white}[data-theme=dark] .modal-header{background:var(--gray-800);border-bottom-color:var(--gray-700)}.modal-header h2{margin:0;font-size:24px;font-weight:700;color:#1f2937;letter-spacing:-.5px}[data-theme=dark] .modal-header h2{color:var(--text-primary)}.close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;background:transparent;color:#6b7280;cursor:pointer;transition:all .2s ease}.close-btn:hover{background:#F3F4F6;color:#1f2937}[data-theme=dark] .close-btn:hover{background:var(--gray-700);color:var(--text-primary)}.modal-body-scrollable{padding:32px;overflow-y:auto;flex:1;background:#F9FAFB;display:flex;flex-direction:column;gap:32px}[data-theme=dark] .modal-body-scrollable{background:var(--gray-900)}.general-link-section-modal,.customer-link-section-modal{background:white;border:1px solid #DDD6FE;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;transition:all .3s ease}[data-theme=dark] .general-link-section-modal,[data-theme=dark] .customer-link-section-modal{background:var(--gray-800);border-color:var(--gray-700)}.section-header-modal{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px;position:relative}.header-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#7C3AED;border-radius:12px;color:#fff;flex-shrink:0}.section-header-modal>div:nth-child(2){flex:1}.section-header-modal h3{margin:0 0 4px;font-size:18px;font-weight:600;color:#1f2937}[data-theme=dark] .section-header-modal h3{color:var(--text-primary)}.section-header-modal p{margin:0;font-size:14px;color:#6b7280;line-height:1.5}[data-theme=dark] .section-header-modal p{color:var(--text-secondary)}.preview-btn-small{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #E5E7EB;border-radius:8px;background:white;color:#6b7280;cursor:pointer;transition:all .2s ease;padding:0;flex-shrink:0}.preview-btn-small:hover{background:#F3F4F6;color:#1f2937}[data-theme=dark] .preview-btn-small{background:var(--gray-700);border-color:var(--gray-600);color:var(--text-secondary)}[data-theme=dark] .preview-btn-small:hover{background:var(--gray-600);color:var(--text-primary)}.link-display-box{display:flex;flex-direction:column;gap:16px}.link-input-field{width:100%;height:48px;padding:0 48px 0 16px;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;font-family:inherit;background:white;color:#1f2937;outline:none;transition:all .2s ease}.link-input-field:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}[data-theme=dark] .link-input-field{background:var(--gray-900);border-color:var(--gray-700);color:var(--text-primary)}[data-theme=dark] .link-input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf633}.link-actions-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.copy-link-btn,.regenerate-link-btn{height:48px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 24px;border:1px solid;border-radius:8px;background:transparent;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.copy-link-btn{border-color:#7c3aed;color:#7c3aed}.copy-link-btn:hover:not(:disabled){background:#F5F3FF}.regenerate-link-btn{border-color:#3b82f6;color:#3b82f6}.regenerate-link-btn:hover:not(:disabled){background:#EFF6FF}[data-theme=dark] .copy-link-btn{border-color:var(--primary);color:var(--primary)}[data-theme=dark] .copy-link-btn:hover:not(:disabled){background:rgba(139,92,246,.15)}[data-theme=dark] .regenerate-link-btn{border-color:#60a5fa;color:#60a5fa}[data-theme=dark] .regenerate-link-btn:hover:not(:disabled){background:rgba(96,165,250,.15)}.copy-link-btn:disabled,.regenerate-link-btn:disabled{opacity:.5;cursor:not-allowed}.expiration-controls{display:flex;align-items:center;gap:12px;padding:20px;background:linear-gradient(to right,#FAF5FF,#F5F3FF);border:1px solid #DDD6FE;border-radius:12px}[data-theme=dark] .expiration-controls{background:linear-gradient(to right,rgba(124,58,237,.1),rgba(139,92,246,.1));border-color:var(--gray-700)}.expiration-controls svg{color:#7c3aed;flex-shrink:0}.expiration-icon-container{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(to bottom right,#7C3AED,#6D28D9);border-radius:12px;flex-shrink:0;box-shadow:0 4px 6px -1px #7c3aed40;align-self:flex-start}.expiration-icon-container svg{color:#fff;width:18px;height:18px}.expiration-content{flex:1}.expiration-description{margin:0 0 16px;font-size:14px;color:#6b7280;line-height:1.5}[data-theme=dark] .expiration-description{color:var(--text-secondary)}.expiration-input-row{display:flex;gap:12px;align-items:center}.expiration-input-wrapper{position:relative;flex:1}.expiration-calendar-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#7c3aed;pointer-events:none}[data-theme=dark] .expiration-calendar-icon{color:var(--primary)}.expiration-date-input{width:100%;height:48px;padding:0 16px 0 44px;border:2px solid #DDD6FE;border-radius:8px;font-size:14px;font-weight:500;color:#1f2937;background:white;outline:none;transition:all .2s ease}.expiration-date-input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}[data-theme=dark] .expiration-date-input{background:var(--gray-800);border-color:var(--gray-600);color:var(--text-primary)}[data-theme=dark] .expiration-date-input:focus{border-color:var(--primary)}.update-expiration-btn{height:48px;padding:0 32px;border:none;border-radius:8px;background:linear-gradient(to right,#7C3AED,#7C3AED);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;display:flex;align-items:center;gap:8px;box-shadow:0 4px 6px -1px #7c3aed40}.update-expiration-btn:hover{background:linear-gradient(to right,#6D28D9,#7C3AED);box-shadow:0 6px 10px -1px #7c3aed59}.create-general-link-btn{width:100%;height:56px;padding:0 24px;border:2px dashed #DDD6FE;border-radius:12px;background:white;color:#7c3aed;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.create-general-link-btn:hover:not(:disabled){background:#F5F3FF;border-color:#7c3aed;border-style:solid}.create-general-link-btn:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .create-general-link-btn{background:var(--gray-800);border-color:var(--gray-600)}[data-theme=dark] .create-general-link-btn:hover:not(:disabled){background:rgba(139,92,246,.1);border-color:var(--primary)}.customer-selector-wrapper{margin-top:0}.customer-selector-wrapper label{display:block;font-size:14px;font-weight:500;color:#1f2937;margin-bottom:8px}[data-theme=dark] .customer-selector-wrapper label{color:var(--text-primary)}.customer-selector-dropdown{position:relative}.customer-selector-button{width:100%;height:48px;display:flex;align-items:center;gap:12px;padding:0 16px;background:white;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;color:#1f2937;cursor:pointer;transition:all .2s ease;text-align:left}.customer-selector-button:hover{border-color:#7c3aed}.customer-selector-button:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a;outline:none}[data-theme=dark] .customer-selector-button{background:var(--gray-900);border-color:var(--gray-700);color:var(--text-primary)}[data-theme=dark] .customer-selector-button:hover{border-color:var(--primary)}.customer-selector-button svg:first-child{color:#6b7280;flex-shrink:0}.customer-selector-button span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-selector-button svg:last-child{color:#6b7280;flex-shrink:0}.customer-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;background:white;border:1px solid #E5E7EB;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;max-height:320px;overflow:hidden;z-index:100;display:flex;flex-direction:column}[data-theme=dark] .customer-dropdown-menu{background:var(--gray-800);border-color:var(--gray-700);box-shadow:0 10px 15px -3px #0000004d}.customer-search-input{padding:12px 16px;border:none;border-bottom:1px solid #E5E7EB;font-size:14px;outline:none;background:white;color:#1f2937}.customer-search-input::placeholder{color:#9ca3af}.customer-search-input:focus{border-bottom-color:#7c3aed}[data-theme=dark] .customer-search-input{background:var(--gray-800);border-bottom-color:var(--gray-700);color:var(--text-primary)}[data-theme=dark] .customer-search-input:focus{border-bottom-color:var(--primary)}.customer-list{overflow-y:auto;max-height:260px}.customer-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:none;text-align:left;cursor:pointer;font-size:14px;color:#1f2937;transition:background .15s ease}.customer-item:hover{background:#F5F3FF}[data-theme=dark] .customer-item{color:var(--text-primary)}[data-theme=dark] .customer-item:hover{background:rgba(139,92,246,.1)}.customer-item svg{color:#6b7280;flex-shrink:0}.customer-item span{font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-customers{padding:24px;text-align:center;color:#9ca3af;font-size:14px}[data-theme=dark] .no-customers{color:var(--text-muted)}.modal-footer{display:flex;justify-content:flex-end;padding:24px;border-top:1px solid #E5E7EB;background:white}[data-theme=dark] .modal-footer{background:var(--gray-800);border-top-color:var(--gray-700)}.close-modal-btn{height:48px;padding:0 32px;border:1px solid #E5E7EB;border-radius:8px;background:white;color:#1f2937;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.close-modal-btn:hover{background:#F3F4F6;border-color:#d1d5db}[data-theme=dark] .close-modal-btn{background:var(--gray-700);border-color:var(--gray-600);color:var(--text-primary)}[data-theme=dark] .close-modal-btn:hover{background:var(--gray-600)}.customer-link-section-modal .link-display-box{margin-top:24px;padding-top:24px;border-top:1px solid #E5E7EB}[data-theme=dark] .customer-link-section-modal .link-display-box{border-top-color:var(--gray-700)}@media (max-width: 768px){.modal-overlay{padding:16px}.modal-header{padding:20px}.modal-header h2{font-size:20px}.modal-body-scrollable{padding:20px;gap:24px}.general-link-section-modal,.customer-link-section-modal{padding:20px;border-radius:12px}.section-header-modal{flex-wrap:wrap;gap:12px}.header-icon{width:40px;height:40px}.link-actions-row{grid-template-columns:1fr;gap:12px}.expiration-controls{flex-direction:column;align-items:stretch;gap:16px;padding:16px}.expiration-icon-container{display:none}.expiration-input-row{flex-direction:column}.update-expiration-btn{width:100%;justify-content:center}.modal-footer{padding:20px}.close-modal-btn{width:100%}}.customer-list::-webkit-scrollbar{width:6px}.customer-list::-webkit-scrollbar-track{background:transparent}.customer-list::-webkit-scrollbar-thumb{background:#D1D5DB;border-radius:3px}.customer-list::-webkit-scrollbar-thumb:hover{background:#9CA3AF}[data-theme=dark] .customer-list::-webkit-scrollbar-thumb{background:var(--gray-600)}[data-theme=dark] .customer-list::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}.rfqs-page{padding:0;max-width:100%;width:100%;margin:0}.rfqs-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;width:100%}.rfqs-page .header-content{display:flex;justify-content:space-between;align-items:flex-start;width:100%}.rfqs-page .header-text{min-width:0;flex-shrink:0}.rfqs-page .header-text h1{margin:0 0 4px;font-size:30px;font-weight:700;color:#111827;letter-spacing:-.02em}.rfqs-page .header-text p{margin:0;font-size:16px;color:#6b7280;line-height:1.5}.rfqs-page .header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0;margin-left:auto}.rfqs-page .view-only-badge{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#F3F4F6;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;font-weight:600;color:#4b5563}.rfqs-page .header-actions .create-link-btn,.create-link-btn{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:10px 20px!important;height:44px!important;background:#ffffff!important;color:#374151!important;border:1px solid #D1D5DB!important;border-radius:8px!important;font-size:14px!important;font-weight:600!important;cursor:pointer!important;transition:all .15s ease!important;white-space:nowrap!important;box-shadow:none!important;transform:none!important}.rfqs-page .header-actions .create-link-btn:hover,.create-link-btn:hover{background:#F9FAFB!important;border-color:#9ca3af!important;transform:none!important;box-shadow:none!important}.rfqs-page .header-actions .create-link-btn:before,.create-link-btn:before{display:none!important}.rfqs-page .header-actions .new-rfq-btn,.new-rfq-btn{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:10px 20px!important;height:44px!important;background:#8b5cf6!important;color:#fff!important;border:none!important;border-radius:8px!important;font-size:14px!important;font-weight:600!important;cursor:pointer!important;transition:all .15s ease!important;white-space:nowrap!important;box-shadow:none!important;transform:none!important}.rfqs-page .header-actions .new-rfq-btn:hover,.new-rfq-btn:hover{background:#7c3aed!important;transform:none!important;box-shadow:none!important}.rfqs-page .header-actions .new-rfq-btn:before,.new-rfq-btn:before{display:none!important}.rfqs-tabs-container{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.rfqs-tabs{display:inline-flex;gap:0;background:#ffffff;padding:4px;border-radius:8px;border:1px solid #E5E7EB;flex-shrink:0}.tab-button{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;background:transparent;border:none;border-radius:6px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s ease;white-space:nowrap}.tab-button:hover{color:#374151}.tab-button.active{background:#F5F3FF;color:#8b5cf6}.tab-count{background:#E5E7EB;color:#4b5563;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;min-width:20px;text-align:center}.tab-button.active .tab-count{background:#ffffff;color:#8b5cf6}.search-input-wrapper{position:relative;width:320px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.search-input{width:100%;height:44px;padding:12px 16px 12px 44px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;font-weight:400;background-color:#fff;color:#111827;transition:all .15s ease}.search-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #6d31ed1a}.search-input::placeholder{color:#9ca3af}.modal-content{background:#ffffff;padding:24px;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;min-width:400px}.modal-content h3{margin:0 0 16px;font-size:20px;font-weight:600;color:#111827}.modal-content input{width:100%;padding:12px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;margin-bottom:16px;outline:none;transition:border-color .15s ease;background:#ffffff;color:#111827}.modal-content input:focus{border-color:#8b5cf6}.modal-buttons{display:flex;gap:8px;justify-content:flex-end}.modal-buttons button{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.modal-buttons button:first-child{background:transparent;border:1px solid #D1D5DB;color:#6b7280}.modal-buttons button:first-child:hover{background:#F9FAFB}.modal-buttons button.primary{background:#8b5cf6;border:none;color:#fff}.modal-buttons button.primary:hover{background:#7c3aed}@media (max-width: 768px){.rfqs-page{padding:16px}.rfqs-page .header-content{flex-direction:column;align-items:stretch;gap:16px}.rfqs-page .header-actions{margin-left:0;justify-content:flex-start}.rfqs-page .header-text h1{font-size:24px}.rfqs-tabs-container{flex-direction:column;align-items:stretch;gap:16px}.rfqs-tabs{width:100%;justify-content:center;flex-wrap:wrap}.tab-button{flex:1;justify-content:center;min-width:fit-content}.search-input-wrapper{width:100%}}[data-theme=dark] .rfqs-page .header-text h1{color:#f8fafc}[data-theme=dark] .rfqs-page .header-text p{color:#94a3b8}[data-theme=dark] .rfqs-tabs{background:#1E293B;border-color:#334155}[data-theme=dark] .tab-button{color:#94a3b8}[data-theme=dark] .tab-button:hover{color:#e2e8f0}[data-theme=dark] .tab-button.active{background:rgba(109,49,237,.2);color:#a78bfa}[data-theme=dark] .tab-count{background:#334155;color:#94a3b8}[data-theme=dark] .tab-button.active .tab-count{background:#1E293B;color:#a78bfa}[data-theme=dark] .search-input{background-color:#1e293b;border-color:#475569;color:#f1f5f9}[data-theme=dark] .search-input:focus{border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa33}[data-theme=dark] .rfqs-page .header-actions .create-link-btn,[data-theme=dark] .create-link-btn{background:#1E293B!important;border-color:#475569!important;color:#e2e8f0!important}[data-theme=dark] .rfqs-page .header-actions .create-link-btn:hover,[data-theme=dark] .create-link-btn:hover{background:#334155!important;border-color:#64748b!important}[data-theme=dark] .rfqs-page .header-actions .new-rfq-btn,[data-theme=dark] .new-rfq-btn{background:#A78BFA!important}[data-theme=dark] .rfqs-page .header-actions .new-rfq-btn:hover,[data-theme=dark] .new-rfq-btn:hover{background:#8B5CF6!important}.email-preview-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.email-preview-modal{background:var(--card-bg);border-radius:12px;box-shadow:0 4px 12px #00000026;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.email-preview-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 24px 16px;border-bottom:1px solid var(--border-color);background:#fafafa;gap:16px}.email-preview-title{flex:1;min-width:0}.email-preview-title h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary);line-height:1.4;word-wrap:break-word}.email-preview-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.populate-ai-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#a78bfa 0%,#8b5cf6 100%);color:#fff;border:none;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 2px 8px #6c63ff33;height:44px;min-width:160px;justify-content:center}.populate-ai-btn:hover{background:linear-gradient(135deg,#8B6FF7 0%,#5A52E8 100%);box-shadow:0 4px 16px #6c63ff4d;transform:translateY(-1px)}.populate-ai-btn:active{transform:translateY(0);box-shadow:0 2px 8px #6c63ff33}.close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;color:var(--text-secondary);cursor:pointer;border-radius:6px;transition:all .2s ease}.close-btn:hover{background:var(--table-row-hover);color:var(--text-primary)}.email-preview-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.email-preview-metadata{padding:20px 24px;border-bottom:1px solid var(--border-color);background:var(--card-bg)}.email-meta-row{display:flex;align-items:flex-start;gap:12px;margin-bottom:8px;font-size:14px}.email-meta-row:last-child{margin-bottom:0}.email-meta-value{color:var(--text-secondary);word-break:break-all;line-height:1.4}.email-body-preview{flex:1;overflow-y:auto;padding:24px;background:var(--card-bg)}.email-body-text{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;color:var(--text-primary);margin:0;white-space:pre-wrap;word-wrap:break-word;line-height:1.6}.email-body-preview::-webkit-scrollbar{width:8px}.email-body-preview::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.email-body-preview::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.email-body-preview::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width: 768px){.email-preview-modal-overlay{padding:10px}.email-preview-modal{max-height:95vh}.email-preview-header{padding:16px 16px 12px;flex-direction:column;align-items:stretch;gap:12px}.email-preview-actions{justify-content:space-between}.email-preview-title h3{font-size:16px}.populate-ai-btn{font-size:13px;padding:8px 14px}.email-preview-metadata{padding:16px}.email-meta-row{flex-direction:column;gap:4px;margin-bottom:12px}.email-meta-label{min-width:auto}.email-body-preview{padding:16px}.email-body-text{font-size:13px}}@media (max-width: 640px){.email-preview-header{padding:12px}.email-preview-title h3{font-size:15px}.populate-ai-btn{font-size:12px;padding:6px 12px}.close-btn{width:32px;height:32px}.email-preview-metadata{padding:12px}.email-meta-row{font-size:13px}.email-body-preview{padding:12px}.email-body-text{font-size:12px}}.email-thread-viewer{background:var(--card-bg);border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px}.email-thread-header{margin-bottom:16px}.thread-title{display:flex;align-items:center;gap:12px}.thread-title h2{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.email-count{font-size:14px;color:var(--text-secondary);background:#e5e7eb;padding:4px 8px;border-radius:12px}.email-thread-list{display:flex;flex-direction:column;gap:12px}.email-card{border:1px solid var(--border-color);border-radius:8px;overflow:hidden;transition:all .2s ease;background:var(--card-bg)}.email-card.expanded{border-color:#667eea;box-shadow:0 2px 8px #667eea26}.email-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:16px;background:transparent;cursor:pointer;-webkit-user-select:none;user-select:none}.email-card-header:hover{background:var(--table-row-hover)}.email-meta{flex:1;display:flex;flex-direction:column;gap:4px}.email-sender{font-size:13px;color:var(--text-primary);font-weight:600}.email-subject{font-size:14px;font-weight:500;color:var(--text-primary);line-height:1.4;margin-top:2px}.email-timestamp{font-size:12px;color:var(--text-secondary)}.email-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.populate-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.populate-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.populate-btn svg{flex-shrink:0}.ai-icon{color:#667eea}.click-hint{font-size:12px;color:var(--text-secondary);font-weight:500}.clickable-email-card:hover .click-hint{color:#667eea}.email-snippet-preview{font-size:13px;color:var(--text-secondary);line-height:1.6;border-left:2px solid #e5e7eb;margin:0 16px 12px;padding:12px 16px 12px 12px;background:rgba(249,250,251,.3);border-radius:4px}.email-full-content{padding:16px;border-top:1px solid var(--border-color);background:var(--table-row-hover)}.email-body{font-family:Courier New,Courier,monospace;font-size:13px;line-height:1.6;color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word;margin:0;max-height:400px;overflow-y:auto;background:var(--card-bg);padding:12px;border-radius:6px;border:1px solid var(--border-color)}@media (max-width: 768px){.email-thread-viewer,.email-card-header,.email-card-content{padding:12px}.email-recipients{flex-direction:column;gap:4px}.recipient-label{min-width:auto}.thread-title{flex-wrap:wrap;gap:8px}.thread-title h2{font-size:16px}}@media (max-width: 640px){.email-meta{gap:6px}.email-subject{font-size:15px}.email-sender{font-size:13px}.email-timestamp{font-size:11px}.email-snippet{font-size:13px;padding:10px}.view-full-btn{font-size:13px;padding:6px 12px}}.sku-suggestion-modal{background:var(--card-bg);border-radius:12px;width:90%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.sku-suggestion-modal .modal-header{padding:24px 28px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:flex-start}.sku-suggestion-modal .header-content h2{margin:0 0 4px;font-size:20px;font-weight:600;color:var(--text-primary)}.sku-suggestion-modal .subtitle{margin:0;font-size:14px;color:var(--text-secondary)}.sku-suggestion-modal .modal-close{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:4px;border-radius:6px;transition:all .2s}.sku-suggestion-modal .modal-close:hover{background:var(--table-row-hover);color:var(--text-primary)}.sku-suggestion-modal .modal-body{padding:24px 28px;overflow-y:auto;flex:1}.original-item-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;margin-bottom:20px}.original-item-card .card-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#475569;font-weight:500;font-size:14px}.original-item-card .item-details{display:flex;flex-direction:column;gap:8px}.original-item-card .detail-row{display:flex;gap:12px;font-size:14px}.original-item-card .label{color:#64748b;font-weight:500;min-width:100px}.original-item-card .value{color:#1e293b;font-weight:400}.search-box{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;margin-bottom:20px}.search-box svg{color:var(--text-muted);flex-shrink:0}.search-box input{border:none;outline:none;flex:1;font-size:14px;color:var(--text-primary)}.search-box input::placeholder{color:var(--text-muted)}.suggestions-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.suggestion-card{position:relative;border:2px solid var(--border-color);border-radius:8px;padding:16px;cursor:pointer;transition:all .2s;background:var(--card-bg)}.suggestion-card:hover{border-color:var(--primary);box-shadow:0 2px 8px #3b82f61a}.suggestion-card.selected{border-color:var(--primary);background:#eff6ff;box-shadow:0 2px 12px #3b82f626}.suggestion-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.sku-info{display:flex;flex-direction:column;gap:4px}.sku-info .sku{font-size:15px;font-weight:600;color:var(--text-primary)}.sku-info .brand{font-size:13px;color:var(--text-secondary);font-weight:500}.confidence-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;color:#fff;white-space:nowrap}.suggestion-description{font-size:14px;color:var(--text-primary);line-height:1.5;margin-bottom:12px}.suggestion-meta{display:flex;gap:16px;font-size:13px;color:var(--text-secondary)}.selected-indicator{position:absolute;top:16px;right:16px;color:var(--info)}.no-results{text-align:center;padding:40px 20px;color:var(--text-secondary)}.sku-suggestion-modal .modal-footer{padding:20px 28px;border-top:1px solid var(--border-color);background:var(--table-row-hover);border-radius:0 0 12px 12px}.footer-actions{display:flex;gap:12px;justify-content:space-between}.sku-suggestion-modal .btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.sku-suggestion-modal .btn:disabled{opacity:.5;cursor:not-allowed}.sku-suggestion-modal .btn-secondary{background:var(--card-bg);color:var(--text-primary);border:1px solid var(--border-color)}.sku-suggestion-modal .btn-secondary:hover:not(:disabled){background:var(--table-row-hover);border-color:var(--text-muted)}.sku-suggestion-modal .btn-primary{background:var(--info);color:#fff}.sku-suggestion-modal .btn-primary:hover:not(:disabled){background:#2563eb}.suggestions-list::-webkit-scrollbar{width:8px}.suggestions-list::-webkit-scrollbar-track{background:var(--table-row-hover);border-radius:4px}.suggestions-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.suggestions-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.rfq-detail-page{padding:24px;max-width:1400px;margin:0 auto;min-height:100vh}.description-with-source{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.email-source-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:4px;font-size:11px;font-weight:500;white-space:nowrap;cursor:help}.email-source-badge svg{flex-shrink:0}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.loading-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top:3px solid #6366f1;border-radius:50%;animation:spin 1s linear infinite}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:24px}.header-left{flex:1}.back-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:none;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s ease;margin-bottom:16px}.back-btn:hover{background:var(--table-row-hover);color:var(--text-primary);border-color:var(--border-color)}.header-info h1{margin:0 0 8px;font-size:28px;font-weight:700;color:var(--text-primary)}.header-meta{display:flex;align-items:center;gap:16px}.source-info{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text-secondary)}.source-icon{font-size:16px}.header-actions{display:flex;gap:12px;flex-shrink:0}.action-btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:140px;padding:0 16px;border-radius:999px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap;position:relative;overflow:hidden}.action-btn:disabled{background:#E0E0E0!important;color:#999!important;cursor:not-allowed;border:none!important;box-shadow:none!important;transform:none!important}.action-btn.primary{background:linear-gradient(135deg,#a78bfa 0%,#8b5cf6 100%);color:#fff;border:none}.action-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#8B6FF7 0%,#5A52E8 100%);box-shadow:0 4px 16px #6c63ff4d;transform:translateY(-1px)}.action-btn.secondary{background:transparent;color:#000;border:1px solid #CCC}.action-btn.secondary:hover:not(:disabled){background:var(--table-row-hover);border-color:var(--text-muted);box-shadow:0 2px 8px #0000001a}.action-btn.danger-outline{background:transparent;color:#eb5757;border:1px solid #EB5757}.action-btn.danger-outline:hover:not(:disabled){background:#fef2f2;box-shadow:0 2px 8px #eb575733}.action-btn.danger-light{background:#F2F2F2;color:#eb5757;border:none}.action-btn.danger-light:hover:not(:disabled){background:#e5e5e5;box-shadow:0 2px 8px #0000001a}.action-btn.large{min-height:48px;min-width:160px;font-size:16px;font-weight:700}.action-btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transform:translate(-50%,-50%);transition:width .3s,height .3s}.action-btn:active:not(:disabled):after{width:300px;height:300px}.action-btn[title]{position:relative}.action-btn[title]:hover:before{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#1f2937;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;z-index:10000;margin-bottom:8px}.action-btn[title]:hover:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:var(--text-primary);margin-bottom:4px}.rfq-content{display:flex;flex-direction:column;gap:24px}.email-preview-card{background:#F7F7F7;border:1px solid #EAEAEA;border-radius:12px;padding:16px;overflow:hidden}.email-preview-header{margin-bottom:16px}.email-preview-header h2{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.email-preview-content{display:flex;flex-direction:column;gap:16px}.email-metadata{display:flex;flex-direction:column;gap:8px}.email-meta-item{display:flex;align-items:flex-start;gap:8px;font-size:14px}.email-meta-label{font-weight:600;color:var(--text-primary);min-width:60px;flex-shrink:0}.email-meta-value{color:var(--text-primary);word-break:break-all}.email-body-container{background:var(--card-bg);border:1px solid #EAEAEA;border-radius:8px;max-height:300px;overflow-y:auto;padding:12px}.email-body{font-family:Courier New,Consolas,monospace;font-size:13px;color:var(--text-primary);margin:0;white-space:pre-wrap;word-wrap:break-word;line-height:1.4}.email-body-container::-webkit-scrollbar{width:6px}.email-body-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.email-body-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.email-body-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.section-card{background:var(--card-bg);border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.section-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color);background:#fafafa}.section-header h2{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.item-count{font-size:14px;color:var(--text-secondary);background:#e5e7eb;padding:4px 8px;border-radius:12px}.table-container{overflow-x:auto}.line-items-table{width:100%;border-collapse:collapse;font-size:14px}.line-items-table thead{background:#f8fafc}.line-items-table th{padding:16px 20px;text-align:left;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-color);white-space:nowrap}.line-items-table td{padding:16px 20px;border-bottom:1px solid #f1f5f9;color:#1e293b;vertical-align:top}.table-row:hover{background:#f8fafc}.table-row.ai-generated{background:#fefce8}.table-row.ai-generated:hover{background:#fef3c7}.table-row.ai-uncertain{background:#fef3c7;border-left:3px solid #f59e0b}.sku-cell{display:flex;align-items:center;gap:8px}.uncertainty-icon{color:#f59e0b;flex-shrink:0}.edit-input,.edit-textarea,.edit-select{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .2s ease}.edit-input:focus,.edit-textarea:focus,.edit-select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.edit-textarea{resize:vertical;min-height:60px}.ai-notice{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#fef3c7;border-top:1px solid #f59e0b;color:#92400e;font-size:14px}.project-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;padding:24px}.detail-item{display:flex;flex-direction:column;gap:8px}.detail-item.full-width{grid-column:1 / -1}.detail-item label{font-size:14px;font-weight:600;color:var(--text-primary)}.detail-item span{font-size:14px;color:var(--text-primary)}.detail-item p{margin:0;font-size:14px;color:var(--text-primary);line-height:1.5}.header-actions{display:flex;gap:12px;flex-shrink:0;align-items:center}.verify-now-btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:140px;padding:0 16px;border-radius:999px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap;background:linear-gradient(135deg,#a78bfa 0%,#8b5cf6 100%);color:#fff;border:none;box-shadow:0 2px 8px #6c63ff33}.verify-now-btn:hover{background:linear-gradient(135deg,#8B6FF7 0%,#5A52E8 100%);box-shadow:0 4px 16px #6c63ff4d;transform:translateY(-1px)}.actions-dropdown-container{position:relative}.actions-btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:120px;padding:0 16px;border-radius:999px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap;background:var(--table-row-hover);color:var(--text-primary);border:none}.actions-btn:hover{background:#e5e7eb;box-shadow:0 2px 8px #0000001a}.actions-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:var(--card-bg);border-radius:12px;box-shadow:0 4px 12px #0000001a;border:1px solid var(--border-color);min-width:180px;z-index:10000;overflow:hidden}.dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:none;border:none;text-align:left;font-size:14px;color:var(--text-primary);cursor:pointer;transition:background-color .2s ease}.dropdown-item:hover{background:#F9F7FF}.bottom-actions-section{position:fixed;bottom:0;right:0;padding:24px;z-index:10000}.accept-decline-buttons{display:flex;gap:12px;align-items:center}.accept-dropdown-container,.decline-dropdown-container{position:relative}.accept-btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:120px;padding:0 16px;border-radius:999px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap;background:#27AE60;color:#fff;border:none;box-shadow:0 2px 8px #27ae6033}.accept-btn:hover{background:#219A52;box-shadow:0 4px 16px #27ae604d;transform:translateY(-1px)}.decline-btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:120px;padding:0 16px;border-radius:999px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap;background:#EB5757;color:#fff;border:none;box-shadow:0 2px 8px #eb575733}.decline-btn:hover{background:#E53E3E;box-shadow:0 4px 16px #eb57574d;transform:translateY(-1px)}.accept-dropdown,.decline-dropdown{position:absolute;bottom:100%;left:0;margin-bottom:8px;background:var(--card-bg);border-radius:12px;box-shadow:0 4px 12px #0000001a;border:1px solid var(--border-color);min-width:220px;z-index:1001;overflow:hidden;animation:fadeInUp .2s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.actions-section{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:16px 0;margin-top:16px;flex-wrap:wrap;position:sticky;bottom:0;background:var(--card-bg);border-top:1px solid var(--border-color);z-index:10}.status-badge{display:inline-flex;align-items:center;justify-content:center;height:28px;min-width:100px;padding:0 12px;border-radius:999px;font-size:14px;font-weight:500;white-space:nowrap}.status-draft{background:#BDBDBD;color:#fff}.status-pending{background:#F2994A;color:#fff}.status-verified{background:#27AE60;color:#fff}.status-rejected{background:#EB5757;color:#fff}.status-pushed{background:#2D9CDB;color:#fff}.delete-modal{background:var(--card-bg);border-radius:12px;box-shadow:0 4px 12px #00000026;width:100%;max-width:400px}.modal-header{padding:24px 24px 0}.modal-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.modal-body{padding:16px 24px 24px}.modal-body p{margin:0 0 8px;color:var(--text-primary);line-height:1.5}.warning-text{color:#dc2626;font-size:14px;font-weight:500}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding:0 24px 24px}.btn{padding:10px 20px;border-radius:8px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary{background:var(--table-row-hover);color:var(--text-primary)}.btn-secondary:hover{background:#e5e7eb}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover{background:#b91c1c;box-shadow:0 2px 8px #dc26264d}@media (max-width: 1024px){.project-details-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width: 768px){.rfq-detail-page{padding:16px 16px 120px}.page-header{flex-direction:column;align-items:stretch;gap:16px}.header-actions{justify-content:flex-start;flex-wrap:wrap}.verify-now-btn,.actions-btn{min-width:100px;font-size:13px}.bottom-actions-section{left:0;right:0;padding:16px}.accept-decline-buttons{justify-content:center}.accept-btn,.decline-btn{min-width:100px;font-size:13px}.accept-dropdown,.decline-dropdown{min-width:200px}.project-details-grid{grid-template-columns:1fr;gap:16px;padding:16px}.actions-section{flex-wrap:wrap;justify-content:center;gap:8px;padding:12px 16px}.action-btn{min-width:120px;font-size:13px}.line-items-table th,.line-items-table td{padding:12px 16px}.modal-actions{flex-direction:column}.email-metadata{gap:12px}.email-meta-item{flex-direction:column;gap:4px}.email-meta-label{min-width:auto}.email-body-container{max-height:250px}.email-body{font-size:12px}}@media (max-width: 640px){.header-info h1{font-size:24px}.header-meta{flex-direction:column;align-items:flex-start;gap:8px}.line-items-table{font-size:13px}.line-items-table th,.line-items-table td{padding:10px 12px}.actions-section{flex-direction:column;gap:8px}.action-btn{min-width:100%;justify-content:center}.email-preview-card{padding:12px}.email-preview-header h2{font-size:16px}.email-body-container{max-height:200px;padding:10px}.email-body{font-size:11px}}.edit-btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:120px;padding:0 16px;border-radius:999px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap;background:var(--card-bg);color:var(--text-primary);border:1px solid var(--border-color)}.edit-btn:hover{background:var(--table-row-hover);border-color:var(--text-muted);box-shadow:0 2px 8px #0000001a}.cancel-btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:120px;padding:0 16px;border-radius:999px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap;background:var(--card-bg);color:var(--text-primary);border:1px solid var(--border-color)}.cancel-btn:hover:not(:disabled){background:var(--table-row-hover);border-color:var(--text-muted)}.cancel-btn:disabled{opacity:.5;cursor:not-allowed}.save-btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:140px;padding:0 16px;border-radius:999px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap;background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;border:none;box-shadow:0 2px 8px #10b98133}.save-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669 0%,#047857 100%);box-shadow:0 4px 16px #10b9814d;transform:translateY(-1px)}.save-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.info-section{background:var(--card-bg);border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.info-section h2{margin:0 0 20px;font-size:18px;font-weight:600;color:var(--text-primary)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.info-item{display:flex;flex-direction:column;gap:8px}.info-item.full-width{grid-column:1 / -1}.info-item label{font-size:14px;font-weight:600;color:var(--text-primary)}.info-item span{font-size:14px;color:var(--text-primary)}.table-input{width:100%;padding:6px 10px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .2s ease}.table-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.items-section{background:var(--card-bg);border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px;overflow-x:auto}.items-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.items-section h2{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.populate-suggestions-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.populate-suggestions-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.items-table{width:100%;border-collapse:collapse;font-size:14px}.items-table thead{background:#f8fafc}.items-table th{padding:12px 16px;text-align:left;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-color);white-space:nowrap}.items-table td{padding:12px 16px;border-bottom:1px solid #f1f5f9;color:#1e293b;vertical-align:middle}.items-table tbody tr:hover{background:#f8fafc}.items-table tbody tr.has-suggestions{background:#fefce8}.items-table tbody tr.has-suggestions:hover{background:#fef9c3}.tbd-button{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #fbbf2433}.tbd-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #fbbf244d;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.tbd-button svg{animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(180deg)}}.project-detail-page{padding:0;max-width:100%;margin:0}.project-detail-page .page-header{margin-bottom:32px}.back-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;margin-bottom:16px;transition:all .2s}.back-button:hover{background:var(--table-row-hover);border-color:var(--border-color)}.project-detail-page .header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.project-detail-page .header-text{flex:1}.project-detail-page .page-header h1{margin:0 0 8px;font-size:28px;font-weight:700;color:var(--gray-900)}.project-detail-page .page-header p{margin:0;font-size:16px;color:var(--text-secondary);line-height:1.5}.project-detail-page .loading-state{padding:60px 20px;text-align:center;color:var(--text-muted);font-size:16px}.project-detail-page .empty-state{padding:80px 20px;text-align:center;background:var(--card-bg);border-radius:12px;border:1px solid var(--border-color)}.project-detail-page .empty-state h3{margin:0 0 12px;font-size:20px;font-weight:600;color:var(--text-primary)}.project-detail-page .empty-state p{margin:0;font-size:15px;color:var(--text-secondary)}.cdm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;padding:40px 24px;z-index:10000;overflow-y:auto}.cdm-modal{width:100%;max-width:900px;background:var(--card-bg);border-radius:16px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px var(--border-color);overflow:hidden;animation:cdm-slideIn .3s cubic-bezier(.16,1,.3,1)}@keyframes cdm-slideIn{0%{opacity:0;transform:translateY(-20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.cdm-header{padding:28px 32px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:flex-start;gap:24px;background:var(--card-bg)}.cdm-header-left{display:flex;align-items:flex-start;gap:20px}.cdm-company-icon{width:64px;height:64px;border-radius:14px;background:linear-gradient(135deg,rgba(139,92,246,.1) 0%,rgba(139,92,246,.05) 100%);border:1px solid rgba(139,92,246,.2);display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.cdm-company-info{display:flex;flex-direction:column;gap:12px}.cdm-company-name{font-size:24px;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.5px;line-height:1.2}.cdm-badges{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.cdm-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;letter-spacing:.3px}.cdm-badge-id{background:var(--gray-100);color:var(--text-secondary);border:1px solid var(--border-color)}.cdm-badge-status{border:1px solid transparent}.cdm-status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.cdm-badge-status.status-badge-success{background:rgba(16,185,129,.1);color:#059669;border-color:#10b98133}.cdm-badge-status.status-badge-success .cdm-status-dot{background:#10b981}.cdm-badge-status.status-badge-warning{background:rgba(245,158,11,.1);color:#b45309;border-color:#f59e0b33}.cdm-badge-status.status-badge-warning .cdm-status-dot{background:#f59e0b}.cdm-badge-status.status-badge-neutral{background:var(--gray-100);color:var(--text-secondary);border-color:var(--border-color)}.cdm-badge-status.status-badge-neutral .cdm-status-dot{background:var(--gray-400)}.cdm-badge-status.status-badge-error{background:rgba(239,68,68,.1);color:#dc2626;border-color:#ef444433}.cdm-badge-status.status-badge-error .cdm-status-dot{background:#ef4444}.cdm-badge-source{text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.cdm-source-manual{background:rgba(139,92,246,.1);color:#7c3aed;border:1px solid rgba(139,92,246,.2)}.cdm-source-erp{background:rgba(59,130,246,.1);color:#2563eb;border:1px solid rgba(59,130,246,.2)}.cdm-header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.cdm-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.cdm-btn-edit{background:var(--card-bg);color:var(--text-secondary);border:1px solid var(--border-color);box-shadow:0 1px 3px #0000000d}.cdm-btn-edit:hover{background:var(--gray-50);color:var(--text-primary);border-color:var(--gray-300)}.cdm-btn-edit svg{color:var(--gray-400);transition:color .2s}.cdm-btn-edit:hover svg{color:var(--text-primary)}.cdm-edit-actions{display:flex;align-items:center;gap:8px}.cdm-btn-cancel{background:var(--card-bg);color:var(--text-secondary);border:1px solid var(--border-color);padding:8px 16px;font-weight:500}.cdm-btn-cancel:hover:not(:disabled){background:var(--gray-100);color:var(--text-primary)}.cdm-btn-save{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);color:#fff;border:none;padding:8px 16px;font-weight:500;gap:6px}.cdm-btn-save:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%);transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.cdm-btn-save:disabled,.cdm-btn-cancel:disabled{opacity:.6;cursor:not-allowed}.cdm-edit-company-name{display:flex;flex-direction:column;gap:4px}.cdm-edit-input{width:100%;padding:10px 14px;font-size:14px;font-weight:500;color:var(--text-primary);background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;transition:all .2s ease;outline:none}.cdm-edit-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf626}.cdm-edit-input::placeholder{color:var(--gray-400);font-weight:400}.cdm-edit-input-title{font-size:20px;font-weight:600;padding:8px 12px}.cdm-edit-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.cdm-edit-field{display:flex;flex-direction:column;gap:4px}.cdm-input-error{border-color:#ef4444!important}.cdm-input-error:focus{box-shadow:0 0 0 3px #ef444426!important}.cdm-error-text{font-size:12px;color:#ef4444;font-weight:500}.cdm-divider{width:1px;height:32px;background:var(--border-color)}.cdm-btn-close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:transparent;border:none;color:var(--gray-400);cursor:pointer;transition:all .2s ease}.cdm-btn-close:hover{background:var(--gray-100);color:var(--text-primary)}.cdm-details{padding:28px 32px;background:var(--card-bg)}.cdm-details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 48px}.cdm-detail-item{display:flex;flex-direction:column;gap:8px}.cdm-detail-label{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.8px}.cdm-detail-label svg{color:var(--gray-300)}.cdm-detail-value{font-size:15px;font-weight:500;color:var(--text-primary)}.cdm-detail-value.cdm-email-link{color:var(--text-primary);text-decoration:none;transition:color .2s}.cdm-detail-value.cdm-email-link:hover{color:var(--primary)}.cdm-empty{color:var(--gray-400);font-style:italic;font-weight:400}.cdm-section-divider{height:1px;background:var(--border-color)}.cdm-rfqs-section{background:var(--gray-50);min-height:350px}.cdm-rfqs-header{padding:24px 32px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.cdm-rfqs-header-left{display:flex;align-items:center;gap:14px}.cdm-rfqs-icon{width:40px;height:40px;border-radius:10px;background:rgba(139,92,246,.1);display:flex;align-items:center;justify-content:center;color:var(--primary)}.cdm-rfqs-info h2{font-size:17px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.cdm-rfqs-info p{font-size:13px;color:var(--text-secondary);margin:0}.cdm-rfqs-content{padding:24px 32px}.cdm-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.cdm-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:cdm-spin .8s linear infinite}@keyframes cdm-spin{to{transform:rotate(360deg)}}.cdm-loading p{color:var(--text-secondary);font-size:14px}.cdm-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--gray-400);text-align:center}.cdm-empty-state p{margin:16px 0 0;font-size:15px;color:var(--text-secondary)}.cdm-table-container{background:var(--card-bg);border-radius:12px;border:1px solid var(--border-color);overflow:hidden;box-shadow:0 1px 3px #0000000d}.cdm-table{width:100%;border-collapse:collapse;text-align:left}.cdm-table thead tr{background:var(--gray-50);border-bottom:1px solid var(--border-color)}.cdm-table th{padding:14px 20px;font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.7px}.cdm-th-actions{text-align:center}.cdm-table tbody tr{border-bottom:1px solid var(--border-color-light);transition:background .15s ease}.cdm-table tbody tr:last-child{border-bottom:none}.cdm-table tbody tr:hover{background:var(--gray-50)}.cdm-clickable-row{cursor:pointer}.cdm-clickable-row:hover{background:rgba(99,102,241,.05)!important}.cdm-clickable-row:active{background:rgba(99,102,241,.1)!important}.cdm-table td{padding:16px 20px;vertical-align:middle}.cdm-rfq-id{font-weight:600;color:var(--primary)}.cdm-date{color:var(--text-secondary);font-size:13px}.cdm-project-name{font-size:14px;font-weight:500;color:var(--text-primary)}.cdm-rfq-status{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:20px;font-size:12px;font-weight:500;border:1px solid transparent}.cdm-rfq-status.status-badge-success{background:rgba(16,185,129,.1);color:#059669;border-color:#10b98126}.cdm-rfq-status.status-badge-success .cdm-status-dot{background:#10b981}.cdm-rfq-status.status-badge-warning{background:rgba(245,158,11,.1);color:#b45309;border-color:#f59e0b26}.cdm-rfq-status.status-badge-warning .cdm-status-dot{background:#f59e0b}.cdm-rfq-status.status-badge-neutral{background:var(--gray-100);color:var(--text-secondary);border-color:var(--border-color)}.cdm-rfq-status.status-badge-neutral .cdm-status-dot{background:var(--gray-400)}.cdm-rfq-status.status-badge-error{background:rgba(239,68,68,.1);color:#dc2626;border-color:#ef444426}.cdm-rfq-status.status-badge-error .cdm-status-dot{background:#ef4444}.cdm-td-actions{text-align:center}.cdm-action-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:transparent;border:none;color:var(--gray-400);cursor:pointer;transition:all .2s ease}.cdm-action-btn:hover{background:rgba(139,92,246,.1);color:var(--primary)}.cdm-pagination{padding:16px 20px;border-top:1px solid var(--border-color);background:var(--gray-50);display:flex;align-items:center;justify-content:space-between}.cdm-pagination-info{font-size:12px;color:var(--text-secondary)}.cdm-pagination-buttons{display:flex;gap:8px}.cdm-pagination-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;background:var(--card-bg);border:1px solid var(--border-color);font-size:12px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.cdm-pagination-btn:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-300);color:var(--text-primary)}.cdm-pagination-btn:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .cdm-company-icon{background:linear-gradient(135deg,rgba(139,92,246,.2) 0%,rgba(139,92,246,.1) 100%);border-color:#8b5cf64d}[data-theme=dark] .cdm-rfqs-section{background:var(--gray-800)}[data-theme=dark] .cdm-table-container{box-shadow:0 1px 3px #0003}[data-theme=dark] .cdm-badge-id,[data-theme=dark] .cdm-badge-status.status-badge-neutral{background:var(--gray-700);border-color:var(--gray-600)}[data-theme=dark] .cdm-table thead tr{background:var(--gray-800)}[data-theme=dark] .cdm-table tbody tr:hover{background:var(--gray-700)}[data-theme=dark] .cdm-clickable-row:hover{background:rgba(99,102,241,.15)!important}[data-theme=dark] .cdm-clickable-row:active{background:rgba(99,102,241,.25)!important}[data-theme=dark] .cdm-pagination{background:var(--gray-800)}[data-theme=dark] .cdm-rfqs-icon{background:rgba(139,92,246,.2)}[data-theme=dark] .cdm-edit-input{background:var(--gray-800);border-color:var(--gray-600);color:var(--text-primary)}[data-theme=dark] .cdm-edit-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf640}[data-theme=dark] .cdm-edit-input::placeholder{color:var(--gray-500)}[data-theme=dark] .cdm-edit-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}[data-theme=dark] .cdm-btn-cancel{background:var(--gray-700);border-color:var(--gray-600);color:var(--text-secondary)}[data-theme=dark] .cdm-btn-cancel:hover:not(:disabled){background:var(--gray-600);color:var(--text-primary)}@media (max-width: 768px){.cdm-overlay{padding:16px;align-items:flex-start}.cdm-modal{border-radius:12px}.cdm-header{padding:20px;flex-direction:column;gap:16px}.cdm-header-left{flex-direction:column;align-items:flex-start;gap:16px}.cdm-company-icon{width:52px;height:52px}.cdm-company-name{font-size:20px}.cdm-badges{gap:8px}.cdm-header-actions{width:100%;justify-content:flex-end}.cdm-details{padding:20px}.cdm-details-grid{grid-template-columns:1fr;gap:20px}.cdm-rfqs-header{padding:16px 20px}.cdm-rfqs-content{padding:16px}.cdm-table th,.cdm-table td{padding:12px 14px}.cdm-pagination{flex-direction:column;gap:12px;align-items:stretch}.cdm-pagination-info{text-align:center}.cdm-pagination-buttons{justify-content:center}}@media (max-width: 640px){.cdm-table{font-size:13px}.cdm-table th:nth-child(2),.cdm-table td:nth-child(2){display:none}}.create-customer-dropdown{position:relative}.dropdown-trigger{display:flex;align-items:center;gap:8px;position:relative}.chevron{transition:transform .2s}.chevron.open{transform:rotate(180deg)}.dropdown-menu{position:fixed;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 10px 25px #00000026;width:280px;z-index:1001;overflow:hidden;animation:dropdownFadeIn .2s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:flex-start;gap:12px;width:100%;padding:12px 16px;border:none;background:var(--card-bg);text-align:left;cursor:pointer;transition:background-color .2s;border-bottom:1px solid var(--border-color)}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background-color:var(--gray-50)}.dropdown-item svg{flex-shrink:0;margin-top:2px;color:var(--primary)}.dropdown-item-content{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.dropdown-item-title{font-size:14px;font-weight:500;color:var(--text-primary)}.dropdown-item-description{font-size:12px;color:var(--text-secondary);line-height:1.4;word-wrap:break-word}.dropdown-item-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.dropdown-item-disabled:hover{background:var(--card-bg)}.dropdown-item-disabled svg{color:var(--gray-400)}.dropdown-item-title-row{display:flex;align-items:center;gap:8px}.coming-soon-badge{display:inline-flex;align-items:center;padding:2px 8px;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:#fff;font-size:10px;font-weight:700;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.bulk-upload-modal{max-width:800px;width:90%}.info-section{display:flex;gap:12px;padding:16px;background-color:#eff6ff;border:1px solid #BFDBFE;border-radius:8px;margin-bottom:20px;color:#1e40af}.info-section svg{flex-shrink:0;margin-top:2px}.info-section p{margin:0 0 8px;font-size:14px}.info-section ul{margin:0;padding-left:20px;font-size:13px}.info-section li{margin-bottom:4px}.download-template-btn{width:100%;margin-bottom:20px;justify-content:center}.file-upload-area{margin-bottom:20px}.file-input{display:none}.file-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px;border:2px dashed var(--border-color);border-radius:8px;background-color:var(--gray-50);cursor:pointer;transition:all .2s}.file-label:hover{border-color:var(--primary);background-color:#f9f7ff}.file-label svg{color:var(--text-secondary)}.file-label-text{font-size:14px;font-weight:500;color:var(--text-primary);text-align:center}.file-label-hint{font-size:12px;color:var(--text-secondary)}.error-section{display:flex;gap:12px;padding:16px;background-color:#fef2f2;border:1px solid #FECACA;border-radius:8px;color:#991b1b}.error-section svg{flex-shrink:0;margin-top:2px}.error-section strong{display:block;margin-bottom:8px;font-size:14px}.error-section ul{margin:0;padding-left:20px;font-size:13px}.error-section li{margin-bottom:4px}.preview-section{margin-bottom:20px}.preview-description{margin:0;padding:12px;background-color:var(--gray-50);border-radius:6px;font-size:14px;color:var(--text-secondary);text-align:center}.preview-table-container{max-height:400px;overflow:auto;border:1px solid var(--border-color);border-radius:8px}.preview-table{width:100%;border-collapse:collapse;font-size:13px}.preview-table th{position:sticky;top:0;background-color:var(--gray-100);padding:10px 12px;text-align:left;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap;z-index:1}.preview-table td{padding:10px 12px;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.preview-table tbody tr:hover{background-color:var(--gray-50)}.preview-note{padding:12px;text-align:center;font-size:12px;color:var(--text-secondary);background-color:var(--gray-50);margin:0;border-top:1px solid var(--border-color)}.erp-sync-modal{max-width:600px;width:90%}.search-section{margin-bottom:24px}.search-section label{display:block;font-weight:600;font-size:14px;color:var(--text-primary);margin-bottom:8px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input-wrapper svg{position:absolute;left:12px;color:var(--text-secondary)}.search-input-wrapper input{width:100%;padding:10px 12px 10px 40px;border:1px solid var(--border-color);border-radius:6px;font-size:14px}.search-input-wrapper input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6c63ff1a}.integrations-list{max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.integration-card{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s}.integration-card:hover{border-color:var(--primary);background-color:#f9f7ff;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.integration-logo{font-size:32px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:var(--gray-50);border-radius:8px}.integration-info h3{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--text-primary)}.integration-info p{margin:0;font-size:13px;color:var(--text-secondary)}.selected-integration{display:flex;align-items:center;gap:16px;padding:16px;background-color:#f9f7ff;border:1px solid #E9D7FE;border-radius:8px;margin-bottom:24px}.integration-logo-large{font-size:48px;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background-color:var(--card-bg);border-radius:8px}.selected-integration h3{margin:0 0 4px;font-size:18px;font-weight:600;color:var(--text-primary)}.selected-integration p{margin:0;font-size:14px;color:var(--text-secondary)}.credentials-form{display:flex;flex-direction:column;gap:16px}.form-description{margin:0;font-size:14px;color:var(--text-secondary)}.form-group label{font-weight:600;font-size:14px;color:var(--text-primary)}.form-group input{padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6c63ff1a}.form-group input:disabled{background-color:var(--gray-50);cursor:not-allowed}.error-message-box{display:flex;align-items:center;gap:8px;padding:12px;background-color:#fef2f2;border:1px solid #FECACA;border-radius:6px;color:#991b1b;font-size:13px}.error-message-box svg{flex-shrink:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary)}.empty-state svg{margin-bottom:12px}.empty-state p{margin:0;font-size:14px}.spin-animation{animation:spin 1s linear infinite}.customers-page{padding:0;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px;position:relative;overflow:visible;width:100%;box-sizing:border-box}.header-left h1{margin:0 0 4px;font-size:28px;font-weight:600;color:var(--text-primary)}.header-left p{margin:0;color:var(--text-secondary);font-size:14px}.header-actions{display:flex;gap:12px;flex-shrink:0;position:relative;z-index:100}.view-only-badge{display:flex;align-items:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,rgba(107,114,128,.1) 0%,rgba(75,85,99,.15) 100%);border:1px solid rgba(107,114,128,.3);border-radius:8px;font-size:13px;font-weight:600;color:var(--text-secondary)}.alert{padding:12px 16px;border-radius:8px;margin-bottom:24px;display:flex;align-items:center;gap:8px}.alert-warning{background-color:#fef3c7;border:1px solid #f59e0b;color:#92400e}.customers-content{background:transparent;border-radius:0;border:none;overflow:visible;box-shadow:none;width:100%;max-width:100%;box-sizing:border-box}.table-controls{padding:0;border-bottom:none;background:transparent;margin-bottom:12px;width:100%;max-width:100%;box-sizing:border-box}.search-and-filters{display:flex;justify-content:flex-start;align-items:center;gap:12px;flex-wrap:wrap;width:100%;box-sizing:border-box}.search-input-wrapper{position:relative;flex:1;max-width:400px;min-width:200px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--gray-400);pointer-events:none}.search-input{width:100%;height:48px;padding:12px 16px 12px 48px;border:2px solid var(--input-border);border-radius:12px;font-size:15px;font-weight:500;background-color:var(--input-bg);color:var(--text-primary);transition:all .2s}.search-input:focus{outline:none;border-color:var(--primary);background-color:var(--input-bg);box-shadow:0 0 0 3px #3b82f626}.control-buttons{display:flex;gap:8px;align-items:center;flex-shrink:1;flex-wrap:wrap;margin-left:auto}.filters-container{position:relative}.filters-container .btn.active{background-color:var(--info);color:#fff;border-color:var(--primary)}.active-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.filter-chip{display:flex;align-items:center;gap:6px;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:16px;padding:4px 12px;font-size:12px;color:var(--text-primary)}.filter-chip button{background:none;border:none;padding:0;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center}.filter-chip button:hover{color:var(--text-primary)}.filters-dropdown{position:absolute;top:100%;right:0;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 25px #0000001a;padding:16px;min-width:280px;z-index:10000;margin-top:4px}.filter-section{margin-bottom:16px}.filter-section:last-child{margin-bottom:0}.filter-section label{display:block;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:8px}.multi-select,.toggle-group{display:flex;flex-direction:column;gap:6px}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.checkbox-label input[type=checkbox]{margin:0}.date-range{display:flex;gap:8px}.date-range input{flex:1;padding:6px 8px;border:1px solid var(--border-color);border-radius:4px;font-size:12px}.table-container{overflow-x:auto;margin-top:0;background-color:var(--card-bg);position:relative;border-radius:12px;border:1px solid var(--border-color);box-shadow:0 1px 3px #00000026;width:100%;max-width:100%;box-sizing:border-box}.table-container::-webkit-scrollbar{height:12px}.table-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:6px}.table-container::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:6px;border:2px solid #f1f5f9}.table-container::-webkit-scrollbar-thumb:hover{background:#64748b}.customers-table{width:100%;border-collapse:collapse;background-color:var(--card-bg);table-layout:auto}.customers-table th{background-color:var(--gray-50);padding:12px 16px;text-align:center;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap;position:relative}[data-theme=dark] .customers-table th{background-color:var(--gray-800);color:#e2e8f0;border-bottom-color:var(--gray-700)}[data-theme=dark] .customers-table td{color:#f1f5f9}.customers-table th:first-child{position:sticky;left:0;z-index:10;box-shadow:2px 0 4px #0000000d}.sortable-header.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable-header.clickable:hover{background-color:var(--gray-100)}[data-theme=dark] .sortable-header.clickable:hover{background-color:var(--gray-700)}.header-content{display:flex;align-items:center;justify-content:center;gap:8px}.sort-arrows{display:flex;flex-direction:column;gap:-2px}.sort-arrow{color:#d1d5db;transition:color .2s}.sort-arrow.active{color:var(--primary)}.actions-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.bulk-delete-btn{background-color:#ff4c4c!important;color:#fff!important;font-size:11px!important;padding:4px 8px!important;white-space:nowrap}.bulk-delete-btn:hover{background-color:#e53e3e!important}.customers-table td{padding:12px 16px;border-bottom:1px solid var(--border-color);font-size:14px;vertical-align:middle;text-align:center;background:var(--card-bg)}.customers-table td:first-child{position:sticky;left:0;z-index:9;box-shadow:2px 0 4px #0000000d;background:var(--card-bg)}.customers-table tr:hover td:first-child{background:var(--table-row-hover)}[data-theme=dark] .customers-table tr:hover td:first-child{background:var(--gray-700)}.customers-table tr.selected td:first-child{background:#eff6ff}.checkbox-column{width:40px;text-align:center}.actions-column{width:80px;text-align:center}.customer-row{transition:background-color .2s}.customer-row:hover{background-color:var(--gray-50)}[data-theme=dark] .customer-row:hover{background-color:var(--gray-800)}.erp-customer .cell-content{cursor:default}.cell-content{display:flex;align-items:center;justify-content:center;gap:8px;min-height:20px}.customer-id-link{cursor:pointer;color:var(--primary);font-weight:500;transition:all .2s}.customer-id-link:hover{color:#5548e8;text-decoration:underline}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(17,24,39,.6) 0%,rgba(88,28,135,.4) 100%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:24px}.modal{background:var(--card-bg);border-radius:12px;box-shadow:0 20px 25px #0000001a;max-width:500px;width:90%;max-height:80vh;overflow:hidden}.column-settings-modal{background:#ffffff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:100%;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;margin:0 auto}[data-theme=dark] .column-settings-modal{background:#1E293B}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #E5E7EB;background:#ffffff}[data-theme=dark] .modal-header{border-bottom-color:#334155;background:#1E293B}.modal-header h3{margin:0;font-size:18px;font-weight:600;color:#1f2937}[data-theme=dark] .modal-header h3{color:#f1f5f9}.close-btn{background:none;border:none;padding:4px;cursor:pointer;color:var(--text-secondary);border-radius:4px;transition:all .2s}.close-btn:hover{background-color:var(--gray-100);color:var(--text-primary)}[data-theme=dark] .close-btn:hover{background-color:var(--gray-700)}.modal-body p{margin:0 0 16px;color:var(--text-secondary);font-size:14px}.modal-content{padding:24px;flex:1;overflow-y:auto;background:#ffffff}[data-theme=dark] .modal-content{background:#1E293B}.modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #E5E7EB;background:#F9FAFB}[data-theme=dark] .modal-actions{background:#0F172A;border-top-color:#334155}.modal-close{background:none;border:none;padding:4px;cursor:pointer;color:var(--text-secondary);border-radius:4px;transition:all .2s}.modal-close:hover{background-color:var(--gray-100);color:var(--text-primary)}[data-theme=dark] .modal-close:hover{background-color:var(--gray-700)}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-primary);font-size:14px}.form-group .input{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;background:var(--input-bg);color:var(--text-primary);transition:all .2s}.form-group .input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6c63ff1a}.column-checkboxes{display:flex;flex-direction:column;gap:12px}.modal-description{margin:0 0 20px;font-size:14px;color:#6b7280;line-height:1.5}[data-theme=dark] .modal-description{color:#9ca3af}.column-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto;padding:4px}.column-item{display:flex;align-items:center;padding:12px 16px;background:#ffffff;border:1px solid #E5E7EB;border-radius:8px;transition:all .15s ease;min-height:52px}[data-theme=dark] .column-item{background:#1E293B;border-color:#334155}.column-item:hover{border-color:#8b5cf6;background:#F9FAFB}[data-theme=dark] .column-item:hover{background:#334155}.column-item-left{display:flex;align-items:center;gap:12px;flex:1;width:100%}.column-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#8b5cf6;flex-shrink:0;margin:0;border-radius:4px}.column-checkbox:disabled{cursor:not-allowed;opacity:.4}.column-label{font-size:14px;font-weight:500;color:#374151;cursor:pointer;display:flex;align-items:center;gap:8px;-webkit-user-select:none;user-select:none;flex:1;margin:0}[data-theme=dark] .column-label{color:#e2e8f0}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--border-color);background-color:var(--gray-50)}.pagination{display:flex;justify-content:space-between;align-items:center;padding:20px;border-top:1px solid var(--gray-200);background:var(--card-bg)}.pagination-info{font-size:14px;color:var(--gray-600)}.pagination-controls{display:flex;align-items:center;gap:8px}.pagination-pages{font-size:14px;color:var(--neutral-dark);font-weight:500;padding:0 12px}.pagination-btn{display:inline-flex;align-items:center;gap:4px;padding:8px 12px;border:1px solid var(--gray-300);border-radius:6px;background:var(--input-bg);color:var(--neutral-dark);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:var(--gray-50);border-color:var(--primary)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.empty-state{text-align:center;padding:80px 20px;background-color:#fafafa}.empty-state-icon{margin-bottom:16px;color:var(--text-secondary)}.empty-state h3{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--text-primary)}.empty-state p{margin:0 0 24px;color:var(--text-secondary);font-size:14px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.loading-spinner{width:32px;height:32px;border:3px solid var(--gray-200);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;border:1px solid transparent;white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--info);color:#fff}.btn-primary:hover:not(:disabled){background-color:#2563eb}.btn-secondary{background-color:var(--card-bg);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background-color:var(--table-row-hover);border-color:var(--text-muted)}.btn-danger{background-color:#dc2626;color:#fff}.btn-danger:hover:not(:disabled){background-color:#b91c1c}.btn-ghost{background-color:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background-color:var(--gray-100);color:var(--text-primary)}.btn-sm{padding:6px 12px;font-size:12px}@media (max-width: 768px){.customers-page{padding:16px}.page-header{flex-direction:column;align-items:stretch}.header-actions{justify-content:flex-end}.search-and-filters{flex-direction:column;align-items:stretch;gap:12px}.control-buttons{justify-content:flex-end}.search-input-wrapper{max-width:none;min-width:0}.customers-table{font-size:12px}.customers-table th,.customers-table td{padding:8px 12px}.filters-dropdown{right:0;left:0;min-width:auto}.actions-header{flex-direction:column;gap:8px;align-items:flex-start}.bulk-delete-btn{font-size:10px!important;padding:3px 6px!important}}.customers-page .btn.active{background:#F5F3FF;border-color:#8b5cf6;color:#8b5cf6}.customers-page .btn.active:hover{background:#EDE9FE}.customers-page .filter-count{background:#8b5cf6;color:#fff;padding:2px 6px;border-radius:10px;font-size:11px;font-weight:600;min-width:16px;text-align:center;margin-left:4px}.customers-page .filter-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:10000;padding:24px}.customers-page .filter-modal{background:#ffffff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-width:900px;width:100%;max-height:92vh;overflow:hidden;display:flex;flex-direction:column;animation:filterModalSlideUp .3s ease-out;border:1px solid #E5E7EB}@keyframes filterModalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.customers-page .filter-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid #E5E7EB;background:#ffffff}.customers-page .filter-modal-header-left{display:flex;align-items:center;gap:16px}.customers-page .filter-modal-icon{width:40px;height:40px;border-radius:10px;background:#8b5cf6;display:flex;align-items:center;justify-content:center}.customers-page .filter-modal-icon svg{color:#fff;width:18px;height:18px}.customers-page .filter-modal-title-group h3{margin:0;font-size:24px;font-weight:700;color:#111827;line-height:1.2}.customers-page .filter-modal-subtitle{margin:2px 0 0;font-size:12px;color:#6b7280;font-weight:400}.customers-page .filter-modal-close{background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:10px;border-radius:12px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.customers-page .filter-modal-close:hover{background:#F3F4F6;color:#374151}.customers-page .filter-modal-close svg{transition:transform .3s ease}.customers-page .filter-modal-close:hover svg{transform:rotate(90deg)}.customers-page .filter-modal-body{padding:32px;flex:1;overflow-y:auto;background:#F9FAFB}.customers-page .filter-info-box{margin-bottom:24px;padding:16px;background:#F5F3FF;border:1px solid #E9E5FF;border-radius:8px;display:flex;align-items:flex-start;gap:12px}.customers-page .filter-info-icon{color:#8b5cf6;flex-shrink:0;margin-top:2px}.customers-page .filter-info-text{font-size:14px;color:#4b5563;line-height:1.6;margin:0}.customers-page .filter-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 24px}@media (max-width: 640px){.customers-page .filter-grid{grid-template-columns:1fr}}.customers-page .filter-item{display:flex;flex-direction:column;gap:8px}.customers-page .filter-item-label{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-left:2px}.customers-page .filter-item-label svg{color:#8b5cf6;width:14px;height:14px}.customers-page .filter-select-wrapper{position:relative}.customers-page .filter-select-trigger{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:white;border:1px solid #D1D5DB;color:#374151;padding:12px 40px 12px 16px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .15s ease;display:flex;justify-content:space-between;align-items:center}.customers-page .filter-select-trigger:hover{border-color:#9ca3af}.customers-page .filter-select-trigger:focus,.customers-page .filter-select-trigger.open{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #6d31ed1a}.customers-page .filter-select-chevron{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#9ca3af;transition:all .2s ease;pointer-events:none}.customers-page .filter-select-wrapper:hover .filter-select-chevron{color:#8b5cf6}.customers-page .filter-date-input{width:100%;background:white;border:1px solid #D1D5DB;color:#374151;padding:12px 16px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .15s ease}.customers-page .filter-date-input:hover{border-color:#9ca3af}.customers-page .filter-date-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #6d31ed1a}.customers-page .filter-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:white;border:1px solid #E5E7EB;border-radius:8px;box-shadow:0 10px 25px #0000001a;z-index:10000;max-height:300px;overflow:hidden;display:flex;flex-direction:column;animation:filterDropdownFade .15s ease-out}@keyframes filterDropdownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.customers-page .filter-dropdown-search{padding:10px;border-bottom:1px solid #E5E7EB;background:#F9FAFB}.customers-page .filter-dropdown-search-input{width:100%;padding:8px 10px 8px 32px;border:1px solid #E5E7EB;border-radius:6px;font-size:13px;outline:none;background:white;transition:all .15s ease}.customers-page .filter-dropdown-search-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #6d31ed1a}.customers-page .filter-dropdown-search-icon{position:absolute;left:22px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.customers-page .filter-dropdown-options{overflow-y:auto;max-height:240px}.customers-page .filter-dropdown-clear{padding:10px 14px;cursor:pointer;font-size:13px;background:#FFF7ED;font-weight:600;color:#f59e0b;border-bottom:1px solid #E5E7EB;transition:background .15s ease}.customers-page .filter-dropdown-clear:hover{background:#FFEDD5}.customers-page .filter-dropdown-option{padding:10px 14px;cursor:pointer;font-size:14px;background:white;display:flex;align-items:center;gap:10px;transition:background .1s ease}.customers-page .filter-dropdown-option:hover{background:#F9FAFB}.customers-page .filter-dropdown-option input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#8b5cf6;border-radius:4px}.customers-page .filter-dropdown-option span{color:#374151;font-weight:400}.customers-page .filter-dropdown-option.selected span{color:#8b5cf6;font-weight:600}.customers-page .filter-dropdown-empty{padding:20px;text-align:center;color:#9ca3af;font-size:13px}.customers-page .filter-modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:20px 32px;border-top:1px solid #E5E7EB;background:#ffffff}.customers-page .filter-modal-btn-secondary{padding:10px 18px;border-radius:8px;border:1px solid #D1D5DB;background:white;color:#374151;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.customers-page .filter-modal-btn-secondary:hover{background:#F9FAFB;border-color:#9ca3af}.customers-page .filter-modal-btn-primary{padding:10px 18px;border-radius:8px;border:none;background:#8b5cf6;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.customers-page .filter-modal-btn-primary:hover{background:#7c3aed}@media (max-width: 768px){.customers-page .filter-modal{max-width:100%;max-height:100vh;border-radius:0}.customers-page .filter-modal-header{padding:16px 20px}.customers-page .filter-modal-body{padding:20px}.customers-page .filter-modal-footer{padding:16px 20px;flex-direction:column;gap:10px}.customers-page .filter-modal-btn-secondary,.customers-page .filter-modal-btn-primary{width:100%;justify-content:center;padding:12px 20px}.customers-page .filter-modal-icon{width:36px;height:36px}.customers-page .filter-modal-title-group h3{font-size:18px}.customers-page .filter-info-box{padding:12px;margin-bottom:16px}.customers-page .filter-grid{gap:16px}}[data-theme=dark] .customers-page .filter-count{background:#A78BFA}[data-theme=dark] .customers-page .filter-modal-overlay{background:rgba(0,0,0,.6)}[data-theme=dark] .customers-page .filter-modal{background:#1E293B;border-color:#334155;box-shadow:0 25px 50px -12px #00000080}[data-theme=dark] .customers-page .filter-modal-header{background:#1E293B;border-color:#334155}[data-theme=dark] .customers-page .filter-modal-icon{background:#A78BFA}[data-theme=dark] .customers-page .filter-modal-title-group h3{color:#f1f5f9}[data-theme=dark] .customers-page .filter-modal-subtitle,[data-theme=dark] .customers-page .filter-modal-close{color:#94a3b8}[data-theme=dark] .customers-page .filter-modal-close:hover{background:#334155;color:#f1f5f9}[data-theme=dark] .customers-page .filter-modal-body{background:#0F172A}[data-theme=dark] .customers-page .filter-info-box{background:rgba(109,49,237,.1);border-color:#6d31ed33}[data-theme=dark] .customers-page .filter-info-text{color:#cbd5e1}[data-theme=dark] .customers-page .filter-item-label{color:#94a3b8}[data-theme=dark] .customers-page .filter-item-label svg{color:#a78bfa}[data-theme=dark] .customers-page .filter-select-trigger,[data-theme=dark] .customers-page .filter-date-input{background:#1E293B;border-color:#475569;color:#e2e8f0}[data-theme=dark] .customers-page .filter-select-trigger:hover,[data-theme=dark] .customers-page .filter-date-input:hover{border-color:#64748b}[data-theme=dark] .customers-page .filter-select-trigger:focus,[data-theme=dark] .customers-page .filter-select-trigger.open,[data-theme=dark] .customers-page .filter-date-input:focus{border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa26}[data-theme=dark] .customers-page .filter-select-chevron{color:#64748b}[data-theme=dark] .customers-page .filter-select-wrapper:hover .filter-select-chevron{color:#a78bfa}[data-theme=dark] .customers-page .filter-dropdown{background:#1E293B;border-color:#475569;box-shadow:0 10px 25px #0006}[data-theme=dark] .customers-page .filter-dropdown-search{background:#0F172A;border-color:#334155}[data-theme=dark] .customers-page .filter-dropdown-search-input{background:#1E293B;border-color:#475569;color:#e2e8f0}[data-theme=dark] .customers-page .filter-dropdown-search-input:focus{border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa1a}[data-theme=dark] .customers-page .filter-dropdown-search-input::placeholder{color:#64748b}[data-theme=dark] .customers-page .filter-dropdown-clear{background:rgba(245,158,11,.15);color:#fbbf24;border-color:#334155}[data-theme=dark] .customers-page .filter-dropdown-clear:hover{background:rgba(245,158,11,.25)}[data-theme=dark] .customers-page .filter-dropdown-option{background:#1E293B}[data-theme=dark] .customers-page .filter-dropdown-option:hover{background:#334155}[data-theme=dark] .customers-page .filter-dropdown-option span{color:#cbd5e1}[data-theme=dark] .customers-page .filter-dropdown-option.selected span{color:#a78bfa}[data-theme=dark] .customers-page .filter-dropdown-option input[type=checkbox]{accent-color:#A78BFA}[data-theme=dark] .customers-page .filter-dropdown-empty{color:#64748b}[data-theme=dark] .customers-page .filter-modal-footer{background:#1E293B;border-color:#334155}[data-theme=dark] .customers-page .filter-modal-btn-secondary{background:#0F172A;border-color:#475569;color:#e2e8f0}[data-theme=dark] .customers-page .filter-modal-btn-secondary:hover{background:#334155;border-color:#64748b}[data-theme=dark] .customers-page .filter-modal-btn-primary{background:#A78BFA}[data-theme=dark] .customers-page .filter-modal-btn-primary:hover{background:#8B5CF6}.plan-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.dark .plan-modal-overlay{background:rgba(0,0,0,.75)}.plan-modal-content{background:var(--card-bg);border-radius:16px;width:90%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 48px #0003;animation:slideUp .25s ease-out;border:1px solid var(--border-color)}.dark .plan-modal-content{box-shadow:0 24px 48px #00000080}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.plan-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,rgba(139,92,246,.08) 0%,rgba(139,92,246,.02) 100%)}.dark .plan-modal-header{background:linear-gradient(135deg,rgba(139,92,246,.12) 0%,rgba(139,92,246,.04) 100%)}.plan-modal-header-content{display:flex;align-items:flex-start;gap:16px}.plan-modal-icon{color:var(--primary);flex-shrink:0;margin-top:2px}.plan-modal-title{font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.plan-modal-subtitle{font-size:14px;color:var(--text-secondary);margin:0}.plan-modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:6px;transition:all .2s ease}.plan-modal-close:hover{background:var(--table-row-hover);color:var(--text-primary)}.plan-modal-body{padding:24px}.plan-modal-section{margin-bottom:20px}.plan-modal-section:last-child{margin-bottom:0}.plan-modal-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.plan-modal-label svg{color:var(--primary)}.billing-period-toggle{display:flex;gap:8px;background:var(--table-header-bg);padding:4px;border-radius:10px}.billing-period-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;background:transparent;color:var(--text-secondary)}.billing-period-btn:hover{color:var(--text-primary)}.billing-period-btn.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px #8b5cf64d}.billing-save-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:9999px;background:rgba(255,255,255,.2);color:inherit}.billing-period-btn:not(.active) .billing-save-badge{background:rgba(16,185,129,.15);color:var(--success)}.plan-details-box{background:var(--table-header-bg);border-radius:12px;padding:16px;border:1px solid var(--border-color)}.plan-detail-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.plan-detail-name{font-size:16px;font-weight:700;color:var(--text-primary)}.plan-detail-price{font-size:16px;font-weight:700;color:var(--primary)}.plan-features-compact{display:flex;flex-wrap:wrap;gap:8px}.feature-tag{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--text-secondary);background:var(--card-bg);padding:4px 10px;border-radius:6px}.feature-tag svg{color:var(--success)}.additional-users-box{background:var(--table-header-bg);border-radius:12px;padding:16px;border:1px solid var(--border-color)}.users-control-row{display:flex;justify-content:space-between;align-items:center}.users-info{display:flex;flex-direction:column;gap:4px}.users-price{font-size:14px;font-weight:600;color:var(--text-primary)}.users-price .price-strikethrough{text-decoration:line-through;color:var(--text-muted);font-weight:400;margin-right:6px}.users-price .price-strikethrough{text-decoration:line-through;color:var(--text-muted);margin-right:8px;font-weight:400}.users-note{font-size:12px;color:var(--text-muted)}.users-counter{display:flex;align-items:center;gap:4px;background:var(--card-bg);border-radius:10px;padding:4px;border:1px solid var(--border-color)}.counter-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:transparent;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.counter-btn:hover:not(:disabled){background:var(--primary);color:#fff}.counter-btn:disabled{opacity:.3;cursor:not-allowed}.counter-value{width:48px;text-align:center;font-size:18px;font-weight:700;color:var(--text-primary)}.users-subtotal{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:1px dashed var(--border-color);font-size:13px;color:var(--text-secondary)}.users-subtotal-price{font-weight:600;color:var(--primary)}.price-summary-box{background:linear-gradient(135deg,rgba(139,92,246,.08) 0%,rgba(139,92,246,.02) 100%);border-radius:12px;padding:16px;border:1px solid rgba(139,92,246,.2)}.dark .price-summary-box{background:linear-gradient(135deg,rgba(139,92,246,.15) 0%,rgba(139,92,246,.05) 100%)}.total-price{color:var(--primary)}.price-summary-row.annual-note{font-size:13px;color:var(--text-muted);margin-top:4px}.charge-notice{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:rgba(16,185,129,.1);border-radius:10px;margin-top:16px;border:1px solid rgba(16,185,129,.2)}.dark .charge-notice{background:rgba(16,185,129,.15)}.charge-notice-label{font-size:13px;font-weight:600;color:var(--success)}.charge-notice-amount{font-size:16px;font-weight:700;color:var(--success)}.plan-modal-footer{display:flex;gap:12px;padding:20px 24px;border-top:1px solid var(--border-color);background:var(--table-header-bg)}.plan-modal-cancel{flex:1;padding:12px 20px;border:1px solid var(--border-color);border-radius:10px;background:var(--card-bg);color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.plan-modal-cancel:hover:not(:disabled){background:var(--table-row-hover)}.plan-modal-cancel:disabled{opacity:.5;cursor:not-allowed}.plan-modal-confirm{flex:2;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:10px;background:var(--primary);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #8b5cf64d}.plan-modal-confirm:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 6px 16px #8b5cf666}.plan-modal-confirm:disabled{opacity:.7;cursor:not-allowed;transform:none}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 480px){.plan-modal-content{width:95%;max-height:95vh}.plan-modal-header,.plan-modal-body{padding:20px}.plan-modal-footer{padding:16px 20px;flex-direction:column}.plan-modal-cancel,.plan-modal-confirm{flex:none;width:100%}.users-control-row{flex-direction:column;gap:12px;align-items:stretch}.users-counter{justify-content:center}.billing-period-toggle{flex-direction:column}}.add-user-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:addUserFadeIn .2s ease-out}.dark .add-user-modal-overlay{background:rgba(0,0,0,.75)}@keyframes addUserFadeIn{0%{opacity:0}to{opacity:1}}.add-user-modal-content{background:var(--card-bg);border-radius:16px;width:90%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 48px #0003;animation:addUserSlideUp .25s ease-out;border:1px solid var(--border-color)}.dark .add-user-modal-content{box-shadow:0 24px 48px #00000080}@keyframes addUserSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.add-user-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,rgba(16,185,129,.08) 0%,rgba(16,185,129,.02) 100%)}.dark .add-user-modal-header{background:linear-gradient(135deg,rgba(16,185,129,.12) 0%,rgba(16,185,129,.04) 100%)}.add-user-modal-header-content{display:flex;align-items:flex-start;gap:16px}.add-user-modal-icon{color:var(--success);flex-shrink:0;margin-top:2px}.add-user-modal-title{font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.add-user-modal-subtitle{font-size:14px;color:var(--text-secondary);margin:0}.add-user-modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:6px;transition:all .2s ease}.add-user-modal-close:hover{background:var(--table-row-hover);color:var(--text-primary)}.add-user-modal-body{padding:24px}.add-user-modal-section{margin-bottom:20px}.add-user-modal-section:last-child{margin-bottom:0}.add-user-modal-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.add-user-modal-label svg{color:var(--success)}.current-users-box{background:var(--table-header-bg);border-radius:12px;padding:16px;border:1px solid var(--border-color)}.current-users-stat{display:flex;align-items:center;gap:10px;margin-bottom:8px}.current-users-stat svg{color:var(--primary)}.current-users-count{font-size:28px;font-weight:700;color:var(--text-primary);line-height:1}.current-users-text{font-size:14px;color:var(--text-secondary)}.current-users-breakdown{font-size:13px;color:var(--text-muted)}.add-user-billing-toggle{display:flex;flex-direction:column;gap:10px}.add-user-billing-btn{display:flex;flex-direction:column;align-items:flex-start;padding:16px;border:2px solid var(--border-color);border-radius:12px;background:var(--card-bg);cursor:pointer;transition:all .2s ease;width:100%}.add-user-billing-btn:hover{border-color:var(--primary);background:var(--table-row-hover)}.add-user-billing-btn.active{border-color:var(--success);background:rgba(16,185,129,.08);box-shadow:0 0 0 3px #10b98126}.dark .add-user-billing-btn.active{background:rgba(16,185,129,.12)}.billing-btn-content{width:100%}.billing-btn-text{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.billing-save-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:9999px;background:var(--success);color:#fff}.add-user-billing-btn:not(.active) .billing-save-badge{background:rgba(16,185,129,.15);color:var(--success)}.billing-btn-price{font-size:13px;color:var(--text-secondary)}.price-original{text-decoration:line-through;color:var(--text-muted);margin-right:8px}.price-discounted{color:var(--success);font-weight:600}.add-users-box{background:var(--table-header-bg);border-radius:12px;padding:20px;border:1px solid var(--border-color);text-align:center}.users-control-row{display:flex;justify-content:center;margin-bottom:12px}.users-counter-large{display:flex;align-items:center;gap:8px;background:var(--card-bg);border-radius:14px;padding:6px;border:1px solid var(--border-color)}.counter-btn-large{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:none;border-radius:10px;background:transparent;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.counter-btn-large:hover:not(:disabled){background:var(--success);color:#fff}.counter-btn-large:disabled{opacity:.3;cursor:not-allowed}.counter-value-large{width:72px;text-align:center;font-size:32px;font-weight:700;color:var(--text-primary)}.users-result-text{font-size:14px;color:var(--text-secondary);margin:0}.users-result-text strong{color:var(--text-primary)}.add-user-price-summary{background:linear-gradient(135deg,rgba(16,185,129,.08) 0%,rgba(16,185,129,.02) 100%);border-radius:12px;padding:16px;border:1px solid rgba(16,185,129,.2)}.dark .add-user-price-summary{background:linear-gradient(135deg,rgba(16,185,129,.15) 0%,rgba(16,185,129,.05) 100%)}.price-summary-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--text-secondary);margin-bottom:8px}.price-summary-row:last-child{margin-bottom:0}.price-summary-row.savings{color:var(--success);font-weight:500}.price-summary-row.savings svg{margin-right:4px}.savings-amount{font-weight:700}.price-summary-divider{height:1px;background:var(--border-color);margin:12px 0}.price-summary-row.total{font-size:16px;font-weight:700;color:var(--text-primary)}.total-price{color:var(--success)}.price-summary-row.annual-equiv{font-size:13px;color:var(--text-muted);margin-top:4px}.add-user-charge-notice{background:rgba(139,92,246,.08);border-radius:12px;padding:16px;margin-top:16px;border:1px solid rgba(139,92,246,.15)}.dark .add-user-charge-notice{background:rgba(139,92,246,.12)}.charge-notice-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.charge-notice-label{font-size:13px;font-weight:600;color:var(--primary)}.charge-notice-amount{font-size:18px;font-weight:700;color:var(--primary)}.charge-notice-footnote{font-size:12px;color:var(--text-muted);margin:0}.add-user-charge-notice.trial-notice{background:rgba(16,185,129,.08);border-color:#10b98133}.dark .add-user-charge-notice.trial-notice{background:rgba(16,185,129,.12)}.add-user-charge-notice.trial-notice .charge-notice-label,.charge-notice-amount.trial{color:var(--success)}.add-user-modal-footer{display:flex;gap:12px;padding:20px 24px;border-top:1px solid var(--border-color);background:var(--table-header-bg)}.add-user-modal-cancel{flex:1;padding:12px 20px;border:1px solid var(--border-color);border-radius:10px;background:var(--card-bg);color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.add-user-modal-cancel:hover:not(:disabled){background:var(--table-row-hover)}.add-user-modal-cancel:disabled{opacity:.5;cursor:not-allowed}.add-user-modal-confirm{flex:2;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:10px;background:var(--success);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #10b9814d}.add-user-modal-confirm:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 6px 16px #10b98166}.add-user-modal-confirm:disabled{opacity:.7;cursor:not-allowed;transform:none}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:addUserSpin .8s linear infinite}@keyframes addUserSpin{to{transform:rotate(360deg)}}@media (max-width: 480px){.add-user-modal-content{width:95%;max-height:95vh}.add-user-modal-header,.add-user-modal-body{padding:20px}.add-user-modal-footer{padding:16px 20px;flex-direction:column}.add-user-modal-cancel,.add-user-modal-confirm{flex:none;width:100%}.counter-value-large{width:56px;font-size:28px}.counter-btn-large{width:40px;height:40px}}.plans-billing{padding:0;max-width:100%;margin:0;background:transparent}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.spinner{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.plans-billing-header{margin-bottom:40px}.plans-title{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.plans-subtitle{font-size:14px;color:var(--text-secondary);margin:0}.current-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:48px}.current-plan-card{background:var(--card-bg);border-radius:12px;padding:20px;border:1px solid var(--border-color);box-shadow:0 1px 3px var(--shadow-color)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card-label{font-size:14px;font-weight:600;color:var(--text-secondary);margin:0}.card-label-sm{font-size:14px;font-weight:600;color:var(--text-secondary);margin:0 0 12px}.status-pill{font-size:11px;font-weight:600;padding:4px 10px;border-radius:9999px;text-transform:uppercase}.status-pill.status-trialing,.status-pill.status-active{background:var(--success);color:#fff}.status-pill.status-cancelled{background:var(--error);color:#fff}.status-pill.status-past_due{background:var(--warning);color:#fff}.plan-name-row{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.plan-display-name{font-size:20px;font-weight:700;color:var(--primary);margin:0}.plan-price-text{font-size:14px;color:var(--text-secondary);margin:0}.btn-add-user{padding:6px 12px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;font-size:12px;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-add-user:hover:not(:disabled){background:var(--table-row-hover)}.btn-add-user:disabled{opacity:.5;cursor:not-allowed}.btn-add-user.loading{position:relative;color:var(--primary);background:rgba(139,92,246,.1);border-color:var(--primary)}.dark .btn-add-user.loading{background:rgba(139,92,246,.15)}.trial-badge-box{background:rgba(139,92,246,.1);padding:12px;border-radius:8px;margin-bottom:12px}.trial-badge-text{font-size:12px;font-weight:600;color:var(--primary);margin:0}.plan-details-list{margin-bottom:16px}.detail-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--border-color-light);font-size:12px}.detail-row.last{border-bottom:none}.detail-label{color:var(--text-secondary)}.detail-value{font-weight:600;color:var(--text-primary)}.detail-value-amount{font-weight:700;color:var(--primary)}.plan-card-actions{display:flex;gap:8px;padding-top:12px;border-top:1px solid var(--border-color)}.btn-upgrade-plan{flex:1;padding:8px 12px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-upgrade-plan:hover{background:var(--primary-dark)}.btn-cancel-trial{flex:1;padding:8px 12px;background:var(--card-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-cancel-trial:hover{background:var(--table-row-hover)}.no-subscription-warning{text-align:center;padding:24px 20px}.no-subscription{color:var(--text-secondary);margin:0;font-size:14px}.no-subscription-title{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 8px}.grace-period-warning{color:var(--warning);font-size:14px;font-weight:600;margin:0;padding:8px 16px;background:rgba(245,158,11,.15);border-radius:6px;display:inline-block}.deactivated-warning{color:var(--error);font-size:14px;font-weight:600;margin:0;padding:8px 16px;background:rgba(239,68,68,.15);border-radius:6px;display:inline-block}.usage-payment-stack{display:flex;flex-direction:column;gap:24px}.rfq-usage-card{background:var(--card-bg);border-radius:12px;padding:20px;border:1px solid var(--border-color);box-shadow:0 1px 3px var(--shadow-color)}.usage-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;text-align:center}.usage-stat{padding:12px 8px}.usage-stat.bordered{border-left:1px solid var(--border-color);border-right:1px solid var(--border-color)}.stat-number{font-size:30px;font-weight:700;color:var(--text-primary);margin:0 0 4px;line-height:1}.stat-number.remaining{color:var(--success)}.stat-label{font-size:10px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:500;margin:0}.usage-reset-text{text-align:center;font-size:12px;color:var(--text-muted);margin:8px 0 0}.no-data-text{text-align:center;color:var(--text-secondary);font-size:14px;margin:20px 0}.payment-method-card{background:var(--card-bg);border-radius:12px;padding:20px;border:1px solid var(--border-color);box-shadow:0 1px 3px var(--shadow-color)}.payment-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.stripe-logo{height:16px;opacity:.6}.credit-card-visual{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:12px;padding:16px;color:#fff;position:relative;overflow:hidden;min-height:120px}.credit-card-visual.loading{display:flex;align-items:center;justify-content:center}.card-decorative-circle{position:absolute;top:-64px;right:-64px;width:128px;height:128px;background:rgba(255,255,255,.1);border-radius:50%}.card-content{position:relative}.card-type-label{font-size:12px;opacity:.8;margin:0 0 8px}.card-last-four{font-size:24px;font-weight:700;letter-spacing:2px;margin:0 0 12px}.card-footer{display:flex;justify-content:space-between;align-items:flex-end}.expires-label{font-size:11px;opacity:.8;margin:0}.expires-value{font-size:14px;font-weight:600;margin:0}.btn-update-card{background:rgba(255,255,255,.2);border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease}.btn-update-card:hover{background:rgba(255,255,255,.3)}.card-loading-text{font-size:14px;margin:0;opacity:.8}.no-payment-method{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:var(--table-header-bg);border:2px dashed var(--border-color);border-radius:8px;text-align:center}.no-payment-method i{font-size:32px;color:var(--text-muted);margin-bottom:12px}.no-payment-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.no-payment-subtitle{font-size:12px;color:var(--text-secondary);margin:0}.available-plans-section{margin-bottom:48px}.plans-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-title{font-size:24px;font-weight:700;color:var(--text-primary);margin:0}.billing-toggle{display:flex;background:rgba(139,92,246,.15);border-radius:8px;padding:4px}.billing-toggle .toggle-btn{padding:8px 16px;border:none;background:white;color:var(--text-secondary);font-size:14px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s ease}.dark .billing-toggle .toggle-btn{background:var(--card-bg)}.billing-toggle .toggle-btn:hover{color:var(--text-primary)}.billing-toggle .toggle-btn.active{background:var(--primary);color:#fff;box-shadow:0 1px 3px var(--shadow-color)}.save-badge{display:inline-block;background:rgba(255,255,255,.2);color:#fff;padding:2px 8px;border-radius:9999px;font-size:11px;font-weight:600;margin-left:4px}.billing-toggle .toggle-btn:not(.active) .save-badge{background:rgba(139,92,246,.15);color:var(--primary)}.plans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.plan-card{background:var(--card-bg);border-radius:12px;padding:24px;border:2px solid var(--primary);position:relative;display:flex;flex-direction:column;transition:all .2s ease;box-shadow:0 1px 3px var(--shadow-color)}.plan-card:hover{box-shadow:0 4px 12px #8b5cf626}.plan-card.enterprise{border-color:var(--border-color)}.plan-card.popular{box-shadow:0 4px 16px #8b5cf633}.popular-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:#F97316;color:#fff;font-size:11px;font-weight:700;padding:4px 12px;border-radius:9999px;white-space:nowrap}.plan-card-name{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 12px}.plan-card-price{margin-bottom:24px}.price-amount{font-size:36px;font-weight:700;color:var(--text-primary)}.price-custom{font-size:36px;font-weight:700;color:var(--primary)}.price-period{font-size:14px;color:var(--text-secondary)}.plan-features-list{list-style:none;padding:0;margin:0 0 16px;flex:1}.plan-user-selector{background:var(--table-header-bg);border:1px solid var(--border-color);border-radius:10px;padding:14px;margin-bottom:16px}.user-selector-header{display:flex;justify-content:space-between;align-items:center}.user-selector-label{font-size:13px;font-weight:600;color:var(--text-secondary)}.user-selector-controls{display:flex;align-items:center;gap:6px}.user-selector-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.user-selector-btn:hover:not(:disabled){background:var(--primary);border-color:var(--primary);color:#fff}.user-selector-btn:disabled{opacity:.4;cursor:not-allowed}.user-selector-count{min-width:36px;text-align:center;font-size:18px;font-weight:700;color:var(--text-primary)}.user-selector-breakdown{margin-top:14px;padding-top:14px;border-top:1px dashed var(--border-color)}.price-breakdown-row{display:flex;justify-content:space-between;font-size:12px;color:var(--text-secondary);margin-bottom:6px}.price-breakdown-total{display:flex;justify-content:space-between;font-size:13px;font-weight:600;color:var(--text-primary);padding-top:8px;margin-top:8px;border-top:1px solid var(--border-color)}.price-breakdown-total .total-amount{color:var(--primary);font-weight:700;font-size:15px}.feature-item{display:flex;align-items:flex-start;gap:8px;margin-bottom:12px;font-size:14px;color:var(--text-secondary)}.feature-check{color:var(--success);font-size:14px;margin-top:2px;flex-shrink:0}.feature-plus{color:var(--text-muted);font-size:14px;margin-top:2px;flex-shrink:0}.btn-current-plan{width:100%;padding:10px 16px;background:rgba(139,92,246,.15);color:var(--primary);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:default;transition:all .2s ease}.btn-upgrade{width:100%;padding:10px 16px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #8b5cf633}.btn-upgrade:hover:not(:disabled){background:var(--primary-dark)}.btn-upgrade:disabled{opacity:.7;cursor:not-allowed}.btn-downgrade{width:100%;padding:10px 16px;background:var(--card-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-downgrade:hover:not(:disabled){background:var(--table-row-hover)}.btn-downgrade:disabled{opacity:.7;cursor:not-allowed}.btn-enterprise{width:100%;padding:10px 16px;background:var(--text-primary);color:var(--card-bg);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px var(--shadow-color)}.btn-enterprise:hover:not(:disabled){opacity:.9}.btn-enterprise:disabled{opacity:.7;cursor:not-allowed}.invoice-history-section{margin-top:48px}.invoice-table-container{background:var(--card-bg);border-radius:12px;border:1px solid var(--border-color);overflow:hidden;box-shadow:0 1px 3px var(--shadow-color)}.invoice-table{width:100%;border-collapse:collapse}.invoice-table thead{background:var(--table-header-bg)}.invoice-table th{padding:12px 16px;text-align:left;font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color)}.invoice-table td{padding:12px 16px;font-size:14px;color:var(--text-primary);border-bottom:1px solid var(--border-color-light)}.invoice-table tbody tr:last-child td{border-bottom:none}.invoice-table tbody tr:hover{background:var(--table-row-hover)}.invoice-status{padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase}.invoice-status.status-paid{background:rgba(16,185,129,.15);color:var(--success)}.invoice-status.status-pending{background:rgba(245,158,11,.15);color:var(--warning)}.invoice-status.status-failed{background:rgba(239,68,68,.15);color:var(--error)}.invoice-download-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:var(--primary);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none}.invoice-download-btn:hover{background:var(--primary-dark)}.amount-cell{font-weight:600;color:var(--text-primary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:10000}.modal-content{background:var(--card-bg);border-radius:12px;padding:24px;max-width:500px;width:90%}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h3{font-size:18px;font-weight:700;color:var(--text-primary);margin:0}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-secondary);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:var(--text-primary)}.modal-message{font-size:14px;color:var(--text-secondary);margin-bottom:16px}.modal-footer{display:flex;gap:12px;justify-content:flex-end}.btn-modal-secondary{padding:8px 16px;background:var(--card-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-modal-secondary:hover{background:var(--table-row-hover)}.btn-modal-primary{padding:8px 16px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-modal-primary:hover{background:var(--primary-dark)}.coming-soon-notice{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px;background:var(--table-header-bg);border-radius:12px;border:2px dashed var(--border-color)}.coming-soon-icon{font-size:48px;color:var(--primary);margin-bottom:16px}.coming-soon-notice h4{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.coming-soon-notice p{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0}@media (max-width: 1280px){.plans-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.current-status-grid{grid-template-columns:1fr}}@media (max-width: 768px){.plans-title{font-size:20px}.plans-subtitle{font-size:13px}.plans-section-header{flex-direction:column;align-items:flex-start;gap:16px}.plans-grid{grid-template-columns:1fr}.plan-card{padding:20px}}@media (max-width: 480px){.plan-name-row{flex-direction:column;gap:12px}.btn-add-user{width:100%;text-align:center}.plan-card-actions{flex-direction:column}.usage-stats-grid{grid-template-columns:1fr;gap:0}.usage-stat{padding:12px;border-bottom:1px solid var(--border-color)}.usage-stat.bordered{border-left:none;border-right:none}.usage-stat:last-child{border-bottom:none}}.email-integration-modal{background:var(--card-bg);border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.provider-header{display:flex;align-items:center;gap:12px}.provider-icon{font-size:32px}.provider-header h2{font-size:24px;font-weight:600;color:var(--text-primary);margin:0}.info-card{display:flex;gap:16px;padding:20px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;margin-bottom:20px}.info-card svg{color:#0284c7;flex-shrink:0;margin-top:2px}.info-card h3{font-size:16px;font-weight:600;color:#0c4a6e;margin:0 0 8px}.info-card p{font-size:14px;color:#0c4a6e;margin:0 0 8px}.info-card ul{margin:0;padding-left:20px}.info-card li{font-size:14px;color:#0c4a6e;margin-bottom:4px}.alert-card{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fef3c7;border:1px solid #fde047;border-radius:8px;margin-bottom:24px}.alert-card svg{color:#f59e0b;flex-shrink:0;margin-top:2px}.alert-card p{font-size:13px;color:#92400e;margin:0}.form-section{margin-bottom:24px}.form-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.date-input{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:8px;font-size:14px;color:var(--text-primary);background:var(--input-bg);transition:all .2s ease}.date-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf61a}.helper-text{font-size:12px;color:var(--text-secondary);margin:8px 0}.quick-select-btn{padding:8px 16px;background:var(--table-row-hover);border:1px solid var(--border-color);border-radius:6px;font-size:13px;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.quick-select-btn:hover{background:var(--gray-300);border-color:var(--gray-400)}.error-message{display:flex;align-items:center;gap:8px;padding:12px;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;font-size:13px;margin-bottom:16px}.permissions-info{padding:20px;background:var(--table-row-hover);border-radius:8px;border:1px solid var(--border-color)}.permissions-info h4{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 12px}.permissions-info ul{margin:0 0 12px;padding-left:20px}.permissions-info li{font-size:13px;color:var(--text-secondary);margin-bottom:6px}.privacy-note{font-size:12px;color:var(--text-muted);margin:0;font-style:italic}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--border-color);background:var(--table-row-hover)}.btn-cancel,.btn-connect{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.btn-cancel{background:var(--card-bg);color:var(--text-primary);border:1px solid var(--border-color)}.btn-connect{background:var(--primary);color:#fff}.btn-connect:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6c63ff4d}@media (max-width: 640px){.email-integration-modal{width:95%}.provider-header h2{font-size:20px}.modal-footer{flex-direction:column}.btn-cancel,.btn-connect{width:100%;justify-content:center}}.email-sync-progress-modal{background:var(--card-bg);border-radius:12px;width:90%;max-width:500px;box-shadow:0 20px 60px #0000004d;animation:slideIn .3s ease-out}.email-sync-progress-modal .modal-header{padding:24px;border-bottom:1px solid var(--border-color)}.email-sync-progress-modal .header-content{display:flex;align-items:center;gap:12px}.email-sync-progress-modal .status-icon{flex-shrink:0}.email-sync-progress-modal .status-icon.success{color:#10b981}.email-sync-progress-modal .status-icon.error{color:#ef4444}.email-sync-progress-modal .status-icon.spin{color:var(--info);animation:spin 1s linear infinite}.email-sync-progress-modal h2{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.email-sync-progress-modal .modal-close{background:none;border:none;padding:8px;cursor:pointer;color:var(--text-secondary);border-radius:6px;transition:all .2s;margin-left:auto}.email-sync-progress-modal .modal-close:hover{background:var(--table-row-hover);color:var(--text-primary)}.email-sync-progress-modal .modal-body{padding:24px}.progress-info{display:flex;flex-direction:column;gap:20px}.progress-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px}.stat{display:flex;flex-direction:column;align-items:center;padding:16px;background:var(--table-row-hover);border-radius:8px}.stat-value{font-size:24px;font-weight:700;color:var(--text-primary);line-height:1}.stat-label{font-size:13px;color:var(--text-secondary);margin-top:4px}.progress-bar-container{width:100%;height:8px;background:#e5e7eb;border-radius:999px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:999px;transition:width .3s ease-out;position:relative;overflow:hidden}.progress-bar:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.progress-bar.complete{background:linear-gradient(90deg,#10b981,#059669)}.progress-bar.error{background:linear-gradient(90deg,#ef4444,#dc2626)}.progress-message{text-align:center;color:var(--text-secondary);font-size:14px;margin:0}.success-message,.error-message,.info-note{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:8px;font-size:14px;margin-top:16px}.success-message{background:#d1fae5;color:#065f46}.success-message svg{color:#10b981}.error-message{background:#fee2e2;color:#991b1b}.error-message svg{color:#ef4444}.info-note{background:#e0f2fe;color:#075985}.info-note svg{color:#0284c7;flex-shrink:0}.email-sync-progress-modal .modal-footer{padding:16px 24px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:12px}.email-sync-progress-modal .btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:all .2s}.email-sync-progress-modal .btn-primary{background:var(--info);color:#fff}.email-sync-progress-modal .btn-primary:hover{background:#2563eb}.email-sync-progress-modal .btn-secondary{background:var(--table-row-hover);color:var(--text-primary)}.email-sync-progress-modal .btn-secondary:hover{background:#e5e7eb}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.signature-manager{padding:24px;max-width:900px}.signature-manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.signature-manager-header h3{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.btn-edit-signature{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.btn-edit-signature:hover{background:#1d4ed8}.signature-manager-loading{padding:40px;text-align:center;color:var(--text-secondary)}.no-signatures{padding:60px 20px;text-align:center;background:var(--table-row-hover);border-radius:12px;border:2px dashed #e5e7eb}.no-signatures p{margin:0;color:var(--text-secondary);font-size:15px}.signatures-list{display:flex;flex-direction:column;gap:16px}.signature-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px}.signature-view{display:flex;flex-direction:column;gap:16px}.signature-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.signature-name-section{flex:1;display:flex;flex-direction:column;gap:8px}.signature-name-section h4{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.signature-badges{display:flex;gap:8px}.badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.badge-default{background:#dbeafe;color:#1e40af}.badge-auto{background:#d1fae5;color:#065f46}.signature-actions{display:flex;gap:8px}.btn-icon{padding:8px;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:var(--table-row-hover);color:var(--text-primary);border-color:var(--border-color)}.btn-icon.btn-delete:hover{background:#fee2e2;color:#dc2626;border-color:#fca5a5}.signature-content{padding:16px;background:var(--table-row-hover);border-radius:8px;border:1px solid var(--border-color);font-size:14px;line-height:1.6;color:var(--text-primary)}.signature-content img{max-width:100%;height:auto;display:inline-block;margin:4px 0}.signature-edit-form{display:flex;flex-direction:column;gap:16px}.signature-edit-form .form-group{display:flex;flex-direction:column;gap:8px}.signature-edit-form label{font-size:14px;font-weight:500;color:var(--text-primary)}.signature-edit-form .form-control{width:100%;padding:10px 14px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;color:var(--text-primary);transition:border-color .2s}.signature-edit-form .form-control:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.signature-edit-form textarea.form-control{resize:vertical;min-height:120px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.form-checkboxes{display:flex;flex-direction:column;gap:12px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:var(--text-primary)}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#2563eb}.edit-actions{display:flex;gap:12px;padding-top:8px}.btn-save{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.btn-save:hover{background:#1d4ed8}.btn-cancel{padding:10px 20px;background:var(--card-bg);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:var(--table-row-hover);color:var(--text-primary);border-color:var(--text-muted)}.signature-editor-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:8px;padding:8px 12px;background:var(--table-row-hover);border-radius:8px;border:1px solid var(--border-color)}.btn-upload-image{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;font-size:13px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s}.btn-upload-image:hover{background:var(--table-row-hover);border-color:var(--text-muted)}.helper-text{font-size:12px;color:var(--text-secondary);font-style:italic}.signature-textarea{font-family:Courier New,monospace;font-size:13px}.editor-toolbar{background:var(--table-row-hover);border:1px solid var(--border-color);border-bottom:none;border-radius:8px 8px 0 0}.toolbar-main{display:flex;align-items:center;gap:8px;padding:10px 12px}.toolbar-extended{display:flex;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid var(--border-color)}.toolbar-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s;color:var(--text-primary)}.toolbar-btn:hover{background:#e5e7eb;border-color:var(--text-muted)}.toolbar-btn:active,.toolbar-btn.active{background:#d1d5db;border-color:#2563eb}.toolbar-divider{width:1px;height:24px;background:#d1d5db;margin:0 4px}.toolbar-select{padding:6px 10px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;font-size:13px;color:var(--text-primary);cursor:pointer;transition:all .2s}.toolbar-select:hover{border-color:var(--text-muted)}.toolbar-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.toolbar-color{width:40px;height:32px;padding:4px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s}.toolbar-color:hover{border-color:var(--text-muted)}.toolbar-size-input{width:60px;padding:6px 8px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;font-size:13px;color:var(--text-primary);text-align:center;transition:all .2s}.toolbar-size-input:hover{border-color:var(--text-muted)}.toolbar-size-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.toolbar-hint{font-size:12px;color:var(--text-secondary);font-style:italic;margin-left:auto}.signature-editor{min-height:200px;max-height:400px;overflow-y:auto;padding:14px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:0 0 8px 8px;font-size:14px;color:var(--text-primary);line-height:1.6;font-family:Arial,sans-serif;direction:ltr;text-align:left;unicode-bidi:embed}.signature-editor:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.signature-editor img{max-width:100%;height:auto;display:inline-block;margin:4px 0}.signature-editor:empty:before{content:"Type your signature here or paste images...";color:var(--text-muted);font-style:italic}.signature-preview{margin-top:16px;padding:16px;background:var(--table-row-hover);border:1px solid var(--border-color);border-radius:8px}.signature-preview label{display:block;margin-bottom:8px;font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.preview-content{padding:12px;background:var(--card-bg);border-radius:6px;min-height:60px;line-height:1.6}.preview-content img{max-width:100%;height:auto;display:block;margin:8px 0}.email-templates-section{margin-top:40px;padding-top:40px;border-top:2px solid #e5e7eb}.email-templates-section .section-header{margin-bottom:24px}.email-templates-section .section-header h3{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--text-primary)}.email-templates-section .section-header p{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.5}.template-form{background:var(--table-row-hover);padding:24px;border-radius:12px;border:1px solid var(--border-color)}.template-form .form-group{margin-bottom:20px}.template-form .form-group:last-of-type{margin-bottom:24px}.template-form label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--text-primary)}.btn-save-templates{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-save-templates:hover{background:#1d4ed8}.btn-save-templates:disabled{opacity:.6;cursor:not-allowed}.email-settings-modal{background:var(--card-bg);border-radius:12px;width:90%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.email-settings-modal .modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px;border-bottom:1px solid var(--border-color)}.email-settings-modal .modal-header h2{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.email-settings-modal .integration-email{font-size:14px;color:var(--text-secondary);margin:4px 0 0}.email-settings-modal .modal-close{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;color:var(--text-secondary);transition:all .15s}.email-settings-modal .modal-close:hover{background:var(--table-row-hover);color:var(--text-primary)}.settings-tabs{display:flex;gap:8px;padding:16px 24px 0;border-bottom:1px solid var(--border-color)}.settings-tab{padding:12px 20px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:14px;font-weight:500;color:var(--text-secondary);transition:all .15s;margin-bottom:-1px}.settings-tab.active{color:#2563eb;border-bottom-color:#2563eb}.settings-content{flex:1;overflow-y:auto;padding:24px}.templates-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.templates-section h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.loading-state,.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary)}.empty-state p{margin:8px 0}.empty-hint{font-size:14px;color:var(--text-muted)}.templates-list{display:grid;gap:16px}.template-card{border:1px solid var(--border-color);border-radius:8px;padding:16px;transition:all .15s}.template-card:hover{border-color:var(--border-color);box-shadow:0 2px 4px #0000000d}.template-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.template-header h4{margin:0;font-size:15px;font-weight:600;color:var(--text-primary)}.default-badge{padding:4px 8px;background:#dbeafe;color:#1e40af;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.template-type{font-size:12px;color:var(--text-secondary);text-transform:uppercase;margin:4px 0}.template-subject{font-size:14px;color:var(--text-primary);margin:8px 0 0}.integration-tools{padding:0;max-width:100%;margin:0}.page-header .header-actions{display:flex;align-items:center;gap:12px}.integration-tools .view-only-badge{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#F3F4F6;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;font-weight:600;color:#4b5563}.dark .integration-tools .view-only-badge{background:var(--gray-800);border-color:var(--gray-700);color:var(--text-secondary)}.page-title{font-size:20px;font-weight:700;color:var(--text-primary);margin:0}.btn-custom-api{display:flex;align-items:center;gap:8px;height:36px;padding:0 16px;background:var(--card-bg);color:var(--primary);border:1px solid #8b5cf6;border-radius:18px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}[data-theme=dark] .btn-custom-api{background:var(--gray-800);color:#a78bfa;border-color:var(--primary)}.btn-custom-api:hover{background:#F3EFFF}.integration-tabs{position:relative;display:flex;gap:8px;background:var(--gray-100);padding:4px;border-radius:12px;margin-bottom:32px}.integration-tabs.compact{max-width:320px;gap:4px}[data-theme=dark] .integration-tabs,.dark .integration-tabs{background:var(--gray-800)}.tab-btn{position:relative;flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:transparent;border:none;border-radius:8px;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:2}.integration-tabs.compact .tab-btn{padding:8px 16px;gap:6px}.tab-btn.active{color:var(--text-primary)}.tab-btn:hover:not(.active):not(.disabled){color:var(--text-primary)}.tab-btn.disabled{cursor:not-allowed;opacity:1}.tab-btn.coming-soon-tab{color:#9ca3af}.tab-btn.coming-soon-tab .tab-icon{filter:grayscale(100%);opacity:.6}.tab-btn.coming-soon-tab:hover{color:#9ca3af}[data-theme=dark] .tab-btn.coming-soon-tab,.dark .tab-btn.coming-soon-tab{color:#6b7280}[data-theme=dark] .tab-btn.coming-soon-tab .tab-icon,.dark .tab-btn.coming-soon-tab .tab-icon{opacity:.4}.tab-coming-soon-badge{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;padding:2px 6px;background:#E5E7EB;color:#6b7280;border-radius:8px;margin-left:2px}[data-theme=dark] .tab-coming-soon-badge,.dark .tab-coming-soon-badge{background:#374151;color:#9ca3af}.tab-icon{font-size:18px;transition:transform .3s ease}.integration-tabs.compact .tab-icon{font-size:14px}.tab-btn.active .tab-icon{transform:scale(1.1)}.tab-indicator{position:absolute;top:4px;left:4px;width:calc(50% - 6px);height:calc(100% - 8px);background:var(--card-bg);border-radius:8px;box-shadow:0 2px 8px #00000014;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1}[data-theme=dark] .tab-indicator,.dark .tab-indicator{background:var(--gray-700)}.search-bar{position:relative;margin-bottom:32px}.search-input{width:100%;height:44px;padding:0 16px 0 48px;background:var(--gray-100);border:1px solid transparent;border-radius:12px;font-size:14px;color:var(--text-primary);transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--primary);background:var(--card-bg)}.search-input::placeholder{color:#999}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#999}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:20px}@media (max-width: 768px){.integrations-grid{grid-template-columns:1fr}}.integration-card{position:relative;width:100%;background:var(--card-bg);border-radius:16px;padding:32px 24px 24px;box-shadow:0 1px 3px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;border:1px solid #f0f0f0;display:flex;flex-direction:column}.integration-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001f;border-color:var(--accent-color, #8b5cf6)}.integration-card.connected{background:linear-gradient(135deg,#E8F5E9 0%,#F1F8F4 100%);border-color:#4ade80}.card-accent{position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent-color, #8b5cf6)}.btn-settings-corner{position:absolute;top:12px;right:12px;width:36px;height:36px;padding:0;background:var(--card-bg);color:#6b7280;border:1px solid #E5E7EB;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10;box-shadow:0 1px 3px #0000001a}.btn-settings-corner:hover{background:#F3F4F6;color:var(--text-primary);transform:scale(1.05);box-shadow:0 2px 8px #00000026}.popular-badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#FFB020,#FF8C00);color:#fff;font-size:10px;font-weight:700;letter-spacing:.5px;padding:4px 10px;border-radius:12px;box-shadow:0 2px 8px #ff8c004d;z-index:1}.integration-icon-wrapper{margin-bottom:16px}.integration-icon{width:56px;height:56px;background:linear-gradient(135deg,#F8F9FA,#FFFFFF);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:32px;box-shadow:0 4px 12px #0000000f;border:1px solid #f0f0f0}.integration-icon img{width:36px;height:36px;object-fit:contain}.integration-icon svg{width:36px;height:36px}.integration-icon span{font-size:32px}.integration-content{flex:1;display:flex;flex-direction:column}.integration-header-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.integration-name{font-size:20px;font-weight:700;color:var(--text-primary);margin:0;padding-right:80px;word-wrap:break-word}.coming-soon-badge{display:inline-flex;align-items:center;padding:4px 10px;background:linear-gradient(135deg,#FFD93D,#FFAA33);color:var(--text-primary);font-size:10px;font-weight:700;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.integration-description{font-size:14px;color:var(--text-secondary);margin-bottom:20px;line-height:1.6;min-height:44px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.integration-meta{display:flex;align-items:center;gap:16px;margin-bottom:20px}.meta-item{display:flex;align-items:center;gap:4px}.star-icon,.users-icon{font-size:14px}.meta-value{font-size:13px;font-weight:600;color:var(--text-primary)}.integration-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}.category-tag{display:inline-flex;align-items:center;padding:6px 12px;background:#F3F4F6;color:#6b7280;font-size:11px;font-weight:600;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.integration-actions{display:flex;gap:8px;flex:1;justify-content:flex-end}.btn-connect{min-width:120px;height:40px;padding:0 20px;background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;border:none;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px;letter-spacing:.3px}.btn-connect:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6c63ff59}.btn-connect svg{transition:transform .3s ease}.btn-connect:hover svg{transform:translate(2px)}.btn-connected{min-width:120px;height:40px;padding:0 20px;background:#10B981;color:#fff;border:none;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease}.btn-connected:hover{background:#DC2626;transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.btn-connected:hover:after{content:"Disconnect";position:absolute}.btn-connected:hover svg,.btn-connected:hover>span:first-of-type{display:none}.btn-settings{width:40px;height:40px;padding:0;background:#6366F1;color:#fff;border:2px solid #4F46E5;border-radius:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.btn-settings:hover{background:#4F46E5;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #6366f14d}.btn-coming-soon{min-width:120px;height:40px;padding:0 20px;background:#F3F4F6;color:#9ca3af;border:1px solid #E5E7EB;border-radius:20px;font-size:13px;font-weight:600;cursor:not-allowed;display:flex;align-items:center;justify-content:center;gap:8px}.btn-sync{min-width:100px;height:40px;padding:0 16px;background:var(--primary);color:#fff;border:none;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease}.btn-sync:hover:not(:disabled){background:#5A52D5;transform:translateY(-1px);box-shadow:0 4px 12px #6c63ff66}.btn-sync:disabled{opacity:.6;cursor:not-allowed}.spin{animation:spin 1s linear infinite}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center;z-index:10000}.custom-api-modal{width:500px;background:var(--card-bg);border-radius:12px;box-shadow:0 4px 20px #00000026;padding:24px;animation:modalSlideIn .3s ease-out}.confirm-modal{width:400px;background:var(--card-bg);border-radius:12px;box-shadow:0 4px 20px #00000026;padding:24px;animation:modalSlideIn .3s ease-out}.modal-title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0}.close-btn{background:none;border:none;padding:4px;cursor:pointer;color:var(--text-secondary);border-radius:4px;transition:all .2s ease}.close-btn:hover{background:#F3F4F6;color:var(--text-primary)}.modal-body{margin-bottom:24px}.modal-description{font-size:14px;color:var(--text-secondary);margin-bottom:24px;line-height:1.5}.form-group{margin-bottom:16px}.form-input{width:100%;padding:12px 16px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;color:var(--text-primary);background:var(--card-bg);transition:all .2s ease}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6c63ff1a}.form-input::placeholder{color:#999}.api-key-section{margin-bottom:24px}.api-key-label{display:block;font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:8px}.api-key-field{display:flex;align-items:center;gap:8px}.api-key-input{flex:1;padding:12px 16px;border:1px solid #D1D5DB;border-radius:8px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;color:var(--primary);background:#F9FAFB}.api-key-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6c63ff1a}.toggle-visibility-btn,.copy-btn{padding:12px;background:var(--card-bg);border:1px solid #D1D5DB;border-radius:8px;cursor:pointer;color:var(--text-secondary);transition:all .2s ease}.toggle-visibility-btn:hover,.copy-btn:hover{background:#F3F4F6;color:var(--text-primary)}.modal-actions{display:flex;gap:12px;margin-bottom:24px}.btn-generate{flex:1;height:44px;background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;border:none;border-radius:22px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-generate:hover{transform:translateY(-1px);box-shadow:0 4px 16px #9c7ff966}.btn-docs{flex:1;height:44px;background:var(--card-bg);color:var(--primary);border:1px solid #8b5cf6;border-radius:22px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-docs:hover{background:#F3EFFF}.modal-footer{display:flex;justify-content:flex-end;gap:12px}.modal-footer .btn{min-width:80px;height:36px;border-radius:18px;font-size:14px}.btn-secondary{background:#6B7280;color:#fff;border:none;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#4B5563}.btn-primary{background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;border:none;cursor:pointer;transition:all .2s ease}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #9c7ff966}.toast{position:fixed;bottom:24px;right:24px;background:#4ADE80;color:#fff;padding:12px 20px;border-radius:8px;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;box-shadow:0 4px 16px #00000026;animation:toastSlideIn .3s ease-out;z-index:1001}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (max-width: 1024px){.categories-container{grid-template-columns:1fr;gap:24px}.integration-tools{padding:24px}}@media (max-width: 768px){.integration-tools{padding:16px}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.btn-custom-api{align-self:flex-end}.custom-api-modal{width:90vw;max-width:400px;margin:16px}.modal-actions,.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}}.permissions-table-container{position:relative;border:1px solid #E5E7EB;border-radius:12px;overflow:hidden;background:var(--card-bg, #fff)}.permissions-table{width:100%;border-collapse:separate;border-spacing:0}.permissions-table th{background:#F9FAFB;padding:14px 16px;text-align:center;font-weight:600;font-size:13px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #E5E7EB}.permissions-table th:first-child{width:40%;text-align:left;padding-left:20px}.permissions-table th:not(:first-child){width:20%;text-align:center}.permissions-table td{padding:0;height:56px;vertical-align:middle;border-bottom:1px solid #F3F4F6}.permissions-table tbody tr:last-child td{border-bottom:none}.permissions-table tbody tr{transition:background-color .15s ease}.permissions-table tbody tr:hover:not(.disabled-row){background:#FAFBFC}.module-name{padding:0 16px 0 20px;font-weight:500;font-size:14px;color:var(--text-primary, #111827);display:flex;align-items:center;gap:8px;height:56px}.lock-icon{color:#d1d5db;flex-shrink:0}.permission-cell{text-align:center;padding:0 8px}.permission-option{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;padding:8px 12px;border-radius:8px;transition:background-color .15s ease}.permission-option:hover:not(:has(input:disabled)){background:rgba(156,127,249,.08)}.permission-option input[type=radio]{display:none}.radio-custom{width:18px;height:18px;border:2px solid #D1D5DB;border-radius:50%;position:relative;transition:all .15s ease;flex-shrink:0;background:#fff}.permission-option input[type=radio]:checked+.radio-custom{border-color:#9c7ff9;background:#9C7FF9}.permission-option input[type=radio]:checked+.radio-custom:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:#fff;border-radius:50%}.permission-option input[type=radio]:disabled+.radio-custom{border-color:#e5e7eb;background:#F9FAFB}.permission-option input[type=radio]:disabled:checked+.radio-custom{border-color:#9ca3af;background:#9CA3AF}.permission-label{font-size:14px;color:var(--text-primary, #374151);font-weight:500}.permission-option.permission-option-hide .radio-custom.radio-custom-hide{border-color:#d1d5db}.permission-option.permission-option-hide .permission-label.permission-label-hide{color:#9ca3af}.permission-option input[type=radio]:checked+.radio-custom.radio-custom-hide{border-color:#9ca3af;background:#9CA3AF}.permission-option.permission-option-hide:hover:not(:has(input:disabled)){background:rgba(156,163,175,.08)}.settings-row td{border-top:1px solid #E5E7EB;border-bottom:1px solid #E5E7EB}.settings-row:hover:not(.disabled-row){background:#FAFBFC}.settings-module-name{font-weight:600;color:var(--primary, #7C3AED)}.sub-module-row td{border-bottom:1px solid #F3F4F6}.sub-module-row:last-child td{border-bottom:none}.sub-module-row:hover:not(.disabled-row){background:#FAFBFC}.sub-module-name{padding-left:36px!important;font-weight:400;color:var(--text-secondary, #6B7280)}.sub-module-icon{color:#9ca3af;flex-shrink:0;margin-right:4px}.permission-cell-disabled{opacity:.4}.permission-na{color:#d1d5db;font-size:16px;font-weight:300}.disabled-row{opacity:.6;background:#FAFAFA}.disabled-row .permission-option{cursor:not-allowed}.disabled-row .permission-label{color:#9ca3af}.disabled-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.85);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.disabled-overlay p{background:#fff;padding:12px 20px;border-radius:8px;box-shadow:0 4px 12px #00000014;font-size:14px;color:#6b7280;margin:0;border:1px solid #E5E7EB}[data-theme=dark] .permissions-table-container,.dark .permissions-table-container{border-color:var(--gray-700, #374151);background:var(--card-bg, #1F2937)}[data-theme=dark] .permissions-table th,.dark .permissions-table th{background:var(--gray-800, #1F2937);border-color:var(--gray-700, #374151);color:#9ca3af}[data-theme=dark] .permissions-table td,.dark .permissions-table td{border-color:var(--gray-800, #374151)}[data-theme=dark] .permissions-table tbody tr:hover:not(.disabled-row),.dark .permissions-table tbody tr:hover:not(.disabled-row){background:rgba(255,255,255,.03)}[data-theme=dark] .module-name,.dark .module-name{color:var(--text-primary, #F9FAFB)}[data-theme=dark] .permission-label,.dark .permission-label{color:var(--text-primary, #E5E7EB)}[data-theme=dark] .radio-custom,.dark .radio-custom{border-color:#4b5563;background:#374151}[data-theme=dark] .permission-option input[type=radio]:checked+.radio-custom,.dark .permission-option input[type=radio]:checked+.radio-custom{border-color:#a78bfa;background:#A78BFA}[data-theme=dark] .permission-option:hover:not(:has(input:disabled)),.dark .permission-option:hover:not(:has(input:disabled)){background:rgba(167,139,250,.1)}[data-theme=dark] .permission-option.permission-option-hide:hover:not(:has(input:disabled)),.dark .permission-option.permission-option-hide:hover:not(:has(input:disabled)){background:rgba(107,114,128,.15)}[data-theme=dark] .permission-option .radio-custom.radio-custom-hide,.dark .permission-option .radio-custom.radio-custom-hide{border-color:#6b7280}[data-theme=dark] .permission-option .permission-label.permission-label-hide,.dark .permission-option .permission-label.permission-label-hide{color:#6b7280}[data-theme=dark] .permission-option input[type=radio]:checked+.radio-custom.radio-custom-hide,.dark .permission-option input[type=radio]:checked+.radio-custom.radio-custom-hide{border-color:#6b7280;background:#6B7280}[data-theme=dark] .settings-row td,.dark .settings-row td{border-color:var(--gray-700, #374151)}[data-theme=dark] .settings-module-name,.dark .settings-module-name{color:#a78bfa}[data-theme=dark] .sub-module-name,.dark .sub-module-name{color:#9ca3af}[data-theme=dark] .sub-module-icon,.dark .sub-module-icon{color:#6b7280}[data-theme=dark] .permission-na,.dark .permission-na{color:#4b5563}[data-theme=dark] .lock-icon,.dark .lock-icon{color:#6b7280}[data-theme=dark] .disabled-row,.dark .disabled-row{background:rgba(0,0,0,.2)}[data-theme=dark] .disabled-overlay,.dark .disabled-overlay{background:rgba(17,24,39,.85)}[data-theme=dark] .disabled-overlay p,.dark .disabled-overlay p{background:var(--gray-800, #1F2937);border-color:var(--gray-600, #4B5563);color:#9ca3af}.user-modal{background:var(--card-bg);border-radius:12px;box-shadow:0 4px 20px #00000026;width:100%;max-width:900px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;margin-bottom:24px}.modal-header h2{font-size:24px;font-weight:600;color:var(--text-primary);margin:0}.field-hint{font-size:12px;color:var(--text-secondary);font-weight:400;margin-left:8px}.field-description{font-size:13px;color:var(--text-secondary);margin-top:8px;margin-bottom:0;line-height:1.5}.role-description{font-size:13px;color:var(--text-secondary);margin-top:8px;margin-bottom:0;line-height:1.6;padding:12px;background-color:var(--table-row-hover);border-left:3px solid var(--success);border-radius:4px}.role-description strong{color:var(--text-primary)}.close-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.close-button:hover{background:var(--table-row-hover);color:var(--text-primary)}.modal-body{padding:0 24px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:8px}.form-group input:not([type=checkbox]):not([type=radio]),.form-group select{width:100%;height:44px;padding:0 16px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;background:var(--input-bg);color:var(--text-primary);transition:all .2s ease}.form-group input:not([type=checkbox]):not([type=radio]):focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf61a}.form-group input::placeholder{color:var(--text-muted)}.admin-section{margin:24px 0;padding:20px;background:rgba(139,92,246,.05);border-radius:8px;border:1px solid rgba(139,92,246,.2)}.admin-toggle{display:flex;align-items:flex-start;gap:16px}.toggle-switch{width:48px;height:28px;background:var(--gray-300);border-radius:14px;position:relative;cursor:pointer;transition:all .2s ease;flex-shrink:0}.toggle-switch.active{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.toggle-slider{width:24px;height:24px;background:var(--card-bg);border-radius:50%;position:absolute;top:2px;left:2px;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.toggle-info{flex:1}.toggle-label{font-size:16px;font-weight:500;color:var(--text-primary);display:block;margin-bottom:4px}.toggle-description{font-size:13px;color:var(--text-secondary);margin:0}.permissions-section{margin:24px 0}.permissions-section h3{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.manager-notice{display:flex;align-items:center;gap:8px;padding:12px 16px;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);border-radius:8px;margin-bottom:16px;font-size:14px;color:#3b82f6}.modal-footer{display:flex;justify-content:stretch;gap:12px;padding:24px;border-top:1px solid var(--border-color);margin-top:24px}.modal-footer button{flex:1;min-width:120px}.btn-cancel{height:44px;padding:0 24px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-cancel:hover{background:var(--table-row-hover);border-color:var(--gray-400)}.btn-cancel:disabled{opacity:.5;cursor:not-allowed}.btn-save{height:44px;padding:0 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-save:hover{transform:translateY(-1px);box-shadow:0 4px 16px #10b98166}.btn-save:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.geographic-restrictions{margin:24px 0}.geographic-restrictions .field-description{color:var(--text-secondary);font-size:13px;line-height:1.5}.role-restriction-notice{display:flex;align-items:center;gap:6px;padding:10px 12px;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.25);border-radius:6px;margin-top:8px;font-size:13px;color:#d97706}.dark .role-restriction-notice{background:rgba(245,158,11,.15);border-color:#f59e0b4d;color:#fbbf24}.role-restriction-notice svg{flex-shrink:0}.form-group select.role-select-disabled{background-color:var(--table-row-hover);cursor:not-allowed;opacity:.7}.dark .form-group select.role-select-disabled{background-color:#ffffff0d}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.modal-content{background:var(--card-bg);border-radius:16px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--gray-200)}.modal-title-section{display:flex;align-items:center;gap:16px}.modal-logo{font-size:32px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--gray-100);border-radius:12px}.modal-title{font-size:20px;font-weight:600;color:var(--neutral-dark);margin:0}.modal-subtitle{font-size:14px;color:var(--gray-600);margin:4px 0 0}.close-btn{background:none;border:none;padding:8px;border-radius:8px;cursor:pointer;color:var(--gray-500);transition:all .2s ease}.close-btn:hover{background:var(--gray-100);color:var(--gray-700)}.setup-instructions{margin-bottom:24px;padding:20px;background:var(--gray-50);border-radius:12px;border-left:4px solid var(--primary)}.setup-instructions h4{font-size:16px;font-weight:600;color:var(--neutral-dark);margin-bottom:12px}.setup-instructions ol{margin:0;padding-left:20px}.setup-instructions li{font-size:14px;color:var(--gray-700);margin-bottom:8px;line-height:1.4}.form-fields{display:flex;flex-direction:column;gap:20px}.field-group{display:flex;flex-direction:column;gap:8px}.field-group label{font-size:14px;font-weight:500;color:var(--gray-700)}.field-group .input{padding:12px 16px;border:1px solid var(--gray-300);border-radius:8px;font-size:14px;transition:all .2s ease}.field-group .input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6c63ff1a}.oauth-section{text-align:center;padding:32px 0}.oauth-btn{display:inline-flex;align-items:center;gap:12px;padding:16px 32px;font-size:16px;font-weight:500;margin-bottom:16px}.oauth-btn span{font-size:20px}.oauth-note{font-size:14px;color:var(--gray-600);margin:0}.testing-section{text-align:center;padding:40px 0}.testing-icon{margin-bottom:24px;display:flex;justify-content:center}.loading{width:48px;height:48px;border:4px solid var(--gray-200);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.testing-section h3{font-size:18px;font-weight:600;color:var(--neutral-dark);margin-bottom:8px}.testing-section p{font-size:14px;color:var(--gray-600);margin:0}.success-section{text-align:center;padding:40px 0}.success-icon{margin-bottom:24px;display:flex;justify-content:center}.success-section h3{font-size:18px;font-weight:600;color:var(--neutral-dark);margin-bottom:8px}.success-section>p{font-size:14px;color:var(--gray-600);margin-bottom:24px}.success-features{background:var(--gray-50);border-radius:12px;padding:20px;text-align:left}.success-features h4{font-size:14px;font-weight:600;color:var(--neutral-dark);margin-bottom:12px}.success-features ul{margin:0;padding:0;list-style:none}.success-features li{font-size:14px;color:var(--gray-700);margin-bottom:8px;display:flex;align-items:center;gap:8px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid var(--gray-200)}.modal-footer .btn{min-width:120px;justify-content:center}@media (max-width: 768px){.modal-overlay{padding:16px}.modal-content{max-height:95vh}.modal-header{padding:20px}.modal-title-section{gap:12px}.modal-logo{width:48px;height:48px;font-size:24px}.modal-title{font-size:18px}.modal-body{padding:20px}.modal-footer{padding:20px;flex-direction:column}.modal-footer .btn{width:100%}}.settings{padding:0;max-width:100%;margin:0}.settings-header{margin-bottom:32px}.settings-header h1{font-size:28px;font-weight:700;color:var(--text-primary);margin:0}.settings-tabs{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:32px;overflow-x:auto}.settings-tab{padding:12px 24px;background:none;border:none;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;transition:all .2s ease}.settings-tab:hover{color:var(--text-primary)}.settings-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.settings-content{min-height:400px}.settings-section{background:var(--card-bg);border-radius:12px;border:1px solid var(--border-color);overflow:hidden}.section-header{padding:20px 24px;border-bottom:1px solid var(--border-color);background:transparent}.section-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 4px;text-transform:none;text-align:left}[data-theme=dark] .section-title{color:var(--gray-100)}.section-description{font-size:13px;color:var(--text-secondary);margin:0;font-weight:400;text-align:left}[data-theme=dark] .section-description{color:var(--gray-400)}.section-content{padding:24px}.users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.users-header-left{display:flex;align-items:center;gap:16px}.user-limit-badge{display:flex;flex-direction:column;align-items:center;padding:8px 16px;background:linear-gradient(135deg,#6C63FF 0%,#9C7FF9 100%);border-radius:8px;color:#fff}.user-count{font-size:18px;font-weight:700;line-height:1;margin-bottom:4px}.user-label{font-size:11px;font-weight:500;opacity:.9;text-transform:uppercase;letter-spacing:.5px}.pending-invites-badge{padding:6px 12px;background:rgba(245,158,11,.15);color:var(--warning);border-radius:6px;font-size:12px;font-weight:600;border:1px solid rgba(245,158,11,.3)}.add-user-btn{background:linear-gradient(135deg,#9c7ff9 0%,#6c63ff 100%);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:transform .2s ease}.add-user-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--gray-400)}.add-user-btn:hover{transform:translateY(-1px)}.users-table{width:100%;border-collapse:collapse;margin-bottom:32px}.users-table th,.users-table td{padding:12px;text-align:left;border-bottom:1px solid var(--border-color)}.users-table th{background:var(--table-header-bg);font-weight:600;color:var(--text-secondary);font-size:14px}.users-table td{font-size:14px;color:var(--text-primary)}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#9C7FF9,#6C63FF);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;overflow:hidden;flex-shrink:0}.user-actions{display:flex;gap:8px}.action-btn{padding:4px 8px;border:1px solid var(--border-color);background:var(--card-bg);border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s ease}.action-btn:hover{background:var(--table-row-hover)}.action-btn.edit{color:var(--primary);border-color:var(--primary)}.action-btn.remove{color:var(--error);border-color:var(--error)}.permissions-section{margin-top:32px}.permissions-matrix{width:100%;border-collapse:collapse;margin-top:16px}.permissions-matrix th,.permissions-matrix td{padding:12px;text-align:center;border:1px solid var(--border-color)}.permissions-matrix th{background:var(--table-header-bg);font-weight:600;color:var(--text-secondary)}.permissions-matrix td:first-child{text-align:left;font-weight:500}.permission-checkbox{width:16px;height:16px;accent-color:var(--primary)}.admin-toggle{display:flex;align-items:center;gap:12px;margin-top:16px;padding:16px;background:rgba(59,130,246,.1);border-radius:8px;border:1px solid rgba(59,130,246,.3)}.toggle-switch{position:relative;width:44px;height:24px;background:var(--gray-300);border-radius:12px;cursor:pointer;transition:background .2s ease}.toggle-switch.active{background:var(--primary)}.toggle-slider{position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--card-bg);border-radius:50%;transition:transform .2s ease}.toggle-switch.active .toggle-slider{transform:translate(20px)}.columns-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.column-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--table-header-bg);border-radius:8px;cursor:move}.column-item:hover{background:var(--table-row-hover)}.column-checkbox{width:16px;height:16px;accent-color:var(--primary)}.column-label{font-size:14px;font-weight:500;color:var(--text-primary)}.columns-actions{display:flex;gap:12px}.btn-primary{background:linear-gradient(135deg,#9c7ff9 0%,#6c63ff 100%);color:#fff;border:none;padding:10px 20px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:transform .2s ease}.btn-primary:hover{transform:translateY(-1px)}.btn-secondary{background:var(--card-bg);color:var(--text-primary);border:1px solid var(--border-color);padding:10px 20px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:var(--table-row-hover)}.tolerance-section{max-width:400px}.tolerance-display{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.slider-container{margin-bottom:16px}.tolerance-slider{width:100%;height:6px;background:var(--border-color);border-radius:3px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.tolerance-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:var(--primary);border-radius:50%;cursor:pointer}.tolerance-slider::-moz-range-thumb{width:20px;height:20px;background:var(--primary);border-radius:50%;cursor:pointer;border:none}.slider-labels{display:flex;justify-content:space-between;font-size:12px;color:var(--text-secondary);margin-top:8px}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.integration-card{border:1px solid var(--border-color);border-radius:12px;padding:24px;background:var(--card-bg);transition:all .2s ease}.integration-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #8b5cf61a}.integration-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.integration-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.integration-type{font-size:12px;color:var(--text-secondary);text-transform:uppercase;font-weight:500}.status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.connected{background:rgba(16,185,129,.15);color:var(--success)}.status-badge.needs-auth{background:rgba(245,158,11,.15);color:var(--warning)}.status-badge.not-connected{background:rgba(239,68,68,.15);color:var(--error)}.integration-services{margin-bottom:16px}.service-list{font-size:14px;color:var(--text-secondary);line-height:1.5}.integration-action{width:100%;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.integration-action.connect{background:linear-gradient(135deg,#9c7ff9 0%,#6c63ff 100%);color:#fff;border:none}.integration-action.disconnect{background:rgba(239,68,68,.15);color:var(--error);border:1px solid rgba(239,68,68,.3)}.billing-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:32px}.billing-card{padding:24px;border:1px solid var(--border-color);border-radius:12px;background:var(--card-bg)}.billing-card h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 12px}.current-plan{font-size:18px;font-weight:600;color:var(--primary);margin-bottom:8px}.usage-display{font-size:14px;color:var(--text-secondary);margin-bottom:12px}.usage-bar{width:100%;height:8px;background:var(--border-color);border-radius:4px;overflow:hidden;margin-bottom:8px}.usage-fill{height:100%;background:linear-gradient(135deg,#9c7ff9 0%,#6c63ff 100%);transition:width .3s ease}.billing-history{margin-top:32px}.billing-table{width:100%;border-collapse:collapse}.billing-table th,.billing-table td{padding:12px;text-align:left;border-bottom:1px solid var(--border-color)}.billing-table th{background:var(--table-header-bg);font-weight:600;color:var(--text-secondary);font-size:14px}.invoice-link{color:var(--primary);text-decoration:none;font-weight:500}.invoice-link:hover{text-decoration:underline}.company-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;max-width:800px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.full-width{grid-column:1 / -1}.form-label{font-size:14px;font-weight:500;color:var(--text-primary)}.form-input,.form-select{padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;transition:border-color .2s ease;background:var(--input-bg);color:var(--text-primary)}.form-input:focus,.form-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf626}.logo-upload{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px;border:2px dashed var(--border-color);border-radius:12px;text-align:center;cursor:pointer;transition:all .2s ease}.logo-upload:hover{border-color:var(--primary);background:rgba(139,92,246,.05)}.logo-preview{width:80px;height:80px;border-radius:8px;object-fit:cover;border:1px solid var(--border-color)}.upload-text{font-size:14px;color:var(--text-secondary)}.upload-hint{font-size:12px;color:var(--text-muted)}.company-info-card{background:var(--card-bg);border-radius:16px;box-shadow:0 1px 3px #0000001a;border:1px solid var(--border-color);overflow:hidden}[data-theme=dark] .company-info-card{box-shadow:0 1px 3px #0000004d}.company-info-header{padding:20px 24px;border-bottom:1px solid var(--border-color);background:linear-gradient(to right,rgba(248,250,252,.5),rgba(241,245,249,.3));display:flex;justify-content:space-between;align-items:center}.company-header-right{display:flex;align-items:center;gap:16px}.company-header-logo-container{position:relative;cursor:pointer}.company-header-logo-container.disabled{cursor:not-allowed;opacity:.6}.company-header-logo{width:64px;height:64px;border-radius:50%;background:var(--gray-100);display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px solid var(--gray-200);transition:all .2s ease}[data-theme=dark] .company-header-logo{background:var(--gray-700);border-color:var(--gray-600)}.company-header-logo-container:not(.disabled):hover .company-header-logo{border-color:var(--primary);box-shadow:0 2px 8px #8b5cf640}.company-header-logo img{width:100%;height:100%;object-fit:cover}.company-header-logo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark, #5b54d6) 100%);color:#fff}.company-header-logo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;color:#fff}.company-header-logo-container:not(.disabled):hover .company-header-logo-overlay{opacity:1}.company-header-logo-delete{position:absolute;top:-4px;right:-4px;width:22px;height:22px;border-radius:50%;background:var(--error, #ef4444);border:2px solid white;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:scale(.8);transition:all .2s ease;padding:0}[data-theme=dark] .company-header-logo-delete{border-color:var(--gray-800)}.company-header-logo-container:not(.disabled):hover .company-header-logo-delete{opacity:1;transform:scale(1)}.company-header-logo-delete:hover{background:#dc2626;transform:scale(1.1)!important}[data-theme=dark] .company-info-header{background:linear-gradient(to right,rgba(30,41,59,.5),rgba(51,65,85,.3))}.company-info-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0;line-height:1.5}.company-info-subtitle{font-size:14px;color:var(--text-secondary);margin:4px 0 0}.company-status-badge{display:inline-flex;align-items:center;padding:4px 12px;background:rgba(34,197,94,.1);color:#16a34a;font-size:12px;font-weight:500;border-radius:6px;border:1px solid rgba(34,197,94,.2)}[data-theme=dark] .company-status-badge{background:rgba(34,197,94,.15);color:#4ade80;border-color:#22c55e4d}.company-info-content{padding:24px 32px 32px}@media (max-width: 768px){.company-info-content{padding:20px 16px 24px}}.company-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.company-info-grid-location{grid-template-columns:repeat(6,1fr)}.company-info-grid-thirds{grid-template-columns:repeat(3,1fr)}@media (max-width: 768px){.company-info-grid,.company-info-grid-location,.company-info-grid-thirds{grid-template-columns:1fr}}.company-form-group{display:flex;flex-direction:column;gap:8px}.company-form-group-full{grid-column:1 / -1}.company-form-group-third{grid-column:span 2}@media (max-width: 768px){.company-form-group-third{grid-column:span 1}}.company-form-label{font-size:14px;font-weight:500;color:var(--text-primary);line-height:1.5}.company-form-label-secondary{font-size:14px;font-weight:500;color:var(--text-secondary);line-height:1.5}[data-theme=dark] .company-form-label-secondary{color:var(--gray-400)}.company-input-wrapper{position:relative}.company-input-icon{position:absolute;left:0;top:0;bottom:0;display:flex;align-items:center;padding-left:12px;pointer-events:none;color:var(--text-muted)}[data-theme=dark] .company-input-icon{color:var(--gray-500)}.company-form-input{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;color:var(--text-primary);background:var(--input-bg);transition:all .2s ease;line-height:1.5}.company-form-input-icon{padding-left:40px}.company-form-input::placeholder{color:var(--text-muted)}[data-theme=dark] .company-form-input::placeholder{color:var(--gray-500)}.company-form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf626}[data-theme=dark] .company-form-input:focus{box-shadow:0 0 0 3px #8b5cf640}.company-form-select{width:100%;padding:10px 36px 10px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;color:var(--text-primary);background:var(--input-bg);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:all .2s ease;line-height:1.5}.company-form-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf626}[data-theme=dark] .company-form-select:focus{box-shadow:0 0 0 3px #8b5cf640}.company-divider{border:none;border-top:1px solid var(--border-color);margin:32px 0}[data-theme=dark] .company-divider{border-color:var(--gray-700)}.company-section{margin-bottom:0}.company-section-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--text-primary);margin:0 0 16px}.company-section-icon{color:var(--text-muted)}[data-theme=dark] .company-section-icon{color:var(--gray-500)}.company-logo-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.company-remove-logo-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:none;border:1px solid transparent;border-radius:9999px;font-size:12px;font-weight:500;color:#dc2626;cursor:pointer;transition:all .2s ease}.company-remove-logo-btn:hover{background:rgba(220,38,38,.05);border-color:#dc262633}[data-theme=dark] .company-remove-logo-btn:hover{background:rgba(220,38,38,.15);border-color:#dc26264d}.company-logo-dropzone{position:relative;display:flex;justify-content:center;padding:40px 24px;border:2px dashed var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s ease;overflow:hidden}.company-logo-dropzone:hover{background:rgba(248,250,252,.5);border-color:var(--primary)}[data-theme=dark] .company-logo-dropzone:hover{background:rgba(51,65,85,.3)}.company-logo-dropzone.disabled{cursor:not-allowed;opacity:.6;border-color:var(--border-color)}.company-logo-dropzone.disabled:hover{background:transparent;border-color:var(--border-color)}[data-theme=dark] .company-logo-dropzone.disabled:hover{background:transparent}.company-logo-dropzone.disabled .company-logo-preview-wrapper{transform:none}.company-logo-upload-disabled{color:var(--text-muted);font-size:14px}[data-theme=dark] .company-logo-upload-disabled{color:#94a3b8}.company-logo-dropzone-content{position:relative;z-index:10;text-align:center}.company-logo-preview-wrapper{width:96px;height:96px;margin:0 auto 16px;border-radius:50%;background:var(--card-bg);box-shadow:0 1px 3px #0000001a;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:transform .2s ease}.company-logo-dropzone:hover .company-logo-preview-wrapper{transform:scale(1.05)}.company-logo-preview-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.company-logo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--table-row-hover)}[data-theme=dark] .company-logo-placeholder{background:rgba(51,65,85,.5)}.company-logo-placeholder-icon{color:var(--text-muted)}[data-theme=dark] .company-logo-placeholder-icon{color:var(--gray-500)}.company-logo-upload-text{font-size:14px;line-height:1.5;margin-bottom:4px}.company-logo-upload-link{color:var(--primary);font-weight:600;cursor:pointer}.company-logo-upload-link:hover{text-decoration:underline}.company-logo-upload-or{color:var(--text-secondary)}.company-logo-upload-hint{font-size:12px;color:var(--text-muted);margin:0;line-height:1.5}[data-theme=dark] .company-logo-upload-hint{color:var(--gray-500)}.company-logo-dropzone-hover-effect{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top right,transparent,transparent,rgba(139,92,246,.05));opacity:0;transition:opacity .2s ease;pointer-events:none}.company-logo-dropzone:hover .company-logo-dropzone-hover-effect{opacity:1}.company-actions{display:flex;align-items:center;justify-content:space-between;padding-top:24px;margin-top:32px;border-top:1px solid var(--border-color)}@media (max-width: 640px){.company-actions{flex-direction:column;gap:16px}}.company-delete-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:var(--card-bg);border:1px solid rgba(220,38,38,.3);border-radius:8px;font-size:14px;font-weight:500;color:#dc2626;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.company-delete-btn:hover{background:rgba(220,38,38,.05)}.company-delete-btn:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .company-delete-btn{background:rgba(30,41,59,.5);border-color:#dc262666;color:#f87171}[data-theme=dark] .company-delete-btn:hover{background:rgba(220,38,38,.15)}.company-actions-right{display:flex;gap:16px}@media (max-width: 640px){.company-actions-right{width:100%}}.company-cancel-btn{padding:10px 24px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.company-cancel-btn:hover{background:var(--table-row-hover)}.company-cancel-btn:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .company-cancel-btn{background:rgba(51,65,85,.5);border-color:var(--gray-600);color:var(--gray-300)}[data-theme=dark] .company-cancel-btn:hover{background:rgba(71,85,105,.5)}.company-save-btn{padding:10px 24px;background:linear-gradient(135deg,#9c7ff9 0%,#6c63ff 100%);border:none;border-radius:8px;font-size:14px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #8b5cf64d}.company-save-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}.company-save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 640px){.company-cancel-btn,.company-save-btn{flex:1}}.audit-filters{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:4px}.filter-label{font-size:12px;color:var(--text-secondary);font-weight:500}.filter-input{padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;background:var(--input-bg);color:var(--text-primary)}.audit-table{width:100%;border-collapse:collapse}.audit-table th,.audit-table td{padding:12px;text-align:left;border-bottom:1px solid var(--border-color)}.audit-table th{background:var(--table-header-bg);font-weight:600;color:var(--text-secondary);font-size:14px;position:sticky;top:0}.audit-table td{font-size:14px;color:var(--text-primary)}.object-link{color:var(--primary);text-decoration:none;font-weight:500}.object-link:hover{text-decoration:underline}.modal{background:var(--card-bg);border-radius:12px;padding:24px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.modal-close{background:none;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}@media (max-width: 768px){.settings{padding:16px}.settings-tabs{flex-wrap:wrap}.users-header{flex-direction:column;gap:16px;align-items:stretch}.users-header-left{flex-direction:column;align-items:stretch;gap:12px}.user-limit-badge,.pending-invites-badge{width:100%;text-align:center}.users-table,.permissions-matrix,.billing-table,.audit-table{font-size:12px}.users-table th,.users-table td,.permissions-matrix th,.permissions-matrix td,.billing-table th,.billing-table td,.audit-table th,.audit-table td{padding:8px}.integrations-grid,.billing-overview,.company-form{grid-template-columns:1fr}.audit-filters{flex-direction:column}}.rfq-columns-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary)}.rfq-columns-loading .loading-spinner,.settings-loading .loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:12px}.settings-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:var(--text-secondary)}.settings-loading p{margin:0;font-size:14px}.rfq-columns-section{padding:0}.rfq-columns-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.rfq-column-card{background:var(--card-bg);padding:24px;border-radius:16px;border:1px solid var(--border-color);box-shadow:0 1px 3px var(--shadow-color)}.rfq-column-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.rfq-column-card-title h2{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.rfq-column-icon{color:var(--primary);font-size:18px}.rfq-column-card-title p{font-size:14px;color:var(--text-secondary);margin:0}.rfq-column-card-actions{display:flex;align-items:center;gap:12px}.rfq-field-count{font-size:14px;font-weight:500;color:var(--text-secondary)}.rfq-btn-add-field{display:flex;align-items:center;gap:8px;height:40px;padding:0 16px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease}.rfq-btn-add-field:hover{background:var(--primary-dark)}.rfq-btn-add-field i{font-size:12px}.rfq-fields-list{display:flex;flex-direction:column;gap:8px}.rfq-field-item-wrapper{position:relative;transition:all .15s ease}.rfq-field-item-wrapper.drop-before:before{content:"";position:absolute;top:-4px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),#8b5cf6);border-radius:2px;z-index:10;animation:dropIndicatorPulse .8s ease-in-out infinite}.rfq-field-item-wrapper.drop-after:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),#8b5cf6);border-radius:2px;z-index:10;animation:dropIndicatorPulse .8s ease-in-out infinite}@keyframes dropIndicatorPulse{0%,to{opacity:1;transform:scaleX(1)}50%{opacity:.7;transform:scaleX(.98)}}.rfq-field-item-wrapper.drop-before:before,.rfq-field-item-wrapper.drop-after:after{position:absolute;left:8px;right:8px}.rfq-field-item-wrapper.drop-before .rfq-field-item:before,.rfq-field-item-wrapper.drop-after .rfq-field-item:after{content:"";position:absolute;width:8px;height:8px;background:var(--primary);border-radius:50%;left:0;z-index:11}.rfq-field-item-wrapper.drop-before .rfq-field-item:before{top:-8px}.rfq-field-item-wrapper.drop-after .rfq-field-item:after{bottom:-8px}.rfq-field-item-wrapper.drop-before{padding-top:12px}.rfq-field-item-wrapper.drop-after{padding-bottom:12px}.rfq-field-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 1px 2px var(--shadow-color);cursor:grab;transition:all .2s ease}.rfq-field-item:hover{border-color:var(--primary)}.rfq-field-item.dragging{cursor:grabbing;opacity:.4;transform:scale(.98);border-style:dashed;border-color:var(--primary);background:rgba(79,70,229,.05)}.rfq-field-item.locked{background:var(--card-bg);cursor:default}.rfq-field-item.locked .rfq-field-drag-handle{cursor:grab;opacity:.7}.rfq-field-item.locked .rfq-field-drag-handle:active{cursor:grabbing}.rfq-field-drag-handle{color:#64748b66;display:flex;align-items:center;justify-content:center;cursor:grab;padding:4px;transition:color .2s ease}.rfq-field-drag-handle:active{cursor:grabbing}.rfq-field-item:hover .rfq-field-drag-handle{color:#64748bb3}.rfq-field-drag-handle i{font-size:14px}.rfq-field-content{flex:1;min-width:0}.rfq-field-label{font-size:15px;font-weight:500;color:var(--text-primary);margin:0 0 6px}.rfq-field-badges{display:flex;align-items:center;gap:8px}.rfq-type-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600}.rfq-type-badge.type-text{background:rgba(100,116,139,.15);color:var(--text-secondary)}.rfq-type-badge.type-date{background:rgba(59,130,246,.15);color:var(--info)}.rfq-type-badge.type-number{background:rgba(147,51,234,.15);color:#a855f7}.rfq-type-badge.type-dropdown{background:rgba(22,163,74,.15);color:var(--success)}.rfq-type-badge.type-currency{background:rgba(202,138,4,.15);color:var(--warning)}.rfq-type-badge.type-file{background:rgba(234,88,12,.15);color:#f97316}.rfq-required-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;background:rgba(220,38,38,.15);color:var(--error);text-transform:uppercase}.rfq-field-actions{display:flex;align-items:center;gap:4px}.rfq-btn-locked{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--warning);cursor:default;transition:color .2s ease}.rfq-btn-locked i{font-size:14px}.rfq-btn-edit{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.rfq-btn-edit:hover{background:rgba(139,92,246,.1);color:var(--primary)}.rfq-btn-edit i{font-size:14px}.rfq-btn-delete{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.rfq-btn-delete:hover{background:rgba(239,68,68,.1);color:#ef4444}.rfq-btn-delete i{font-size:14px}.rfq-no-fields{padding:32px;text-align:center;color:var(--text-muted);font-size:14px}@media (max-width: 1024px){.rfq-columns-grid{grid-template-columns:1fr}}@media (max-width: 640px){.rfq-column-card-header{flex-direction:column;gap:16px}.rfq-column-card-actions{width:100%;justify-content:space-between}.rfq-btn-add-field{flex:1;justify-content:center}}.field-category-group{margin-bottom:32px;border:1px solid var(--border-color);border-radius:12px;background:var(--card-bg);overflow:hidden}.category-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:var(--table-header-bg);border-bottom:1px solid var(--border-color)}.category-title-section{display:flex;align-items:flex-start;gap:12px}.category-title-section svg{color:var(--text-secondary);margin-top:2px}.category-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.category-description{font-size:13px;color:var(--text-secondary);margin:0}.field-count{font-size:12px;color:var(--text-secondary);background:var(--card-bg);padding:4px 12px;border-radius:12px;border:1px solid var(--border-color);font-weight:500}.fields-list{padding:12px}.field-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--table-header-bg);border:1px solid var(--border-color);border-radius:8px;margin-bottom:8px;transition:all .2s ease}.field-item:last-child{margin-bottom:0}.field-item:hover{background:var(--table-row-hover);border-color:var(--border-color-light)}.field-item-left{display:flex;align-items:center;gap:12px;flex:1}.field-reorder-controls{display:flex;flex-direction:column;gap:2px}.reorder-btn{background:none;border:none;padding:2px;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.reorder-btn:hover:not(:disabled){background:var(--table-row-hover);color:var(--text-primary)}.reorder-btn:disabled{color:var(--border-color);cursor:not-allowed}.field-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--primary)}.field-checkbox:disabled{cursor:not-allowed;opacity:.5}.field-info{display:flex;flex-direction:column;gap:6px}.field-meta{display:flex;align-items:center;gap:8px}.field-type{font-size:11px;color:var(--text-secondary);background:var(--card-bg);padding:2px 8px;border-radius:10px;text-transform:uppercase;font-weight:600;border:1px solid var(--border-color)}.required-badge{font-size:10px;color:var(--error);background:rgba(220,38,38,.15);padding:2px 8px;border-radius:10px;font-weight:600;text-transform:uppercase}.locked-badge{font-size:10px;color:var(--warning);background:rgba(245,158,11,.15);padding:2px 8px;border-radius:10px;font-weight:600;text-transform:uppercase}.btn-remove-field{background:none;border:none;padding:8px;cursor:pointer;color:var(--text-secondary);border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-remove-field:hover{background:rgba(220,38,38,.15);color:var(--error)}.no-fields-message{padding:32px;text-align:center;color:var(--text-muted);font-size:14px;font-style:italic}@media (max-width: 768px){.field-item{flex-direction:column;align-items:flex-start;gap:12px}.field-item-left{width:100%}.btn-remove-field{align-self:flex-end}}.category-actions{display:flex;align-items:center;gap:12px}.btn-add-field{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--primary);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-add-field:hover{background:var(--primary-dark);transform:translateY(-1px)}.add-field-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:16px;z-index:1000}.add-field-modal{background:var(--card-bg);border-radius:16px;width:100%;max-width:640px;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.add-field-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px;border-bottom:1px solid var(--border-color)}.add-field-modal-title-section h1{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.add-field-modal-title-section h1 i{color:var(--primary);font-size:20px}.add-field-modal-title-section p{font-size:14px;color:var(--text-secondary);margin:4px 0 0}.add-field-modal-close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.add-field-modal-close:hover{background:var(--table-row-hover);color:var(--text-primary)}.add-field-modal-close i{font-size:18px}.add-field-modal-content{padding:24px;overflow-y:auto;max-height:calc(90vh - 180px)}.add-field-section{margin-bottom:24px}.add-field-label{display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.required-star{color:#e11d48}.add-field-input{width:100%;height:48px;padding:0 16px;font-size:14px;color:var(--text-primary);background:var(--card-bg);border:2px solid var(--border-color);border-radius:8px;outline:none;transition:all .2s ease}.add-field-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.add-field-input::placeholder{color:var(--text-muted)}.add-field-hint{font-size:12px;color:var(--text-secondary);margin:8px 0 0}.add-field-select{width:100%;height:48px;padding:0 16px;font-size:14px;color:var(--text-primary);background:var(--card-bg);border:2px solid var(--border-color);border-radius:8px;outline:none;cursor:pointer;transition:all .2s ease}.add-field-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.field-type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.field-type-option{display:flex;align-items:center;gap:12px;padding:16px;background:var(--card-bg);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease}.field-type-option:hover{border-color:var(--primary)}.field-type-option.selected{border-color:var(--primary);background:rgba(79,70,229,.05)}.field-type-option.full-width{grid-column:span 2}.field-type-option input[type=radio]{position:absolute;opacity:0;pointer-events:none}.field-type-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--card-bg);border-radius:8px;box-shadow:0 1px 3px #0000001a;flex-shrink:0}.field-type-icon i{color:var(--primary);font-size:16px}.field-type-info{flex:1;min-width:0}.field-type-name{font-size:14px;font-weight:500;color:var(--text-primary);margin:0}.field-type-desc{font-size:12px;color:var(--text-secondary);margin:2px 0 0}.dropdown-options-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.dropdown-option-row{display:flex;align-items:center;gap:8px}.dropdown-option-input{flex:1;height:40px;padding:0 12px;font-size:14px;color:var(--text-primary);background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;outline:none;transition:all .2s ease}.dropdown-option-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #4f46e51a}.dropdown-option-remove{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.dropdown-option-remove:hover{background:rgba(239,68,68,.1);color:#ef4444}.dropdown-option-remove i{font-size:14px}.add-dropdown-option-btn{display:inline-flex;align-items:center;gap:8px;padding:0;background:none;border:none;font-size:14px;font-weight:500;color:var(--primary);cursor:pointer;transition:color .2s ease}.add-dropdown-option-btn:hover{color:var(--primary-dark)}.add-dropdown-option-btn i{font-size:12px}.add-field-settings-section{border-top:1px solid var(--border-color);padding-top:24px;margin-top:24px}.add-field-settings-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 16px}.add-field-setting-row{display:flex;align-items:center;justify-content:space-between}.add-field-setting-info label{font-size:14px;font-weight:500;color:var(--text-primary);display:block}.add-field-setting-info p{font-size:12px;color:var(--text-secondary);margin:2px 0 0}.toggle-switch{position:relative;display:inline-block;cursor:pointer}.toggle-switch input{position:absolute;opacity:0;pointer-events:none}.toggle-slider{display:block;width:44px;height:24px;background:#e5e7eb;border-radius:9999px;transition:background .2s ease;position:relative}.toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--card-bg);border-radius:50%;box-shadow:0 1px 3px #0003;transition:transform .2s ease}.toggle-switch input:checked+.toggle-slider{background:var(--primary)}.toggle-switch input:checked+.toggle-slider:after{transform:translate(20px)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 3px #4f46e533}.add-field-modal-footer{display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:24px;border-top:1px solid var(--border-color);background:var(--table-header-bg)}.add-field-cancel-btn{height:40px;padding:0 24px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.add-field-cancel-btn:hover{background:var(--table-row-hover);border-color:var(--gray-400)}.add-field-submit-btn{display:flex;align-items:center;gap:8px;height:40px;padding:0 24px;background:var(--primary);border:none;border-radius:8px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:background .2s ease}.add-field-submit-btn:hover{background:var(--primary-dark)}.add-field-submit-btn i{font-size:14px}.edit-field-locked-warning{display:flex;align-items:center;gap:12px;padding:12px 16px;background:rgba(217,119,6,.1);border:1px solid rgba(217,119,6,.3);border-radius:8px;margin-bottom:24px}.edit-field-locked-warning i{color:#d97706;font-size:16px}.edit-field-locked-warning span{font-size:14px;font-weight:500;color:#d97706}.toggle-switch.disabled{opacity:.5;cursor:not-allowed}.toggle-switch.disabled input{cursor:not-allowed}@media (max-width: 640px){.field-type-grid{grid-template-columns:1fr}.field-type-option.full-width{grid-column:span 1}.add-field-modal-footer{flex-direction:column}.add-field-cancel-btn,.add-field-submit-btn{width:100%;justify-content:center}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content-custom{background:var(--card-bg);border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.modal-close{background:none;border:none;padding:4px;cursor:pointer;color:var(--text-secondary);border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--table-row-hover);color:var(--text-primary)}.modal-body{padding:24px}.modal-body .form-group{margin-bottom:20px}.modal-body .form-group:last-child{margin-bottom:0}.form-label{display:block;font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:8px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:var(--text-primary)}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--primary)}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border-color);background:var(--table-header-bg)}.modal-footer .btn-primary,.modal-footer .btn-secondary{display:flex;align-items:center;gap:6px;padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.modal-footer .btn-primary{background:var(--primary);color:#fff}.modal-footer .btn-primary:hover{background:var(--primary-dark)}.modal-footer .btn-secondary{background:var(--card-bg);color:var(--text-primary);border:1px solid var(--border-color)}.modal-footer .btn-secondary:hover{background:var(--table-row-hover);border-color:var(--text-muted)}.field-actions{display:flex;align-items:center;gap:8px}.btn-edit-field{background:none;border:none;padding:8px;cursor:pointer;color:var(--text-secondary);border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-edit-field:hover{background:rgba(59,130,246,.15);color:var(--info)}.integrations-section{margin-bottom:32px}.integration-category-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.empty-integrations{text-align:center;padding:40px;background:var(--table-header-bg);border-radius:8px;border:2px dashed var(--border-color)}.empty-integrations p{color:var(--text-secondary);margin:0 0 16px}.integration-logo-title{display:flex;align-items:center;gap:12px}.integration-icon{font-size:32px;line-height:1}.integration-meta{display:flex;flex-direction:column;gap:4px;margin-top:4px}.last-sync,.email-address{font-size:12px;color:var(--text-secondary)}.integration-actions-row{display:flex;gap:8px;margin-top:16px}.btn-view{flex:1;padding:8px 16px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.btn-view:hover{background:var(--table-row-hover);border-color:var(--text-muted)}.btn-disconnect{flex:1;padding:8px 16px;background:rgba(220,38,38,.15);border:1px solid rgba(220,38,38,.3);border-radius:6px;font-size:14px;font-weight:500;color:var(--error);cursor:pointer;transition:all .2s ease}.btn-disconnect:hover{background:rgba(220,38,38,.25);border-color:#dc262666}.status-badge.inactive{background:rgba(100,116,139,.15);color:var(--text-secondary)}.payment-modal{background:var(--card-bg);border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.stripe-badge{display:flex;align-items:center;gap:8px;padding:12px 16px;background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.3);border-radius:8px;margin-bottom:24px;font-size:13px;color:var(--primary)}.stripe-badge strong{font-weight:600}.form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.card-input{font-family:Courier New,monospace;font-size:16px;letter-spacing:2px}.security-notice{display:flex;align-items:flex-start;gap:10px;padding:12px;background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.3);border-radius:8px;margin-top:20px}.security-notice svg{color:var(--warning);flex-shrink:0;margin-top:2px}.security-notice span{font-size:12px;color:var(--warning);line-height:1.5}@media (max-width: 640px){.form-row{grid-template-columns:1fr}}.verification-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:24px}.verification-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:all .2s}.verification-card:hover{border-color:var(--info);box-shadow:0 4px 12px #3b82f61a}.verification-card-full{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px;margin-bottom:24px}.card-header-settings{margin-bottom:16px}.card-header-settings h3{font-size:16px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.card-description{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.5}.tolerance-value{display:inline-block;padding:4px 12px;background:rgba(59,130,246,.15);border:1px solid var(--info);border-radius:20px;font-size:14px;font-weight:700;color:var(--info);margin-top:4px}.tolerance-slider-modern{width:100%;height:6px;background:linear-gradient(90deg,rgba(59,130,246,.3) 0%,var(--info) 100%);border-radius:3px;outline:none;cursor:pointer;margin:16px 0 8px}.tolerance-slider-modern::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--info);border:3px solid var(--card-bg);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #3b82f666}.tolerance-slider-modern::-moz-range-thumb{width:20px;height:20px;background:var(--info);border:3px solid var(--card-bg);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #3b82f666}.slider-range-labels{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted);font-weight:600}.card-hint{font-size:12px;color:var(--text-secondary);margin:12px 0 0;line-height:1.5}.field-selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-top:16px}.field-checkbox{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--table-row-hover);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.field-checkbox:hover{background:var(--table-row-hover);border-color:var(--border-color)}.field-checkbox.selected{background:#eff6ff;border-color:var(--primary)}.field-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--info)}.field-label{font-size:14px;font-weight:500;color:var(--text-primary)}.field-checkbox.selected .field-label{color:#1e40af;font-weight:600}.selection-summary{display:flex;align-items:center;gap:8px;margin-top:16px;padding:12px 16px;background:#ecfdf5;border:1px solid #10b981;border-radius:8px;font-size:14px;font-weight:600;color:#065f46}.save-section{display:flex;justify-content:flex-end;padding-top:8px}.aesthetics-section{background:transparent;padding:0}.aesthetics-layout{display:flex;flex-direction:column;gap:32px}@media (min-width: 1024px){.aesthetics-layout{flex-direction:row;gap:32px;align-items:flex-start}}.aesthetics-form-section{width:100%;display:flex;flex-direction:column;gap:24px}@media (min-width: 1024px){.aesthetics-form-section{width:50%}}.aesthetics-card{background:var(--card-bg);padding:24px;border-radius:8px;box-shadow:0 1px 3px #0000001a;border:1px solid var(--border-color)}.aesthetics-card-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.aesthetics-card-description{font-size:14px;color:var(--text-secondary);margin:0 0 12px}.aesthetics-input{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:15px;color:var(--text-primary);background:var(--card-bg);transition:all .2s ease;outline:none}.aesthetics-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #e6007e1a}.aesthetics-input::placeholder{color:var(--text-muted)}.aesthetics-color-row{display:flex;gap:16px;align-items:center}.aesthetics-color-preview-container{flex:1;position:relative}.aesthetics-color-preview{height:40px;border-radius:8px;border:1px solid var(--border-color);cursor:pointer;transition:border-color .2s}.aesthetics-color-preview:hover{border-color:var(--primary)}.aesthetics-color-input-hidden{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.aesthetics-eyedropper-btn{width:40px;height:40px;border-radius:8px;background:var(--card-bg);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.aesthetics-eyedropper-btn:hover{border-color:var(--primary);color:var(--primary)}.aesthetics-gradient-toggle{display:flex;align-items:center;gap:12px;margin-top:20px;cursor:pointer;-webkit-user-select:none;user-select:none}.aesthetics-checkbox{width:32px;height:32px;border-radius:50%;background:var(--card-bg);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;transition:all .2s ease;flex-shrink:0}.aesthetics-checkbox .aesthetics-check-icon{opacity:0;transform:scale(.5);transition:all .2s ease;font-weight:700}.aesthetics-checkbox.checked{background:#2563eb;border-color:#2563eb;box-shadow:0 2px 4px #2563eb4d}.aesthetics-checkbox.checked .aesthetics-check-icon{opacity:1;transform:scale(1)}.aesthetics-gradient-label{font-size:15px;color:var(--text-primary);font-weight:500}.aesthetics-save-row{display:flex;justify-content:flex-end}.aesthetics-save-btn{background:#E6007E;color:#fff;font-weight:500;padding:12px 32px;border-radius:8px;border:none;font-size:15px;cursor:pointer;transition:all .2s ease}.aesthetics-save-btn:hover{background:#cc006e}.aesthetics-save-btn:disabled{opacity:.6;cursor:not-allowed}.aesthetics-preview-section{width:100%}@media (min-width: 1024px){.aesthetics-preview-section{width:50%}}.aesthetics-preview-sticky{position:sticky;top:96px}.aesthetics-preview-card{border:1px solid var(--border-color);border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.aesthetics-preview-header{padding:32px;position:relative}.aesthetics-preview-heading{text-align:center;font-size:24px;font-weight:700;margin:0 0 24px}.aesthetics-preview-company-box{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:24px;border-radius:8px;display:flex;justify-content:space-between;align-items:flex-start}.aesthetics-preview-company-info{flex:1}.aesthetics-preview-company-name{font-size:16px;font-weight:500;margin:0 0 4px;opacity:1}.aesthetics-preview-company-address{font-size:14px;margin:2px 0;opacity:.9}.aesthetics-preview-logo{width:64px;height:64px;background:var(--card-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.aesthetics-preview-logo span{font-size:12px;color:var(--text-secondary)}.aesthetics-preview-footer{background:var(--card-bg);padding:16px;font-size:14px;color:var(--text-secondary);border-top:1px solid var(--border-color)}.link-aesthetics-container{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:24px}.aesthetics-controls{display:flex;flex-direction:column;gap:24px}.form-label-hint{display:block;font-size:13px;font-weight:400;color:var(--text-secondary);margin-top:4px}.color-input-group{display:flex;gap:12px;align-items:center}.color-picker{width:60px;height:40px;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:border-color .2s}.color-picker:hover{border-color:var(--primary)}.color-code-input{flex:1;font-family:Monaco,Courier New,monospace;font-size:14px}.aesthetics-preview{position:sticky;top:20px}.preview-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.preview-card{border:1px solid var(--border-color);border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.preview-header{padding:40px 32px;text-align:center;position:relative;min-height:200px}.preview-logo{width:60px;height:60px;background:var(--card-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;top:16px;right:16px;font-size:12px;font-weight:600;color:var(--text-secondary)}.preview-header h2{margin:0 0 20px;font-size:24px;font-weight:700}.preview-company-details{background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;padding:16px 76px 16px 16px;text-align:left;border:1px solid rgba(255,255,255,.2);position:relative}.preview-company-name{margin:0 0 8px;font-size:16px;font-weight:700;opacity:1}.preview-company-info{margin:4px 0;font-size:13px;opacity:.9}.preview-body{padding:24px 32px;background:var(--card-bg)}.preview-body p{margin:0;color:var(--text-secondary);font-size:14px}@media (max-width: 1024px){.link-aesthetics-container{grid-template-columns:1fr}.aesthetics-preview{position:static}}.settings-header{display:flex;align-items:center;gap:16px}.view-only-notice-banner{display:flex;align-items:center;gap:12px;padding:12px 20px;background:var(--gray-100);border:1px solid var(--border-color);border-radius:8px;margin-bottom:24px;color:var(--text-secondary);font-size:14px}.dark .view-only-notice-banner{background:var(--gray-800);border-color:var(--gray-700)}.view-only-notice-banner svg{color:var(--text-muted);flex-shrink:0}.settings.view-only-mode .settings-content input,.settings.view-only-mode .settings-content select,.settings.view-only-mode .settings-content textarea,.settings.view-only-mode .settings-content button:not(.settings-tab),.settings.view-only-mode .settings-content .toggle-switch,.settings.view-only-mode .settings-content .toggle-slider,.settings.view-only-mode .settings-content .aesthetics-checkbox,.settings.view-only-mode .settings-content .aesthetics-gradient-toggle,.settings.view-only-mode .settings-content .color-input,.settings.view-only-mode .settings-content label[for*=color],.settings.view-only-mode .settings-content .add-user-btn,.settings.view-only-mode .settings-content .btn,.settings.view-only-mode .settings-content .user-row-actions,.settings.view-only-mode .settings-content .rfq-btn-add-field,.settings.view-only-mode .settings-content .rfq-field-actions,.settings.view-only-mode .settings-content [draggable=true]{pointer-events:none!important;opacity:.6;cursor:not-allowed!important}.settings.view-only-mode .settings-content .rfq-field-drag-handle{opacity:.3}.settings.view-only-mode .settings-content input,.settings.view-only-mode .settings-content select,.settings.view-only-mode .settings-content textarea{background-color:var(--gray-50);color:var(--text-secondary)}.dark .settings.view-only-mode .settings-content input,.dark .settings.view-only-mode .settings-content select,.dark .settings.view-only-mode .settings-content textarea{background-color:var(--gray-800)}.settings.view-only-mode .add-user-btn,.settings.view-only-mode .rfq-btn-add-field,.settings.view-only-mode .company-save-btn,.settings.view-only-mode .aesthetics-save-btn,.settings.view-only-mode .btn-danger,.settings.view-only-mode .btn-delete-company{display:none!important}.users-page{padding:24px;max-width:1200px;margin:0 auto}.users-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.users-header .header-actions{display:flex;gap:12px;align-items:center}.users-header .view-only-badge{display:flex;align-items:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,rgba(107,114,128,.1) 0%,rgba(75,85,99,.15) 100%);border:1px solid rgba(107,114,128,.3);border-radius:8px;font-size:13px;font-weight:600;color:var(--text-secondary)}.no-actions{color:var(--text-muted)}.header-left h1{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.header-left p{font-size:16px;color:var(--text-secondary)}.btn-add-user{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;border:none;padding:12px 24px;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;height:44px}.btn-add-user:hover{transform:translateY(-1px);box-shadow:0 4px 16px #9c7ff966}.users-filters{display:flex;gap:16px;margin-bottom:24px}.search-box{position:relative;flex:1;max-width:400px}.search-box svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.search-box input{width:100%;height:44px;padding:0 16px 0 44px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;background:var(--card-bg);color:var(--text-primary);transition:all .2s ease}.search-box input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #9c7ff91a}.role-filter{position:relative;display:flex;align-items:center;gap:8px}.role-filter svg{color:var(--text-secondary)}.role-filter select{height:44px;padding:0 16px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;background:var(--card-bg);color:var(--text-primary);cursor:pointer;min-width:140px}.role-filter select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #9c7ff91a}.users-table-container{background:var(--card-bg);border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.users-table th{background:var(--gray-100);padding:16px;text-align:left;font-weight:600;font-size:14px;color:var(--text-primary);border-bottom:1px solid var(--border-color)}[data-theme=dark] .users-table th{background:var(--gray-800);color:#e2e8f0}.users-table td{padding:16px;border-bottom:1px solid var(--border-color);font-size:14px;height:56px;vertical-align:middle}.users-table tr:hover{background:#F9F7FF}[data-theme=dark] .users-table tr:hover{background:var(--gray-700)}.user-name{display:flex;align-items:center;gap:12px}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;overflow:hidden;flex-shrink:0}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-email{color:var(--text-secondary)}.role-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500}.role-admin{background:rgba(239,68,68,.1);color:#ef4444}.role-manager{background:rgba(59,130,246,.1);color:#3b82f6}.role-custom{background:rgba(156,127,249,.1);color:#a78bfa}.last-login{color:var(--text-secondary);font-size:13px}.status-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;text-transform:uppercase}.status-badge.active{background:rgba(34,197,94,.1);color:#22c55e}.status-badge.inactive{background:rgba(156,163,175,.1);color:#9ca3af}.status-badge.pending{background:rgba(251,191,36,.1);color:#f59e0b}.action-buttons button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:999px;cursor:pointer;transition:all .2s ease}.btn-edit{background:transparent;color:#a78bfa;border:1px solid #a78bfa}.btn-edit:hover{background:#a78bfa;color:#fff}.btn-reset{background:transparent;color:#6b7280;border:1px solid #6B7280}.btn-reset:hover{background:#6B7280;color:#fff}.btn-remove{background:#EF4444;color:#fff}.btn-remove:hover:not(.btn-disabled){background:#DC2626;transform:translateY(-1px)}.btn-disabled{opacity:.4;cursor:not-allowed!important}.btn-edit.btn-disabled{background:transparent;color:#9ca3af;border-color:#d1d5db}.btn-edit.btn-disabled:hover{background:transparent;color:#9ca3af}.btn-remove.btn-disabled{background:#9CA3AF}.btn-remove.btn-disabled:hover{background:#9CA3AF;transform:none}[data-theme=dark] .btn-disabled{opacity:.35}[data-theme=dark] .btn-edit.btn-disabled{color:#6b7280;border-color:#4b5563}[data-theme=dark] .btn-remove.btn-disabled{background:#6B7280}.empty-state{padding:48px;text-align:center;color:var(--text-secondary)}.empty-state p{font-size:16px}.public-rfq-container{--card-bg: #ffffff;--text-primary: #111827;--text-secondary: #6B7280;--text-muted: #9CA3AF;--border-color: #E5E7EB;--input-bg: #ffffff;--input-border: #D1D5DB;--table-row-hover: #F9FAFB;min-height:100vh;background:linear-gradient(135deg,#e8eaf6 0%,#f5f5f5 100%);padding:40px 20px;display:flex;align-items:center;justify-content:center}.public-rfq-card{width:100%;max-width:1000px;background:#ffffff;border-radius:16px;box-shadow:0 20px 60px #00000026;overflow:hidden}.form-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:40px;position:relative}.company-logo{position:absolute;top:20px;right:20px;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;overflow:hidden}.company-logo img{width:100%;height:100%;object-fit:cover;border-radius:50%}.form-header h1{margin:0 0 24px;font-size:32px;font-weight:700}.company-details{background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:24px 110px 24px 24px;text-align:left;border:1px solid rgba(255,255,255,.2);position:relative;color:inherit!important}.company-details p{color:inherit!important}.company-info-text{max-width:calc(100% - 100px)}.company-name{margin:0 0 12px;font-size:22px;opacity:1;font-weight:700;letter-spacing:.3px;color:inherit}.company-address{margin:0 0 8px;font-size:15px;opacity:.95;font-weight:400;line-height:1.5;color:inherit}.company-location{margin:0;font-size:15px;opacity:.95;font-weight:400;line-height:1.5;color:inherit}@media (max-width: 768px){.company-logo{position:absolute;top:16px;right:16px;width:60px;height:60px}.form-header h1{text-align:center;font-size:24px}.company-details{padding-right:80px;text-align:center}.company-info-text{max-width:100%}}.customer-info-section{background:#f8f9fa;padding:32px 40px;border-bottom:1px solid #E5E7EB}.customer-info-section h3{margin:0 0 20px;font-size:18px;font-weight:600;color:#111827}.customer-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.detail-item{display:flex;gap:12px;align-items:flex-start}.detail-item svg{color:#667eea;margin-top:2px;flex-shrink:0}.detail-item label{display:block;font-size:12px;font-weight:600;text-transform:uppercase;color:#6b7280;margin-bottom:4px;letter-spacing:.5px}.detail-item p{margin:0;font-size:15px;color:#111827;font-weight:500}.steps-indicator{display:flex;align-items:center;justify-content:center;padding:40px;gap:20px}.step{display:flex;flex-direction:column;align-items:center;gap:8px}.step-number{width:40px;height:40px;border-radius:50%;background:#e5e7eb;color:#9ca3af;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;transition:all .3s}.step.active .step-number{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;box-shadow:0 4px 12px #667eea66}.step-label{font-size:13px;font-weight:600;color:#9ca3af;transition:color .3s}.step.active .step-label{color:#667eea}.step-line{width:100px;height:2px;background:#e5e7eb}.form-step{padding:40px}.form-step h2{margin:0 0 32px;font-size:24px;font-weight:700;color:#111827}.simple-section-header{grid-column:1 / -1;margin:32px 0 0;font-size:16px;font-weight:600;color:#111827}.simple-section-header:first-child{margin-top:0}.form-divider{margin:40px 0 32px;padding-top:32px;border-top:2px solid #e5e7eb}.form-divider h3{margin:0 0 24px;font-size:20px;font-weight:600;color:#111827}.products-table-container{overflow-x:auto;border:1px solid #E5E7EB;border-radius:12px;margin-bottom:20px;background:#ffffff}.products-table{width:100%;border-collapse:collapse;min-width:800px;table-layout:auto}.products-table thead{background:#f8f9fa}.products-table th{padding:16px;text-align:left;font-size:13px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #E5E7EB;white-space:nowrap}.products-table tbody tr{border-bottom:1px solid #E5E7EB;transition:background .2s}.products-table tbody tr:hover{background:#F9FAFB}.products-table tbody tr:last-child{border-bottom:none}.products-table td{padding:12px 16px}.products-table th:nth-child(1),.products-table td:nth-child(1){min-width:150px}.products-table th:nth-child(2),.products-table td:nth-child(2){min-width:120px}.products-table th:nth-child(3),.products-table td:nth-child(3){min-width:250px}.products-table th:nth-child(4),.products-table td:nth-child(4){min-width:100px}.products-table th:nth-child(5),.products-table td:nth-child(5){min-width:100px;max-width:120px}.products-table th:nth-child(6),.products-table td:nth-child(6){width:50px}.table-input{width:100%;min-width:80px;padding:10px 12px;border:1px solid #E5E7EB;border-radius:6px;font-size:14px;color:#111827;background:#ffffff;transition:all .2s;box-sizing:border-box;resize:horizontal;overflow:auto;font-family:inherit;line-height:1.4;min-height:38px;vertical-align:middle}textarea.table-input{resize:none;overflow:hidden;white-space:pre-wrap;word-wrap:break-word}.table-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.quantity-input{max-width:100px}.icon-btn-small{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:6px;background:#fee;color:#dc2626;cursor:pointer;transition:all .2s}.icon-btn-small:hover{background:#fca5a5;transform:scale(1.05)}.add-row-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:2px dashed #d1d5db;border-radius:8px;background:#ffffff;color:#667eea;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.add-row-btn:hover{border-color:#667eea;background:#f5f3ff}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.form-field{display:flex;flex-direction:column}.form-field.full-width{grid-column:1 / -1}.form-label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:#111827}.required{color:#dc2626}.form-input{width:100%;padding:12px 16px;border:1px solid #E5E7EB;border-radius:8px;font-size:15px;color:#111827;background:#ffffff;transition:all .2s}.form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon svg{position:absolute;left:12px;color:#9ca3af;pointer-events:none}.input-with-icon .form-input{padding-left:40px}.input-group{display:flex;gap:12px}.input-group .input-with-icon{flex:1}.currency-select{width:100px;padding:12px 16px;border:1px solid #E5E7EB;border-radius:8px;font-size:15px;color:#111827;background:#ffffff;cursor:pointer;transition:all .2s}.currency-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.project-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.project-type-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;border:2px solid #E5E7EB;border-radius:10px;background:#ffffff;color:#6b7280;cursor:pointer;transition:all .2s}.project-type-btn:hover{border-color:#667eea;background:#f5f3ff;color:#667eea}.project-type-btn.selected{border-color:#667eea;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;box-shadow:0 4px 12px #667eea4d}.project-type-btn span{font-size:13px;font-weight:600}.form-textarea{width:100%;padding:12px 16px;border:1px solid #E5E7EB;border-radius:8px;font-size:15px;color:#111827;background:#ffffff;font-family:inherit;resize:vertical;transition:all .2s}.form-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:32px;border-top:1px solid #E5E7EB}.back-btn{display:flex;align-items:center;gap:8px;padding:14px 28px;border:2px solid #E5E7EB;border-radius:10px;background:#ffffff;color:#6b7280;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.back-btn:hover{border-color:#e5e7eb;background:#F9FAFB;color:#111827}.next-btn{display:flex;align-items:center;gap:8px;padding:14px 32px;border:none;border-radius:10px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #667eea4d}.next-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.next-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.submit-btn{padding:14px 32px;border:none;border-radius:10px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #10b9814d}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.loading-state,.error-state,.success-state{text-align:center;padding:80px 40px}.loading-spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.loading-state p,.error-state p{color:#6b7280;font-size:16px}.error-icon{font-size:64px;margin-bottom:20px}.error-state h2{font-size:28px;color:#dc2626;margin:0 0 12px}.success-icon{width:80px;height:80px;margin:0 auto 24px;border-radius:50%;background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #10b9814d}.success-state h2{font-size:28px;color:#111827;margin:0 0 12px}.success-state p{color:#111827;font-size:16px;margin:0 0 8px}.success-state .customer-info{color:#667eea;font-size:16px}@media (max-width: 768px){.public-rfq-container{padding:20px}.form-header{padding:30px 20px}.form-header h1{font-size:24px}.customer-info-section{padding:24px 20px}.customer-details-grid{grid-template-columns:1fr;gap:16px}.steps-indicator{padding:30px 20px}.step-line{width:60px}.form-step{padding:30px 20px}.form-step h2{font-size:20px;margin-bottom:24px}.form-grid{grid-template-columns:1fr;gap:20px}.project-type-grid{grid-template-columns:repeat(2,1fr)}.form-actions{flex-direction:column}.back-btn,.next-btn,.submit-btn{width:100%;justify-content:center}}@media (max-width: 480px){.project-type-grid{grid-template-columns:1fr}}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:15px;color:#111827;padding:8px 0}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#667eea}.checkbox-label span{flex:1}.checkbox-label .required{color:#ef4444;margin-left:4px}.public-rfq-container .autocomplete-suggestions{background:#ffffff;border:1px solid #E5E7EB}.public-rfq-container .suggestion-item:hover,.public-rfq-container .suggestion-item.selected{background-color:#f9fafb}.public-rfq-container .suggestion-sku{color:#111827}.public-rfq-container .suggestion-details{color:#6b7280}.public-rfq-container .suggestion-brand{color:#3b82f6}.public-rfq-container .sku-input-resizable{background:#ffffff;color:#111827;border:1px solid #E5E7EB}.public-rfq-container .sku-input-resizable:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.rfq-links-page{padding:24px;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.header-left{display:flex;align-items:center;gap:16px}.page-icon{color:#667eea}.page-header h1{margin:0;font-size:28px;font-weight:700;color:#1a1a1a}.page-subtitle{margin:4px 0 0;font-size:14px;color:var(--text-secondary)}.create-link-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.create-link-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.loading-state{text-align:center;padding:60px 20px;color:var(--text-secondary);font-size:16px}.empty-state{text-align:center;padding:80px 20px}.empty-icon{color:#ddd;margin-bottom:20px}.empty-state h3{font-size:24px;color:var(--text-primary);margin-bottom:8px}.empty-state p{color:var(--text-secondary);margin-bottom:24px}.create-link-btn-empty{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.create-link-btn-empty:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.links-container{display:flex;flex-direction:column;gap:40px}.general-link-section,.customer-links-section{background:var(--card-bg);border:1px solid #e5e5e5;border-radius:16px;padding:32px;box-shadow:0 2px 8px #0000000a;transition:all .3s ease}.general-link-section:hover,.customer-links-section:hover{box-shadow:0 4px 16px #00000014}.section-header{margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f5f5f5}.section-header h2{margin:0 0 8px;font-size:22px;font-weight:700;color:#1a1a1a;letter-spacing:-.5px}.section-header p{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.5}.divider{height:1px;background:linear-gradient(90deg,transparent,#e5e5e5,transparent);margin:0}.link-url-section{margin-bottom:16px}.regenerate-btn,.create-general-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--card-bg);color:#667eea;border:2px solid #667eea;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:12px}.regenerate-btn:hover,.create-general-btn:hover{background:#667eea;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #667eea4d}.regenerate-btn:disabled,.create-general-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.no-general-link{text-align:center;padding:40px 20px;background:#f9f9f9;border-radius:8px;border:2px dashed #e5e5e5}.no-general-link p{margin:0 0 16px;color:var(--text-secondary)}.create-customer-link{margin-bottom:24px}.customer-select-label{display:block;font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:8px}.customer-select{width:100%;padding:12px 16px;border:1px solid #e5e5e5;border-radius:8px;font-size:14px;color:var(--text-primary);background:var(--card-bg);cursor:pointer;transition:all .2s}.customer-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.expiration-section{margin:16px 0;padding:18px;background:linear-gradient(135deg,#f8f9ff 0%,#f5f7ff 100%);border-radius:10px;border:1px solid #e0e5ff}.expiration-label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.expiration-row{display:flex;gap:8px}.expiration-input{flex:1;padding:10px 12px;border:1px solid #e5e5e5;border-radius:6px;font-size:14px;color:var(--text-primary);background:var(--card-bg);transition:all .2s}.expiration-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.update-expiration-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#10b981;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.update-expiration-btn:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.customer-links-list{display:flex;flex-direction:column;gap:16px}.customer-link-card{border:2px solid #e5e5e5;border-radius:12px;padding:20px;background:linear-gradient(to bottom,#fafafa,#ffffff);transition:all .3s ease}.customer-link-card:hover{border-color:#667eea;background:var(--card-bg);box-shadow:0 4px 12px #667eea1a;transform:translateY(-2px)}.selected-customer-link{margin:24px 0}.customer-link-card.selected{border-color:#667eea;background:linear-gradient(to bottom,#f0f4ff,#ffffff);box-shadow:0 4px 16px #667eea26}.customer-link-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.customer-name{display:flex;align-items:center;gap:8px;color:var(--text-primary);font-size:14px}.customer-name svg{color:#667eea}.customer-link-actions{display:flex;gap:8px;align-items:center}.regenerate-customer-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--card-bg);color:#667eea;border:1px solid #667eea;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.regenerate-customer-btn:hover:not(:disabled){background:#667eea;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #667eea4d}.regenerate-customer-btn:disabled{opacity:.5;cursor:not-allowed}.delete-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer;transition:all .2s;color:#999}.delete-btn:hover{background:#fee;color:#ef4444}.no-customer-links{text-align:center;padding:40px 20px;background:#f9f9f9;border-radius:8px;border:2px dashed #e5e5e5}.no-customer-links p{margin:0;color:var(--text-secondary)}.link-card{background:var(--card-bg);border:1px solid #e5e5e5;border-radius:12px;padding:20px;transition:all .2s}.link-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.link-card.inactive{opacity:.6;background:#f9f9f9}.link-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.link-type{flex:1}.badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.badge-general{background:rgba(102,126,234,.1);color:#667eea}.badge-customer{background:rgba(16,185,129,.1);color:#10b981}.link-actions{display:flex;gap:8px}.icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:#f5f5f5;border-radius:6px;cursor:pointer;transition:all .2s;color:var(--text-secondary)}.icon-btn:hover{background:#e5e5e5;color:var(--text-primary)}.link-card-body{display:flex;flex-direction:column;gap:16px}.customer-info{padding:12px;background:rgba(102,126,234,.05);border-radius:8px;font-size:14px;color:var(--text-primary)}.customer-info strong{color:#667eea}.link-url{display:flex;flex-direction:column;gap:8px}.link-url-wrapper{position:relative;display:flex;align-items:center}.url-input{flex:1;padding:14px 100px 14px 16px;border:2px solid #e5e5e5;border-radius:10px;font-size:13px;font-family:SF Mono,Monaco,Courier New,monospace;background:linear-gradient(to bottom,#fafafa,#f5f5f5);color:var(--text-primary);font-weight:500;transition:all .2s ease}.url-input:focus{outline:none;border-color:#667eea;background:var(--card-bg);box-shadow:0 0 0 4px #667eea1a}.url-inline-actions{position:absolute;right:8px;display:flex;gap:4px;align-items:center}.url-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--card-bg);border:1px solid #e5e5e5;border-radius:8px;cursor:pointer;color:var(--text-secondary);transition:all .2s ease}.url-icon-btn:hover:not(:disabled){background:linear-gradient(135deg,rgba(139,92,246,.1) 0%,rgba(124,58,237,.1) 100%);border-color:#667eea;color:#667eea;transform:scale(1.05)}.url-icon-btn:disabled{opacity:.5;cursor:not-allowed}.url-icon-btn.copied{background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-color:#10b981;color:#fff}.url-actions{display:flex;gap:8px}.preview-btn{display:flex!important;align-items:center;gap:6px;padding:10px 16px;border:2px solid #667eea;background:#667eea;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;color:#fff;white-space:nowrap;flex:1}.preview-btn:hover{background:#5568d3;border-color:#5568d3;transform:translateY(-1px);box-shadow:0 4px 8px #667eea4d}.copy-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;border:1px solid #e5e5e5;background:var(--card-bg);border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;color:#667eea;white-space:nowrap;flex:1}.copy-btn:hover{background:#f9f9f9;border-color:#667eea}.copy-btn.copied{background:#10b981;color:#fff;border-color:#10b981}.link-meta{display:flex;flex-wrap:wrap;gap:16px;padding-top:12px;border-top:1px solid #f0f0f0}.meta-item{display:flex;flex-direction:column;gap:4px}.meta-label{font-size:11px;text-transform:uppercase;font-weight:600;color:#999;letter-spacing:.5px}.meta-item>span:last-child{font-size:13px;color:var(--text-primary);font-weight:500}.status-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:600}.status-badge.active{background:rgba(16,185,129,.1);color:#10b981}.status-badge.inactive{background:rgba(239,68,68,.1);color:#ef4444}@media (max-width: 768px){.rfq-links-page{padding:16px}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.links-grid{grid-template-columns:1fr}.link-url{flex-direction:column}.copy-btn{width:100%;justify-content:center}}.api-management{padding:2rem;max-width:1400px;margin:0 auto}.api-management-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.api-management-header h1{margin:0 0 .5rem;font-size:2rem;font-weight:600}.api-management-header p{margin:0;color:var(--text-secondary)}.api-docs-banner{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;color:#fff}.banner-content h3{margin:0 0 .5rem;font-size:1.25rem}.banner-content p{margin:0;opacity:.9}.api-docs-banner .btn-secondary{background:var(--card-bg);color:#667eea;border:none}.api-docs-banner .btn-secondary:hover{background:#f0f0f0}.loading-state{text-align:center;padding:3rem;color:var(--text-secondary)}.empty-state{text-align:center;padding:4rem 2rem;background:var(--card-bg);border-radius:12px;box-shadow:0 1px 3px #0000001a}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{margin:0 0 .5rem;font-size:1.5rem}.empty-state p{margin:0 0 1.5rem;color:var(--text-secondary)}.api-keys-list{display:flex;flex-direction:column;gap:1rem}.api-key-card{background:var(--card-bg);border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:2px solid transparent;transition:all .2s}.api-key-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26}.api-key-card.inactive{opacity:.6;background:#f9f9f9}.key-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.key-info{display:flex;align-items:center;gap:1rem}.key-info h3{margin:0;font-size:1.125rem;font-weight:600}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.key-actions{display:flex;gap:.5rem}.icon-btn{background:#f5f5f5;border:1px solid #ddd;border-radius:6px;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.icon-btn:hover{background:#e0e0e0;border-color:#bbb}.icon-btn.danger:hover{background:#fee;border-color:#fcc;color:#c00}.key-value{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:1rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-family:Monaco,Courier New,monospace}.key-value code{flex:1;font-size:.875rem;color:var(--text-primary);letter-spacing:.5px}.key-controls{display:flex;gap:.5rem;margin-left:1rem}.key-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding-top:1rem;border-top:1px solid #e0e0e0}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-item .label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;font-weight:600}.detail-item .value{font-size:.875rem;color:var(--text-primary)}.api-key-modal{width:600px;max-width:90vw}.permissions-list{display:flex;flex-direction:column;gap:1rem}.checkbox-label{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#f8f9fa;border-radius:8px;cursor:pointer;transition:background .2s}.checkbox-label:hover{background:#e9ecef}.checkbox-label input[type=checkbox]{margin-top:.25rem;width:18px;height:18px;cursor:pointer}.checkbox-label div{flex:1}.checkbox-label strong{display:block;margin-bottom:.25rem}.checkbox-label p{margin:0;font-size:.875rem;color:var(--text-secondary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.api-management{padding:1rem}.api-management-header{flex-direction:column;gap:1rem}.api-docs-banner{flex-direction:column;gap:1rem;text-align:center}.key-header{flex-direction:column;align-items:flex-start;gap:1rem}.key-value{flex-direction:column;gap:1rem}.key-value code{word-break:break-all}.key-controls{margin-left:0}.form-row{grid-template-columns:1fr}}.api-docs{max-width:900px;margin:0 auto;padding:2rem}.docs-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid #e0e0e0}.docs-header h1{margin:0 0 1rem;font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.docs-header p{margin:0;font-size:1.125rem;color:var(--text-secondary)}.docs-nav{display:flex;gap:1rem;margin-bottom:3rem;padding:1rem;background:#f8f9fa;border-radius:8px;flex-wrap:wrap}.docs-nav a{padding:.5rem 1rem;border-radius:6px;text-decoration:none;color:var(--text-primary);font-weight:500;transition:all .2s}.docs-nav a:hover{background:var(--card-bg);color:#667eea}.docs-section{margin-bottom:4rem}.docs-section h2{margin:0 0 1.5rem;font-size:2rem;font-weight:600;color:var(--text-primary)}.docs-section h3{margin:2rem 0 1rem;font-size:1.5rem;font-weight:600;color:#444}.docs-section h4{margin:1.5rem 0 .75rem;font-size:1.125rem;font-weight:600;color:#555}.docs-section p{margin:0 0 1rem;line-height:1.6;color:var(--text-secondary)}.docs-section ul{margin:1rem 0;padding-left:1.5rem}.docs-section li{margin:.5rem 0;line-height:1.6;color:var(--text-secondary)}.step-card{display:flex;gap:1.5rem;margin:1.5rem 0;padding:1.5rem;background:var(--card-bg);border:2px solid #e0e0e0;border-radius:12px;transition:all .2s}.step-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26}.step-number{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;font-size:1.5rem;font-weight:700;border-radius:50%}.step-content h3{margin:0 0 .5rem;font-size:1.25rem}.step-content p{margin:0}.code-block{margin:1.5rem 0;background:#1e1e1e;border-radius:8px;overflow:hidden}.code-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#2d2d2d;border-bottom:1px solid #3d3d3d}.language{font-size:.875rem;color:#888;text-transform:uppercase;font-weight:600}.copy-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#3d3d3d;border:1px solid #4d4d4d;border-radius:6px;color:#fff;font-size:.875rem;cursor:pointer;transition:all .2s}.copy-btn:hover{background:#4d4d4d}.code-block pre{margin:0;padding:1.5rem;overflow-x:auto}.code-block code{font-family:Monaco,Courier New,monospace;font-size:.875rem;line-height:1.6;color:#d4d4d4}.docs-table{width:100%;margin:1.5rem 0;border-collapse:collapse;background:var(--card-bg);border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.docs-table thead{background:#f8f9fa}.docs-table th{padding:1rem;text-align:left;font-weight:600;color:var(--text-primary);border-bottom:2px solid #e0e0e0}.docs-table td{padding:1rem;border-bottom:1px solid #e0e0e0;color:var(--text-secondary)}.docs-table tr:last-child td{border-bottom:none}.docs-table code{padding:.2rem .5rem;background:#f8f9fa;border-radius:4px;font-size:.875rem;color:#667eea;font-family:Monaco,Courier New,monospace}.endpoint-card{margin:2rem 0;padding:1.5rem;background:var(--card-bg);border:2px solid #e0e0e0;border-radius:12px}.endpoint-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.method{padding:.5rem 1rem;border-radius:6px;font-weight:700;font-size:.875rem;text-transform:uppercase}.method.get{background:#d1ecf1;color:#0c5460}.method.post{background:#d4edda;color:#155724}.method.put{background:var(--card-bg)3cd;color:#856404}.method.delete{background:#f8d7da;color:#721c24}.endpoint-header code{flex:1;font-size:1rem;color:var(--text-primary)}.endpoint-card>p{margin:0 0 1.5rem;color:var(--text-secondary)}@media (max-width: 768px){.api-docs{padding:1rem}.docs-header h1{font-size:2rem}.docs-nav,.step-card{flex-direction:column}.step-number{width:40px;height:40px;font-size:1.25rem}.docs-table{font-size:.875rem}.docs-table th,.docs-table td{padding:.75rem .5rem}.code-block pre{padding:1rem;font-size:.75rem}.endpoint-header{flex-direction:column;align-items:flex-start}}.rfq-field-template-manager{padding:24px}.template-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.template-header h2{margin:0 0 8px;font-size:24px;font-weight:600;color:var(--text-primary)}.template-header p{margin:0;font-size:14px;color:var(--text-secondary)}.add-field-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.add-field-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.add-field-form{background:#f8f9fa;border:2px dashed #ddd;border-radius:12px;padding:24px;margin-bottom:32px}[data-theme=dark] .add-field-form{background:var(--gray-800);border-color:var(--gray-600)}.add-field-form h3{margin:0 0 20px;font-size:18px;font-weight:600;color:var(--text-primary)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:500;color:var(--text-primary)}.form-group input[type=text],.form-group select{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:all .2s;background:var(--card-bg);color:var(--text-primary)}[data-theme=dark] .form-group input[type=text],[data-theme=dark] .form-group select{border-color:var(--gray-600)}.form-group input[type=text]:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer;padding-top:4px}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer}.form-actions{display:flex;gap:12px}.save-btn,.cancel-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.save-btn{background:#10b981;color:#fff}.save-btn:hover{background:#059669}.cancel-btn{background:#e5e7eb;color:var(--text-primary)}.cancel-btn:hover{background:#d1d5db}.fields-section{margin-bottom:32px}.fields-section h3{margin:0 0 16px;font-size:18px;font-weight:600;color:var(--text-primary)}.table-container{border:1px solid var(--border-color);border-radius:8px;overflow:hidden;background:var(--card-bg)}.fields-table{width:100%;border-collapse:collapse}.fields-table thead{background:var(--table-row-hover);border-bottom:2px solid var(--border-color)}.fields-table th{padding:12px 16px;text-align:left;font-size:13px;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.fields-table tbody tr{border-bottom:1px solid var(--border-color);transition:background-color .2s;cursor:grab}.fields-table tbody tr:hover{background-color:var(--table-row-hover)}.fields-table tbody tr.dragging{opacity:.5;background-color:var(--table-row-hover)}.fields-table tbody tr.editing-row{background-color:#fef3c7;cursor:default}[data-theme=dark] .fields-table tbody tr.editing-row{background-color:#f59e0b26}.fields-table td{padding:12px 16px;font-size:14px;color:var(--text-primary)}.drag-handle{color:var(--text-muted);cursor:grab}.drag-handle:active{cursor:grabbing}.edit-input,.edit-select{width:100%;padding:6px 8px;border:1px solid var(--border-color);border-radius:4px;font-size:14px;background:var(--card-bg);color:var(--text-primary)}.edit-input:focus,.edit-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.field-type-badge,.category-badge,.status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize}.field-type-badge{background:#e0e7ff;color:#4338ca}.category-badge{background:#dbeafe;color:#1e40af}.status-badge.required{background:#fee2e2;color:#dc2626}.status-badge.optional{background:var(--table-row-hover);color:var(--text-secondary)}.status-badge.enabled{background:#d1fae5;color:#065f46}.status-badge.disabled{background:var(--table-row-hover);color:var(--text-secondary)}.action-buttons{display:flex;gap:8px}.action-buttons button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.edit-btn{background:#eff6ff;color:#2563eb}.edit-btn:hover{background:#dbeafe}.delete-btn{background:#fee;color:#dc2626}.delete-btn:hover{background:#fecaca}.action-buttons .save-btn{width:32px;height:32px;padding:0;background:#10b981;color:#fff}.action-buttons .save-btn:hover{background:#059669}.action-buttons .cancel-btn{width:32px;height:32px;padding:0;background:#e5e7eb;color:var(--text-primary)}.action-buttons .cancel-btn:hover{background:#d1d5db}.loading-state{text-align:center;padding:48px;color:var(--text-secondary);font-size:14px}.select-options-section{margin-top:16px;padding-top:16px;border-top:1px dashed #ddd}[data-theme=dark] .select-options-section{border-top-color:var(--gray-600)}.options-input-full{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:all .2s}[data-theme=dark] .options-input-full{background:var(--gray-800);border-color:var(--gray-600);color:var(--text-primary)}.options-input-full:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.field-hint{display:block;margin-top:6px;font-size:12px;color:var(--text-secondary)}.options-input{min-width:180px}.options-display{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;background:#dbeafe;color:#1e40af;cursor:help}[data-theme=dark] .options-display{background:rgba(59,130,246,.2);color:#60a5fa}.options-display.no-options{background:#fef3c7;color:#92400e}[data-theme=dark] .options-display.no-options{background:rgba(245,158,11,.2);color:#fbbf24}.options-display.na{background:transparent;color:var(--text-muted);cursor:default}.landing-page-editor{padding:2rem;max-width:1200px;margin:0 auto}.landing-page-editor h2{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:2rem}.landing-editor-loading{display:flex;justify-content:center;align-items:center;height:400px;font-size:1.2rem;color:var(--text-secondary)}.editor-section{background:var(--card-bg);border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a}.editor-section h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--border-color)}.add-company-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:1rem;margin-bottom:2rem;padding:1.5rem;background:var(--table-row-hover);border-radius:8px}.add-company-form .form-group{display:flex;flex-direction:column;gap:.5rem}.add-company-form label{font-size:.9rem;font-weight:600;color:var(--text-primary)}.add-company-form input{padding:.75rem;border:1px solid var(--border-color);border-radius:6px;font-size:1rem}.add-company-form input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.companies-list{display:flex;flex-direction:column;gap:.75rem}.company-item-inline{display:grid;grid-template-columns:100px 1fr 1fr auto;gap:1rem;align-items:center;padding:1rem 1.5rem;border:2px solid var(--border-color);border-radius:8px;transition:all .2s;background:var(--card-bg)}.company-item-inline:hover{border-color:var(--border-color)}.company-logo-preview{display:flex;flex-direction:column;gap:.5rem}.company-logo-preview img{width:100px;height:60px;object-fit:contain;border-radius:6px;background:var(--card-bg);padding:.25rem;border:1px solid var(--border-color)}.logo-change-input{font-size:.75rem}.company-info-inline{display:flex;flex-direction:column;gap:.25rem}.company-info-inline strong{font-size:1rem;font-weight:600;color:var(--text-primary)}.company-url-inline{font-size:.85rem;color:#8b5cf6;text-decoration:none;word-break:break-all;transition:color .2s}.company-url-inline:hover{color:#7c3aed;text-decoration:underline}.inline-input{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:6px;font-size:.95rem}.inline-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.inline-input-small{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:6px;font-size:.95rem;width:100px}.inline-input-small:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.logo-width-control{display:flex;flex-direction:column;gap:.25rem}.logo-width-control label{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.company-actions-inline{display:flex;gap:.5rem;align-items:center}.btn-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--card-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .2s;padding:0}.btn-icon:hover:not(:disabled){background:var(--table-row-hover);border-color:#8b5cf6;color:#8b5cf6}.btn-icon:disabled{opacity:.3;cursor:not-allowed}.btn-save{padding:.5rem 1rem;background:#10b981;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.btn-save:hover{background:#059669}.btn-cancel{padding:.5rem 1rem;background:var(--card-bg);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:var(--table-row-hover);border-color:var(--text-secondary)}.section-item{border:2px solid var(--border-color);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h4{font-size:1.1rem;font-weight:700;color:#8b5cf6;margin:0;letter-spacing:.5px}.section-edit-form{display:flex;flex-direction:column;gap:1.5rem;margin-top:1.5rem}.section-edit-form .form-group{display:flex;flex-direction:column;gap:.5rem}.section-edit-form label{font-size:.95rem;font-weight:600;color:var(--text-primary)}.section-edit-form input,.section-edit-form textarea{padding:.75rem;border:1px solid var(--border-color);border-radius:6px;font-size:1rem;font-family:inherit}.section-edit-form input:focus,.section-edit-form textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.json-editor{font-family:Courier New,monospace;font-size:.9rem;background:#1f2937;color:#10b981;padding:1rem;border-radius:6px}.section-preview{margin-top:1rem;padding:1rem;background:var(--table-row-hover);border-radius:6px}.section-preview p{margin-bottom:.75rem;color:var(--text-primary)}.section-preview pre{background:#1f2937;color:#10b981;padding:1rem;border-radius:6px;overflow-x:auto;font-size:.85rem}.btn-primary{padding:.75rem 1.5rem;background:#8B5CF6;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover:not(:disabled){background:#7C3AED;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf64d}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{padding:.5rem 1rem;background:var(--card-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:var(--table-row-hover);border-color:#8b5cf6;color:#8b5cf6}.btn-danger{padding:.5rem 1rem;background:var(--card-bg);color:#dc2626;border:1px solid #dc2626;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.btn-danger:hover{background:#dc2626;color:#fff}@media (max-width: 768px){.add-company-form,.company-item{grid-template-columns:1fr}.company-actions{width:100%}.company-actions button{flex:1}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;overflow-y:auto}.superadmin-create-company-modal{background:var(--card-bg);border-radius:12px;width:90%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;position:relative}.superadmin-create-company-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border-color);flex-shrink:0}.superadmin-create-company-modal form{display:flex;flex-direction:column;flex:1;overflow:hidden}.superadmin-create-company-modal .modal-header h2{margin:0;font-size:24px;font-weight:700;color:var(--text-primary)}.superadmin-create-company-modal .modal-close{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:4px;border-radius:4px;transition:all .2s}.superadmin-create-company-modal .modal-close:hover{background:var(--table-row-hover);color:var(--text-primary)}.superadmin-create-company-modal .modal-content{padding:32px;overflow-y:auto;flex:1;min-height:0}.superadmin-create-company-modal .form-section{margin-bottom:32px;background:#fff}.superadmin-create-company-modal .form-section h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 24px;padding-bottom:12px;border-bottom:2px solid var(--border-color)}.superadmin-create-company-modal .form-section h4{font-size:15px;font-weight:600;color:var(--text-primary);margin:24px 0 16px;text-transform:uppercase;letter-spacing:.05em}.superadmin-create-company-modal .section-description{color:var(--text-secondary);font-size:14px;margin-bottom:24px;line-height:1.5}.superadmin-create-company-modal .form-group{margin-bottom:20px}.superadmin-create-company-modal .form-group label{display:block;font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:8px}.superadmin-create-company-modal .form-group input,.superadmin-create-company-modal .form-group select{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;transition:all .2s;background-color:#fff}.superadmin-create-company-modal .form-group input:focus,.superadmin-create-company-modal .form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6c63ff1a}.superadmin-create-company-modal .form-group input.error,.superadmin-create-company-modal .form-group select.error{border-color:#ef4444}.superadmin-create-company-modal .form-group small{display:block;margin-top:4px;font-size:12px;color:var(--text-secondary)}.superadmin-create-company-modal .error-message{display:block;margin-top:4px;font-size:12px;color:#ef4444}.superadmin-create-company-modal .form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.superadmin-create-company-modal .plan-details{background:var(--table-row-hover);border:1px solid var(--border-color);border-radius:8px;padding:16px;margin-top:12px}.superadmin-create-company-modal .plan-info-item{padding:8px 0;font-size:14px;color:var(--text-primary)}.superadmin-create-company-modal .plan-info-item strong{color:var(--text-primary);margin-right:8px}.superadmin-create-company-modal .enterprise-config{background:#eff6ff;border:1px solid #BFDBFE;border-radius:8px;padding:16px;margin-top:16px}.superadmin-create-company-modal .invitation-row{display:flex;gap:12px;margin-bottom:16px;padding:16px;background:var(--table-row-hover);border-radius:8px;border:1px solid var(--border-color)}.superadmin-create-company-modal .invitation-fields{flex:1;display:grid;grid-template-columns:2fr 2fr 1fr;gap:12px}.superadmin-create-company-modal .invitation-row .form-group{margin-bottom:0}.superadmin-create-company-modal .btn-remove-invitation{background:none;border:none;color:#ef4444;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s;height:fit-content;margin-top:26px}.superadmin-create-company-modal .btn-remove-invitation:hover:not(:disabled){background:#FEE2E2}.superadmin-create-company-modal .btn-remove-invitation:disabled{opacity:.3;cursor:not-allowed}.superadmin-create-company-modal .btn-add-invitation{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:var(--card-bg);border:2px dashed #d1d5db;border-radius:8px;color:var(--primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.superadmin-create-company-modal .btn-add-invitation:hover{border-color:var(--primary);background:#f5f3ff}.superadmin-create-company-modal .error-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#FEE2E2;border:1px solid #FCA5A5;border-radius:8px;color:#991b1b;font-size:14px;margin-top:16px}.superadmin-create-company-modal .modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--border-color);flex-shrink:0;background:var(--card-bg)}.superadmin-create-company-modal .btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.superadmin-create-company-modal .btn-secondary{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-primary)}.superadmin-create-company-modal .btn-secondary:hover:not(:disabled){background:var(--table-row-hover)}.superadmin-create-company-modal .btn-primary{background:linear-gradient(135deg,#8b5cf6 0%,#a78bfa 100%);color:#fff}.superadmin-create-company-modal .btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6c63ff4d}.superadmin-create-company-modal .btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.superadmin-create-company-modal{width:95%;max-height:95vh}.superadmin-create-company-modal .form-row,.superadmin-create-company-modal .invitation-fields{grid-template-columns:1fr}.superadmin-create-company-modal .btn-remove-invitation{margin-top:0}}.company-management-modal{background:var(--card-bg);border-radius:12px;width:90%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.company-management-modal .modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px;border-bottom:1px solid var(--border-color)}.company-management-modal .modal-header h2{margin:0 0 4px;font-size:24px;font-weight:700;color:var(--text-primary)}.company-management-modal .company-name{font-size:14px;color:var(--text-secondary);margin:0}.company-management-modal .modal-close{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:4px;border-radius:4px;transition:all .2s}.company-management-modal .modal-close:hover{background:var(--table-row-hover);color:var(--text-primary)}.company-management-modal .modal-content{padding:24px;overflow-y:auto;flex:1}.company-management-modal .info-section,.company-management-modal .form-section{margin-bottom:32px}.company-management-modal .info-section h3,.company-management-modal .form-section h3{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 16px}.company-management-modal .trial-status-card{background:var(--table-row-hover);border:1px solid var(--border-color);border-radius:8px;padding:16px;display:flex;align-items:center;gap:16px}.company-management-modal .status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:600;white-space:nowrap}.company-management-modal .status-badge.active{background:#D1FAE5;color:#065f46}.company-management-modal .status-badge.inactive{background:#F3F4F6;color:#6b7280}.company-management-modal .trial-info{display:flex;flex-direction:column;gap:4px}.company-management-modal .trial-info strong{font-size:16px;color:var(--text-primary)}.company-management-modal .trial-info span{font-size:13px;color:var(--text-secondary)}.company-management-modal .form-group{margin-bottom:16px}.company-management-modal .form-group label{display:block;font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:6px}.company-management-modal .form-group input,.company-management-modal .form-group select{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;transition:all .2s}.company-management-modal .form-group input:focus,.company-management-modal .form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6c63ff1a}.company-management-modal .form-group input.error,.company-management-modal .form-group select.error{border-color:#ef4444}.company-management-modal .form-group small{display:block;margin-top:4px;font-size:12px;color:var(--text-secondary)}.company-management-modal .form-group small strong{color:var(--primary)}.company-management-modal .error-message{display:block;margin-top:4px;font-size:12px;color:#ef4444}.company-management-modal .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.company-management-modal .plan-details{background:var(--table-row-hover);border:1px solid var(--border-color);border-radius:8px;padding:16px;margin-top:12px}.company-management-modal .plan-info-item{display:flex;align-items:center;gap:12px;padding:8px 0;font-size:14px;color:var(--text-primary)}.company-management-modal .plan-info-item svg{color:var(--primary);flex-shrink:0}.company-management-modal .plan-info-item strong{color:var(--text-primary);margin-right:4px}.company-management-modal .enterprise-section{background:#eff6ff;border:1px solid #BFDBFE;border-radius:8px;padding:20px}.company-management-modal .error-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#FEE2E2;border:1px solid #FCA5A5;border-radius:8px;color:#991b1b;font-size:14px;margin-top:16px}.company-management-modal .modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--border-color);background:var(--card-bg);flex-shrink:0}.company-management-modal .btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.company-management-modal .btn-secondary{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-primary)}.company-management-modal .btn-secondary:hover:not(:disabled){background:var(--table-row-hover)}.company-management-modal .btn-primary{background:linear-gradient(135deg,#8b5cf6 0%,#a78bfa 100%);color:#fff}.company-management-modal .btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6c63ff4d}.company-management-modal .btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.company-management-modal{width:95%;max-height:95vh}.company-management-modal .form-row{grid-template-columns:1fr}.company-management-modal .trial-status-card{flex-direction:column;align-items:flex-start}}.super-admin-container{padding:40px;max-width:1600px;margin:0 auto}.super-admin-header{margin-bottom:32px}.super-admin-header h1{font-size:32px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.super-admin-header p{font-size:16px;color:var(--text-secondary);margin:0}.super-admin-tabs{display:flex;gap:8px;margin-bottom:32px;border-bottom:2px solid var(--border-color)}.super-admin-tabs .tab{display:flex;align-items:center;gap:8px;padding:12px 24px;background:none;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);font-size:15px;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:-2px}.super-admin-tabs .tab:hover{color:#667eea;background:var(--table-row-hover)}.super-admin-tabs .tab.active{color:#667eea;border-bottom-color:#667eea}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:40px}.stat-card{background:var(--card-bg);padding:24px;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;gap:20px}.stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.stat-content{flex:1}.stat-value{font-size:32px;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:4px}.stat-label{font-size:14px;color:var(--text-secondary)}.action-buttons-group{display:flex;gap:8px;align-items:center}.delete-company-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fee;color:#dc2626;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.delete-company-btn:hover{background:#fecaca}.reset-password-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#eff6ff;color:#2563eb;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.reset-password-btn:hover{background:#dbeafe}.delete-modal{max-width:500px}.warning-text{color:#dc2626;font-weight:500;margin-bottom:16px;padding:12px;background:#fee;border-radius:6px}.delete-confirmation-input{width:100%;padding:10px 12px;border:2px solid var(--border-color);border-radius:6px;font-size:14px;margin-top:12px}.delete-confirmation-input:focus{outline:none;border-color:#dc2626}.modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.delete-btn-confirm{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#dc2626;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.delete-btn-confirm:hover:not(:disabled){background:#b91c1c}.delete-btn-confirm:disabled{background:#e5e7eb;color:var(--text-muted);cursor:not-allowed}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.analytics-header h2{margin:0;font-size:24px;font-weight:600;color:#1a1a1a}.company-filter{display:flex;align-items:center;gap:12px}.company-filter label{font-size:14px;font-weight:500;color:#444}.company-select{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;background:var(--card-bg);cursor:pointer;min-width:200px}.company-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.no-data-message{text-align:center;padding:48px 24px;background:var(--table-row-hover);border-radius:8px;border:1px solid var(--border-color)}.no-data-message p{margin:0 0 8px;font-size:16px;color:var(--text-secondary)}.no-data-message p.hint{font-size:14px;color:var(--text-muted)}.companies-table-section{background:var(--card-bg);border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.companies-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.companies-table-section h2{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.create-company-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#8b5cf6 0%,#a78bfa 100%);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.create-company-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6c63ff4d}.companies-table-container{overflow-x:auto}.companies-table{width:100%;border-collapse:collapse}.companies-table thead{background:var(--gray-50);border-bottom:2px solid var(--border-color)}[data-theme=dark] .companies-table thead{background:var(--gray-800)}.companies-table th{padding:12px 16px;text-align:left;font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}[data-theme=dark] .companies-table th{color:#e2e8f0}[data-theme=dark] .companies-table td{color:#f1f5f9}.companies-table td{padding:16px;border-bottom:1px solid var(--border-color);font-size:14px;color:var(--text-primary)}.companies-table tr:hover{background:var(--gray-50)}[data-theme=dark] .companies-table tr:hover{background:var(--gray-700)}.company-name{display:flex;align-items:center;gap:8px;font-weight:500;color:var(--text-primary)}.manage-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--primary);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.manage-btn:hover{background:#5850e6;transform:translateY(-1px)}.view-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.view-btn:hover{background:#5568d3;transform:translateY(-1px)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:10000}.modal-content{background:var(--card-bg);border-radius:12px;max-width:800px;width:90%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border-color)}.modal-header h2{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.close-btn{width:32px;height:32px;border:none;background:var(--table-row-hover);color:var(--text-secondary);border-radius:6px;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn:hover{background:#e5e7eb;color:var(--text-primary)}.modal-body{padding:24px;overflow-y:auto}.users-table{width:100%;border-collapse:collapse}.users-table th{padding:12px;text-align:left;font-size:13px;font-weight:600;color:var(--text-secondary);border-bottom:2px solid var(--border-color)}[data-theme=dark] .users-table th{color:#e2e8f0}.users-table td{padding:12px;border-bottom:1px solid var(--border-color);font-size:14px;color:var(--text-primary)}[data-theme=dark] .users-table td{color:#f1f5f9}.role-badge{display:inline-block;padding:4px 12px;background:#ede9fe;color:#6b21a8;border-radius:12px;font-size:12px;font-weight:500}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#fee2e2;color:#991b1b}.status-badge.pending{background:#fef3c7;color:#92400e}.template-editor{background:var(--card-bg);border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:32px}.template-header{margin-bottom:32px}.template-header h2{font-size:24px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.template-header p{font-size:14px;color:var(--text-secondary);margin:0}.field-group{margin-bottom:32px}.field-group h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 16px}.fields-list{display:flex;flex-direction:column;gap:12px}.field-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--table-row-hover);border:1px solid var(--border-color);border-radius:8px;transition:all .2s}.field-item:hover{background:var(--table-row-hover)}.field-info{flex:1}.field-label{font-size:15px;font-weight:500;color:var(--text-primary);display:block;margin-bottom:6px}.field-meta{display:flex;gap:8px;align-items:center}.field-type{font-size:12px;color:var(--text-secondary);text-transform:capitalize}.required-badge{display:inline-block;padding:2px 8px;background:#fef3c7;color:#92400e;border-radius:4px;font-size:11px;font-weight:600}.enabled-badge{display:inline-block;padding:2px 8px;background:#d1fae5;color:#065f46;border-radius:4px;font-size:11px;font-weight:600}.disabled-badge{display:inline-block;padding:2px 8px;background:#fee2e2;color:#991b1b;border-radius:4px;font-size:11px;font-weight:600}.toggle-btn{padding:8px 16px;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.toggle-btn:hover{background:#5568d3}.analytics-dashboard{display:flex;flex-direction:column;gap:32px}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.analytics-card{background:var(--card-bg);border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.analytics-card h3{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 20px}.chart-data{display:flex;flex-direction:column;gap:12px}.chart-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--table-row-hover);border-radius:8px}.chart-item span:first-child{font-size:14px;color:var(--text-primary)}.chart-value{font-size:18px;font-weight:600;color:#667eea}.recent-activity{background:var(--card-bg);border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.recent-activity h3{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 20px}.recent-activity h3 svg{color:#667eea}.activity-table{width:100%;border-collapse:collapse}.activity-table th{padding:12px;text-align:left;font-size:13px;font-weight:600;color:var(--text-secondary);border-bottom:2px solid var(--border-color)}.activity-table td{padding:12px;border-bottom:1px solid #f3f4f6;font-size:14px}.method-badge{display:inline-block;padding:4px 12px;background:#dbeafe;color:#1e40af;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize}.loading-state{display:flex;align-items:center;justify-content:center;padding:80px;color:var(--text-secondary);font-size:16px}.tokens-dashboard{display:flex;flex-direction:column;gap:32px}.tokens-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.tokens-header h2{font-size:24px;font-weight:600;color:var(--text-primary);margin:0}.tokens-filters{display:flex;gap:16px;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:8px}.filter-group label{font-size:14px;font-weight:500;color:var(--text-secondary);white-space:nowrap}.company-select,.days-select{padding:8px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;color:var(--text-primary);background:var(--card-bg);cursor:pointer;min-width:180px}.company-select:focus,.days-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.tokens-content{display:grid;grid-template-columns:1fr 1fr;gap:32px}@media (max-width: 1200px){.tokens-content{grid-template-columns:1fr}}.tokens-by-operation,.tokens-by-company{background:var(--card-bg);padding:24px;border-radius:12px;box-shadow:0 1px 3px #0000001a}.tokens-by-operation h3,.tokens-by-company h3{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 20px}.operation-info{display:flex;flex-direction:column;gap:4px}.operation-name{font-weight:500;color:var(--text-primary);text-transform:capitalize}.operation-count{font-size:12px;color:var(--text-secondary)}.token-stats{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.tokens-value{font-weight:600;color:#667eea}.tokens-breakdown{font-size:12px;color:var(--text-secondary)}.tokens-table{width:100%;border-collapse:collapse}.tokens-table th{padding:12px;text-align:left;font-size:13px;font-weight:600;color:var(--text-secondary);border-bottom:2px solid var(--border-color)}.tokens-table td{padding:12px;border-bottom:1px solid #f3f4f6;font-size:14px}.no-data-cell{text-align:center;color:var(--text-secondary);padding:40px 12px}.activity-section{background:var(--card-bg);border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:32px}.activity-section .section-header{margin-bottom:32px}.activity-section .section-header h2{font-size:24px;font-weight:600;color:var(--text-primary);margin:0 0 20px}.activity-section .filters-row{display:flex;gap:16px;flex-wrap:wrap}.user-activity-table-container{margin-top:24px}.user-activity-table-container h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 20px}.user-cell{display:flex;flex-direction:column;gap:4px}.user-cell strong{color:var(--text-primary);font-size:14px}.top-actions{font-size:13px;color:var(--text-secondary);max-width:400px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.token-groups-container{display:flex;flex-direction:column;gap:8px}.token-group{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;overflow:hidden;transition:all .2s ease}.token-group:hover{border-color:#667eea4d;box-shadow:0 2px 8px #667eea14}.token-group.expanded{border-color:#667eea66;box-shadow:0 4px 16px #667eea1f}.token-group-header{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease}.token-group-header:hover{background:var(--table-row-hover)}.token-group-expand{display:flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0;transition:color .15s ease}.token-group:hover .token-group-expand{color:#667eea}.token-group-main{flex:0 0 auto;min-width:180px;max-width:280px;display:flex;flex-direction:column;gap:4px}.token-group-title{display:flex;align-items:center;gap:8px}.operation-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:13px;font-weight:600}.operation-badge.primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.operation-count-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;background:rgba(102,126,234,.12);color:#667eea}.dark .operation-count-badge{background:rgba(102,126,234,.2);color:#a5b4fc}.token-group-models-summary{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch;flex:1;min-width:200px}.model-stat-card{display:flex;flex-direction:column;gap:4px;padding:8px 12px;border-radius:8px;background:var(--card-bg);border:1px solid var(--border-color);min-width:160px;flex:0 1 auto}.token-group:hover .model-stat-card{border-color:#667eea4d}.model-stat-name{font-size:11px;font-weight:600;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;font-family:SF Mono,Fira Code,monospace}.model-stat-details{display:flex;align-items:center;gap:12px}.model-stat-tokens{font-size:12px;font-weight:600;color:#667eea;font-family:SF Mono,Fira Code,monospace}.model-stat-tokens:before{content:"in/out: ";font-weight:500;color:var(--text-secondary);font-family:inherit}.model-stat-cost{font-size:12px;font-weight:700;color:#43e97b;font-family:SF Mono,Fira Code,monospace}.token-group-company{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.token-group-company svg{opacity:.6}.token-group-stats{display:flex;align-items:center;gap:20px;flex-shrink:0}.token-group-stats .stat-item{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.token-group-stats .stat-item.models{min-width:100px}.token-group-stats .stat-item.time,.token-group-stats .stat-item.date{min-width:70px}.token-group-stats .stat-label{font-size:10px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.token-group-stats .stat-value{font-size:13px;font-weight:600;color:var(--text-primary)}.token-group-stats .stat-value.subtle{font-weight:500;font-size:12px;color:var(--text-secondary)}.token-group-stats .stat-value.cost{color:#43e97b}.token-group-stats .stat-value.model-list{font-size:12px;font-weight:500;color:var(--text-secondary);max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.token-group-details{border-top:1px solid var(--border-color);background:var(--table-row-hover);padding:0;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.nested-operations-table{width:100%;border-collapse:collapse}.nested-operations-table thead{background:rgba(102,126,234,.05)}.dark .nested-operations-table thead{background:rgba(102,126,234,.1)}.nested-operations-table th{padding:10px 14px;text-align:left;font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color)}.nested-operations-table td{padding:10px 14px;font-size:13px;color:var(--text-primary);border-bottom:1px solid var(--border-color)}.nested-operations-table tbody tr:last-child td{border-bottom:none}.nested-operations-table tbody tr:hover{background:rgba(102,126,234,.04)}.dark .nested-operations-table tbody tr:hover{background:rgba(102,126,234,.08)}.method-badge.nested{background:rgba(102,126,234,.1);color:#667eea;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.dark .method-badge.nested{background:rgba(102,126,234,.2);color:#a5b4fc}.model-cell{font-size:12px;color:var(--text-secondary);font-family:SF Mono,Fira Code,monospace}@media (max-width: 1400px){.model-stat-card{min-width:140px}.model-stat-name{max-width:140px}}@media (max-width: 1200px){.token-group-stats{gap:12px}.model-stat-card{min-width:130px;padding:6px 10px}.model-stat-name{max-width:120px;font-size:10px}.model-stat-tokens,.model-stat-cost{font-size:11px}.model-stat-tokens:before{content:""}}@media (max-width: 1000px){.token-group-header{flex-wrap:wrap;gap:10px}.token-group-main{min-width:160px}.token-group-models-summary{flex:1 1 100%;order:3;padding-top:10px;border-top:1px dashed var(--border-color)}.model-stat-card{min-width:150px}.model-stat-tokens:before{content:"in/out: "}.token-group-stats{order:2}}@media (max-width: 700px){.token-group-stats{width:100%;justify-content:space-between;padding-top:8px;border-top:1px dashed var(--border-color);order:4}.token-group-stats .stat-item{align-items:center}.token-group-models-summary{border-top:none;padding-top:0}.model-stat-card{flex:1 1 45%;min-width:120px}}.payment-method-page{padding:0;max-width:100%;margin:0;background:var(--bg-primary);min-height:100vh}.payment-method-page .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;min-height:50vh}.payment-method-page .spinner{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.pmp-header{margin-bottom:32px}.back-button{display:inline-flex;align-items:center;gap:8px;padding:8px 0;background:none;border:none;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:color .2s ease;margin-bottom:24px}.back-button:hover{color:var(--primary)}.pmp-title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 24px}.pmp-nav{border-bottom:1px solid var(--border-color)}.nav-list{display:flex;align-items:center;gap:32px;list-style:none;margin:0;padding:0}.nav-link{display:flex;align-items:center;gap:8px;padding:16px 0;color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s ease}.nav-link:hover{color:var(--primary);border-bottom-color:var(--primary)}.nav-link.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.pmp-main{display:grid;grid-template-columns:2fr 1fr;gap:32px}.payment-form-card{background:var(--card-bg);border-radius:12px;padding:32px;border:1px solid var(--border-color);box-shadow:0 1px 3px var(--shadow-color)}.pmp-form-header{margin-bottom:32px}.pmp-form-title{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.pmp-form-subtitle{font-size:14px;color:var(--text-secondary);margin:0}.pmp-charge-notice{margin-top:16px;padding:12px 16px;background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.3);border-radius:8px;font-size:14px;color:var(--primary)}.pmp-charge-notice strong{color:var(--primary)}.dark .pmp-charge-notice{background:rgba(139,92,246,.15);border-color:#8b5cf666}.payment-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column}.form-group.half-width{max-width:50%}.form-label{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.input-wrapper{position:relative}.input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.form-input{width:100%;padding:14px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;color:var(--text-primary);background:var(--input-bg);transition:all .2s ease}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf626}.form-input::placeholder{color:var(--text-muted)}.form-input.with-icon{padding-left:48px;padding-right:80px}.card-brands{position:absolute;right:16px;top:50%;transform:translateY(-50%);display:flex;gap:4px}.card-brands img{height:20px}.form-select{width:100%;padding:14px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;color:var(--text-primary);background:var(--input-bg);cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.form-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf626}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.billing-address-section{padding-top:24px}.section-subtitle{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 20px}.form-actions{display:flex;gap:16px;padding-top:24px;border-top:1px solid var(--border-color)}.btn-cancel{flex:1;padding:14px 24px;background:var(--card-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center}.btn-cancel:hover:not(:disabled){background:var(--table-row-hover)}.btn-cancel:disabled{opacity:.6;cursor:not-allowed}.btn-submit{flex:1;padding:14px 24px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #8b5cf633}.btn-submit:hover:not(:disabled){background:var(--primary-dark)}.btn-submit:disabled{opacity:.7;cursor:not-allowed}.sidebar-section{display:flex;flex-direction:column;gap:24px}.sidebar-card{background:var(--card-bg);border-radius:12px;padding:24px;border:1px solid var(--border-color);box-shadow:0 1px 3px var(--shadow-color)}.sidebar-card-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 16px}.plan-summary{display:flex;flex-direction:column;gap:12px}.plan-row{display:flex;justify-content:space-between;align-items:center}.plan-label{font-size:14px;color:var(--text-secondary)}.status-badge{font-size:11px;font-weight:600;padding:4px 10px;border-radius:9999px;text-transform:uppercase}.status-badge.trial,.status-badge.active{background:var(--success);color:#fff}.status-badge.expired{background:var(--error);color:#fff}.text-muted{color:var(--text-secondary);font-size:14px}.plan-price{font-size:14px;font-weight:600;color:var(--primary)}.plan-value{font-size:14px;font-weight:600;color:var(--text-primary)}.plan-value.warning{color:var(--warning)}.plan-divider{height:1px;background:var(--border-color);margin:8px 0}.btn-upgrade-sidebar{width:100%;padding:10px 16px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-upgrade-sidebar:hover{background:var(--primary-dark)}.billing-toggle-container{display:flex;background:rgba(139,92,246,.1);border-radius:8px;padding:4px}.billing-toggle-btn{flex:1;padding:8px 12px;background:white;border:none;border-radius:6px;font-size:14px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.dark .billing-toggle-btn{background:var(--card-bg)}.billing-toggle-btn.active{background:var(--primary);color:#fff;box-shadow:0 1px 3px var(--shadow-color)}.billing-toggle-btn .save-badge{display:inline-block;background:rgba(255,255,255,.2);color:inherit;padding:2px 8px;border-radius:9999px;font-size:11px;font-weight:600;margin-left:4px}.billing-toggle-btn:not(.active) .save-badge{background:rgba(139,92,246,.15);color:var(--primary)}.billing-toggle-hint{font-size:12px;color:var(--text-muted);text-align:center;margin:12px 0 0}.upgrade-options{display:flex;flex-direction:column;gap:12px}.upgrade-option{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left}.upgrade-option:hover{border-color:var(--primary);background:rgba(139,92,246,.05)}.upgrade-option.selected{border-color:var(--primary);background:rgba(139,92,246,.1);box-shadow:0 0 0 2px #8b5cf633}.upgrade-option.enterprise{border-color:var(--border-color)}.upgrade-option.enterprise:hover{border-color:var(--text-secondary);background:var(--table-row-hover)}.upgrade-option-info{flex:1}.upgrade-option-name{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.upgrade-option-details{font-size:12px;color:var(--text-secondary);margin:0}.upgrade-option-price{font-size:14px;font-weight:600;color:var(--primary)}.upgrade-option-price.custom{color:var(--text-secondary)}.enterprise-cta{padding-top:16px;border-top:1px solid var(--border-color);margin-top:16px}.btn-enterprise-quote{width:100%;padding:10px 16px;background:var(--text-primary);color:var(--card-bg);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-enterprise-quote:hover{opacity:.9}.security-info-card{display:flex;gap:16px;padding:20px;background:rgba(139,92,246,.08);border-radius:12px}.security-icon{color:var(--primary);flex-shrink:0;margin-top:2px}.security-content{flex:1}.security-title{font-size:14px;font-weight:600;color:var(--primary);margin:0 0 8px}.security-text{font-size:13px;color:var(--text-secondary);line-height:1.5;margin:0}.dark .payment-method-page{background:var(--bg-primary)}.dark .payment-form-card,.dark .sidebar-card{background:var(--card-bg);border-color:var(--border-color)}.dark .form-input,.dark .form-select{background:var(--input-bg);border-color:var(--border-color);color:var(--text-primary)}.dark .form-input::placeholder{color:var(--text-muted)}.dark .form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.dark .billing-toggle-container{background:rgba(139,92,246,.15)}.dark .upgrade-option{background:var(--card-bg);border-color:var(--border-color)}.dark .upgrade-option.selected{background:rgba(139,92,246,.15)}.dark .security-info-card{background:rgba(139,92,246,.12)}.dark .btn-enterprise-quote{background:var(--text-primary);color:var(--bg-primary)}@media (max-width: 1200px){.pmp-main{grid-template-columns:1fr}.sidebar-section{order:-1}}@media (max-width: 768px){.pmp-title{font-size:24px}.nav-list{gap:16px;overflow-x:auto;padding-bottom:8px}.nav-link span{display:none}.payment-form-card{padding:24px 20px}.form-row{grid-template-columns:1fr}.form-group.half-width{max-width:100%}.form-actions{flex-direction:column}}@media (max-width: 480px){.pmp-header{margin-bottom:24px}.pmp-title{font-size:20px}.payment-form-card{padding:20px 16px}.form-title{font-size:20px}.sidebar-card{padding:20px}.billing-toggle-container{flex-direction:column}.billing-toggle-btn{padding:12px}}:root{--landing-bg: #ffffff;--landing-bg-alt: #fafafa;--landing-bg-warm: #fcfbfa;--landing-hero-bg: #ffffff;--section-white: #ffffff;--section-lavender: #f8f5ff;--section-hero-bg: var(--section-white);--section-trusted-bg: var(--section-lavender);--section-features-bg: var(--section-white);--section-how-bg: var(--section-lavender);--section-testimonial-bg: var(--section-white);--section-pricing-bg: var(--section-lavender);--section-cta-bg: linear-gradient(145deg, #6a4dc7 0%, #7c5cdb 30%, #6349c5 70%, #5a3fb8 100%);--section-footer-bg: #1e1e2d;--landing-primary: #7c5cdb;--landing-primary-light: #9678e8;--landing-primary-dark: #6349c5;--landing-primary-soft: #a18de6;--landing-primary-glow: rgba(124, 92, 219, .15);--landing-accent: #d4c9f5;--landing-accent-warm: #e8d4ea;--landing-text: #252539;--landing-text-muted: #5a5a78;--landing-text-dim: #8c8ca8;--landing-card-bg: #ffffff;--landing-card-border: rgba(124, 92, 219, .08);--landing-card-border-hover: rgba(124, 92, 219, .18);--landing-gradient: linear-gradient( 135deg, #7c5cdb 0%, #8a6be3 25%, #9a7deb 50%, #a991ee 75%, #b8a3f1 100% );--landing-shadow: 0 4px 20px rgba(37, 37, 57, .04), 0 1px 3px rgba(124, 92, 219, .04);--landing-shadow-hover: 0 12px 36px rgba(37, 37, 57, .08), 0 4px 12px rgba(124, 92, 219, .08);--landing-shadow-float: 0 20px 50px rgba(37, 37, 57, .1)}.dark .landing-page,[data-theme=dark] .landing-page{--section-white: #0f0f14;--section-lavender: #14121c;--section-hero-bg: var(--section-white);--section-trusted-bg: var(--section-lavender);--section-features-bg: var(--section-white);--section-how-bg: var(--section-lavender);--section-testimonial-bg: var(--section-white);--section-pricing-bg: var(--section-lavender);--section-cta-bg: linear-gradient(145deg, #4a3494 0%, #5a42a8 30%, #4a3494 70%, #3e2d7a 100%);--section-footer-bg: #0a0a0f;--landing-bg: #0f0f14;--landing-text: #f0f0f5;--landing-text-muted: #a0a0b5;--landing-text-dim: #6a6a80;--landing-card-bg: #1a1a24;--landing-card-border: rgba(124, 92, 219, .15)}.landing-page{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--landing-bg);color:var(--landing-text);overflow-x:hidden;-webkit-font-smoothing:antialiased}.dark .landing-page,[data-theme=dark] .landing-page{background:var(--landing-bg);color:var(--landing-text)}.dark .section-header h2,[data-theme=dark] .section-header h2{color:var(--landing-text)}.dark .section-header p,[data-theme=dark] .section-header p{color:var(--landing-text-muted)}.dark .section-tag,[data-theme=dark] .section-tag{background:rgba(124,92,219,.15);border-color:#7c5cdb40}.landing-nav{position:relative;padding:1rem 0;background:var(--section-hero-bg)}.dark .landing-nav,[data-theme=dark] .landing-nav{background:var(--section-hero-bg)}.dark .landing-nav-links button,[data-theme=dark] .landing-nav-links button{color:var(--landing-text-muted)}.dark .nav-login,[data-theme=dark] .nav-login{color:var(--landing-text)!important}.landing-nav-container{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.landing-logo{display:flex;align-items:center}.logo-text{font-size:32px;font-weight:800;background:linear-gradient(135deg,var(--landing-primary) 0%,var(--landing-primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap;letter-spacing:-.5px}.landing-nav-links{display:flex;align-items:center;gap:2.5rem}.landing-nav-links button{background:none;border:none;color:var(--landing-text-muted);font-size:1.1rem;font-weight:600;cursor:pointer;transition:color .2s;font-family:inherit;padding:8px 4px}.landing-nav-links button:hover{color:var(--landing-primary)}.nav-login{color:var(--landing-text)!important;font-weight:700!important;font-size:1.1rem!important}.nav-demo{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--landing-primary) 0%,var(--landing-primary-dark) 100%)!important;color:#fff!important;padding:.85rem 1.75rem!important;border-radius:50px!important;font-weight:600!important;font-size:1.05rem!important;transition:all .35s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 2px 8px #7c5cdb33}.nav-demo:hover{background:linear-gradient(135deg,var(--landing-primary-light) 0%,var(--landing-primary) 100%)!important;transform:translateY(-1px);box-shadow:0 6px 20px #7c5cdb40}.nav-demo svg{width:16px;height:16px}.mobile-menu-btn{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:10px}.mobile-menu-btn span{width:24px;height:2px;background:var(--landing-primary);border-radius:2px;transition:all .3s}.hero-section{min-height:calc(100vh - 70px);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;padding:60px 2rem 80px;max-width:1400px;margin:0 auto;position:relative;background:var(--section-hero-bg)}.dark .hero-section,[data-theme=dark] .hero-section{background:var(--section-hero-bg)}.hero-bg-elements{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.hero-glow{display:none}@keyframes pulse-glow{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.hero-grid{display:none}.hero-content{position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:linear-gradient(135deg,rgba(124,92,219,.06) 0%,rgba(168,145,238,.04) 100%);border:1px solid rgba(124,92,219,.12);border-radius:50px;font-size:.8rem;font-weight:500;letter-spacing:.02em;color:var(--landing-primary);margin-bottom:2rem;animation:fade-in-up .6s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-badge svg{width:14px;height:14px;color:var(--landing-primary-soft)}.hero-title{font-size:clamp(3rem,6vw,4.5rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;animation:fade-in-up .6s ease-out .1s backwards}.dark .hero-title,[data-theme=dark] .hero-title{color:var(--landing-text)}.dark .hero-subtitle,[data-theme=dark] .hero-subtitle{color:var(--landing-text-muted)}.dark .hero-badge,[data-theme=dark] .hero-badge{background:rgba(124,92,219,.15);border-color:#7c5cdb4d}.gradient-text{background:linear-gradient(145deg,#6a4dc7 0%,#7c5cdb 15%,#8a6be3 35%,#9a7deb 55%,#a88ff0 75%,#b59ef3 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradient-shift 8s ease infinite}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-subtitle{font-size:1.25rem;color:var(--landing-text-muted);line-height:1.7;max-width:500px;margin-bottom:2.5rem;animation:fade-in-up .6s ease-out .2s backwards}.hero-cta{display:flex;gap:1rem;margin-bottom:3rem;animation:fade-in-up .6s ease-out .3s backwards}.cta-primary{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg,var(--landing-primary) 0%,var(--landing-primary-dark) 100%);color:#fff;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);font-family:inherit;box-shadow:0 2px 8px #7c5cdb33,0 1px 2px #0000000a}.cta-primary:hover{background:linear-gradient(135deg,var(--landing-primary-light) 0%,var(--landing-primary) 100%);transform:translateY(-2px);box-shadow:0 12px 24px #7c5cdb33,0 4px 8px #0000000a}.cta-primary svg{width:18px;height:18px;transition:transform .3s}.cta-primary:hover svg{transform:translate(4px)}.cta-secondary{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:white;color:var(--landing-text);border:1px solid rgba(0,0,0,.08);border-radius:50px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);font-family:inherit;box-shadow:0 1px 4px #00000008}.cta-secondary:hover{border-color:#7c5cdb40;background:#fafafa;box-shadow:0 4px 12px #0000000f}.cta-secondary svg{width:24px;height:24px;color:var(--landing-primary)}.hero-stats{display:flex;align-items:center;gap:2rem;animation:fade-in-up .6s ease-out .4s backwards}.hero-stat{display:flex;flex-direction:column}.stat-value{font-size:2rem;font-weight:800;background:linear-gradient(135deg,var(--landing-primary) 0%,var(--landing-primary-soft) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.75rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--landing-text-dim)}.stat-divider{width:1px;height:32px;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.08) 50%,transparent 100%)}.hero-visual{position:relative;animation:fade-in-up .8s ease-out .5s backwards}.app-preview{background:white;border:1px solid rgba(0,0,0,.06);border-radius:20px;overflow:hidden;box-shadow:0 1px 2px #00000005,0 4px 16px #0000000a,0 16px 48px #25253914}.dark .app-preview,[data-theme=dark] .app-preview{background:var(--landing-card-bg);border-color:var(--landing-card-border)}.dark .preview-header,[data-theme=dark] .preview-header{background:rgba(255,255,255,.03);border-bottom-color:#ffffff0d}.dark .preview-sidebar,[data-theme=dark] .preview-sidebar{background:rgba(255,255,255,.02)}.dark .preview-main,[data-theme=dark] .preview-main{background:var(--landing-card-bg)}.dark .preview-card,[data-theme=dark] .preview-card{background:rgba(255,255,255,.03);border-color:#ffffff0d}.dark .floating-element,[data-theme=dark] .floating-element{background:var(--landing-card-bg);border-color:var(--landing-card-border)}.dark .cta-secondary,[data-theme=dark] .cta-secondary{background:var(--landing-card-bg);border-color:var(--landing-card-border);color:var(--landing-text)}.dark .sidebar-icon,[data-theme=dark] .sidebar-icon{color:var(--landing-text-dim)}.dark .sidebar-icon:not(.active):hover,[data-theme=dark] .sidebar-icon:not(.active):hover{background:rgba(124,92,219,.15)}.dark .email-preview-box,[data-theme=dark] .email-preview-box{background:rgba(255,255,255,.03);border-color:#ffffff0f}.dark .email-subject,[data-theme=dark] .email-subject{color:var(--landing-text)}.dark .extract-line,[data-theme=dark] .extract-line{background:linear-gradient(90deg,rgba(124,92,219,.12) 0%,transparent 100%)}.dark .extract-value,[data-theme=dark] .extract-value{color:var(--landing-text)}.dark .rfq-card-demo,[data-theme=dark] .rfq-card-demo{background:var(--landing-card-bg);border-color:#7c5cdb33}.dark .rfq-customer-demo,[data-theme=dark] .rfq-customer-demo{border-bottom-color:#ffffff0f}.dark .customer-name-demo,[data-theme=dark] .customer-name-demo{color:var(--landing-text)}.dark .item-row,[data-theme=dark] .item-row{background:rgba(255,255,255,.03)}.dark .item-name,[data-theme=dark] .item-name{color:var(--landing-text)}.dark .action-btn-demo:not(.primary),[data-theme=dark] .action-btn-demo:not(.primary){background:rgba(255,255,255,.05);color:var(--landing-text-muted)}.dark .demo-progress,[data-theme=dark] .demo-progress{border-top-color:#ffffff0f}.dark .progress-dot,[data-theme=dark] .progress-dot{background:rgba(255,255,255,.15)}.dark .progress-line,[data-theme=dark] .progress-line{background:rgba(255,255,255,.1)}.preview-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#fafafa;border-bottom:1px solid rgba(0,0,0,.04)}.preview-dots{display:flex;gap:6px}.preview-dots span{width:12px;height:12px;border-radius:50%;background:#e5e5e5}.preview-dots span:first-child{background:#ff5f57}.preview-dots span:nth-child(2){background:#febc2e}.preview-dots span:last-child{background:#28c840}.preview-title{font-size:.85rem;color:var(--landing-text-muted)}.preview-content{display:flex;min-height:300px}.preview-sidebar{width:60px;background:#f8f8f9;padding:1rem .75rem;display:flex;flex-direction:column;gap:.75rem;border-right:1px solid rgba(0,0,0,.04)}.sidebar-icon{width:100%;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:8px;transition:all .3s;color:var(--landing-text-dim)}.sidebar-icon svg{width:18px;height:18px}.sidebar-icon.active{background:linear-gradient(135deg,var(--landing-primary) 0%,var(--landing-primary-dark) 100%);color:#fff}.sidebar-icon:not(.active):hover{background:rgba(124,92,219,.08);color:var(--landing-primary)}.preview-main{flex:1;padding:1rem;display:flex;flex-direction:column;background:white;overflow:hidden}.demo-scene{flex:1;position:relative;min-height:240px}.demo-step{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;gap:1rem;padding:.75rem;opacity:0;transform:translate(30px);pointer-events:none}.step-email{animation:demoStep 9s ease-in-out infinite}.step-ai{animation:demoStep 9s ease-in-out infinite 3s}.step-rfq{animation:demoStep 9s ease-in-out infinite 6s}@keyframes demoStep{0%,5%{opacity:0;transform:translate(30px)}10%,28%{opacity:1;transform:translate(0)}33%,to{opacity:0;transform:translate(-30px)}}.email-envelope{position:relative;width:56px;height:56px;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;animation:emailPulse 2s ease-in-out infinite}.email-envelope svg{width:28px;height:28px;color:#fff}.email-badge{position:absolute;top:-6px;right:-6px;width:20px;height:20px;background:#ef4444;border-radius:50%;font-size:.7rem;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;animation:badgeBounce 1s ease-in-out infinite}@keyframes emailPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes badgeBounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.email-preview-box{flex:1;background:#f8f9fb;border:1px solid rgba(0,0,0,.06);border-radius:12px;padding:.875rem;min-width:0}.email-from{font-size:.7rem;color:var(--landing-text-dim);margin-bottom:4px}.email-subject{font-size:.85rem;font-weight:600;color:var(--landing-text);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-snippet{font-size:.75rem;color:var(--landing-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-processor{position:relative;width:56px;height:56px;flex-shrink:0}.ai-brain{width:100%;height:100%;background:linear-gradient(135deg,var(--landing-primary) 0%,var(--landing-primary-dark) 100%);border-radius:14px;display:flex;align-items:center;justify-content:center;animation:aiThink 1.5s ease-in-out infinite}.ai-brain svg{width:28px;height:28px;color:#fff}@keyframes aiThink{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.05) rotate(-3deg)}75%{transform:scale(1.05) rotate(3deg)}}.ai-waves{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;display:flex;align-items:center;justify-content:center}.ai-waves span{position:absolute;width:100%;height:100%;border:2px solid var(--landing-primary);border-radius:18px;opacity:0;animation:waveExpand 2s ease-out infinite}.ai-waves span:nth-child(2){animation-delay:.4s}.ai-waves span:nth-child(3){animation-delay:.8s}@keyframes waveExpand{0%{transform:scale(.8);opacity:.6}to{transform:scale(1.4);opacity:0}}.ai-extracting{flex:1;display:flex;flex-direction:column;gap:6px}.extract-line{display:flex;align-items:center;gap:8px;padding:6px 10px;background:linear-gradient(90deg,rgba(124,92,219,.08) 0%,transparent 100%);border-radius:6px;font-size:.75rem}.extract-label{color:var(--landing-text-dim);font-weight:500;min-width:60px}.extract-value{color:var(--landing-text);font-weight:600}.extract-value.typing{overflow:hidden;border-right:2px solid var(--landing-primary);animation:typing 2s steps(12) infinite,blink .5s step-end infinite alternate}@keyframes typing{0%,10%{width:0}40%,to{width:100%}}@keyframes blink{50%{border-color:transparent}}.rfq-card-demo{flex:1;background:white;border:1px solid rgba(124,92,219,.15);border-radius:12px;padding:.875rem;box-shadow:0 4px 16px #7c5cdb14;animation:cardSlideIn .5s ease-out}.rfq-header-demo{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.rfq-status-badge{padding:4px 10px;background:linear-gradient(135deg,rgba(34,197,94,.15) 0%,rgba(74,222,128,.1) 100%);color:#16a34a;border-radius:20px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.rfq-id{font-size:.7rem;color:var(--landing-text-dim);font-weight:600}.rfq-customer-demo{display:flex;align-items:center;gap:10px;padding-bottom:.75rem;border-bottom:1px solid rgba(0,0,0,.04);margin-bottom:.75rem}.customer-avatar{width:32px;height:32px;background:linear-gradient(135deg,var(--landing-primary) 0%,var(--landing-primary-soft) 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#fff}.customer-info-demo{display:flex;flex-direction:column;min-width:0}.customer-name-demo{font-size:.8rem;font-weight:600;color:var(--landing-text)}.customer-email-demo{font-size:.65rem;color:var(--landing-text-dim)}.rfq-items-demo{display:flex;flex-direction:column;gap:4px;margin-bottom:.75rem}.item-row{display:grid;grid-template-columns:60px 1fr 50px;gap:8px;padding:6px 8px;background:#f9fafb;border-radius:6px;font-size:.65rem;animation:itemFadeIn .3s ease-out backwards}.item-row:nth-child(1){animation-delay:.1s}.item-row:nth-child(2){animation-delay:.2s}.item-row:nth-child(3){animation-delay:.3s}@keyframes itemFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.item-sku{color:var(--landing-primary);font-weight:600;font-family:SF Mono,Monaco,monospace}.item-name{color:var(--landing-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-qty{color:var(--landing-text-muted);text-align:right;font-weight:500}.more-items{text-align:center;font-size:.65rem;color:var(--landing-primary);font-weight:500;padding:4px}.rfq-actions-demo{display:flex;gap:8px}.action-btn-demo{flex:1;padding:8px 12px;border-radius:8px;font-size:.7rem;font-weight:600;border:none;cursor:pointer;transition:all .2s}.action-btn-demo.primary{background:linear-gradient(135deg,var(--landing-primary) 0%,var(--landing-primary-dark) 100%);color:#fff}.action-btn-demo:not(.primary){background:#f3f4f6;color:var(--landing-text-muted)}.demo-progress{display:flex;align-items:center;justify-content:center;gap:0;padding-top:.75rem;border-top:1px solid rgba(0,0,0,.04);margin-top:auto}.progress-step{display:flex;flex-direction:column;align-items:center;gap:6px}.progress-dot{width:10px;height:10px;border-radius:50%;background:#e5e7eb;transition:all .3s}.progress-step span{font-size:.6rem;color:var(--landing-text-dim);white-space:nowrap}.progress-line{width:40px;height:2px;background:#e5e7eb;margin:0 4px 18px}.progress-step:nth-child(1) .progress-dot{animation:progressActive 9s ease-in-out infinite}.progress-step:nth-child(3) .progress-dot{animation:progressActive 9s ease-in-out infinite 3s}.progress-step:nth-child(5) .progress-dot{animation:progressActive 9s ease-in-out infinite 6s}@keyframes progressActive{0%,5%{background:#e5e7eb;transform:scale(1)}10%,28%{background:var(--landing-primary);transform:scale(1.2);box-shadow:0 0 0 4px #7c5cdb33}33%,to{background:#e5e7eb;transform:scale(1)}}.floating-element{position:absolute;display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:white;border:1px solid rgba(0,0,0,.04);border-radius:16px;font-size:1.4rem;box-shadow:0 2px 8px #0000000a,0 8px 24px #25253914}.floating-element svg{width:26px;height:26px;color:var(--landing-primary)}.float-1{top:-20px;right:-20px;animation:float 6s ease-in-out infinite}.float-2{bottom:60px;left:-30px;animation:float 8s ease-in-out infinite reverse}.float-3{top:40%;right:-40px;animation:float 7s ease-in-out infinite 2s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:slide-in .5s ease-out forwards;opacity:0}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}@keyframes slide-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.trusted-section{padding:60px 2rem;border-top:1px solid rgba(0,0,0,.04);background:var(--section-trusted-bg)}.dark .trusted-section,[data-theme=dark] .trusted-section{background:var(--section-trusted-bg);border-top-color:#ffffff0d}.trusted-container{max-width:1400px;margin:0 auto}.trusted-label{text-align:center;font-size:.8rem;font-weight:600;letter-spacing:2px;color:var(--landing-text-dim);margin-bottom:2rem}.dark .logo-item img,[data-theme=dark] .logo-item img{filter:grayscale(100%) brightness(0) invert(1);opacity:.4}.dark .logo-item:hover img,[data-theme=dark] .logo-item:hover img{filter:grayscale(0%) brightness(0) invert(1);opacity:.7}.trusted-logos{overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.logos-track{display:flex;gap:4rem;animation:scroll-logos 30s linear infinite;width:max-content}.logos-track:hover{animation-play-state:paused}@keyframes scroll-logos{0%{transform:translate(0)}to{transform:translate(-50%)}}.logo-item{display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.5;transition:opacity .3s}.logo-item:hover{opacity:.8}.logo-item img{max-width:140px;max-height:50px;object-fit:contain;filter:grayscale(100%)}.logo-item:hover img{filter:grayscale(0%)}.features-section{padding:120px 2rem;background:var(--section-features-bg)}.dark .features-section,[data-theme=dark] .features-section{background:var(--section-features-bg)}.dark .feature-card,[data-theme=dark] .feature-card{background:var(--landing-card-bg);border-color:var(--landing-card-border)}.dark .feature-card h3,[data-theme=dark] .feature-card h3{color:var(--landing-text)}.features-container{max-width:1400px;margin:0 auto}.section-header{text-align:center;margin-bottom:4rem;width:100%;display:flex;flex-direction:column;align-items:center}.section-tag{display:inline-block;padding:.5rem 1.25rem;background:linear-gradient(135deg,rgba(124,92,219,.08) 0%,rgba(168,145,238,.04) 100%);border:1px solid rgba(124,92,219,.1);border-radius:50px;font-size:.7rem;font-weight:600;letter-spacing:1.5px;color:var(--landing-primary);margin-bottom:1.5rem}.section-header h2{font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.2;margin-bottom:1rem}.section-header p{font-size:1.1rem;color:var(--landing-text-muted);max-width:500px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.feature-card{background:white;border:1px solid rgba(0,0,0,.04);border-radius:20px;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 4px #00000005}.feature-card:hover{border-color:#7c5cdb1f;transform:translateY(-6px);box-shadow:0 8px 24px #0000000a,0 16px 40px #2525390f}.feature-card.large{grid-column:span 2}.feature-icon-wrapper{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;transition:transform .3s}.feature-card:hover .feature-icon-wrapper{transform:scale(1.1)}.feature-icon-wrapper svg{width:28px;height:28px}.feature-icon-wrapper.purple{background:linear-gradient(135deg,rgba(124,92,219,.12) 0%,rgba(168,145,238,.08) 100%);color:var(--landing-primary)}.feature-icon-wrapper.orange{background:linear-gradient(135deg,rgba(249,115,22,.1) 0%,rgba(251,146,60,.06) 100%);color:#ea580c}.feature-icon-wrapper.green{background:linear-gradient(135deg,rgba(34,197,94,.1) 0%,rgba(74,222,128,.06) 100%);color:#16a34a}.feature-icon-wrapper.blue{background:linear-gradient(135deg,rgba(59,130,246,.1) 0%,rgba(96,165,250,.06) 100%);color:#2563eb}.feature-icon-wrapper.pink{background:linear-gradient(135deg,rgba(236,72,153,.1) 0%,rgba(244,114,182,.06) 100%);color:#db2777}.feature-card h3{font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.feature-card p{font-size:.95rem;color:var(--landing-text-muted);line-height:1.6}.feature-visual{margin-top:2rem;padding:1.5rem;background:linear-gradient(135deg,#fafafa 0%,#f5f5f7 100%);border-radius:14px;border:1px solid rgba(0,0,0,.03)}.dark .feature-visual,[data-theme=dark] .feature-visual{background:rgba(255,255,255,.03);border-color:#ffffff0d}.email-flow{display:flex;align-items:center;justify-content:center;gap:1.5rem;font-size:2rem}.flow-arrow{color:var(--landing-primary);animation:arrow-pulse 2s ease-in-out infinite}@keyframes arrow-pulse{0%,to{opacity:.5;transform:translate(0)}50%{opacity:1;transform:translate(5px)}}.how-section{padding:120px 2rem;background:var(--section-how-bg);position:relative;overflow:hidden}.dark .how-section,[data-theme=dark] .how-section{background:var(--section-how-bg)}.how-section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:900px;height:900px;background:radial-gradient(circle,rgba(124,92,219,.03) 0%,rgba(168,145,238,.015) 40%,transparent 70%);pointer-events:none}.dark .how-section:before,[data-theme=dark] .how-section:before{background:radial-gradient(circle,rgba(124,92,219,.08) 0%,rgba(168,145,238,.04) 40%,transparent 70%)}.how-container{max-width:1400px;margin:0 auto;position:relative}.section-header.light h2,.dark .section-header.light h2,[data-theme=dark] .section-header.light h2{color:var(--landing-text)}.dark .section-header.light p,[data-theme=dark] .section-header.light p{color:var(--landing-text-muted)}.highlight-text{background:linear-gradient(135deg,var(--landing-primary) 0%,var(--landing-primary-soft) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.extraction-demo{display:grid;grid-template-columns:1fr 1.2fr;gap:3rem;align-items:start;margin-top:3rem}.extraction-options{display:flex;flex-direction:column;gap:1.25rem}.options-title{font-size:1.25rem;font-weight:700;color:var(--landing-text);margin-bottom:.5rem}.option-card{display:flex;align-items:center;gap:1.25rem;padding:1.5rem;background:white;border:2px solid rgba(139,92,246,.1);border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.option-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#8b5cf6 0%,#a78bfa 100%);opacity:0;transition:opacity .3s ease}.option-card:hover{border-color:#8b5cf64d;transform:translate(8px);box-shadow:0 8px 32px #8b5cf61f}.option-card:hover:before{opacity:1}.option-icon{width:52px;height:52px;background:linear-gradient(135deg,rgba(139,92,246,.12) 0%,rgba(167,139,250,.08) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.option-icon svg{width:24px;height:24px;color:#8b5cf6}.option-content{flex:1}.option-content h4{font-size:1.1rem;font-weight:700;color:var(--landing-text);margin-bottom:.35rem}.option-content p{font-size:.9rem;color:var(--landing-text-muted);line-height:1.5;margin:0}.file-types{display:flex;gap:.5rem;margin-top:.75rem}.file-badge{padding:.25rem .6rem;background:linear-gradient(135deg,rgba(139,92,246,.1) 0%,rgba(167,139,250,.06) 100%);border-radius:6px;font-size:.7rem;font-weight:700;color:#8b5cf6;text-transform:uppercase;letter-spacing:.5px}.option-arrow{width:32px;height:32px;display:flex;align-items:center;justify-content:center;opacity:0;transform:translate(-10px);transition:all .3s ease}.option-arrow svg{width:20px;height:20px;color:#8b5cf6}.option-card:hover .option-arrow{opacity:1;transform:translate(0)}.ai-demo-container{position:relative}.ai-demo-card{background:white;border:1px solid rgba(0,0,0,.06);border-radius:20px;overflow:hidden;box-shadow:0 4px 24px #0000000a,0 12px 48px #8b5cf614}.demo-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#f8f7ff 0%,#f3f0ff 100%);border-bottom:1px solid rgba(139,92,246,.1)}.demo-dots{display:flex;gap:6px}.demo-dots span{width:10px;height:10px;border-radius:50%;background:#ddd}.demo-dots span:nth-child(1){background:#ff6b6b}.demo-dots span:nth-child(2){background:#ffd93d}.demo-dots span:nth-child(3){background:#6bcb77}.demo-title{font-size:.85rem;font-weight:600;color:#8b5cf6}.demo-content{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.demo-input-section,.demo-output-section{background:#fafafa;border-radius:12px;padding:1rem}.input-label,.output-label{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}.input-label svg,.output-label svg{width:14px;height:14px}.input-preview{background:white;border:1px solid #e5e7eb;border-radius:8px;padding:.75rem}.typing-text{display:flex;flex-direction:column;gap:.35rem}.text-line{font-size:.8rem;color:#374151;font-family:SF Mono,Monaco,monospace;animation:typeIn .5s ease forwards}.text-line.fade{opacity:0;animation:typeIn .5s ease forwards}.text-line:nth-child(2){animation-delay:.8s}.text-line:nth-child(3){animation-delay:1.2s}.text-line:nth-child(4){animation-delay:1.6s}@keyframes typeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.demo-processing{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem 0}.processing-bar{width:100%;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.processing-fill{width:0%;height:100%;background:linear-gradient(90deg,#8b5cf6 0%,#a78bfa 50%,#8b5cf6 100%);background-size:200% 100%;border-radius:3px;animation:processingFill 2s ease-in-out infinite,shimmer 1.5s ease-in-out infinite}@keyframes processingFill{0%{width:0%}50%{width:100%}to{width:100%}}.processing-sparks{display:flex;gap:1rem}.spark{font-size:1.25rem;animation:sparkle 1s ease-in-out infinite}.spark:nth-child(1){animation-delay:0s}.spark:nth-child(2){animation-delay:.33s}.spark:nth-child(3){animation-delay:.66s}@keyframes sparkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.processing-label{font-size:.8rem;font-weight:600;color:#8b5cf6;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.output-table{background:white;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.table-row{display:grid;grid-template-columns:1fr 60px 60px;gap:.5rem;padding:.6rem .75rem;font-size:.8rem;border-bottom:1px solid #f3f4f6}.table-row:last-child{border-bottom:none}.table-row.header{background:#f9fafb;font-weight:600;color:#6b7280;text-transform:uppercase;font-size:.7rem;letter-spacing:.5px}.table-row.data{color:#374151;opacity:0;animation:slideInRow .4s ease forwards}.animate-row-1{animation-delay:2.2s}.animate-row-2{animation-delay:2.5s}.animate-row-3{animation-delay:2.8s}@keyframes slideInRow{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.match-badge{background:linear-gradient(135deg,#10b981 0%,#34d399 100%);color:#fff;padding:.15rem .4rem;border-radius:4px;font-size:.7rem;font-weight:700;text-align:center}.demo-footer{padding:1rem 1.5rem;background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border-top:1px solid rgba(16,185,129,.2)}.success-indicator{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#059669;font-size:.9rem;font-weight:600;opacity:0;animation:fadeIn .5s ease forwards 3.2s}.success-indicator svg{width:18px;height:18px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}[data-theme=dark] .option-card{background:var(--landing-card-bg);border-color:var(--landing-card-border)}[data-theme=dark] .option-card:hover{border-color:#a78bfa66;box-shadow:0 8px 32px #8b5cf633}[data-theme=dark] .option-content h4{color:var(--landing-text)}[data-theme=dark] .option-icon{background:rgba(139,92,246,.15)}[data-theme=dark] .ai-demo-card{background:var(--landing-card-bg);border-color:var(--landing-card-border)}[data-theme=dark] .demo-header{background:rgba(139,92,246,.08);border-color:#8b5cf626}[data-theme=dark] .demo-input-section,[data-theme=dark] .demo-output-section{background:rgba(0,0,0,.2)}[data-theme=dark] .input-preview,[data-theme=dark] .output-table{background:rgba(0,0,0,.3);border-color:#ffffff1a}[data-theme=dark] .text-line{color:#e2e8f0}[data-theme=dark] .table-row.header{background:rgba(0,0,0,.3);color:#94a3b8}[data-theme=dark] .table-row.data{color:#e2e8f0}[data-theme=dark] .table-row{border-color:#ffffff0d}[data-theme=dark] .demo-footer{background:rgba(16,185,129,.1);border-color:#10b98133}[data-theme=dark] .processing-bar{background:rgba(255,255,255,.1)}@media (max-width: 1024px){.extraction-demo{grid-template-columns:1fr;gap:2.5rem}.ai-demo-container{order:-1}}@media (max-width: 640px){.option-card{padding:1.25rem}.option-icon{width:44px;height:44px}.option-content h4{font-size:1rem}.demo-content{padding:1rem}}.testimonial-section{padding:120px 2rem;background:var(--section-testimonial-bg)}.dark .testimonial-section,[data-theme=dark] .testimonial-section{background:var(--section-testimonial-bg)}.dark .testimonial-card,[data-theme=dark] .testimonial-card{background:var(--landing-card-bg);border-color:var(--landing-card-border)}.dark .testimonial-card blockquote,[data-theme=dark] .testimonial-card blockquote{color:var(--landing-text)}.testimonial-container{max-width:1400px;margin:0 auto}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}.testimonial-card{position:relative;background:white;border:1px solid rgba(0,0,0,.04);border-radius:24px;padding:2.5rem 2rem 2rem;text-align:center;box-shadow:0 1px 4px #00000005,0 8px 24px #0000000a;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;height:100%}.testimonial-card:hover{transform:translateY(-6px);border-color:#7c5cdb1f;box-shadow:0 8px 24px #0000000a,0 16px 40px #2525390f}.quote-icon{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:44px;height:44px;background:linear-gradient(135deg,var(--landing-primary) 0%,var(--landing-primary-dark) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #7c5cdb40}.quote-icon svg{width:20px;height:20px;color:#fff}.testimonial-card blockquote{font-size:1.1rem;line-height:1.7;color:var(--landing-text);margin-bottom:1.5rem;flex:1}.testimonial-card .highlight{color:var(--landing-primary);font-weight:600}.testimonial-author{display:flex;align-items:center;justify-content:center;gap:.875rem;margin-top:auto;padding-top:1.25rem;border-top:1px solid rgba(0,0,0,.04)}.dark .testimonial-author,[data-theme=dark] .testimonial-author{border-top-color:#ffffff0f}.author-avatar{width:44px;height:44px;background:linear-gradient(135deg,var(--landing-primary) 0%,var(--landing-primary-soft) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;color:#fff;flex-shrink:0}.author-info{text-align:left}.author-info strong{display:block;font-size:.95rem}.dark .author-info strong,[data-theme=dark] .author-info strong{color:var(--landing-text)}.author-info span{font-size:.8rem;color:var(--landing-text-muted);line-height:1.4}.pricing-section{padding:120px 2rem;background:var(--section-pricing-bg)}.dark .pricing-section,[data-theme=dark] .pricing-section{background:var(--section-pricing-bg)}.dark .pricing-card,[data-theme=dark] .pricing-card{background:var(--landing-card-bg);border-color:var(--landing-card-border)}.dark .plan-name,[data-theme=dark] .plan-name,.dark .price-amount,[data-theme=dark] .price-amount{color:var(--landing-text)}.dark .billing-toggle,[data-theme=dark] .billing-toggle{background:rgba(255,255,255,.05);border-color:#ffffff1a}.pricing-container{max-width:1400px;margin:0 auto}.billing-toggle{display:flex;justify-content:center;gap:0;background:#f5f5f7;border:1px solid rgba(0,0,0,.04);border-radius:50px;padding:5px;width:fit-content;margin:0 auto 3rem}.toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;border:none;border-radius:50px;font-size:.9rem;font-weight:600;color:var(--landing-text-muted);cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);font-family:inherit}.toggle-btn.active{background:linear-gradient(135deg,var(--landing-primary) 0%,var(--landing-primary-dark) 100%);color:#fff;box-shadow:0 2px 8px #7c5cdb33}.save-badge{background:rgba(34,197,94,.2);color:#4ade80;padding:2px 8px;border-radius:20px;font-size:.7rem;font-weight:700}.toggle-btn.active .save-badge{background:rgba(255,255,255,.2);color:#fff}.pricing-grid{display:grid;gap:1.5rem}.pricing-card{background:white;border:1px solid rgba(124,92,219,.15);border-radius:24px;padding:2.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 4px #00000005}.pricing-card:hover{transform:translateY(-6px);box-shadow:0 8px 24px #0000000a,0 16px 40px #2525390f}.pricing-card.enterprise{border-color:#00000014}.pricing-card.popular{border-color:var(--landing-primary);box-shadow:0 4px 16px #7c5cdb1a,0 8px 32px #2525390f}.popular-badge{position:absolute;top:-13px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ea580c 0%,#f97316 100%);color:#fff;padding:5px 14px;border-radius:50px;font-size:.65rem;font-weight:700;letter-spacing:.08em;box-shadow:0 2px 8px #f9731640}.plan-name{font-size:1.25rem;font-weight:700;margin-bottom:1rem}.plan-price{margin-bottom:2rem}.price-currency{font-size:1.5rem;color:var(--landing-text-muted);vertical-align:top}.price-amount{font-size:3.5rem;font-weight:800}.price-period{font-size:1rem;color:var(--landing-text-muted)}.price-custom{font-size:2.5rem;font-weight:800;color:var(--landing-primary-light)}.plan-features{list-style:none;margin-bottom:2rem}.plan-features li{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 0;border-bottom:1px solid rgba(0,0,0,.04);font-size:.9rem;color:var(--landing-text-muted)}.plan-features li:last-child{border-bottom:none}.plan-features li svg{width:18px;height:18px;color:#16a34a;flex-shrink:0;margin-top:2px}.plan-features li.muted svg{color:var(--landing-text-dim)}.plan-cta{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:transparent;border:1.5px solid var(--landing-primary);color:var(--landing-primary);border-radius:50px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);font-family:inherit}.plan-cta:hover{background:linear-gradient(135deg,var(--landing-primary) 0%,var(--landing-primary-dark) 100%);border-color:var(--landing-primary);color:#fff}.plan-cta.primary{background:linear-gradient(135deg,var(--landing-primary) 0%,var(--landing-primary-dark) 100%);border-color:transparent;color:#fff}.plan-cta.primary:hover{background:linear-gradient(135deg,var(--landing-primary-light) 0%,var(--landing-primary) 100%)}.plan-cta.enterprise-btn{background:var(--landing-text);border-color:var(--landing-text);color:#fff}.plan-cta.enterprise-btn:hover{background:#3a3a5c;border-color:#3a3a5c}.plan-cta svg{width:18px;height:18px}.landing-user-selector{background:rgba(124,92,219,.06);border:1px solid rgba(124,92,219,.12);border-radius:12px;padding:16px;margin-bottom:20px}.dark .landing-user-selector,[data-theme=dark] .landing-user-selector{background:rgba(124,92,219,.1);border-color:#7c5cdb33}.landing-user-selector .user-selector-header{display:flex;justify-content:space-between;align-items:center}.landing-user-selector .user-selector-label{font-size:13px;font-weight:600;color:var(--landing-text-muted)}.landing-user-selector .user-selector-controls{display:flex;align-items:center;gap:8px}.landing-user-selector .user-selector-btn{width:32px;height:32px;border-radius:8px;border:1px solid rgba(124,92,219,.2);background:var(--landing-card-bg);color:var(--landing-text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.landing-user-selector .user-selector-btn:hover:not(:disabled){background:var(--landing-primary);border-color:var(--landing-primary);color:#fff}.landing-user-selector .user-selector-btn:disabled{opacity:.4;cursor:not-allowed}.landing-user-selector .user-selector-count{min-width:36px;text-align:center;font-size:18px;font-weight:700;color:var(--landing-text)}.landing-user-selector .user-selector-breakdown{margin-top:14px;padding-top:14px;border-top:1px dashed rgba(124,92,219,.2)}.landing-user-selector .price-breakdown-row{display:flex;justify-content:space-between;font-size:12px;color:var(--landing-text-muted);margin-bottom:6px}.landing-user-selector .price-breakdown-total{display:flex;justify-content:space-between;font-size:13px;font-weight:600;color:var(--landing-text);padding-top:10px;margin-top:8px;border-top:1px solid rgba(124,92,219,.15)}.landing-user-selector .price-breakdown-total .total-amount{color:var(--landing-primary);font-weight:700;font-size:15px}.cta-section{padding:120px 2rem;background:var(--section-cta-bg);position:relative;overflow:hidden}.dark .cta-section,[data-theme=dark] .cta-section{background:var(--section-cta-bg)}.cta-section h2,.cta-section p{color:#fff}.cta-section p{opacity:.9}.cta-container{max-width:1400px;margin:0 auto;text-align:center;position:relative}.cta-content h2{font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.2;margin-bottom:1rem}.cta-content p{font-size:1.1rem;color:var(--landing-text-muted);margin-bottom:2.5rem}.cta-buttons{display:flex;justify-content:center;gap:1rem}.cta-primary.large{padding:1.25rem 2.5rem;font-size:1.05rem;background:white;color:var(--landing-primary);box-shadow:0 4px 16px #00000026}.cta-primary.large:hover{background:#f8f8f9;transform:translateY(-2px);box-shadow:0 8px 24px #0003}.cta-ghost{padding:1.25rem 2rem;background:transparent;border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:50px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);font-family:inherit}.cta-ghost:hover{background:rgba(255,255,255,.08);border-color:#ffffff80}.cta-decoration{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.decoration-circle{position:absolute;width:400px;height:400px;border:1px solid rgba(255,255,255,.1);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.decoration-circle.small{width:250px;height:250px}.landing-footer{background:var(--section-footer-bg);padding:60px 2rem 30px}.dark .landing-footer,[data-theme=dark] .landing-footer{background:var(--section-footer-bg)}.landing-footer,.landing-footer p,.landing-footer a,.landing-footer h4,.landing-footer span{color:#fff}.footer-container{max-width:1400px;margin:0 auto}.footer-main{display:flex;justify-content:space-between;gap:4rem;margin-bottom:3rem}.footer-brand{max-width:300px}.footer-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.footer-logo .logo-text{font-size:24px;font-weight:800;background:linear-gradient(135deg,#a78bfa 0%,#c4b5fd 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.footer-logo span{font-size:1.25rem;font-weight:700;color:#fff}.footer-brand p{color:var(--landing-text-muted);font-size:.95rem}.footer-links{display:flex;gap:4rem}.footer-column h4{font-size:.9rem;font-weight:700;margin-bottom:1rem;color:var(--landing-text)}.footer-column a{display:block;color:#ffffffb3;text-decoration:none;font-size:.9rem;margin-bottom:.75rem;transition:color .2s}.footer-column a:hover{color:#fff}.footer-bottom{padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);text-align:center}.footer-bottom p{color:#fff9;font-size:.85rem}.footer-brand p{color:#ffffffb3}@media (max-width: 1400px){.pricing-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 1024px){.hero-section{grid-template-columns:1fr;text-align:center;padding-top:40px}.hero-content{order:1}.hero-visual{order:2;max-width:500px;margin:0 auto}.hero-subtitle{margin:0 auto 2.5rem}.hero-cta,.hero-stats{justify-content:center}.features-grid{grid-template-columns:1fr 1fr}.feature-card.large{grid-column:span 2}.testimonials-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.testimonials-grid .testimonial-card:last-child{grid-column:1 / -1;max-width:500px;margin:0 auto}.pricing-grid{grid-template-columns:1fr!important;max-width:450px;margin-left:auto;margin-right:auto}.footer-main{flex-direction:column;gap:2rem}.footer-links{flex-wrap:wrap;gap:2rem}}@media (max-width: 768px){.landing-nav-links{position:fixed;top:0;right:-100%;width:80%;max-width:300px;height:100vh;background:white;flex-direction:column;padding:100px 2rem 2rem;gap:1.5rem;transition:right .35s cubic-bezier(.4,0,.2,1);border-left:1px solid rgba(0,0,0,.05);box-shadow:-10px 0 40px #00000014}.landing-nav-links.open{right:0}.mobile-menu-btn{display:flex;z-index:1001}.hero-title{font-size:2.5rem}.hero-stats{flex-direction:column;gap:1rem}.stat-divider{display:none}.features-grid{grid-template-columns:1fr}.feature-card.large{grid-column:span 1}.testimonials-grid{grid-template-columns:1fr;gap:2rem}.testimonials-grid .testimonial-card:last-child{max-width:none}.testimonial-card blockquote{font-size:1rem}.cta-buttons{flex-direction:column;gap:.75rem}}@media (max-width: 480px){.hero-cta{flex-direction:column;gap:.75rem}.cta-primary,.cta-secondary{width:100%;justify-content:center}.billing-toggle{flex-direction:column;border-radius:16px}.toggle-btn{border-radius:12px}}.book-demo-page{min-height:100vh;display:flex;flex-direction:column;background:var(--table-row-hover)}.book-demo-header{background:var(--card-bg);border-bottom:1px solid var(--border-color);padding:1rem 2rem;display:flex;align-items:center;justify-content:center}.book-demo-logo img{height:32px}.book-demo-container{flex:1;display:flex;justify-content:center;align-items:center;padding:2rem}.book-demo-iframe{width:100%;max-width:1200px;height:calc(100vh - 120px);min-height:600px;border-radius:12px;box-shadow:0 4px 20px #00000014;background:var(--card-bg)}@media (max-width: 768px){.book-demo-container{padding:1rem}.book-demo-iframe{height:calc(100vh - 100px);min-height:500px}}:root{--legal-bg-primary: #f8fafc;--legal-bg-secondary: #ffffff;--legal-bg-hero: linear-gradient(135deg, #1e293b 0%, #0f172a 50%, #1e1b4b 100%);--legal-bg-hero-overlay: rgba(139, 92, 246, .1);--legal-text-primary: #0f172a;--legal-text-secondary: #475569;--legal-text-muted: #64748b;--legal-text-hero: #ffffff;--legal-accent: #8b5cf6;--legal-accent-hover: #7c3aed;--legal-accent-light: rgba(139, 92, 246, .1);--legal-border: #e2e8f0;--legal-border-light: #f1f5f9;--legal-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--legal-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--legal-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--legal-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--legal-toc-bg: #ffffff;--legal-toc-hover: #f8fafc;--legal-table-header: #f8fafc;--legal-table-stripe: #fafbfc;--legal-notice-bg: #f0fdf4;--legal-notice-border: #22c55e;--legal-notice-text: #166534;--legal-warning-bg: #fef3c7;--legal-warning-border: #f59e0b;--legal-warning-text: #92400e;--legal-disclaimer-bg: #fef2f2;--legal-disclaimer-border: #ef4444;--legal-disclaimer-text: #991b1b;--legal-info-box-bg: #f8fafc;--legal-contact-card-bg: #ffffff;--legal-font-display: "DM Serif Display", Georgia, "Times New Roman", serif;--legal-font-body: "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--legal-font-mono: "JetBrains Mono", "Fira Code", Consolas, monospace}.dark{--legal-bg-primary: #0f172a;--legal-bg-secondary: #1e293b;--legal-bg-hero: linear-gradient(135deg, #1e1b4b 0%, #0f172a 50%, #1e293b 100%);--legal-bg-hero-overlay: rgba(139, 92, 246, .15);--legal-text-primary: #f1f5f9;--legal-text-secondary: #cbd5e1;--legal-text-muted: #94a3b8;--legal-text-hero: #ffffff;--legal-border: #334155;--legal-border-light: #1e293b;--legal-shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--legal-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--legal-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .2);--legal-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 10px 10px -5px rgba(0, 0, 0, .2);--legal-toc-bg: #1e293b;--legal-toc-hover: #334155;--legal-table-header: #1e293b;--legal-table-stripe: #1a2332;--legal-notice-bg: rgba(34, 197, 94, .1);--legal-notice-border: #22c55e;--legal-notice-text: #86efac;--legal-warning-bg: rgba(245, 158, 11, .15);--legal-warning-border: #f59e0b;--legal-warning-text: #fcd34d;--legal-disclaimer-bg: rgba(239, 68, 68, .1);--legal-disclaimer-border: #ef4444;--legal-disclaimer-text: #fca5a5;--legal-info-box-bg: #1e293b;--legal-contact-card-bg: #1e293b}.legal-page{min-height:100vh;display:flex;flex-direction:column;background:var(--legal-bg-primary);font-family:var(--legal-font-body);color:var(--legal-text-primary);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.legal-header{background:var(--legal-bg-secondary);border-bottom:1px solid var(--legal-border);padding:0;position:sticky;top:0;z-index:1000;box-shadow:var(--legal-shadow-sm)}.legal-header-content{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between}.legal-logo{cursor:pointer;display:flex;align-items:center;gap:.75rem;transition:opacity .2s ease}.legal-logo:hover{opacity:.8}.legal-logo img{height:36px;width:auto}.legal-logo .logo-text{font-family:var(--legal-font-display);font-size:1.5rem;font-weight:600;color:var(--legal-text-primary)}.legal-header-nav{display:flex;align-items:center;gap:1rem}.legal-nav-link{background:none;border:none;color:var(--legal-text-secondary);font-size:.9375rem;font-weight:500;padding:.5rem 1rem;cursor:pointer;transition:color .2s ease;font-family:inherit}.legal-nav-link:hover{color:var(--legal-accent)}.legal-nav-button{background:var(--legal-accent);border:none;color:#fff;font-size:.875rem;font-weight:600;padding:.625rem 1.25rem;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:inherit}.legal-nav-button:hover{background:var(--legal-accent-hover);transform:translateY(-1px);box-shadow:var(--legal-shadow-md)}.legal-hero{background:var(--legal-bg-hero);position:relative;overflow:hidden}.legal-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,var(--legal-bg-hero-overlay),transparent),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(168,85,247,.1),transparent);pointer-events:none}.legal-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5;pointer-events:none}.legal-hero-content{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:4rem 2rem 5rem;text-align:center}.legal-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);padding:.5rem 1rem;border-radius:100px;font-size:.8125rem;font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.5rem}.legal-hero h1{font-family:var(--legal-font-display);font-size:clamp(2.5rem,5vw,3.75rem);font-weight:400;color:var(--legal-text-hero);margin:0 0 1rem;line-height:1.1;letter-spacing:-.02em}.legal-hero-subtitle{font-size:1.25rem;color:#ffffffbf;max-width:600px;margin:0 auto 2rem;line-height:1.6;font-weight:400}.legal-meta{display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap}.legal-meta-item{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;color:#ffffffb3}.legal-meta-item svg{width:18px;height:18px;opacity:.8}.legal-layout{display:grid;grid-template-columns:280px 1fr;max-width:1400px;margin:0 auto;padding:0 2rem;gap:4rem}.legal-toc{position:sticky;top:100px;height:fit-content;max-height:calc(100vh - 120px);overflow-y:auto;padding:2rem 0;scrollbar-width:thin;scrollbar-color:var(--legal-border) transparent}.legal-toc::-webkit-scrollbar{width:4px}.legal-toc::-webkit-scrollbar-track{background:transparent}.legal-toc::-webkit-scrollbar-thumb{background:var(--legal-border);border-radius:2px}.legal-toc-header{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--legal-text-muted);margin-bottom:1rem;padding-left:.75rem}.legal-toc-list{list-style:none;padding:0;margin:0}.legal-toc-list li{margin-bottom:.125rem}.legal-toc-link{display:flex;align-items:flex-start;gap:.625rem;width:100%;padding:.5rem .75rem;background:none;border:none;border-radius:6px;font-size:.875rem;font-weight:500;color:var(--legal-text-secondary);text-align:left;cursor:pointer;transition:all .15s ease;font-family:inherit;line-height:1.4}.legal-toc-link:hover{background:var(--legal-toc-hover);color:var(--legal-text-primary)}.legal-toc-link.active{background:var(--legal-accent-light);color:var(--legal-accent)}.legal-toc-number{display:inline-flex;align-items:center;justify-content:center;min-width:1.375rem;height:1.375rem;font-size:.6875rem;font-weight:700;color:var(--legal-text-muted);background:var(--legal-border-light);border-radius:4px;flex-shrink:0}.legal-toc-link.active .legal-toc-number{background:var(--legal-accent);color:#fff}.legal-content{padding:3rem 0 6rem;max-width:800px}.legal-notice{display:flex;gap:1rem;padding:1.25rem 1.5rem;background:var(--legal-notice-bg);border:1px solid var(--legal-notice-border);border-radius:12px;margin-bottom:3rem;color:var(--legal-notice-text);font-size:.9375rem;line-height:1.6}.legal-notice svg{width:24px;height:24px;flex-shrink:0;margin-top:.125rem}.legal-notice strong{color:inherit}.legal-notice-warning{background:var(--legal-warning-bg);border-color:var(--legal-warning-border);color:var(--legal-warning-text)}.legal-content section{margin-bottom:4rem;scroll-margin-top:120px}.legal-content h2{font-family:var(--legal-font-display);font-size:1.75rem;font-weight:400;color:var(--legal-text-primary);margin:0 0 1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--legal-border);line-height:1.3}.legal-content h3{font-size:1.125rem;font-weight:700;color:var(--legal-text-primary);margin:2rem 0 1rem;line-height:1.4}.legal-content h4{font-size:1rem;font-weight:600;color:var(--legal-text-primary);margin:1.5rem 0 .75rem;line-height:1.4}.legal-content p{font-size:1rem;line-height:1.75;color:var(--legal-text-secondary);margin:0 0 1.25rem}.legal-content ul{list-style:none;padding:0;margin:0 0 1.5rem}.legal-content li{position:relative;padding-left:1.75rem;font-size:1rem;line-height:1.75;color:var(--legal-text-secondary);margin-bottom:.75rem}.legal-content li:before{content:"";position:absolute;left:0;top:.625rem;width:6px;height:6px;background:var(--legal-accent);border-radius:50%}.legal-content li strong{color:var(--legal-text-primary);font-weight:600}.legal-content a{color:var(--legal-accent);text-decoration:none;font-weight:500;transition:all .2s ease;border-bottom:1px solid transparent}.legal-content a:hover{color:var(--legal-accent-hover);border-bottom-color:var(--legal-accent-hover)}.legal-content strong{font-weight:700;color:var(--legal-text-primary)}.legal-table{width:100%;border-collapse:separate;border-spacing:0;margin:1.5rem 0 2rem;font-size:.9375rem;border-radius:12px;overflow:hidden;border:1px solid var(--legal-border);box-shadow:var(--legal-shadow-sm)}.legal-table thead{background:var(--legal-table-header)}.legal-table th{padding:1rem 1.25rem;font-weight:600;text-align:left;color:var(--legal-text-primary);border-bottom:1px solid var(--legal-border);font-size:.875rem;text-transform:uppercase;letter-spacing:.03em}.legal-table td{padding:1rem 1.25rem;border-bottom:1px solid var(--legal-border);color:var(--legal-text-secondary);background:var(--legal-bg-secondary)}.legal-table tbody tr:nth-child(2n) td{background:var(--legal-table-stripe)}.legal-table tbody tr:last-child td{border-bottom:none}.legal-table tbody tr:hover td{background:var(--legal-accent-light)}.legal-disclaimer-box{background:var(--legal-disclaimer-bg);border:1px solid var(--legal-disclaimer-border);border-radius:12px;padding:1.5rem 2rem;margin:1.5rem 0 2rem}.legal-disclaimer-box p{color:var(--legal-disclaimer-text);font-size:.9375rem;margin-bottom:1rem}.legal-disclaimer-box p:last-child{margin-bottom:0}.legal-disclaimer-box ul{margin:.75rem 0 1rem}.legal-disclaimer-box li{color:var(--legal-disclaimer-text);font-size:.9375rem}.legal-disclaimer-box li:before{background:var(--legal-disclaimer-border)}.legal-disclaimer-box h3{color:var(--legal-disclaimer-text);font-size:1rem;margin:1.5rem 0 .75rem}.legal-disclaimer-box h3:first-child{margin-top:0}.legal-info-box{background:var(--legal-info-box-bg);border:1px solid var(--legal-border);border-radius:12px;padding:1.25rem 1.5rem;margin:1.5rem 0}.legal-info-box p{margin:.25rem 0;font-size:.9375rem}.legal-info-box p:first-child{margin-top:0}.legal-info-box p:last-child{margin-bottom:0}.legal-contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1.5rem 0 2rem}.legal-contact-card{background:var(--legal-contact-card-bg);border:1px solid var(--legal-border);border-radius:12px;padding:1.25rem 1.5rem;transition:all .2s ease}.legal-contact-card:hover{border-color:var(--legal-accent);box-shadow:var(--legal-shadow-md);transform:translateY(-2px)}.legal-contact-card h4{font-size:.875rem;font-weight:600;color:var(--legal-text-primary);margin:0 0 .5rem}.legal-contact-card p{font-size:.9375rem;color:var(--legal-text-secondary);margin:0}.legal-footer-section{margin-top:4rem;padding-top:2rem;border-top:2px solid var(--legal-border);text-align:center}.legal-footer-section p{color:var(--legal-text-muted);font-size:.9375rem;margin-bottom:.5rem}.legal-footer-links{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:1.5rem}.legal-footer-link{background:none;border:none;color:var(--legal-accent);font-size:.9375rem;font-weight:500;cursor:pointer;padding:.5rem 1rem;border-radius:6px;transition:all .2s ease;font-family:inherit}.legal-footer-link:hover{background:var(--legal-accent-light);color:var(--legal-accent-hover)}.legal-footer-divider{color:var(--legal-border);font-size:.875rem}@media (max-width: 1200px){.legal-layout{grid-template-columns:240px 1fr;gap:3rem}}@media (max-width: 1024px){.legal-layout{grid-template-columns:1fr;padding:0 1.5rem}.legal-toc{display:none}.legal-content{max-width:100%}}@media (max-width: 768px){.legal-header-content{padding:1rem 1.25rem}.legal-header-nav{gap:.5rem}.legal-nav-link{display:none}.legal-nav-button{padding:.5rem 1rem;font-size:.8125rem}.legal-hero-content{padding:3rem 1.5rem 4rem}.legal-hero h1{font-size:2rem}.legal-hero-subtitle{font-size:1.0625rem}.legal-meta{flex-direction:column;gap:.75rem}.legal-layout{padding:0 1.25rem}.legal-content{padding:2rem 0 4rem}.legal-content section{margin-bottom:3rem}.legal-content h2{font-size:1.5rem}.legal-content h3{font-size:1.0625rem}.legal-content p,.legal-content li{font-size:.9375rem}.legal-notice{flex-direction:column;gap:.75rem;padding:1rem 1.25rem}.legal-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.legal-table th,.legal-table td{padding:.75rem 1rem;white-space:nowrap}.legal-disclaimer-box{padding:1.25rem 1.5rem}.legal-contact-grid{grid-template-columns:1fr}.legal-footer-links{flex-direction:column;gap:.5rem}.legal-footer-divider{display:none}}@media (max-width: 480px){.legal-logo img{height:28px}.legal-badge{font-size:.6875rem;padding:.375rem .75rem}.legal-hero h1{font-size:1.75rem}.legal-hero-subtitle{font-size:1rem}.legal-meta-item{font-size:.8125rem}.legal-content h2{font-size:1.375rem}}@media print{.legal-header,.legal-toc,.legal-hero:before,.legal-hero:after,.legal-nav-button,.legal-footer-links{display:none!important}.legal-page{background:white}.legal-hero{background:none;padding:2rem 0}.legal-hero h1{color:#000}.legal-hero-subtitle,.legal-meta-item{color:#333}.legal-badge{background:#f0f0f0;color:#333;border:1px solid #ccc}.legal-layout{display:block;max-width:100%;padding:0}.legal-content{max-width:100%;padding:1rem 0}.legal-content section{page-break-inside:avoid}.legal-content h2{page-break-after:avoid}.legal-disclaimer-box,.legal-notice{border:1px solid #ccc;background:#f9f9f9}}@media (prefers-reduced-motion: reduce){.legal-page,.legal-page *{transition:none!important;animation:none!important}}.legal-nav-link:focus-visible,.legal-nav-button:focus-visible,.legal-toc-link:focus-visible,.legal-footer-link:focus-visible,.legal-logo:focus-visible{outline:2px solid var(--legal-accent);outline-offset:2px;border-radius:4px}@media (prefers-contrast: high){.legal-content a{text-decoration:underline}.legal-toc-link.active{border:2px solid var(--legal-accent)}.legal-disclaimer-box,.legal-notice{border-width:2px}}@tailwind base;@tailwind components;@tailwind utilities;*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,Roboto,sans-serif;background:var(--body-bg);color:var(--body-color);line-height:1.6;min-height:100vh;font-size:15px;transition:background .3s ease,color .3s ease}h1{font-size:32px}h2{font-size:24px}h3{font-size:20px}table,input,select,textarea,label{font-size:15px}:root{--primary: #8b5cf6;--primary-dark: #7c3aed;--primary-light: #a78bfa;--secondary: #7c3aed;--background: #F9FAFB;--background-secondary: #F3F4F6;--neutral-dark: #1F2937;--neutral-medium: #4B5563;--neutral-light: #6B7280;--success: #22C55E;--success-light: #4ADE80;--error: #EF4444;--error-light: #F87171;--warning: #F59E0B;--warning-light: #FBBF24;--info: #3B82F6;--info-light: #60A5FA;--white: #ffffff;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #4B5563;--gray-700: #374151;--gray-800: #1F2937;--gray-900: #111827;--body-bg: #F9FAFB;--body-color: #1F2937;--card-bg: #ffffff;--card-bg-secondary: #F9FAFB;--card-border: transparent;--input-bg: #ffffff;--input-border: #D1D5DB;--table-bg: #ffffff;--table-header-bg: #F9FAFB;--table-row-hover: #F9FAFB;--table-hover-bg: #F9FAFB;--text-primary: #111827;--text-secondary: #6B7280;--text-muted: #9CA3AF;--border-color: #E5E7EB;--border-color-light: #F3F4F6;--shadow-color: rgba(0, 0, 0, .1);--overlay-bg: rgba(0, 0, 0, .5);--scrollbar-track: #F3F4F6;--scrollbar-thumb: #D1D5DB;--tooltip-bg: #111827;--tooltip-text: #ffffff}[data-theme=dark]{--primary: #A78BFA;--primary-dark: #8B5CF6;--primary-light: #C4B5FD;--secondary: #8B5CF6;--background: #0F172A;--background-secondary: #1E293B;--neutral-dark: #F1F5F9;--neutral-medium: #E2E8F0;--neutral-light: #CBD5E1;--success: #4ADE80;--success-light: #86EFAC;--error: #F87171;--error-light: #FCA5A5;--warning: #FBBF24;--warning-light: #FCD34D;--info: #60A5FA;--info-light: #93C5FD;--white: #1E293B;--gray-50: #1E293B;--gray-100: #334155;--gray-200: #475569;--gray-300: #64748B;--gray-400: #94A3B8;--gray-500: #CBD5E1;--gray-600: #E2E8F0;--gray-700: #334155;--gray-800: #1E293B;--gray-900: #F8FAFC;--body-bg: #0F172A;--body-color: #F1F5F9;--card-bg: #1E293B;--card-bg-secondary: #0F172A;--card-border: #334155;--input-bg: #0F172A;--input-border: #475569;--table-bg: #1E293B;--table-header-bg: #0F172A;--table-row-hover: #334155;--table-hover-bg: #334155;--text-primary: #F8FAFC;--text-secondary: #CBD5E1;--text-muted: #94A3B8;--border-color: #334155;--border-color-light: #475569;--shadow-color: rgba(0, 0, 0, .3);--overlay-bg: rgba(0, 0, 0, .7);--scrollbar-track: #1E293B;--scrollbar-thumb: #475569;--tooltip-bg: #F1F5F9;--tooltip-text: #111827}[data-theme=dark] table td,[data-theme=dark] table th,[data-theme=dark] .items-table td,[data-theme=dark] .items-table th,[data-theme=dark] .enhanced-table td,[data-theme=dark] .enhanced-table th,[data-theme=dark] .users-table td,[data-theme=dark] .users-table th,[data-theme=dark] .customers-table td,[data-theme=dark] .customers-table th,[data-theme=dark] .rfq-table-enhanced td,[data-theme=dark] .rfq-table-enhanced th{color:#e2e8f0!important}[data-theme=dark] table tbody tr td,[data-theme=dark] .items-table tbody tr td,[data-theme=dark] .enhanced-table tbody tr td{color:#f1f5f9!important}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{color:#f8fafc!important}[data-theme=dark] p,[data-theme=dark] span,[data-theme=dark] label,[data-theme=dark] .editable-cell,[data-theme=dark] .cell-content{color:#e2e8f0}[data-theme=dark] td *,[data-theme=dark] th *{color:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 24px;border:none;border-radius:12px;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.2);transform:translate(-50%,-50%);transition:width .5s,height .5s}.btn:hover:before{width:300px;height:300px}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 2px 8px #6d31ed33;border:2px solid transparent}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6d31ed4d;background:var(--primary-dark)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--card-bg);color:var(--neutral-dark);border:2px solid var(--gray-300);box-shadow:0 2px 8px #0000000d}.btn-secondary:hover{background:var(--gray-50);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--primary)}.btn-success{background:var(--success);color:#fff;box-shadow:0 2px 8px #10b98133}.btn-success:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d;filter:brightness(1.1)}.btn-error{background:var(--error);color:#fff;box-shadow:0 2px 8px #ef444433}.btn-error:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d;filter:brightness(1.1)}.btn-warning{background:var(--warning);color:#fff;box-shadow:0 2px 8px #f59e0b33}.btn-warning:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d;filter:brightness(1.1)}.card{background:var(--card-bg);border-radius:16px;box-shadow:0 4px 20px #0000001a;padding:28px;margin-bottom:24px;border:2px solid var(--card-border);transition:all .3s ease;color:var(--text-primary)}.card:hover{border-color:#6d31ed4d;box-shadow:0 8px 30px #0000001f}.input,input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],textarea,select{width:100%;padding:12px 16px;border:2px solid var(--input-border);border-radius:10px;font-size:14px;background:var(--input-bg);transition:all .2s ease;font-family:inherit;color:var(--text-primary)}.input:focus,input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);background:var(--input-bg);box-shadow:0 0 0 3px #6d31ed26}.input::placeholder,input::placeholder,textarea::placeholder{color:var(--gray-400)}.table{width:100%;border-collapse:separate;border-spacing:0;background:var(--table-bg);border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000001a}.table th{background:var(--table-header-bg);padding:18px 20px;text-align:left;font-weight:700;font-size:13px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-color)}.table td{padding:18px 20px;border-bottom:1px solid var(--border-color);font-size:14px;color:var(--text-primary)}.table tbody tr{transition:all .2s ease}.table tbody tr:hover{background:var(--table-hover-bg);transform:scale(1.01);box-shadow:0 2px 8px #0000001a}.table tbody tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;box-shadow:0 2px 8px #00000014}.badge-success{background:rgba(16,185,129,.1);color:var(--success);border:1px solid rgba(16,185,129,.3)}.badge-error{background:rgba(239,68,68,.1);color:var(--error);border:1px solid rgba(239,68,68,.3)}.badge-warning{background:rgba(245,158,11,.1);color:var(--warning);border:1px solid rgba(245,158,11,.3)}.badge-info{background:rgba(59,130,246,.1);color:var(--info);border:1px solid rgba(59,130,246,.3)}.alert{padding:18px 20px;border-radius:12px;margin-bottom:20px;display:flex;align-items:center;gap:14px;box-shadow:0 4px 12px #00000014;border:2px solid transparent}.alert-success{background:rgba(16,185,129,.08);color:var(--success);border-color:#10b9814d}.alert-error{background:rgba(239,68,68,.08);color:var(--error);border-color:#ef44444d}.alert-warning{background:rgba(245,158,11,.08);color:var(--warning);border-color:#f59e0b4d}.alert-info{background:rgba(59,130,246,.08);color:var(--info);border-color:#3b82f64d}.fade-in{animation:fadeIn .4s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slideIn .4s cubic-bezier(.4,0,.2,1)}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.loading{display:inline-block;width:24px;height:24px;border:3px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--gray-200) 0%,var(--gray-300) 50%,var(--gray-200) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}