body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--admin-primary:#2563eb;--admin-primary-hover:#1d4ed8;--admin-secondary:#64748b;--admin-accent:#10b981;--admin-accent-hover:#059669;--admin-danger:#ef4444;--admin-danger-hover:#dc2626;--admin-warning:#f59e0b;--admin-bg:#f8fafc;--admin-card-bg:#fff;--admin-text:#1e293b;--admin-text-light:#64748b;--admin-border:#e2e8f0;--admin-border-light:#f1f5f9;--admin-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--admin-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--admin-radius:12px;--admin-radius-sm:8px;--admin-sidebar-width:280px}.dashboard-container{display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh}.dashboard-container,.dashboard-content{background-color:#f8fafc;background-color:var(--admin-bg)}.dashboard-content{flex:1 1;margin-left:280px;margin-left:var(--admin-sidebar-width);padding:32px}.sidebar{background:linear-gradient(180deg,#fff,#f8fafc);border-right:1px solid #e2e8f0;border-right:1px solid var(--admin-border);display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:280px;width:var(--admin-sidebar-width);z-index:100}.sidebar-header{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--admin-border-light);padding:24px}.sidebar-brand{align-items:center;display:flex;gap:12px}.brand-logo{height:40px;width:auto}.brand-text{color:#1e293b;color:var(--admin-text);font-size:18px;font-weight:700}.sidebar-nav{padding:16px 0}.sidebar-menu{list-style:none;margin:0;padding:0}.sidebar-menu-item{margin:4px 16px}.sidebar-link{align-items:center;border-radius:8px;border-radius:var(--admin-radius-sm);color:#64748b;color:var(--admin-text-light);display:flex;font-weight:500;gap:12px;padding:12px 16px;text-decoration:none;transition:all .2s ease}.sidebar-link:hover{background-color:#2563eb1a;color:#2563eb;color:var(--admin-primary)}.sidebar-link.active{background-color:#2563eb;background-color:var(--admin-primary);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--admin-shadow);color:#fff}.sidebar-icon{font-size:18px;height:20px;width:20px}.sidebar-footer{border-top:1px solid #f1f5f9;border-top:1px solid var(--admin-border-light);padding:24px}.logout-btn{border-radius:var(--admin-radius-sm);color:#64748b;color:var(--admin-text-light);font-size:14px;padding:12px 16px;transition:all .2s ease}.logout-btn:hover{background-color:#ef44441a;color:#ef4444;color:var(--admin-danger)}.logout-btn{align-items:center;background:none;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;font-weight:500;gap:12px;padding:12px 0;transition:all .3s;width:100%}.logout-btn:hover{background-color:#ff6b6b1a;color:#ff6b6b}.page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:32px}.page-title{color:#1e293b;color:var(--admin-text);font-size:32px;font-weight:700;margin:0 0 4px}.page-description{color:#64748b;color:var(--admin-text-light);font-size:16px;margin:0}.alert{border:1px solid;border-radius:8px;border-radius:var(--admin-radius-sm);font-size:14px;line-height:1.5;margin-bottom:24px;padding:16px 20px}.alert-error{background-color:#ef44441a;border-color:#ef444433;color:#ef4444;color:var(--admin-danger)}.alert-success{background-color:#10b9811a;border-color:#10b98133;color:#10b981;color:var(--admin-accent)}.card{background:#fff;background:var(--admin-card-bg);border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:12px;border-radius:var(--admin-radius);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--admin-shadow);margin-bottom:24px;padding:24px;transition:all .2s ease}.card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--admin-shadow-lg);transform:translateY(-2px)}.form-container{background:#fff;background:var(--admin-card-bg);border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:var(--admin-radius);box-shadow:var(--admin-shadow);margin-bottom:24px;padding:32px}.form-title{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--admin-border-light);font-weight:700;margin:0 0 24px;padding-bottom:16px}.form-group label,.form-title{color:var(--admin-text)}.form-control,input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],select,textarea{background-color:#fff;background-color:var(--admin-card-bg);border:2px solid #e2e8f0;border:2px solid var(--admin-border);border-radius:8px;border-radius:var(--admin-radius-sm);font-family:inherit;font-size:16px;padding:12px 16px;transition:all .2s ease;width:100%}.form-control:focus,input:focus,select:focus,textarea:focus{border-color:#2563eb;border-color:var(--admin-primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-control-file{background-color:#f8fafc;background-color:var(--admin-bg);border:2px dashed #e2e8f0;border:2px dashed var(--admin-border);border-radius:8px;padding:8px}.btn,.form-control-file{border-radius:var(--admin-radius-sm)}.btn{border:none;display:inline-flex;font-family:inherit;font-size:14px;gap:8px;padding:12px 24px;text-decoration:none}.btn-primary,.submit-btn{background-color:#2563eb;background-color:var(--admin-primary);color:#fff}.btn-primary:hover,.submit-btn:hover{background-color:#1d4ed8;background-color:var(--admin-primary-hover);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--admin-shadow);transform:translateY(-1px)}.btn-secondary{background-color:#64748b;background-color:var(--admin-secondary);color:#fff}.btn-danger{background-color:#ef4444;background-color:var(--admin-danger)}.btn-danger:hover{background-color:#dc2626;background-color:var(--admin-danger-hover)}.table-container{background:#fff;background:var(--admin-card-bg);border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:12px;border-radius:var(--admin-radius);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--admin-shadow);margin-bottom:24px;overflow:hidden}.data-table{border-collapse:collapse}.data-table td,.data-table th{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--admin-border-light);padding:16px 20px;text-align:left}.data-table th{background-color:#f8fafc;background-color:var(--admin-bg);font-size:14px;letter-spacing:.05em;text-transform:uppercase}.data-table td,.data-table th{color:var(--admin-text)}.data-table tr:hover{background-color:#f8fafc;background-color:var(--admin-bg)}.delete-btn,.edit-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--admin-radius-sm);cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:8px 12px;transition:all .2s ease}.edit-btn{background-color:#10b981;background-color:var(--admin-accent);color:#fff}.edit-btn:hover{background-color:#059669;background-color:var(--admin-accent-hover);transform:translateY(-1px)}.delete-btn{background-color:#ef4444;background-color:var(--admin-danger)}.delete-btn:hover{background-color:#dc2626;background-color:var(--admin-danger-hover);transform:translateY(-1px)}.small-image{border-radius:4px;max-height:50px;max-width:50px;object-fit:cover}.qr-code-image{background-color:#fff;border:1px solid #eee;max-width:100px;padding:5px}.dashboard-overview{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px}.stat-card{background-color:#fff;border-left:4px solid #00bf63;border-radius:10px;box-shadow:0 0 10px #0000000d;padding:20px;transition:transform .3s}.stat-card:nth-child(2n){border-left:4px solid #c1ff72}.stat-card:hover{transform:translateY(-5px)}.stat-title{color:#333;font-size:16px;font-weight:500;margin-top:0}.stat-value{color:#00bf63;font-size:24px;font-weight:600;margin:10px 0}.stat-card:nth-child(2n) .stat-value{color:#6a0}.admin-tools-section{margin-top:30px}.admin-card{background-color:#fff;border-radius:10px;border-top:4px solid #00bf63;box-shadow:0 0 10px #0000000d;margin-bottom:20px;padding:20px}.admin-card h3{color:#333;font-weight:600;margin-bottom:15px;margin-top:0}.generate-dummy-btn{background-color:#00bf63;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;margin-top:15px;padding:10px 15px;transition:background-color .3s}.generate-dummy-btn:hover{background-color:#00a555}.generate-dummy-btn:disabled{background-color:#ccc;cursor:not-allowed}.progress-bar-container{background-color:#f0f0f0;border-radius:10px;height:20px;margin-top:15px;overflow:hidden;position:relative}.progress-bar{background-color:#00bf63;border-radius:10px;height:100%;transition:width .3s ease}.progress-text{color:#333;font-size:12px;font-weight:500;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.dummy-data-note{color:#666;font-size:.9em;font-style:italic;margin-top:10px}.message{padding:10px 15px}.message.error{background-color:#ff6b6b1a;border-left:4px solid #ff6b6b;color:#ff6b6b}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.section-header h3{margin:0}.action-buttons{gap:10px}.delete-selected-btn{background-color:#f39c12;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 15px;transition:background-color .3s}.delete-selected-btn:hover{background-color:#e67e22}.delete-all-btn{background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 15px;transition:background-color .3s}.delete-all-btn:hover{background-color:#c0392b}.delete-all-btn:disabled,.delete-selected-btn:disabled{background-color:#ccc;cursor:not-allowed}.table-responsive{margin-top:15px;overflow-x:auto}.offers-table td,.offers-table th{padding:10px 15px;vertical-align:middle}.offers-table td:first-child,.offers-table th:first-child{text-align:center;width:40px}.offers-table input[type=checkbox]{cursor:pointer;height:18px;width:18px}.offer-title-cell{display:flex;flex-direction:column;gap:5px}.offer-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:.8em;max-width:250px;overflow:hidden;text-overflow:ellipsis}.tier-list,.tier-min-level{background-color:#f0f0f0;border-radius:4px;color:#333;display:inline-block;font-size:.8em;padding:4px 8px}.tier-min-level{background-color:#e8f4f8;color:#3498db}@media (max-width:992px){.offers-table td:nth-child(5),.offers-table th:nth-child(5){display:none}}@media (max-width:768px){.offers-table td:nth-child(4),.offers-table th:nth-child(4){display:none}.section-header{align-items:flex-start;flex-direction:column;gap:10px}.action-buttons{width:100%}.delete-all-btn,.delete-selected-btn{flex:1 1}}@media (max-width:576px){.offers-table td:nth-child(3),.offers-table th:nth-child(3){display:none}.offer-description{max-width:180px}}.action-buttons{flex-wrap:wrap}.change-password-btn,.delete-btn,.view-btn{border-radius:4px;cursor:pointer;font-size:14px;padding:6px 12px;transition:background-color .3s}.view-btn{background-color:#4a90e2;border:none;color:#fff;text-decoration:none}.change-password-btn{background-color:#f5a623;border:none;color:#fff}.delete-btn{background-color:#ff5252;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px;transition:background-color .3s}.view-btn:hover{background-color:#357abf}.change-password-btn:hover{background-color:#e09612}.delete-btn:hover{background-color:#e04343}.delete-btn:disabled{background-color:#ccc;cursor:not-allowed}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon .form-control{padding-right:30px}.input-with-icon input{padding-right:40px;width:100%}.input-with-icon .input-icon{color:#666;font-weight:700;pointer-events:none;position:absolute;right:10px}.input-icon{color:var(--text-light);font-weight:600;right:15px;-webkit-user-select:none;user-select:none}.employee-count{color:#666;font-size:.85em;font-style:italic;margin-left:8px}.multi-select-container{border:1px solid #ddd;border-radius:4px;margin-top:8px;max-height:200px;overflow-y:auto;padding:8px}.multi-select-item{border-bottom:1px solid #eee;padding:6px 8px}.multi-select-item:last-child{border-bottom:none}.multi-select-item:hover{background-color:#00bf630d}.selection-summary{color:#666;font-size:.9em;margin-top:8px;text-align:right}.message{border-radius:4px;font-weight:500;margin-bottom:20px;padding:12px 15px}.message.success{border-left:4px solid #00bf63;color:#00bf63}.message.error{background-color:#d0021b1a;border-left:4px solid #d0021b;color:#d0021b}.modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0003;max-width:500px;padding:30px;position:relative;width:100%}.close{cursor:pointer;font-size:24px;font-weight:700;position:absolute;right:15px;top:15px}.close:hover{color:#555}.modal h2{margin-bottom:20px;margin-top:0}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.form-grid{grid-template-columns:1fr}}.loading-spinner-sm{animation:spin .8s linear infinite;display:inline-block}.table-container{margin-top:40px}:root{--company-primary:#2563eb;--company-primary-hover:#1d4ed8;--company-secondary:#64748b;--company-accent:#10b981;--company-accent-hover:#059669;--company-danger:#ef4444;--company-danger-hover:#dc2626;--company-warning:#f59e0b;--company-bg:#f8fafc;--company-card-bg:#fff;--company-text:#1e293b;--company-text-light:#64748b;--company-border:#e2e8f0;--company-border-light:#f1f5f9;--company-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--company-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--company-radius:12px;--company-radius-sm:8px;--company-sidebar-width:280px}.company-admin-container{display:flex;min-height:100vh}.company-admin-container,.company-admin-content{background-color:#f8fafc;background-color:var(--company-bg)}.company-admin-content{flex:1 1;margin-left:280px;margin-left:var(--company-sidebar-width);padding:32px}.company-sidebar{background:linear-gradient(180deg,#fff,#f8fafc);border-right:1px solid #e2e8f0;border-right:1px solid var(--company-border);display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:280px;width:var(--company-sidebar-width);z-index:100}.company-sidebar-header{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--company-border-light);padding:24px}.company-sidebar-brand{align-items:center;display:flex;gap:12px}.company-brand-logo{height:40px;width:auto}.company-brand-text{color:#1e293b;color:var(--company-text);font-size:18px;font-weight:700}.company-sidebar-nav{flex:1 1;padding:16px 0}.company-sidebar-menu{list-style:none;margin:0;padding:0}.company-sidebar-item{margin:4px 16px}.company-nav-link{align-items:center;border-radius:8px;border-radius:var(--company-radius-sm);color:#64748b;color:var(--company-text-light);display:flex;font-weight:500;gap:12px;padding:12px 16px;text-decoration:none;transition:all .2s ease}.company-nav-link:hover{background-color:#2563eb1a;color:#2563eb;color:var(--company-primary)}.company-nav-link.active{background-color:#2563eb;background-color:var(--company-primary);color:#fff}.company-nav-link .nav-icon{height:20px;width:20px}.company-sidebar-footer{border-top:1px solid #f1f5f9;border-top:1px solid var(--company-border-light);padding:16px 24px}.company-logout-btn{align-items:center;background:none;border:1px solid #e2e8f0;border:1px solid var(--company-border);border-radius:8px;border-radius:var(--company-radius-sm);color:#64748b;color:var(--company-text-light);cursor:pointer;display:flex;font-weight:500;gap:12px;padding:12px 16px;transition:all .2s ease;width:100%}.company-logout-btn:hover{background-color:#ef4444;background-color:var(--company-danger);border-color:#ef4444;border-color:var(--company-danger);color:#fff}.company-auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.company-auth-card{background:#fff;background:var(--company-card-bg);border-radius:12px;border-radius:var(--company-radius);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--company-shadow-lg);max-width:420px;overflow:hidden;width:100%}.company-auth-header{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:32px 32px 24px;text-align:center}.company-auth-logo{height:48px;margin-bottom:16px}.company-auth-header h2{color:#1e293b;color:var(--company-text);font-size:24px;font-weight:700;margin:0 0 8px}.company-auth-header p{color:#64748b;color:var(--company-text-light);font-size:14px;margin:0}.company-auth-form{padding:32px}.form-group{margin-bottom:24px}.input-icon{color:#64748b;color:var(--company-text-light)}.form-group input{background-color:#fff!important;background-color:var(--company-card-bg)!important;border:2px solid #e2e8f0!important;border:2px solid var(--company-border)!important;border-radius:var(--company-radius-sm);box-sizing:border-box;padding:14px 16px 14px 48px;transition:all .2s ease}.input-wrapper{margin-bottom:0;position:relative}.input-wrapper input{background-color:#fff!important;background-color:var(--company-card-bg)!important;border:2px solid #e2e8f0!important;border:2px solid var(--company-border)!important;border-radius:8px!important;border-radius:var(--company-radius-sm)!important;box-sizing:border-box;font-size:16px;outline:none;padding:14px 16px 14px 48px!important;width:100%!important}.form-group input:focus{border-color:var(--company-primary);box-shadow:0 0 0 3px #2563eb1a}.password-toggle{color:#64748b;color:var(--company-text-light)}.password-toggle:hover{color:var(--company-primary)}.company-auth-btn{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--company-primary) 0,var(--company-primary-hover) 100%);border:none;border-radius:8px;border-radius:var(--company-radius-sm);color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:14px;transition:all .2s ease;width:100%}.company-auth-btn:hover:not(:disabled){box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--company-shadow-lg);transform:translateY(-1px)}.company-auth-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.company-auth-footer{background-color:#f1f5f9;background-color:var(--company-border-light);color:#64748b;color:var(--company-text-light);font-size:14px;padding:24px 32px;text-align:center}.auth-message{border-radius:8px;border-radius:var(--company-radius-sm);font-size:14px;font-weight:500;margin-bottom:20px;padding:12px 16px}.auth-message.error{background-color:#ef44441a;border:1px solid #ef444433;color:#ef4444;color:var(--company-danger)}.company-dashboard{max-width:1200px}.company-dashboard-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:32px}.dashboard-title h1{color:#1e293b;color:var(--company-text);font-size:32px;font-weight:700;margin:0 0 4px}.company-name{color:#64748b;color:var(--company-text-light);font-size:16px;margin:0}.dashboard-actions{display:flex;gap:12px}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.stat-card{align-items:center;background:#fff;background:var(--company-card-bg);border:1px solid #e2e8f0;border:1px solid var(--company-border);border-radius:12px;border-radius:var(--company-radius);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--company-shadow);display:flex;gap:16px;padding:24px;transition:all .2s ease}.stat-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--company-shadow-lg);transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:8px;border-radius:var(--company-radius-sm);color:#fff;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.stat-icon.users{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--company-primary) 0,var(--company-primary-hover) 100%)}.stat-icon.new-users{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--company-accent) 0,var(--company-accent-hover) 100%)}.stat-icon.benefits{background:linear-gradient(135deg,#f59e0b,#ea580c);background:linear-gradient(135deg,var(--company-warning) 0,#ea580c 100%)}.stat-icon.pending{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-content h3{color:#1e293b;color:var(--company-text);font-size:28px;font-weight:700;margin:0 0 4px}.stat-content p{color:#64748b;color:var(--company-text-light);font-size:14px;font-weight:500;margin:0}.dashboard-content-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2fr 1fr 1fr}.insights-card,.quick-actions-card,.recent-employees-card{background:#fff;background:var(--company-card-bg);border:1px solid #e2e8f0;border:1px solid var(--company-border);border-radius:12px;border-radius:var(--company-radius);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--company-shadow)}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;padding:24px 24px 0}.card-header h3{color:#1e293b;color:var(--company-text);font-size:18px;font-weight:600;margin:0}.employees-list{padding:0 24px 24px}.employee-item{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--company-border-light);display:flex;gap:12px;padding:16px 0}.employee-item:last-child{border-bottom:none}.employee-avatar{align-items:center;background:linear-gradient(135deg,#2563eb,#10b981);background:linear-gradient(135deg,var(--company-primary) 0,var(--company-accent) 100%);border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.employee-info{flex:1 1}.employee-info h4{color:#1e293b;color:var(--company-text);font-size:14px;font-weight:600;margin:0 0 4px}.employee-info p{font-size:12px;margin:0 0 4px}.employee-info p,.employee-tier{color:#64748b;color:var(--company-text-light)}.employee-tier{background-color:#f1f5f9;background-color:var(--company-border-light);border-radius:12px;font-size:11px;font-weight:500;padding:2px 8px}.employee-meta{text-align:right}.join-date{color:#64748b;color:var(--company-text-light);font-size:12px}.quick-actions{display:flex;flex-direction:column;gap:12px;padding:0 24px 24px}.quick-action-btn{align-items:center;background:none;border:2px solid #e2e8f0;border:2px solid var(--company-border);border-radius:8px;border-radius:var(--company-radius-sm);color:#1e293b;color:var(--company-text);cursor:pointer;display:flex;font-weight:500;gap:12px;padding:16px;text-align:left;transition:all .2s ease}.quick-action-btn:hover{background-color:#2563eb0d;border-color:#2563eb;border-color:var(--company-primary)}.tier-distribution{gap:16px;padding:0 24px 24px}.tier-distribution,.tier-stat{display:flex;flex-direction:column}.tier-stat{gap:8px}.tier-stat-header{align-items:center;display:flex;justify-content:space-between}.tier-badge{border-radius:12px;padding:4px 8px}.tier-badge.tier-1{background-color:#10b981}.tier-badge.tier-2{background-color:#2563eb;background-color:var(--company-primary)}.tier-badge.tier-3{background-color:#f59e0b}.tier-count{color:#1e293b;color:var(--company-text);font-weight:600}.tier-bar{background-color:#f1f5f9;background-color:var(--company-border-light);border-radius:4px;height:8px;overflow:hidden}.tier-bar-fill{border-radius:4px;height:100%;transition:width .3s ease}.tier-1-fill{background:linear-gradient(90deg,#10b981,#059669)}.tier-2-fill{background:linear-gradient(90deg,#2563eb,#1d4ed8);background:linear-gradient(90deg,var(--company-primary) 0,var(--company-primary-hover) 100%)}.tier-3-fill{background:linear-gradient(90deg,#f59e0b,#d97706)}.company-employees{max-width:1200px}.employees-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:32px}.header-title h1{color:#1e293b;color:var(--company-text);font-size:32px;font-weight:700;margin:0 0 4px}.header-title p{color:#64748b;color:var(--company-text-light);margin:0}.header-actions{display:flex;gap:12px}.employees-filters{align-items:center;display:flex;gap:16px;margin-bottom:24px}.search-box{flex:1 1;max-width:400px;position:relative}.search-icon{color:var(--company-text-light);height:20px;left:16px;width:20px}.search-box input{border:2px solid #e2e8f0;border:2px solid var(--company-border);border-radius:8px;border-radius:var(--company-radius-sm);font-size:14px;padding:12px 16px 12px 48px;transition:all .2s ease;width:100%}.search-box input:focus{border-color:#2563eb;border-color:var(--company-primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.filter-group{align-items:center;display:flex;gap:8px}.filter-icon{color:#64748b;color:var(--company-text-light);height:20px;width:20px}.filter-group select{background-color:#fff;background-color:var(--company-card-bg);border:2px solid #e2e8f0;border:2px solid var(--company-border);border-radius:8px;border-radius:var(--company-radius-sm);color:#1e293b;color:var(--company-text);cursor:pointer;font-size:14px;padding:12px 16px}.employees-stats{color:#64748b;color:var(--company-text-light);font-size:14px;margin-bottom:20px}.employees-table-container{background:#fff;background:var(--company-card-bg);border:1px solid #e2e8f0;border:1px solid var(--company-border);border-radius:12px;border-radius:var(--company-radius);overflow:hidden}.employees-table{border-collapse:collapse;width:100%}.employees-table th{background-color:#f1f5f9;background-color:var(--company-border-light);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--company-border);color:#1e293b;color:var(--company-text);font-size:14px;font-weight:600;padding:16px 20px;text-align:left}.employees-table td{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--company-border-light);padding:16px 20px;vertical-align:middle}.employees-table tr:hover{background-color:#2563eb05}.employee-cell{align-items:center;display:flex;gap:12px}.employee-details{flex:1 1}.employee-name{color:#1e293b;color:var(--company-text);font-weight:600;margin-bottom:4px}.employee-id{color:#64748b;color:var(--company-text-light);font-size:12px}.contact-info .phone{color:#1e293b;color:var(--company-text);font-weight:500;margin-bottom:2px}.contact-info .email{color:#64748b;color:var(--company-text-light);font-size:12px}.tier-select{background-color:#fff;background-color:var(--company-card-bg);border:1px solid #e2e8f0;border:1px solid var(--company-border);border-radius:8px;border-radius:var(--company-radius-sm);cursor:pointer;font-size:14px;padding:6px 12px}.date-added{color:#64748b;color:var(--company-text-light);font-size:14px}.action-buttons{display:flex;gap:8px}.btn-icon{align-items:center;background:#fff;background:var(--company-card-bg);border:1px solid #e2e8f0;border:1px solid var(--company-border);border-radius:8px;border-radius:var(--company-radius-sm);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.btn-icon.edit:hover{background-color:#2563eb1a;border-color:#2563eb;border-color:var(--company-primary);color:#2563eb;color:var(--company-primary)}.btn-icon.delete:hover{background-color:#ef44441a;border-color:#ef4444;border-color:var(--company-danger);color:#ef4444;color:var(--company-danger)}.btn-primary{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--company-primary) 0,var(--company-primary-hover) 100%);border:none;border-radius:8px;border-radius:var(--company-radius-sm);cursor:pointer;display:inline-flex;font-size:14px;gap:8px;padding:12px 20px;text-decoration:none;transition:all .2s ease}.btn-primary:hover:not(:disabled){box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--company-shadow-lg)}.btn-secondary{align-items:center;background:#fff;background:var(--company-card-bg);border:2px solid #e2e8f0;border:2px solid var(--company-border);border-radius:8px;border-radius:var(--company-radius-sm);color:var(--company-text);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;text-decoration:none;transition:all .2s ease}.btn-secondary:hover:not(:disabled){border-color:#2563eb;border-color:var(--company-primary);color:#2563eb;color:var(--company-primary)}.btn-danger{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--company-danger) 0,var(--company-danger-hover) 100%);border:none;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease}.btn-danger,.btn-link{border-radius:8px;border-radius:var(--company-radius-sm)}.btn-link{color:var(--company-primary);transition:background-color .2s ease}.btn-link:hover{background-color:#2563eb1a}.add-employee{max-width:800px}.add-employee-header{margin-bottom:32px}.back-btn{align-items:center;background:none;border:1px solid #e2e8f0;border:1px solid var(--company-border);border-radius:8px;border-radius:var(--company-radius-sm);color:#64748b;color:var(--company-text-light);cursor:pointer;display:inline-flex;font-weight:500;gap:8px;margin-bottom:16px;padding:8px 16px;text-decoration:none;transition:all .2s ease}.back-btn:hover{border-color:#2563eb;border-color:var(--company-primary);color:#2563eb;color:var(--company-primary)}.add-employee-form-container{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 300px}.add-employee-form{background:#fff;background:var(--company-card-bg);border:1px solid #e2e8f0;border:1px solid var(--company-border);border-radius:12px;border-radius:var(--company-radius);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--company-shadow);padding:32px}.form-message{border-radius:8px;border-radius:var(--company-radius-sm);font-size:14px;font-weight:500;margin-bottom:24px;padding:12px 16px}.form-message.success{background-color:#10b9811a;border:1px solid #10b98133;color:#10b981;color:var(--company-accent)}.form-message.error{background-color:#ef44441a;border:1px solid #ef444433;color:#ef4444;color:var(--company-danger)}.form-group label{align-items:center;color:var(--company-text);display:flex;gap:8px}.label-icon{color:#64748b;color:var(--company-text-light);height:16px;width:16px}.form-group input,.form-group select{background-color:#fff;background-color:var(--company-card-bg);border:2px solid #e2e8f0;border:2px solid var(--company-border);border-radius:8px;border-radius:var(--company-radius-sm);font-size:16px;padding:14px 16px;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:#2563eb;border-color:var(--company-primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-hint{color:#64748b;color:var(--company-text-light);margin-top:4px}.form-actions{display:flex;gap:12px;margin-top:32px}.add-employee-info{background:#fff;background:var(--company-card-bg);border:1px solid #e2e8f0;border:1px solid var(--company-border);border-radius:12px;border-radius:var(--company-radius);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--company-shadow);height:-webkit-fit-content;height:fit-content;padding:24px}.add-employee-info h3,.add-employee-info h4{color:#1e293b;color:var(--company-text);margin-top:0}.add-employee-info ul{color:#64748b;color:var(--company-text-light);padding-left:20px}.tier-descriptions{margin-top:12px}.tier-desc{color:#64748b;color:var(--company-text-light);font-size:14px;margin-bottom:8px}.tier-desc strong{color:#1e293b;color:var(--company-text)}.company-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px}.loading-spinner{border:3px solid #e2e8f0;border-top-color:#2563eb;border:3px solid var(--company-border);border-top-color:var(--company-primary);margin-bottom:16px}.loading-spinner-sm{height:20px;width:20px}.empty-state{color:var(--company-text-light);padding:60px 20px}.empty-state .empty-icon{color:#e2e8f0;color:var(--company-border);font-size:48px;margin-bottom:16px}.empty-state h3{color:#1e293b;color:var(--company-text);margin-bottom:8px}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;background:var(--company-card-bg);border-radius:12px;border-radius:var(--company-radius);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--company-shadow-lg);max-width:500px;width:90%}.modal-header{padding:24px 24px 0}.modal-header h3{color:#1e293b;color:var(--company-text);font-weight:600;margin:0}.modal-body{color:#64748b;color:var(--company-text-light);padding:16px 24px}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:0 24px 24px}@media (max-width:1024px){.company-admin-content{margin-left:0;padding:20px}.company-sidebar{transform:translateX(-100%);transition:transform .3s ease}.add-employee-form-container,.dashboard-content-grid{grid-template-columns:1fr}}.company-settings{max-width:1000px}.settings-header{margin-bottom:32px}.settings-content{grid-gap:32px;display:grid;gap:32px;grid-template-columns:2fr 1fr}.settings-form-container{background:#fff;background:var(--company-card-bg);border:1px solid #e2e8f0;border:1px solid var(--company-border);border-radius:12px;border-radius:var(--company-radius);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--company-shadow)}.settings-form{padding:32px}.form-section{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--company-border-light);margin-bottom:32px;padding-bottom:24px}.form-section:last-child{border-bottom:none;margin-bottom:0}.form-section h3{color:#1e293b;color:var(--company-text);font-size:18px;font-weight:600;margin-bottom:20px;margin-top:0}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group textarea{background-color:#fff;background-color:var(--company-card-bg);border:2px solid #e2e8f0;border:2px solid var(--company-border);border-radius:8px;border-radius:var(--company-radius-sm);font-family:inherit;font-size:16px;min-height:80px;padding:14px 16px;resize:vertical;transition:all .2s ease;width:100%}.form-group textarea:focus{border-color:#2563eb;border-color:var(--company-primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.settings-info{display:flex;flex-direction:column;gap:20px}.info-card{background:#fff;background:var(--company-card-bg);border:1px solid #e2e8f0;border:1px solid var(--company-border);border-radius:12px;border-radius:var(--company-radius);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--company-shadow);padding:24px}.info-card h3{color:#1e293b;color:var(--company-text);font-size:16px;font-weight:600;margin-bottom:16px;margin-top:0}.stat-item{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--company-border-light);display:flex;justify-content:space-between;padding:8px 0}.stat-item:last-child{border-bottom:none}.stat-label{color:#64748b;color:var(--company-text-light);font-size:14px}.stat-value{color:#1e293b;color:var(--company-text);font-size:14px;font-weight:500}@media (max-width:768px){.company-dashboard-header,.employees-header{align-items:stretch;flex-direction:column;gap:16px}.dashboard-content-grid{grid-template-columns:1fr}.employees-filters{flex-direction:column;gap:12px}.stats-grid{grid-template-columns:1fr}.employees-table-container{overflow-x:auto}.form-actions{flex-direction:column}.form-row,.settings-content{grid-template-columns:1fr}}.company-help{max-width:1200px}.help-header{align-items:center;background:linear-gradient(135deg,#2563eb,#10b981);background:linear-gradient(135deg,var(--company-primary) 0,var(--company-accent) 100%);border-radius:12px;border-radius:var(--company-radius);color:#fff;display:flex;gap:16px;margin-bottom:32px;padding:24px}.help-icon{flex-shrink:0;height:32px;width:32px}.help-header h2{font-size:28px;font-weight:700;margin:0}.help-header p{margin:4px 0 0;opacity:.9}.help-content{display:flex;flex-direction:column;gap:40px}.tier-explanation{background:#fff;background:var(--company-card-bg);border:1px solid #e2e8f0;border:1px solid var(--company-border);border-radius:12px;border-radius:var(--company-radius);padding:24px}.tier-explanation h3{color:#1e293b;color:var(--company-text);margin-bottom:16px;margin-top:0}.tier-explanation p{color:#64748b;color:var(--company-text-light);line-height:1.6;margin:0}.tiers-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.tier-card{background:#fff;background:var(--company-card-bg);border:2px solid #e2e8f0;border:2px solid var(--company-border);border-radius:var(--company-radius);overflow:hidden}.tier-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--company-shadow-lg);transform:translateY(-4px)}.tier-card.tier-1{border-color:#10b981}.tier-card.tier-2{border-color:#2563eb;border-color:var(--company-primary)}.tier-card.tier-3{border-color:#f59e0b}.tier-header{align-items:center;display:flex;gap:12px;padding:20px 24px}.tier-card.tier-1 .tier-header{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.tier-card.tier-2 .tier-header{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--company-primary) 0,var(--company-primary-hover) 100%);color:#fff}.tier-card.tier-3 .tier-header{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.tier-icon{height:24px;width:24px}.tier-header h4{font-size:18px;font-weight:600;margin:0}.tier-details{padding:24px}.tier-details ul{color:#64748b;color:var(--company-text-light);margin:0 0 16px;padding-left:20px}.tier-details li{line-height:1.5;margin-bottom:8px}.tier-note{background:#f1f5f9;background:var(--company-border-light);border-radius:8px;border-radius:var(--company-radius-sm);font-size:14px;padding:12px 16px}.tier-note strong{color:#1e293b;color:var(--company-text)}.how-it-works{background:#fff;background:var(--company-card-bg);border:1px solid #e2e8f0;border:1px solid var(--company-border);border-radius:12px;border-radius:var(--company-radius);padding:32px}.how-it-works h3{color:#1e293b;color:var(--company-text);margin-bottom:24px;margin-top:0;text-align:center}.flow-steps{flex-wrap:wrap;gap:20px;justify-content:center}.flow-step,.flow-steps{align-items:center;display:flex}.flow-step{flex-direction:column;max-width:200px;text-align:center}.step-number{align-items:center;background:#2563eb;background:var(--company-primary);border-radius:50%;color:#fff;display:flex;font-weight:700;height:40px;justify-content:center;margin-bottom:12px;width:40px}.step-content h4{color:#1e293b;color:var(--company-text);font-size:16px;margin:0 0 8px}.step-content p{color:#64748b;color:var(--company-text-light);font-size:14px;line-height:1.4;margin:0}.flow-arrow{color:#2563eb;color:var(--company-primary);font-size:24px;font-weight:700}.tier-assignment-tips{background:#fff;background:var(--company-card-bg);border:1px solid #e2e8f0;border:1px solid var(--company-border);border-radius:12px;border-radius:var(--company-radius);padding:32px}.tier-assignment-tips h3{color:#1e293b;color:var(--company-text);margin-bottom:24px;margin-top:0}.tips-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.tip{background:#f1f5f9;background:var(--company-border-light);border-left:4px solid #2563eb;border-left:4px solid var(--company-primary);border-radius:8px;border-radius:var(--company-radius-sm);padding:20px}.tip h4{color:#1e293b;color:var(--company-text);font-size:16px;margin:0 0 8px}.tip p{color:#64748b;color:var(--company-text-light);font-size:14px;line-height:1.5;margin:0}.vendor-benefits{background:linear-gradient(135deg,#2563eb0d,#10b9810d);border:1px solid #2563eb1a;border-radius:12px;border-radius:var(--company-radius);padding:32px}.vendor-benefits h3{color:#1e293b;color:var(--company-text);margin-bottom:20px;margin-top:0}.vendor-benefits ul{margin:0;padding-left:20px}.vendor-benefits li{color:#64748b;color:var(--company-text-light);line-height:1.6;margin-bottom:12px}.vendor-benefits strong{color:#1e293b;color:var(--company-text)}@media (max-width:768px){.tiers-grid{grid-template-columns:1fr}.flow-steps{flex-direction:column}.flow-arrow{transform:rotate(90deg)}.tips-grid{grid-template-columns:1fr}.help-header{flex-direction:column;text-align:center}}:root{--vendor-primary:#2563eb;--vendor-primary-hover:#1d4ed8;--vendor-secondary:#64748b;--vendor-accent:#10b981;--vendor-accent-hover:#059669;--vendor-danger:#ef4444;--vendor-danger-hover:#dc2626;--vendor-warning:#f59e0b;--vendor-bg:#f8fafc;--vendor-card-bg:#fff;--vendor-text:#1e293b;--vendor-text-light:#64748b;--vendor-border:#e2e8f0;--vendor-border-light:#f1f5f9;--vendor-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--vendor-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--vendor-radius:12px;--vendor-radius-sm:8px;--vendor-sidebar-width:280px;--header-height:80px;--transition:all 0.2s ease;--border-radius:12px;--bg-light:#fff;--border-color:#e2e8f0;--text-color:#1e293b;--text-light:#64748b;--primary-color:#10b981;--primary-hover:#059669;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--bg-color:#f8fafc;--tier-1-color:#68c1fe;--tier-2-color:#8e71ff;--tier-3-color:#ff7783}.vendor-dashboard-container{background-color:#f8fafc;background-color:var(--vendor-bg);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh}.vendor-sidebar{background:linear-gradient(180deg,#fff,#f8fafc);border-right:1px solid #e2e8f0;border-right:1px solid var(--vendor-border);display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:280px;width:var(--vendor-sidebar-width);z-index:100}.sidebar-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);padding:20px}.sidebar-header,.sidebar-logo{align-items:center;display:flex;justify-content:center}.sidebar-logo{width:100%}.vendor-logo{height:auto;max-height:80px;max-width:100%}.sidebar-logo h2{color:#1e293b;color:var(--text-color);font-size:18px;font-weight:600;margin:0}.close-sidebar-btn{background:#0000;border:none;color:#64748b;color:var(--text-light);cursor:pointer;display:none;padding:5px}.vendor-profile-summary{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;gap:15px;padding:20px}.vendor-avatar{border:2px solid #10b981;border:2px solid var(--primary-color);border-radius:50%;height:50px;object-fit:cover;width:50px}.vendor-avatar-placeholder{align-items:center;background-color:#10b981;background-color:var(--primary-color);border-radius:50%;color:#fff;display:flex;font-size:20px;font-weight:700;height:50px;justify-content:center;width:50px}.vendor-info{flex:1 1;overflow:hidden}.vendor-info h3{font-size:16px;font-weight:600;margin:0 0 5px}.vendor-info h3,.vendor-info p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vendor-info p{color:#64748b;color:var(--text-light);font-size:13px;margin:0}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:24px 16px}.nav-item{background:#0000;border:none;border-radius:8px;color:#1e293b;color:var(--text-color);cursor:pointer;font-weight:500;gap:12px;margin:2px 0;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.nav-item:hover{background-color:#10b98114;color:#10b981;color:var(--primary-color);transform:translateX(2px)}.nav-item.active{background-color:#10b9811f;box-shadow:0 2px 4px #10b98126;color:#10b981;font-weight:600}.nav-item svg{color:#64748b;color:var(--text-light);height:20px;transition:all .2s ease;width:20px}.nav-item.active svg,.nav-item:hover svg{color:#10b981;color:var(--primary-color)}.sidebar-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);margin-top:auto;padding:16px}.sign-out-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#e74c3c;cursor:pointer;display:flex;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.sign-out-item:hover{background-color:#e74c3c14;transform:translateX(2px)}.sign-out-item svg{color:#e74c3c;height:20px;width:20px}.vendor-main{display:flex;flex:1 1;flex-direction:column;margin-left:280px;margin-left:var(--vendor-sidebar-width);min-height:100vh;transition:all .2s ease}.vendor-header{background-color:#fff;background-color:var(--bg-light);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);height:80px;height:var(--header-height);justify-content:space-between;padding:0 30px;position:-webkit-sticky;position:sticky;top:0;z-index:90}.header-left,.vendor-header{align-items:center;display:flex}.header-left{gap:15px}.menu-toggle{align-items:center;background:#0000;border:none;border-radius:8px;color:#1e293b;color:var(--text-color);cursor:pointer;display:none;display:flex;height:40px;justify-content:center;transition:all .2s ease;transition:var(--transition);width:40px}.menu-toggle:hover{background-color:#0000000d}.vendor-header h1{color:#1e293b;color:var(--text-color);font-size:20px;margin:0}.header-right{gap:15px}.action-button,.header-right{align-items:center;display:flex}.action-button{background-color:#10b981;background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;gap:10px;padding:10px 18px;transition:all .2s ease;transition:var(--transition)}.action-button:hover{background-color:#059669;background-color:var(--primary-hover);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.scan-status{align-items:center;background-color:#00bf631a;border-radius:30px;color:#10b981;color:var(--primary-color);display:flex;font-size:14px;font-weight:500;gap:8px;padding:6px 12px}.status-indicator{background-color:#10b981;background-color:var(--primary-color);border-radius:50%;height:8px;position:relative;width:8px}.status-indicator.active:after{animation:pulse 1.5s infinite;border:2px solid #10b981;border:2px solid var(--primary-color);border-radius:50%;bottom:-4px;content:"";left:-4px;position:absolute;right:-4px;top:-4px}@keyframes pulse{0%{opacity:.8;transform:scale(.8)}50%{opacity:0;transform:scale(1.2)}to{opacity:0;transform:scale(.8)}}.vendor-content-wrapper{flex:1 1;overflow-y:auto;padding:30px}.vendor-content{background-color:#fff;background-color:var(--bg-light);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);min-height:200px;padding:25px}.profile-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.profile-modal-content{background-color:#fff;border-radius:12px;border-radius:var(--border-radius);box-shadow:var(--shadow-lg);max-height:85vh;max-width:700px;overflow-y:auto;padding:30px;position:relative;width:100%}.close-modal{align-items:center;background:none;background-color:#f1f1f1;border:none;border-radius:50%;color:#1e293b;color:var(--text-color);cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .2s ease;transition:var(--transition);width:36px}.close-modal:hover{background-color:#e0e0e0}.profile-modal-content h2{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);color:#1e293b;color:var(--text-color);font-size:22px;margin-bottom:20px;margin-top:0;padding-bottom:15px}.loading-container{background-color:#f8fafc;background-color:var(--bg-color);height:100vh;width:100%}.loading-spinner{border:4px solid #00bf6333;border-top:4px solid var(--primary-color);height:50px;margin-bottom:15px;width:50px}.loading-container p{color:#64748b;color:var(--text-light);font-size:16px}.auth-error-container{align-items:center;background-color:#f8fafc;background-color:var(--bg-color);display:flex;height:100vh;justify-content:center;width:100%}.auth-error{background-color:#fff;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);max-width:450px;padding:30px;text-align:center;width:90%}.auth-error h2{color:#e74c3c;font-size:24px;margin-top:0}.auth-error p{color:#1e293b;color:var(--text-color);line-height:1.5;margin:15px 0 25px}.auth-error button{background-color:#10b981;background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 25px;transition:all .2s ease;transition:var(--transition)}.auth-error button:hover{background-color:#059669;background-color:var(--primary-hover)}@media (max-width:1024px){:root{--vendor-sidebar-width:240px}}@media (max-width:768px){.vendor-sidebar{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateX(-100%)}.vendor-sidebar.mobile-open{transform:translateX(0)}.menu-toggle{display:flex}.close-sidebar-btn{display:block}.vendor-main{margin-left:0}.vendor-header{padding:0 20px}.vendor-content,.vendor-content-wrapper{padding:20px}}@media (max-width:576px){.vendor-header h1{font-size:18px}.action-button span{display:none}.vendor-content,.vendor-content-wrapper{padding:15px}.profile-modal-content{max-height:90vh;padding:20px}}.message{font-size:15px;gap:12px;margin:15px 0;padding:15px;position:relative}.message.success{background-color:#00bf6314;color:#00964d}.message.error{background-color:#e74c3c14;color:#c0392b}.message.info{background-color:#3498db14;color:#2980b9}.message:before{border-radius:4px 0 0 4px;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.message.success:before{background-color:#10b981;background-color:var(--primary-color)}.message.error:before{background-color:#e74c3c}.message.info:before{background-color:#3498db}.qr-scanner-container{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:650px}.qr-scanner-header{margin-bottom:20px;text-align:center;width:100%}.qr-scanner-header h2{color:#1e293b;color:var(--text-color);margin-bottom:8px}.qr-scanner-header p{color:#64748b;color:var(--text-light);margin:0}.scanner-viewport{border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);margin-bottom:20px;overflow:hidden;position:relative;width:100%}.scanner-controls{display:flex;gap:15px;justify-content:center;margin:20px 0;width:100%}.scanner-button{align-items:center;background-color:#fff;background-color:var(--bg-light);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;color:#1e293b;color:var(--text-color);cursor:pointer;display:flex;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease;transition:var(--transition)}.scanner-button.primary{background-color:#10b981;background-color:var(--primary-color);border-color:#10b981;border-color:var(--primary-color);color:#fff}.scanner-button:hover{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.scanner-button.primary:hover{background-color:#059669;background-color:var(--primary-hover)}.user-info{background-color:#fff;background-color:var(--bg-light);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);margin-top:20px;padding:20px;width:100%}.user-info h3{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);color:#1e293b;color:var(--text-color);margin-top:0;padding-bottom:10px}.user-details{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.detail-label{color:#64748b;color:var(--text-light);font-weight:600;margin-bottom:5px}.detail-value{color:#1e293b;color:var(--text-color);font-size:16px}.status-badge{background-color:#10b981;background-color:var(--primary-color);border-radius:30px;color:#fff;display:inline-block;font-size:13px;font-weight:600;padding:6px 12px}@media (max-width:576px){.user-details{grid-template-columns:1fr}.detail-row{padding:8px 0}}.multi-select-container{background-color:#fff;background-color:var(--bg-light);border-radius:12px;border-radius:var(--border-radius);flex-wrap:wrap;gap:12px;margin:15px 0;padding:15px}.multi-select-container,.multi-select-item{border:1px solid #e2e8f0;border:1px solid var(--border-color);display:flex}.multi-select-item{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);cursor:pointer;gap:10px;overflow:hidden;padding:12px 15px;position:relative;transition:all .2s ease;transition:var(--transition)}.multi-select-item:hover{border-color:#10b981;border-color:var(--primary-color);box-shadow:0 4px 8px #00000014;transform:translateY(-2px)}.multi-select-item input[type=checkbox],.multi-select-item input[type=radio]{accent-color:#10b981;accent-color:var(--primary-color);height:18px;width:18px}.multi-select-item label{cursor:pointer;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}.multi-select-item:has(input:checked){background-color:#00bf630d;border-color:#10b981;border-color:var(--primary-color);box-shadow:0 2px 6px #00bf6326}.form-container{background-color:#fff;background-color:var(--bg-light);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);margin:0 auto 40px;max-width:900px;padding:20px}.form-title{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);color:#1e293b;color:var(--text-color);font-size:22px;font-size:24px;font-weight:600;margin-bottom:25px;margin-top:0;padding-bottom:15px}.form-group{margin-bottom:30px;position:relative}.form-group label{font-weight:600;margin-bottom:10px}.form-control{background-color:#fff;background-color:var(--bg-light);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;border-radius:12px;border-radius:var(--border-radius);font-size:16px;padding:12px 15px;transition:all .2s ease;transition:var(--transition);transition:border-color .3s,box-shadow .3s;width:100%}.form-control:focus{border-color:#10b981;border-color:var(--primary-color);box-shadow:0 0 0 2px #00bf631a;box-shadow:0 0 0 3px #00bf6326;outline:none}textarea.form-control{min-height:120px;resize:vertical}.submit-btn{align-items:center;background-color:#10b981;background-color:var(--primary-color);border:none;border-radius:8px;border-radius:12px;border-radius:var(--border-radius);color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;margin-top:30px;padding:14px 24px;position:relative;transition:all .2s ease;transition:var(--transition);transition:background-color .3s;width:100%;z-index:5}.submit-btn:hover:not(:disabled){background-color:#059669;background-color:var(--primary-hover);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.submit-btn:disabled{background-color:#ccc;cursor:not-allowed}.image-upload-area{margin-bottom:20px}.images-preview-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:20px}.image-preview-item{aspect-ratio:1/1;border:2px solid #0000;border-radius:10px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);overflow:hidden;position:relative;transition:all .2s ease;transition:var(--transition)}.image-preview-item:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-3px)}.image-preview-item img{display:block;height:100%;object-fit:cover;width:100%}.image-preview-controls{background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;opacity:0;padding:8px;position:absolute;right:0;transition:opacity .3s ease}.image-preview-item:hover .image-preview-controls{opacity:1}.data-table{border-collapse:initial;border-radius:12px;border-radius:var(--border-radius);border-spacing:0;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);font-size:14px;overflow:hidden;width:100%}.data-table th{background-color:#f7f7f7;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color);font-weight:600;position:-webkit-sticky;position:sticky;text-align:left;top:0}.data-table td,.data-table th{color:#1e293b;color:var(--text-color);padding:14px 16px}.data-table td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);vertical-align:top}.data-table tr:last-child td{border-bottom:none}.data-table tr:nth-child(2n){background-color:#fafafa}.data-table tr:hover{background-color:#00bf630a}.select-all-container{margin-bottom:1.5rem}.select-all-label input[type=checkbox]{margin:0}.company-grid{margin-bottom:30px;margin-top:20px}.company-logo-placeholder{align-items:center;background-color:#10b981;background-color:var(--primary-color);border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:22px;font-weight:700;height:50px;justify-content:center;transition:all .3s ease;width:50px}.company-card:hover .company-logo-placeholder{transform:scale(1.05)}.company-card input[type=checkbox]:checked+.company-label .company-logo-placeholder{background-color:#00a555;box-shadow:0 0 0 4px #00bf6326}.company-info{flex-grow:1}.company-info h4{color:#1e293b;color:var(--text-color);font-size:16px;margin:0 0 5px;transition:all .3s ease}.employee-count{color:var (--text-light);display:block;font-size:13px;font-weight:400}.checkbox-custom{background-color:#fff;border-radius:6px;flex-shrink:0;height:22px;position:relative;transition:all .3s ease;width:22px}.checkbox-custom:after{border:2px solid #fff;border-right:none;border-top:none;content:"";height:6px;left:50%;opacity:0;position:absolute;rotate:-45deg;top:45%;transform:translate(-50%,-50%) scale(0);transform-origin:center;transition:all .2s ease;width:12px}.company-card input[type=checkbox]:checked+.company-label .checkbox-custom:after{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-45deg)}.tier-cards-container{grid-gap:20px;clear:both;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin:20px 0 50px;position:relative}.tier-card{border-radius:12px;height:100%;position:relative;transition:all .3s ease}.tier-card input[type=radio]{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.tier-card-label{background-color:#fff;border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.tier-badge{border-radius:0 0 8px 8px;box-shadow:0 3px 6px #0000001a;color:#fff;font-size:14px;padding:5px 12px;position:absolute;right:15px;top:0}.tier-1 .tier-badge,.tier-badge{background:#68c1fe;background:var(--tier-1-color)}.tier-2 .tier-badge{background:#8e71ff;background:var(--tier-2-color)}.tier-3 .tier-badge{background:#ff7783;background:var(--tier-3-color)}.tier-card-content{margin-top:15px}.tier-card-content h4{color:#1e293b;color:var(--text-color);font-size:18px;margin:0 0 10px}.tier-visibility{color:#64748b;color:var(--text-light);font-size:13px;line-height:1.5;margin:0;min-height:45px}.radio-custom{background:#fff;border:2px solid #e2e8f0;border:2px solid var(--border-color);bottom:15px;height:24px;right:15px;transition:all .3s ease;width:24px}.radio-custom,.radio-custom:after{border-radius:50%;position:absolute}.radio-custom:after{background-color:#fff;content:"";height:12px;left:50%;opacity:0;top:50%;transform:translate(-50%,-50%) scale(0);transition:all .2s cubic-bezier(.175,.885,.32,1.275);width:12px}.tier-card.tier-1:hover .tier-card-label{border-color:#68c1fe;border-color:var(--tier-1-color)}.tier-card.tier-2:hover .tier-card-label{border-color:#8e71ff;border-color:var(--tier-2-color)}.tier-card.tier-3:hover .tier-card-label{border-color:#ff7783;border-color:var(--tier-3-color)}.tier-card:hover .tier-card-label{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-3px)}.tier-card.tier-1 input[type=radio]:checked+.tier-card-label{background-color:#68c1fe0d;border-color:#68c1fe;border-color:var(--tier-1-color);box-shadow:0 4px 12px #68c1fe26}.tier-card.tier-2 input[type=radio]:checked+.tier-card-label{background-color:#8e71ff0d;border-color:#8e71ff;border-color:var(--tier-2-color);box-shadow:0 4px 12px #8e71ff26}.tier-card.tier-3 input[type=radio]:checked+.tier-card-label{background-color:#ff77830d;border-color:#ff7783;border-color:var(--tier-3-color);box-shadow:0 4px 12px #ff778326}.tier-card.tier-1 input[type=radio]:checked+.tier-card-label .radio-custom{background-color:#68c1fe;background-color:var(--tier-1-color);border-color:#68c1fe;border-color:var(--tier-1-color)}.tier-card.tier-2 input[type=radio]:checked+.tier-card-label .radio-custom{background-color:#8e71ff;background-color:var(--tier-2-color);border-color:#8e71ff;border-color:var(--tier-2-color)}.tier-card.tier-3 input[type=radio]:checked+.tier-card-label .radio-custom{background-color:#ff7783;background-color:var(--tier-3-color);border-color:#ff7783;border-color:var(--tier-3-color)}.tier-card input[type=radio]:checked+.tier-card-label .radio-custom:after{opacity:1;transform:translate(-50%,-50%) scale(1)}.tier-visibility-info{background-color:#f8fafc;background-color:var(--bg-color);border:1px dashed #e2e8f0;border:1px dashed var(--border-color);border-radius:12px;border-radius:var(--border-radius);margin-top:15px;padding:15px}.tier-selection-summary{align-items:center;color:#1e293b;color:var(--text-color);display:flex;font-size:15px;gap:10px}.tier-icon{font-size:18px}.tier-min-badge{border-radius:20px;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:5px 10px}.tier-min-badge,.tier-min-badge.tier-1{background-color:#68c1fe;background-color:var(--tier-1-color)}.tier-min-badge.tier-2{background-color:#8e71ff;background-color:var(--tier-2-color)}.tier-min-badge.tier-3{background-color:#ff7783;background-color:var(--tier-3-color)}.discount-badge{background-color:#00bf631a;border-radius:20px;color:#10b981;color:var(--primary-color);font-size:13px;font-weight:600;padding:5px 10px}.empty-state{align-items:center;background-color:#f8fafc;background-color:var(--bg-color);border:2px dashed #e2e8f0;border:2px dashed var(--border-color);border-radius:12px;border-radius:var(--border-radius);color:#64748b;color:var(--text-light);display:flex;flex-direction:column;gap:10px;justify-content:center;padding:30px}.empty-icon{font-size:32px}.loading-container-sm{align-items:center;display:flex;flex-direction:column;gap:10px;padding:20px}.btn-icon{margin-right:8px}.tier-help-text{background-color:#f8fafc;background-color:var(--bg-color);border-radius:12px;border-radius:var(--border-radius);color:#64748b;color:var(--text-light);line-height:1.6;margin:5px 0 15px;padding:15px}@media (max-width:768px){.company-grid,.tier-cards-container{gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.company-label{padding:12px}.tier-card-label{padding:15px}.form-group{margin-bottom:25px}}@media (max-width:576px){.company-grid,.tier-cards-container{grid-template-columns:1fr}.select-all-container{align-items:flex-start;flex-direction:column;gap:10px}.selection-summary{align-self:flex-start}}.company-search-container{margin-bottom:10px}.add-company-btn{transition:background-color .3s}.company-suggestions{max-height:300px}.suggestion-item{transition:background-color .3s}.suggestion-count{background-color:#0000000d;border-radius:12px;padding:3px 8px}.loading-suggestions,.no-suggestions{font-style:italic}.company-selection-info{color:#64748b;color:var(--text-light);justify-content:flex-start;margin-top:10px}.selection-summary{background-color:#00bf631a;border-radius:12px}@media (max-width:768px){.company-search-input{font-size:15px;padding:10px 40px 10px 35px}}.select-all-container{border:1px solid #e2e8f0;border:1px solid var(--border-color)}.selection-summary{background-color:#00000008;border-radius:20px;color:#64748b;color:var(--text-light);font-size:14px;padding:4px 10px}.company-selector-container{margin-bottom:30px}.company-tag{gap:8px;padding:6px 10px 6px 15px;transition:var(--transition)}.company-tag-name{white-space:nowrap}.company-search-input,.remove-company-btn{transition:var(--transition)}.company-search-input{background-color:#fff;background-color:var(--bg-light);font-size:16px}.add-company-btn{height:24px;right:15px;transition:var(--transition);width:24px}.add-company-btn:hover{transform:scale(1.1)}.company-suggestions{background-color:var(--bg-light);z-index:10}.suggestion-item{transition:var(--transition)}.suggestion-item:not(:last-child){border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color)}.suggestion-count{font-size:14px}.company-selection-info{padding:10px 0}.clear-all-btn{border-radius:5px;padding:4px 10px}.clear-all-btn:hover{background-color:#e74c3c14}.selector-actions{justify-content:flex-end}.company-grid-toggle button{background:none;border-radius:5px;color:#1e293b;color:var(--text-color);gap:5px;transition:var(--transition)}.company-card{border-radius:12px;height:100%}.company-card input[type=checkbox]{cursor:pointer;height:0;width:0}.company-label{border:2px solid #e2e8f0;border:2px solid var(--border-color);gap:15px;height:100%;transition:all .25s ease}.company-card input[type=checkbox]:checked+.company-label{box-shadow:0 3px 12px #00bf6326;transform:translateY(-3px)}.company-card:focus-within .company-label{border-color:#10b981;border-color:var(--primary-color);box-shadow:0 0 0 3px #00bf6326}.company-employee-count{color:var (--text-light)}.company-card input[type=checkbox]:checked~.company-label .checkbox-custom{background-color:#10b981;background-color:var(--primary-color);border-color:#10b981;border-color:var(--primary-color)}.company-card input[type=checkbox]:checked~.company-label .checkbox-custom svg{opacity:1;transform:scale(1)}.company-selector-container{border-radius:8px;box-shadow:0 2px 6px #0000001a;margin-bottom:20px}.company-selector-container h3{color:#333}.company-search-container{margin-bottom:15px}.search-icon{color:#888}.company-search-input{border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s}.company-search-input:focus{border-color:#4a89dc;box-shadow:0 0 0 2px #4a89dc33}.add-company-btn{background:none;color:#4a89dc;font-size:16px;transition:color .2s}.add-company-btn:hover{color:#3a6eac}.company-suggestions{background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #0000001a;max-height:250px}.loading-suggestions,.no-suggestions{color:#888}.suggestion-item{border-bottom:1px solid #eee;transition:background-color .2s}.suggestion-item:hover{background-color:#f5f8ff}.suggestion-count{color:#888}.selected-companies{gap:10px;margin-bottom:15px;min-height:35px}.company-tag{background-color:#e8f0fe;border:1px solid #c3d9ff;border-radius:20px;padding:5px 10px 5px 12px;transition:all .2s}.company-tag:hover{background-color:#d8e6fd}.company-tag-name{color:#1f67e6;margin-right:8px}.remove-company-btn{color:#5f6368;font-size:12px;padding:2px;transition:all .2s}.remove-company-btn:hover{background-color:#d0d7dd;color:#333}.company-selection-info{border-top:1px solid #eee;font-size:14px;padding-top:15px}.selection-summary{color:#333}.selection-hint{color:#888}.clear-all-btn{border-radius:4px;color:#d73a49;padding:5px 8px;transition:all .2s}.clear-all-btn:hover{background-color:#ffeef0}.select-all-label{font-size:14px;-webkit-user-select:none;user-select:none}.select-all-label input{margin-right:8px}.selector-actions{gap:10px}.company-grid-toggle{gap:10px;justify-content:flex-end;margin-bottom:15px}.company-grid-toggle button{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;color:#555;font-size:13px;padding:6px 12px;transition:all .2s}.company-grid-toggle button:hover{background-color:#e9e9e9}.company-grid-toggle button.active{background-color:#4a89dc;border-color:#4a89dc}.company-grid{grid-gap:15px;gap:15px;margin-bottom:20px;max-height:300px}.company-card{border:1px solid #eee;border-radius:6px;overflow:hidden;transition:all .2s}.company-card:hover{border-color:#bbd0f7;box-shadow:0 2px 8px #0000000d}.company-card input[type=checkbox]{display:none}.checkbox-custom{border:1px solid #ddd;color:#0000;margin-right:12px;transition:all .2s;width:20px}.company-card input[type=checkbox]:checked+.company-label .checkbox-custom{background-color:#4a89dc;border-color:#4a89dc;color:#fff}.company-name{color:#333;font-weight:500;margin-bottom:4px}.company-employee-count{color:#888}@media (max-width:768px){.company-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.company-selection-info{align-items:flex-start;flex-direction:column;gap:10px}}.company-selector-container{background-color:#fff;background-color:var(--bg-light);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);margin-bottom:25px;padding:20px}.company-selector-container h3{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);color:#1e293b;color:var(--text-color);font-size:18px;font-weight:600;margin-bottom:15px;margin-top:0;padding-bottom:10px}.select-all-container{background-color:#00bf630d;border:1px solid #00bf6326;border-radius:12px;border-radius:var(--border-radius);justify-content:space-between;margin-bottom:15px;padding:12px 15px}.select-all-checkbox,.select-all-container,.select-all-label{align-items:center;display:flex}.select-all-label{color:#1e293b;color:var(--text-color);cursor:pointer;font-weight:600;gap:10px}.select-all-label input[type=checkbox]{accent-color:#10b981;accent-color:var(--primary-color);height:18px;width:18px}.selector-actions{align-items:center;display:flex;gap:12px}.filter-dropdown{position:relative}.filter-select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="6" viewBox="0 0 12 6"><path fill="%23666" d="M6 6L0 0h12z"/></svg>');background-position:right 10px center;background-repeat:no-repeat;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;font-size:14px;padding:8px 30px 8px 10px}.clear-all-btn{background:none;border:none;border-radius:6px;color:#e74c3c;cursor:pointer;font-size:14px;font-weight:500;padding:6px 12px;transition:all .2s ease;transition:var(--transition)}.clear-all-btn:hover{background-color:#e74c3c1a}.selected-companies{background-color:#00bf6308;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);display:flex;flex-wrap:wrap;gap:12px;margin-bottom:1.5rem;min-height:45px;padding:15px}.company-tag{align-items:center;background-color:#00bf6314;border:1px solid #00bf6333;border-radius:30px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);color:#10b981;color:var(--primary-color);display:flex;font-size:14px;padding:6px 12px;transition:all .2s ease}.company-tag:hover{background-color:#00bf631f;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.company-tag-name{align-items:center;display:flex;font-weight:500;gap:6px}.company-tag-icon{font-size:12px}.company-tag-count{align-items:center;background-color:#00bf6326;border-radius:20px;display:inline-flex;font-size:12px;gap:4px;margin-left:6px;padding:3px 8px}.company-tag-count-icon{font-size:10px}.remove-company-btn{align-items:center;background:none;border:none;border-radius:50%;color:#10b981;color:var(--primary-color);cursor:pointer;display:flex;font-size:14px;justify-content:center;margin-left:8px;min-height:24px;min-width:24px;padding:8px;transition:all .2s ease}.remove-company-btn:hover{background-color:#00bf6326;color:#e74c3c}.company-search-container{margin-bottom:20px;position:relative}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{align-items:center;color:#64748b;color:var(--text-light);display:flex;height:16px;justify-content:center;left:20px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:16px;z-index:5}.company-search-input{border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);font-size:15px;padding:12px 40px 12px 60px;transition:all .2s ease;width:100%}.company-search-input:focus{border-color:#10b981;border-color:var(--primary-color);box-shadow:0 0 0 3px #00bf6326;outline:none}.add-company-btn{align-items:center;background-color:#10b981;background-color:var(--primary-color);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:28px}.add-company-btn:hover{background-color:#059669;background-color:var(--primary-hover);transform:translateY(-50%) scale(1.1)}.company-suggestions{background-color:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);left:0;margin-top:5px;max-height:280px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.suggestions-list{list-style:none;margin:0;padding:0}.suggestion-item{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;justify-content:space-between;padding:12px 15px;transition:all .2s ease}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background-color:#00bf630d}.suggestion-name{color:#1e293b;color:var(--text-color);font-weight:500}.suggestion-count{background-color:#f5f5f5;border-radius:20px;color:#64748b;color:var(--text-light);font-size:13px;padding:4px 10px}.loading-suggestions,.no-suggestions{color:#64748b;color:var(--text-light);padding:15px;text-align:center}.company-view-controls{align-items:center;background-color:#f8fafc;background-color:var(--bg-color);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);display:flex;justify-content:space-between;margin:1rem 0;padding:12px 15px}.company-sort-options{align-items:center;display:flex;gap:8px}.company-sort-options label{color:#1e293b;color:var(--text-color);font-size:14px;font-weight:500}.sort-select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="6" viewBox="0 0 12 6"><path fill="%23666" d="M6 6L0 0h12z"/></svg>');background-position:right 10px center;background-repeat:no-repeat;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;font-size:14px;margin:0 8px;padding:8px 30px 8px 10px}.company-grid-toggle{align-items:center;display:flex;gap:8px}.company-grid-toggle button{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;display:flex;font-size:14px;gap:6px;margin:0 4px;padding:8px 12px;transition:all .2s ease}.company-grid-toggle button:hover{background-color:#f5f5f5}.company-grid-toggle button.active{background-color:#10b981;background-color:var(--primary-color);border-color:#10b981;border-color:var(--primary-color);color:#fff}.company-grid{grid-gap:20px;background-color:#00bf6305;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:1.5rem;margin-top:1.5rem;max-height:400px;overflow-y:auto;padding:10px}.company-card{position:relative}.company-card input[type=checkbox]{opacity:0;position:absolute}.company-label{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;gap:12px;padding:15px;transition:all .3s ease}.company-card:hover .company-label{border-color:#10b981;border-color:var(--primary-color);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.company-card input[type=checkbox]:checked+.company-label{background-color:#00bf630d;border-color:#10b981;border-color:var(--primary-color)}.company-card.company-small .company-name:after{background-color:#68c1fe;border-radius:4px;color:#fff;content:"Small";font-size:11px;font-weight:400;margin-left:8px;padding:2px 6px}.company-card.company-medium .company-name:after{background-color:#8e71ff;border-radius:4px;color:#fff;content:"Medium";font-size:11px;font-weight:400;margin-left:8px;padding:2px 6px}.company-card.company-large .company-name:after{background-color:#ff7783;border-radius:4px;color:#fff;content:"Large";font-size:11px;font-weight:400;margin-left:8px;padding:2px 6px}.checkbox-custom{align-items:center;border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:4px;display:flex;height:20px;justify-content:center;min-width:20px;transition:all .2s ease}.checkbox-custom svg{color:#fff;opacity:0;transform:scale(0);transition:all .2s ease}.company-card input[type=checkbox]:checked+.company-label .checkbox-custom{background-color:#10b981;background-color:var(--primary-color);border-color:#10b981;border-color:var(--primary-color)}.company-card input[type=checkbox]:checked+.company-label .checkbox-custom svg{opacity:1;transform:scale(1)}.company-info{flex:1 1}.company-name{align-items:center;color:#1e293b;color:var(--text-color);display:flex;font-weight:600;margin-bottom:5px}.company-employee-count{align-items:center;color:#64748b;color:var(--text-light);display:flex;font-size:13px;gap:5px}.employee-icon{color:#64748b;color:var(--text-light);font-size:11px}.loading-companies,.no-companies{background-color:#f9f9f9;border-radius:12px;border-radius:var(--border-radius);color:#64748b;color:var(--text-light);grid-column:1/-1;padding:30px;text-align:center}.company-selection-info{align-items:center;background-color:#f5f5f5;border-radius:12px;border-radius:var(--border-radius);display:flex;justify-content:space-between;margin-top:15px;padding:12px 15px}.selection-summary{align-items:center;color:#1e293b;color:var(--text-color);display:flex;font-weight:500;gap:8px}.summary-icon{color:#10b981;color:var(--primary-color)}.selection-hint{color:#64748b;color:var(--text-light);font-style:italic}@media (max-width:768px){.company-view-controls{align-items:flex-start;flex-direction:column;gap:10px}.company-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.company-selection-info,.select-all-container{align-items:flex-start;flex-direction:column;gap:10px}}@media (max-width:576px){.company-grid{grid-template-columns:1fr}.company-tag{justify-content:space-between;width:100%}}.date-range-container{display:flex;gap:15px;margin-bottom:10px}.date-input-group{flex:1 1}.date-input-group label{color:#666;display:block;font-size:.9rem;margin-bottom:5px}.date-error{color:#e74c3c;font-size:.9rem;margin-top:5px}.date-range{align-items:center;display:flex;font-size:.9rem}.date-separator{color:#999;margin:0 5px}.date-from,.date-to{white-space:nowrap}.date-from{color:#3498db}.date-to{color:#e67e22}input[type=date]{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-family:inherit;padding:8px 12px;width:100%}input[type=date]:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.tab-navigation{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;margin-bottom:25px}.tab-button{background-color:initial;border:none;border-bottom:3px solid #0000;color:#64748b;color:var(--text-light);cursor:pointer;font-size:16px;font-weight:600;margin-right:10px;padding:12px 24px;position:relative;transition:all .2s ease}.tab-button.active,.tab-button:hover{color:#10b981;color:var(--primary-color)}.tab-button.active{border-bottom:3px solid #10b981;border-bottom:3px solid var(--primary-color)}.tab-navigation+.form-container,.tab-navigation+.table-container{margin-top:0}@media (max-width:576px){.tab-button{font-size:14px;padding:10px 15px}.tab-navigation{justify-content:center}}:root{--user-primary:#2563eb;--user-primary-hover:#1d4ed8;--user-secondary:#64748b;--user-accent:#10b981;--user-accent-hover:#059669;--user-danger:#ef4444;--user-warning:#f59e0b;--user-text:#1e293b;--user-text-light:#64748b;--user-bg:#f8fafc;--user-card-bg:#fff;--user-border:#e2e8f0;--user-border-light:#f1f5f9;--user-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--user-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--user-radius:12px;--user-radius-sm:8px;--bottom-nav-height:70px;--transition-speed:0.2s;--primary-color:var(--user-primary);--primary-hover:var(--user-primary-hover);--secondary-color:var(--user-secondary);--text-color:var(--user-text);--background-color:var(--user-bg);--card-background:var(--user-card-bg);--border-color:var(--user-border);--border-radius:var(--user-radius);--input-radius:var(--user-radius-sm);--box-shadow:var(--user-shadow-lg)}.user-app{color:#1e293b;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;max-width:100%;padding-bottom:70px;padding-bottom:var(--bottom-nav-height);position:relative}.auth-container,.user-app{background-color:#f8fafc;background-color:var(--background-color);min-height:100vh}.auth-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px}.auth-card{background-color:#fff;background-color:var(--card-background);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--box-shadow);max-width:420px;overflow:hidden;transition:transform .2s;transition:transform var(--transition-speed);width:100%}.auth-header{padding:24px 20px 12px;text-align:center}.auth-logo{margin-bottom:16px;max-height:60px}.auth-header h2{color:#1e293b;color:var(--text-color);font-size:24px;font-weight:600;margin:0}.auth-form-container{padding:0 24px 24px}.auth-form{width:100%}.form-group{margin-bottom:20px}.form-group label{color:#1e293b;color:var(--text-color);margin-bottom:8px}.input-container,.input-wrapper{position:relative}.input-icon{color:#999;font-size:16px;height:20px;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:20px;z-index:2}.form-group input{-webkit-appearance:none;appearance:none;border:1.5px solid #e2e8f0;border:1.5px solid var(--border-color);border-radius:var(--input-radius);padding:14px 16px;transition:all .2s;transition:all var(--transition-speed)}.input-wrapper .phone-input,.input-wrapper input{padding-left:48px!important}.password-toggle{background:none;border:none;border-radius:4px;color:#999;cursor:pointer;padding:4px;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:color .2s ease;z-index:1}.password-toggle:hover{color:#2563eb;color:var(--primary-color)}.input-wrapper input[type=password],.input-wrapper input[type=text].password-field{padding-right:48px}.form-group input:focus{background-color:#fff}.form-hint{color:#666;display:block;font-size:12px;margin-top:6px}.recaptcha-wrapper{border-radius:8px;border-radius:var(--input-radius);display:flex;justify-content:center;margin:16px 0;max-width:100%;overflow:hidden}#recaptcha-container{margin:0 auto;transform-origin:left top}#recaptcha-container iframe{border-radius:8px;border-radius:var(--input-radius)}@media (max-width:480px){.recaptcha-wrapper{transform:scale(.9);transform-origin:left top}}.btn{align-items:center;border:2px solid #0000;border-radius:8px;border-radius:var(--input-radius);cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:center;line-height:1.5;min-height:48px;outline:none;overflow:hidden;padding:10px 20px;position:relative;text-align:center;transition:all .2s ease;transition:all var(--transition-speed) ease;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.btn:focus{box-shadow:0 0 0 3px #00bf634d;outline:none}.btn-secondary{background-color:#f5f5f5;border:1px solid #ddd;color:#1e293b;color:var(--text-color);margin-bottom:12px;width:100%}.btn-secondary:hover:not(:disabled){background-color:#eaeaea;transform:translateY(-1px)}.btn-secondary:active:not(:disabled){transform:translateY(0)}.btn-primary{font-weight:600;letter-spacing:.3px;margin-top:12px;text-transform:none;width:100%}.btn-primary:hover:not(:disabled){background-color:#1d4ed8;background-color:var(--primary-hover);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn:disabled{background-color:#ccc;cursor:not-allowed;opacity:.65}.btn-link{background:#0000;border:none;color:#2563eb;color:var(--primary-color);font-size:14px;font-weight:500;padding:8px 12px;text-decoration:none}.btn-link:hover{background-color:#00bf630d}.btn-loading{align-items:center;display:flex;justify-content:center}.loading-spinner-sm{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;margin-right:8px;width:18px}.phone-input{font-size:16px;letter-spacing:.5px}.code-input{font-size:18px;font-weight:500;letter-spacing:2px;text-align:center}.message{align-items:center;display:flex;margin:16px 24px;padding:12px 16px}.message.success{border:1px solid #00bf6333}.message.error{border:1px solid #e74c3c33}.auth-actions{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:16px}.debug-info{font-size:12px;margin:12px 24px}.debug-info details{background:#f5f5f5;border-radius:4px;padding:8px}.debug-info summary{color:#666;cursor:pointer}.debug-info pre{background:#eee;border-radius:4px;font-size:11px;margin-top:8px;max-height:150px;overflow:auto;padding:8px;white-space:pre-wrap}@media (max-width:480px){.auth-card{border-radius:0;box-shadow:none;max-width:100%}.auth-container{padding:0}.auth-form-container{padding:0 16px 24px}.message{margin:16px}.form-group input{font-size:16px}.btn{min-height:48px;padding:12px 16px}}@media (min-width:481px) and (max-width:768px){.auth-card{max-width:380px}}.user-header{background-color:#fff;background-color:var(--card-background);box-shadow:0 2px 4px #0000000d;padding:15px;position:-webkit-sticky;position:sticky;text-align:center;top:0;z-index:100}.user-logo{margin:0 auto;max-height:50px}.user-welcome{font-size:16px;font-weight:500;margin-top:10px}.user-content{padding:15px 15px 95px}.login-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 80px);padding:20px}.login-form{background-color:#fff;background-color:var(--card-background);border-radius:12px;box-shadow:0 4px 6px #0000000d;max-width:350px;padding:25px;width:100%}.login-form h2{color:#2563eb;color:var(--primary-color);font-size:24px;margin-bottom:20px;margin-top:0;text-align:center}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:14px;font-weight:500;margin-bottom:6px}.form-group input{background-color:#fafafa;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;font-size:16px;padding:12px;transition:border-color .3s;width:100%}.form-group input:focus{border-color:#2563eb;border-color:var(--primary-color);box-shadow:0 0 0 2px #00bf631a;outline:none}.login-btn{background-color:#2563eb;background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:12px;transition:background-color .3s;width:100%}.login-btn:hover{background-color:#00a555}.login-btn:disabled{background-color:#ccc;cursor:not-allowed}.resend-otp{color:#2563eb;color:var(--primary-color);cursor:pointer;display:block;font-size:14px;margin-top:12px;text-align:center;text-decoration:underline}.message{border-radius:8px;font-size:14px;margin-bottom:16px;padding:10px}.message.success{background-color:#00bf631a;border:1px solid #2563eb;border:1px solid var(--primary-color);color:#2563eb;color:var(--primary-color)}.message.error{background-color:#e74c3c1a;border:1px solid #e74c3c;color:#e74c3c}.auto-retry-timer{background:#0000000d;border-radius:4px;display:inline-block;font-size:12px;font-weight:600;margin-left:8px;padding:2px 6px}.cancel-retry{font-size:12px;margin-left:8px;padding:2px 6px;text-decoration:underline}.btn-text,.cancel-retry{background:none;border:none;color:#3498db;cursor:pointer}.btn-text{font-weight:500;padding:0}.support-info{background-color:#f8f9fa;border-left:3px solid #6c757d;border-radius:8px;border-radius:var(--input-radius);font-size:13px;margin-top:16px;padding:12px}.support-info p{color:#666;line-height:1.4;margin:0}.support-info ol{color:#666;margin:0;padding-left:20px}.support-info li{margin-bottom:4px}.message.info{background-color:#3498db1a;border:1px solid #3498db33;color:#3498db}.offers-container{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.offer-card{padding:0}.offer-card:before{z-index:1}.offer-card-image{height:180px;overflow:hidden;position:relative;width:100%}.offer-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.offer-card:hover .offer-image{transform:scale(1.05)}.offer-image-placeholder{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#555;display:flex;font-size:40px;font-weight:700;height:100%;justify-content:center;width:100%}.offer-card-content{display:flex;flex-direction:column;flex-grow:1;padding:20px}.offer-vendor-name{color:#666;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.offer-badge{letter-spacing:.3px;z-index:2}.discount-badge-premium,.tier-exclusive-badge{z-index:2}.discount-symbol{font-size:14px;font-weight:600;line-height:1;margin-left:1px}.offer-meta{margin-bottom:16px}.offer-actions{margin-top:auto}.offer-btn{padding:12px;width:100%}.btn-primary{background-color:#2563eb;background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:#1d4ed8;background-color:var(--primary-hover);box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.tier-help-text{background-color:#f9f9f9;border-radius:6px;color:#666;font-size:14px;margin-bottom:15px;padding:10px 15px}.tier-help-text ul{margin-top:5px;padding-left:20px}.tier-help-text li{margin-bottom:5px}.radio-group{display:flex;flex-direction:column;gap:10px}.radio-item{align-items:flex-start;border:1px solid #ddd;border-radius:6px;cursor:pointer;display:flex;padding:10px;transition:all .2s ease}.radio-item:hover{background-color:#f9f9f9}.radio-item input[type=radio]{margin-right:10px;margin-top:4px}.radio-item label{cursor:pointer;display:flex;flex-direction:column}.tier-description{color:#777;font-size:13px;font-weight:400;margin-top:3px}.tier-visibility-info{background-color:#f0f8ff;border-left:3px solid #3498db;border-radius:4px;color:#333;font-size:13px;margin-top:10px;padding:8px 12px}@media (max-width:768px){.offers-container{grid-template-columns:1fr}.offer-card-image{height:160px}}@media (min-width:769px) and (max-width:1024px){.offers-container{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.offers-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:30px;margin-top:15px}.offer-card{background-color:#fff;background-color:var(--card-background);border:1px solid #0000000d;border-radius:16px;box-shadow:0 8px 20px #00000014;display:flex;flex-direction:column;overflow:hidden;padding:20px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.offer-card:hover{box-shadow:0 12px 28px #0000001f;transform:translateY(-4px)}.offer-card:before{background:linear-gradient(180deg,#2563eb,#64748b);background:linear-gradient(to bottom,var(--primary-color),var(--secondary-color));content:"";height:100%;left:0;position:absolute;top:0;width:6px}.offer-badge{background-color:#ff9500;border-radius:12px;color:#fff;font-size:11px;font-weight:600;padding:4px 8px;position:absolute;right:12px;top:12px}.offer-title{color:#1e293b;color:var(--text-color);font-size:20px;font-weight:700;line-height:1.3;margin-bottom:12px;margin-top:0;padding-right:24px}.offer-description{color:#555;flex-grow:1;font-size:15px;line-height:1.5;margin-bottom:18px}.offer-vendor{align-items:center;border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);display:flex;margin-top:15px;padding-top:15px}.vendor-logo{background-color:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:10px;box-shadow:0 2px 6px #0000001a;height:40px;margin-right:12px;object-fit:cover;width:40px}.vendor-name{color:#444;font-size:15px;font-weight:600}.offer-meta{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.offer-tiers{background-color:#00bf631a;border-radius:20px;color:#2563eb;color:var(--primary-color);font-size:13px;font-weight:500;padding:4px 10px}.offer-expiry{color:#888;gap:4px}.offer-actions{display:flex;gap:10px;margin-top:15px}.offer-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px;text-align:center;transition:all .2s ease}.btn-claim{background-color:#2563eb;background-color:var(--primary-color);color:#fff}.btn-claim:hover{background-color:#1d4ed8;background-color:var(--primary-hover)}.btn-details{background-color:#f5f5f5;color:#444}.btn-details:hover{background-color:#e8e8e8}.empty-state{background-color:#ffffffb3;border-radius:16px;box-shadow:0 4px 12px #0000000d;color:#777;padding:40px 0}.empty-icon{align-items:center;background-color:#f8f8f8;border-radius:50%;display:flex;font-size:50px;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.empty-state p{font-size:16px;margin-bottom:8px}.offer-details{background-color:#f5f5f5;border-radius:4px;color:#999;display:inline-block;font-size:12px;margin-top:8px;padding:4px 8px}@media (max-width:768px){.offers-container{grid-template-columns:1fr}}@media (min-width:769px) and (max-width:1024px){.offers-container{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}.user-offers-header{margin-bottom:20px;padding:15px 5px}.user-offers-header h2{color:#1e293b;color:var(--text-color);display:inline-block;font-size:24px;font-weight:700;margin:0;position:relative}.user-offers-header h2:after{background:#2563eb;background:var(--primary-color);border-radius:2px;content:"";display:block;height:4px;margin-top:8px;width:40%}.profile-card{background-color:#fff;background-color:var(--card-background);border-radius:12px;box-shadow:0 2px 5px #0000000d;margin-bottom:15px;padding:20px}.profile-header{align-items:center;display:flex;margin-bottom:15px}.profile-avatar{align-items:center;background-color:#64748b;background-color:var(--secondary-color);border-radius:50%;color:#333;display:flex;font-size:24px;font-weight:700;height:60px;justify-content:center;margin-right:15px;width:60px}.profile-info h2{font-size:18px;font-weight:600;margin:0}.profile-info p{color:#666;font-size:14px;margin:5px 0 0}.profile-details{margin-top:20px}.detail-row{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;padding:10px 0}.detail-row:last-child{border-bottom:none}.detail-label{color:#777;flex:1 1;font-size:14px}.detail-value{flex:2 1;font-size:14px;font-weight:500}.qr-code-container{margin:25px 0;text-align:center}.qr-code{border:8px solid #fff;box-shadow:0 2px 8px #0000001a;max-width:200px}.bottom-nav{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#fffffff2;border:1px solid #fff6;border-radius:16px;bottom:15px;box-shadow:0 4px 20px #0000001f;display:flex;height:65px;justify-content:space-around;left:50%;max-width:400px;padding:0 10px;position:fixed;transform:translateX(-50%);width:92%;z-index:100}.nav-item{-webkit-tap-highlight-color:transparent;align-items:center;color:#999;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:0 5px;position:relative;text-decoration:none;transition:all .25s ease}.nav-item.active{color:#2563eb;color:var(--primary-color)}.nav-item:active{transform:scale(.92)}.nav-icon{align-items:center;display:flex;height:24px;justify-content:center;margin-bottom:1px;position:relative}.nav-text{font-size:10.5px;font-weight:500;letter-spacing:-.2px;line-height:1;margin-top:0;transition:all .2s ease}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #00bf6333;border-radius:50%;border-top:3px solid var(--primary-color);height:40px;margin-bottom:10px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{color:#888;padding:30px 0;text-align:center}.empty-icon{color:#ddd;font-size:40px;margin-bottom:10px}@media (min-width:600px){.user-content{margin:0 auto;max-width:600px;padding:20px}}.tier-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;margin-left:6px;padding:4px 10px}.tier-badge.tier-1{background-color:#e9f7ef;color:#27ae60}.tier-badge.tier-2{background-color:#e8f8f5;color:#16a085}.tier-badge.tier-3{background-color:#ebf5fb;color:#2980b9}.tier-exclusive-badge{border-radius:12px;color:#fff;font-size:11px;font-weight:600;letter-spacing:.3px;padding:4px 10px;position:absolute;right:12px;top:12px}.tier-exclusive-badge.tier-2{background-color:#16a085}.tier-exclusive-badge.tier-3{background-color:#2980b9}.employee-info{display:flex;flex-direction:column;gap:8px;margin-top:10px}.company-label{color:#666;font-size:14px;margin:0}.tier-label{align-items:center;display:flex;font-size:14px;margin:0}.discount-badge{background-color:#e74c3c;border-radius:6px;color:#fff;display:inline-block;font-size:14px;font-weight:700;margin-bottom:12px;padding:6px 12px}.discount-badge-premium{align-items:center;background:linear-gradient(135deg,#e74c3c,#c0392b);border:2px solid #ffffff80;border-radius:50%;bottom:12px;box-shadow:0 3px 8px #00000026;color:#fff;display:flex;height:60px;justify-content:center;overflow:hidden;position:absolute;right:12px;text-align:center;width:60px}.discount-value{font-size:22px;font-weight:700;line-height:1}.discount-label{background-color:#0003;font-size:10px;font-weight:600;letter-spacing:1px;padding:2px 0;width:100%}.offer-expiry{align-items:center;background-color:#f5f5f5;border-radius:20px;color:#666;display:flex;font-size:13px;font-weight:500;gap:5px;padding:5px 10px}.offer-expiry svg{stroke:#666;flex-shrink:0;height:14px;width:14px}.offer-card.tier-1:before{background:linear-gradient(180deg,#27ae60,#2ecc71)}.offer-card.tier-2:before{background:linear-gradient(180deg,#16a085,#1abc9c)}.offer-card.tier-3:before{background:linear-gradient(180deg,#2980b9,#3498db)}
/*# sourceMappingURL=main.b883c870.css.map*/