@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap);:root{--color-primary-50:#f0fdf4;--color-primary-100:#dcfce7;--color-primary-200:#bbf7d0;--color-primary-300:#86efac;--color-primary-400:#4ade80;--color-primary-500:#22c55e;--color-primary-600:#00bf63;--color-primary-700:#009950;--color-primary-800:#007a40;--color-primary-900:#005c30;--color-lime-300:#c1ff72;--color-lime-400:#a8f542;--color-lime-500:#84e000;--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cbd5e1;--color-slate-400:#94a3b8;--color-slate-500:#64748b;--color-slate-600:#475569;--color-slate-700:#334155;--color-slate-800:#1e293b;--color-slate-900:#0f172a;--color-danger-50:#fef2f2;--color-danger-100:#fee2e2;--color-danger-400:#f87171;--color-danger-500:#ef4444;--color-danger-600:#dc2626;--color-warning-50:#fffbeb;--color-warning-100:#fef3c7;--color-warning-400:#fbbf24;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-info-50:#eff6ff;--color-info-100:#dbeafe;--color-info-400:#60a5fa;--color-info-500:#3b82f6;--color-info-600:#2563eb;--color-success-50:#f0fdf4;--color-success-500:#22c55e;--color-success-600:#16a34a;--color-tier-1:#10b981;--color-tier-1-bg:#d1fae5;--color-tier-2:#009950;--color-tier-2-bg:#dcfce7;--color-tier-3:#f59e0b;--color-tier-3-bg:#fef3c7;--color-white:#fff;--color-black:#000;--fg-1:var(--color-slate-900);--fg-2:var(--color-slate-700);--fg-3:var(--color-slate-500);--fg-4:var(--color-slate-400);--fg-inverse:var(--color-white);--fg-brand:var(--color-primary-600);--bg-page:var(--color-slate-50);--bg-card:var(--color-white);--bg-subtle:var(--color-slate-100);--bg-brand:var(--color-primary-600);--bg-brand-hover:var(--color-primary-700);--bg-sidebar:var(--color-slate-900);--border:var(--color-slate-200);--border-light:var(--color-slate-100);--border-focus:var(--color-primary-600);--radius-xs:4px;--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-pill:9999px;--shadow:0 4px 12px 0 #00000014;--shadow-lg:0 10px 30px -3px #0000001f,0 4px 8px -2px #0000000d;--shadow-float:0 4px 20px #0000001f;--transition:0.2s ease;--transition-slow:0.3s ease;--sidebar-width:240px;--top-header-height:60px;--font-sans:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.loysta-app{background:#f8fafc;background:var(--bg-page);color:#334155;color:var(--fg-2);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);height:100vh}.loysta-app,.loysta-main{display:flex;overflow:hidden}.loysta-main{flex:1 1;flex-direction:column;margin-left:240px;margin-left:var(--sidebar-width);min-width:0}.loysta-content{background:#f8fafc;background:var(--bg-page);flex:1 1;overflow-y:auto;padding:28px}.loysta-sidebar{background:#0f172a;background:var(--bg-sidebar);display:flex;flex-direction:column;flex-shrink:0;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);height:100vh;left:0;position:fixed;top:0;width:240px;width:var(--sidebar-width);z-index:100}.loysta-sidebar-header{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;gap:12px;padding:22px 20px 18px}.loysta-sidebar-header img{height:30px;object-fit:contain}.loysta-sidebar-portal-label{align-items:center;color:#ffffff52;display:flex;font-size:10px;font-weight:700;gap:8px;letter-spacing:.09em;margin:0;padding:14px 44px 10px;text-transform:uppercase}.loysta-sidebar-portal-label .dot{background:#c1ff72;background:var(--color-lime-300);border-radius:50%;box-shadow:0 0 0 3px #c1ff721f;flex-shrink:0;height:5px;width:5px}.loysta-sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:2px;list-style:none;overflow:hidden;padding:10px 32px}.loysta-sidebar-nav .loysta-nav-link{align-items:center;background:#0000;border:none;border-radius:8px;color:#ffffff6b;cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:400;gap:12px;padding:10px 12px;text-align:left;text-decoration:none;transition:all .15s ease;width:100%}.loysta-sidebar-nav .loysta-nav-link:hover{background:#ffffff0a;color:#ffffffc7}.loysta-sidebar-nav .loysta-nav-link.active{background:#00bf63;background:var(--color-primary-600);color:#fff;font-weight:600}.loysta-sidebar-nav .loysta-nav-link .nav-icon,.loysta-sidebar-nav .loysta-nav-link svg{flex-shrink:0;height:17px;width:17px}.loysta-sidebar-footer{border-top:1px solid #ffffff0f;padding:12px 32px 18px}.loysta-sidebar-user{align-items:center;background:#ffffff0a;border-radius:8px;display:flex;gap:10px;padding:10px 12px}.loysta-sidebar-user-avatar{align-items:center;background:linear-gradient(135deg,#00bf63,#c1ff72);background:linear-gradient(135deg,var(--color-primary-600),var(--color-lime-300));border-radius:50%;color:#0f172a;color:var(--color-slate-900);display:flex;flex-shrink:0;font-size:12px;font-weight:800;height:32px;justify-content:center;width:32px}.loysta-sidebar-user-info{flex:1 1;min-width:0}.loysta-sidebar-user-name{color:#fff;font-size:12px;font-weight:600}.loysta-sidebar-user-name,.loysta-sidebar-user-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loysta-sidebar-user-sub{color:#ffffff52;font-size:11px;margin-top:1px}.loysta-sidebar-logout-btn{align-items:center;background:none;border:none;border-radius:6px;color:#ffffff80;cursor:pointer;display:flex;height:30px;justify-content:center;transition:all .15s;width:30px}.loysta-sidebar-logout-btn:hover{background:#ffffff0d;color:#f87171;color:var(--color-danger-400)}.loysta-topbar{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;height:60px;height:var(--top-header-height);justify-content:space-between;padding:0 28px}.loysta-topbar-title{color:#0f172a;color:var(--fg-1);font-size:17px;font-weight:700;margin:0}.loysta-topbar-actions{align-items:center;display:flex;gap:12px}.loysta-topbar-search{align-items:center;background:#f8fafc;background:var(--bg-page);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:8px;color:#64748b;color:var(--fg-3);display:flex;font-size:13px;gap:8px;min-width:220px;padding:7px 12px}.loysta-topbar-search input{background:none;border:none;color:#0f172a;color:var(--fg-1);font-family:inherit;font-size:13px;outline:none;width:100%}.loysta-topbar-search input::placeholder{color:#94a3b8;color:var(--fg-4)}.loysta-topbar-icon-btn{align-items:center;background:#f8fafc;background:var(--bg-page);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:8px;color:#64748b;color:var(--fg-3);cursor:pointer;display:flex;height:36px;justify-content:center;position:relative;transition:all .15s;width:36px}.loysta-topbar-icon-btn:hover{background:#f1f5f9;background:var(--bg-subtle);color:#0f172a;color:var(--fg-1)}.loysta-topbar-icon-btn .badge{background:#c1ff72;background:var(--color-lime-300);border:2px solid #fff;border-radius:50%;height:7px;position:absolute;right:6px;top:6px;width:7px}.loysta-topbar-avatar{align-items:center;background:linear-gradient(135deg,#00bf63,#c1ff72);background:linear-gradient(135deg,var(--color-primary-600),var(--color-lime-300));border-radius:50%;color:#0f172a;color:var(--color-slate-900);cursor:pointer;display:flex;flex-shrink:0;font-size:12px;font-weight:800;height:34px;justify-content:center;width:34px}.loysta-topbar-add-btn{align-items:center;background:#00bf63;background:var(--color-primary-600);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:700;gap:7px;padding:8px 16px;transition:background .15s}.loysta-topbar-add-btn:hover{background:#009950;background:var(--color-primary-700)}.loysta-stat-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.loysta-stat-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;box-shadow:0 1px 3px #0000000d;overflow:hidden;padding:22px;position:relative}.loysta-stat-card.dark{background:#0f172a;background:var(--color-slate-900)}.loysta-stat-card.dark:after{background:#c1ff7214;border-radius:50%;content:"";height:120px;pointer-events:none;position:absolute;right:-30px;top:-30px;width:120px}.loysta-stat-card-head{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:14px}.loysta-stat-card-label{color:#64748b;color:var(--fg-3);font-size:13px;font-weight:600}.loysta-stat-card.dark .loysta-stat-card-label{color:#ffffff80}.loysta-stat-card-icon{align-items:center;background:#00bf631a;border-radius:10px;color:#00bf63;color:var(--color-primary-600);display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.loysta-stat-card.dark .loysta-stat-card-icon{background:#c1ff721f;color:#c1ff72;color:var(--color-lime-300)}.loysta-stat-card-value{color:#0f172a;color:var(--fg-1);font-size:30px;font-weight:800;line-height:1;margin-bottom:4px}.loysta-stat-card.dark .loysta-stat-card-value{color:#c1ff72;color:var(--color-lime-300)}.loysta-stat-card-sub{color:#94a3b8;color:var(--fg-4);font-size:12px;font-weight:500}.loysta-stat-card.dark .loysta-stat-card-sub{color:#ffffff61}.stat-icon-brand{background:#00bf631a;color:#00bf63}.stat-icon-amber{background:#f59e0b1a;color:#f59e0b}.loysta-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;overflow:hidden}.loysta-card-head{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:16px 20px}.loysta-card-title{color:#0f172a;color:var(--fg-1);font-size:14px;font-weight:700;margin:0}.loysta-card-link{color:#00bf63;color:var(--color-primary-600);cursor:pointer;font-size:12px;font-weight:600;text-decoration:none}.loysta-card-body{padding:18px 20px}.loysta-table{border-collapse:collapse;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);width:100%}.loysta-table th{background:#f8fafc;background:var(--bg-page);color:#94a3b8;color:var(--fg-4);font-size:11px;font-weight:700;letter-spacing:.06em;padding:10px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.loysta-table td,.loysta-table th{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-light)}.loysta-table td{color:#334155;color:var(--fg-2);font-size:14px;padding:13px 16px;vertical-align:middle}.loysta-table tbody tr{transition:background .15s ease}.loysta-table tbody tr:hover{background:#fafafa}.loysta-table tbody tr:last-child td{border-bottom:none}.loysta-avatar{background:linear-gradient(135deg,#00bf63,#c1ff72);background:linear-gradient(135deg,var(--color-primary-600),var(--color-lime-300));border-radius:50%;color:#0f172a;color:var(--color-slate-900)}.loysta-avatar,.loysta-avatar-square{align-items:center;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:32px;justify-content:center;width:32px}.loysta-avatar-square{background:#00bf631a;border-radius:8px;color:#00bf63;color:var(--color-primary-600);overflow:hidden}.loysta-avatar-square img{height:100%;object-fit:cover;width:100%}.loysta-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;gap:5px;padding:3px 10px;white-space:nowrap}.loysta-badge.tier-1{background:#d1fae5;background:var(--color-tier-1-bg);color:#10b981;color:var(--color-tier-1)}.loysta-badge.tier-2{background:#dcfce7;background:var(--color-tier-2-bg);color:#009950;color:var(--color-tier-2)}.loysta-badge.tier-3{background:#fef3c7;background:var(--color-tier-3-bg);color:#f59e0b;color:var(--color-tier-3)}.loysta-badge .dot{border-radius:50%;display:inline-block;height:5px;width:5px}.loysta-badge.tier-1 .dot{background:#10b981;background:var(--color-tier-1)}.loysta-badge.tier-2 .dot{background:#009950;background:var(--color-tier-2)}.loysta-badge.tier-3 .dot{background:#f59e0b;background:var(--color-tier-3)}.loysta-status{border-radius:999px;font-size:12px;font-weight:600;padding:3px 10px}.loysta-status.active{background:#10b9811a;color:#10b981}.loysta-status.inactive{background:#64748b1a;color:#64748b}.loysta-status.paused{background:#f59e0b1a;color:#f59e0b}.loysta-status.premium{background:#8b5cf61a;color:#8b5cf6}.loysta-status.basic{background:#3b82f61a;color:#3b82f6}.loysta-icon-btn{align-items:center;background:none;border:none;border-radius:6px;color:#64748b;color:var(--fg-3);cursor:pointer;display:inline-flex;height:30px;justify-content:center;transition:background .15s ease;width:30px}.loysta-icon-btn:hover{background:#f1f5f9;background:var(--bg-subtle)}.loysta-icon-btn.danger{color:#ef4444;color:var(--color-danger-500)}.loysta-icon-btn.danger:hover{background:#ef444414}.loysta-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:7px;padding:9px 18px;transition:all .15s ease}.loysta-btn.primary{background:#00bf63;background:var(--color-primary-600);color:#fff}.loysta-btn.primary:hover{background:#009950;background:var(--color-primary-700)}.loysta-btn.secondary{background:#fff;border:1.5px solid #e2e8f0;border:1.5px solid var(--border);color:#334155;color:var(--fg-2)}.loysta-btn.secondary:hover{border-color:#00bf63;border-color:var(--color-primary-600);color:#00bf63;color:var(--color-primary-600)}.loysta-btn.danger{background:#ef4444;background:var(--color-danger-500);color:#fff}.loysta-btn.danger:hover{background:#dc2626;background:var(--color-danger-600)}.loysta-btn.ghost{background:#0000;color:#64748b;color:var(--fg-3);padding:8px 12px}.loysta-btn.ghost:hover{background:#f1f5f9;background:var(--bg-subtle);color:#0f172a;color:var(--fg-1)}.loysta-form-group{margin-bottom:16px}.loysta-form-group label{color:#334155;color:var(--fg-2);display:block;font-size:13px;font-weight:600;margin-bottom:6px}.loysta-form-control,.loysta-form-control:is(input,textarea,select){background:#f8fafc;background:var(--bg-page);border:2px solid #e2e8f0;border:2px solid var(--border);border-radius:8px;color:#0f172a;color:var(--fg-1);font-family:inherit;font-size:14px;outline:none;padding:10px 12px;transition:border-color .15s ease;width:100%}.loysta-form-control:focus{background:#fff;border-color:#00bf63;border-color:var(--color-primary-600);box-shadow:0 0 0 3px #00bf631f}.loysta-form-hint{color:#94a3b8;color:var(--fg-4);display:block;font-size:12px;margin-top:4px}.loysta-page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.loysta-page-title{color:#0f172a;color:var(--fg-1);font-size:28px;font-weight:800;letter-spacing:-.02em;margin:0 0 4px}.loysta-page-description{color:#64748b;color:var(--fg-3);font-size:14px;margin:0}.loysta-alert{border:1px solid;border-radius:8px;font-size:14px;font-weight:500;margin-bottom:20px;padding:14px 18px}.loysta-alert.error{background:#ef444414;border-color:#ef444433;color:#dc2626;color:var(--color-danger-600)}.loysta-alert.success{background:#10b98114;border-color:#10b98133;color:#16a34a;color:var(--color-success-600)}.loysta-app ::-webkit-scrollbar{height:5px;width:5px}.loysta-app ::-webkit-scrollbar-track{background:#0000}.loysta-app ::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--color-slate-200);border-radius:3px}.loysta-app ::-webkit-scrollbar-thumb:hover{background:#cbd5e1;background:var(--color-slate-300)}@media (max-width:768px){.loysta-sidebar{transform:translateX(-100%);transition:transform .3s ease}.loysta-sidebar.mobile-open{transform:translateX(0)}.loysta-main{margin-left:0}.loysta-content{padding:16px}}:root{--loysta-green:#00bf63;--loysta-green-dark:#009950;--loysta-green-bg:#dcfce7;--loysta-lime:#c1ff72;--loysta-slate-50:#f8fafc;--loysta-slate-100:#f1f5f9;--loysta-slate-200:#e2e8f0;--loysta-slate-400:#94a3b8;--loysta-slate-500:#64748b;--loysta-slate-700:#334155;--loysta-slate-800:#1e293b;--loysta-slate-900:#0f172a;--loysta-tier-1:#10b981;--loysta-tier-1-bg:#d1fae5;--loysta-tier-2:#009950;--loysta-tier-2-bg:#dcfce7;--loysta-tier-3:#f59e0b;--loysta-tier-3-bg:#fef3c7;--loysta-font:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--loysta-font);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)}}.mkt-page{-webkit-font-smoothing:antialiased;background:#fff;color:#0f172a;font-family:Plus Jakarta Sans,sans-serif;overflow-x:hidden}.mkt-page,.mkt-page *,.mkt-page :after,.mkt-page :before{box-sizing:border-box}.mkt-page{scroll-behavior:smooth}.mkt-page a{text-decoration:none}.mkt-nav{align-items:center;background:#0000;display:flex;height:72px;justify-content:space-between;left:0;padding:0 48px;position:fixed;right:0;top:0;transition:all .3s ease;z-index:200}.mkt-nav.scrolled{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#0a1628f5;border-bottom:1px solid #ffffff12}.mkt-nav-logo{display:block;height:38px;width:auto}.mkt-nav-right{align-items:center;display:flex;gap:16px}.mkt-nav-link{color:#fff9;font-size:14px;font-weight:600;transition:color .2s}.mkt-nav-link:hover{color:#fff}.mkt-nav-cta{background:#00bf63;border:none;border-radius:9999px;color:#fff;cursor:pointer;display:inline-block;font-family:inherit;font-size:14px;font-weight:700;padding:10px 22px;transition:all .2s ease;white-space:nowrap}.mkt-nav-cta:hover{background:#009950;transform:translateY(-1px)}.mkt-nav-hamburger{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;padding:4px}.mkt-mobile-menu{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#071120fa;border-bottom:1px solid #ffffff14;display:none;flex-direction:column;gap:4px;left:0;padding:20px 24px 28px;position:fixed;right:0;top:72px;z-index:190}.mkt-mobile-menu.open{display:flex}.mkt-mobile-menu a{border-bottom:1px solid #ffffff0f;color:#ffffffb3;font-size:16px;font-weight:600;padding:12px 0}.mkt-mobile-menu a:last-child{border-bottom:none}.mkt-mobile-menu-cta{background:#00bf63!important;border-bottom:none!important;border-radius:12px;color:#fff!important;font-size:16px!important;font-weight:700!important;margin-top:12px;padding:14px!important;text-align:center}.mkt-section-inner{margin:0 auto;max-width:1160px;padding:0 48px}.mkt-hero{align-items:center;background:linear-gradient(155deg,#071120,#0a1628 40%,#0d2218 70%,#071120);display:flex;min-height:100vh;overflow:hidden;padding-top:72px;position:relative}.mkt-hero-blob1{background:radial-gradient(circle,#00bf6321 0,#0000 70%);height:700px;right:-180px;top:-180px;width:700px}.mkt-hero-blob1,.mkt-hero-blob2{pointer-events:none;position:absolute}.mkt-hero-blob2{background:radial-gradient(circle,#c1ff7212 0,#0000 70%);bottom:-200px;height:600px;left:-100px;width:600px}.mkt-hero-grid{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1160px;padding:96px 48px 80px;position:relative;width:100%;z-index:1}.mkt-hero-badge{align-items:center;background:#00bf6324;border:1px solid #00bf634d;border-radius:9999px;color:#c1ff72;display:inline-flex;font-size:12px;font-weight:700;gap:8px;letter-spacing:.06em;margin-bottom:28px;padding:7px 14px;text-transform:uppercase}.mkt-hero-badge-dot{background:#00bf63;border-radius:50%;height:7px;width:7px}.mkt-hero-title{color:#fff;font-size:60px;font-weight:800;letter-spacing:-.03em;line-height:1.08;margin-bottom:22px}.mkt-hero-title em{color:#c1ff72;font-style:normal}.mkt-hero-sub{color:#ffffff80;font-size:18px;line-height:1.7;margin-bottom:44px;max-width:460px}.mkt-hero-btns{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:36px}.mkt-store-btn{align-items:center;background:#ffffff14;border:1.5px solid #ffffff2b;border-radius:14px;color:#fff;cursor:pointer;display:inline-flex;gap:12px;padding:14px 22px;transition:all .2s ease}.mkt-store-btn:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}.mkt-store-btn-label{color:#ffffff8c;display:block;font-size:11px;font-weight:500}.mkt-store-btn-name{color:#fff;display:block;font-size:17px;font-weight:700}.mkt-hero-trust{align-items:center;color:#ffffff4d;display:flex;flex-wrap:wrap;font-size:13px;gap:10px}.mkt-hero-trust-dot{background:#fff3;border-radius:50%;flex-shrink:0;height:3px;width:3px}.mkt-phone-stage,.phone-outer{align-items:center;display:flex;justify-content:center}.phone-outer{position:relative}.phone-glow{background:radial-gradient(circle,#00bf6338 0,#0000 70%);bottom:-50px;height:380px;pointer-events:none;position:absolute;width:380px}.phone-shell{background:#f8fafc;border-radius:46px;box-shadow:0 0 0 10px #1c2535,0 0 0 12px #111825,0 50px 100px #000000a6,0 20px 40px #0006;flex-shrink:0;height:693px;overflow:hidden;position:relative;width:320px}.phone-notch{background:#1c2535;border-radius:0 0 18px 18px;height:30px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:110px;z-index:100}.phone-content-wrap{inset:0;overflow:hidden;position:absolute}.phone-content-inner{font-family:Plus Jakarta Sans,sans-serif;height:812px;left:0;position:absolute;top:0;transform:scale(.853);transform-origin:top left;width:375px}.mkt-stats-bar{background:#fff;border-bottom:1px solid #f1f5f9;padding:36px 0}.mkt-stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1160px;padding:0 48px}.mkt-stat-divider{border-right:1px solid #e2e8f0}.mkt-stat-item{align-items:center;display:flex;flex-direction:column;gap:4px}.mkt-stat-value{color:#00bf63;font-size:40px;font-weight:800;letter-spacing:-.04em}.mkt-stat-label{color:#64748b;font-size:14px;font-weight:500}.mkt-section-label{color:#00bf63;font-size:11px;font-weight:700;letter-spacing:.1em;margin-bottom:14px;text-transform:uppercase}.mkt-section-title{color:#0f172a;font-size:44px;font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:18px}.mkt-section-body{color:#475569;font-size:17px;line-height:1.72}.mkt-whatis{background:#fff;padding:110px 0}.mkt-whatis-grid{grid-gap:80px;align-items:start;display:grid;gap:80px;grid-template-columns:1fr 1fr}.mkt-pills{display:flex;flex-direction:column;gap:10px;margin-top:40px}.mkt-pill{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;gap:14px;padding:15px 18px}.mkt-pill,.mkt-pill-icon{align-items:center;display:flex}.mkt-pill-icon{border-radius:10px;flex-shrink:0;height:40px;justify-content:center;width:40px}.mkt-pill-text{color:#334155;font-size:14px;font-weight:600}.mkt-whatis-card{background:linear-gradient(150deg,#0a1628,#0d2218);border-radius:24px;color:#fff;padding:40px}.mkt-whatis-card-title{font-size:22px;font-weight:800;margin-bottom:10px}.mkt-whatis-card-sub{color:#ffffff80;font-size:15px;line-height:1.6;margin-bottom:28px}.mkt-user-types{display:flex;flex-direction:column;gap:10px}.mkt-user-type{align-items:center;background:hsla(0,0%,100%,.055);border:1px solid #ffffff17;border-radius:12px;display:flex;gap:12px;padding:14px 16px}.mkt-user-type-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.mkt-user-type-name{color:#fff;font-size:14px;font-weight:700}.mkt-user-type-desc{color:#ffffff73;font-size:12px;margin-top:2px}.mkt-features{background:#f8fafc;padding:110px 0}.mkt-features-header{margin-bottom:60px}.mkt-features-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.mkt-feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:36px;transition:all .25s ease}.mkt-feature-card:hover{box-shadow:0 24px 48px #00000017;transform:translateY(-5px)}.mkt-feature-icon{align-items:center;border-radius:14px;display:flex;height:54px;justify-content:center;margin-bottom:24px;width:54px}.mkt-feature-title{color:#0f172a;font-size:20px;font-weight:700;margin-bottom:12px}.mkt-feature-body{color:#64748b;font-size:15px;line-height:1.68}.mkt-screens{background:linear-gradient(160deg,#071120,#0a1628 40%,#0d2218);overflow:hidden;padding:110px 0}.mkt-screens-header{margin-bottom:70px}.mkt-screens-header .mkt-section-label{color:#c1ff72}.mkt-screens-header .mkt-section-title{color:#fff}.mkt-screens-grid{grid-gap:40px;align-items:end;display:grid;gap:40px;grid-template-columns:repeat(3,1fr)}.mkt-screen-item{align-items:center;display:flex;flex-direction:column;gap:28px}.mkt-screen-item-mid .screen-phone{margin-bottom:50px}.screen-phone{background:#f8fafc;border-radius:38px;box-shadow:0 0 0 8px #1c2535,0 0 0 10px #111825,0 40px 80px #0000008c;flex-shrink:0;height:563px;overflow:hidden;position:relative;width:260px}.screen-notch{background:#1c2535;border-radius:0 0 14px 14px;height:24px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:90px;z-index:100}.screen-content-wrap{inset:0;overflow:hidden;position:absolute}.screen-content-inner{font-family:Plus Jakarta Sans,sans-serif;height:812px;left:0;position:absolute;top:0;transform:scale(.693);transform-origin:top left;width:375px}.mkt-screen-caption{text-align:center}.mkt-screen-caption-title{color:#fff;font-size:18px;font-weight:700}.mkt-screen-caption-sub{color:#ffffff73;font-size:14px;margin-top:5px}.mkt-hiw{background:#fff;padding:110px 0}.mkt-hiw-header{margin-bottom:70px;text-align:center}.mkt-hiw-grid{grid-gap:48px;display:grid;gap:48px;grid-template-columns:repeat(3,1fr);position:relative}.mkt-hiw-grid:before{background:linear-gradient(90deg,#00bf63,#c1ff72 50%,#00bf63);content:"";height:2px;left:calc(16.67% + 16px);opacity:.25;position:absolute;right:calc(16.67% + 16px);top:24px}.mkt-hiw-step{text-align:center}.mkt-hiw-num{align-items:center;background:linear-gradient(135deg,#00bf63,#009950);border-radius:50%;box-shadow:0 0 0 6px #00bf631f;color:#fff;display:flex;font-size:20px;font-weight:800;height:48px;justify-content:center;margin:0 auto 24px;position:relative;width:48px;z-index:1}.mkt-hiw-title{color:#0f172a;font-size:18px;font-weight:700;margin-bottom:12px}.mkt-hiw-body{color:#64748b;font-size:15px;line-height:1.68}.mkt-download{background:linear-gradient(155deg,#071120,#0a1628 40%,#0d2218);overflow:hidden;padding:120px 0;position:relative;text-align:center}.mkt-download:before{background:radial-gradient(circle,#00bf631a 0,#0000 70%);content:"";height:700px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:700px}.mkt-download-inner{position:relative;z-index:1}.mkt-download-title{color:#fff;font-size:56px;font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:16px}.mkt-download-sub{color:#ffffff73;font-size:18px;margin-bottom:52px}.mkt-download-btns{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.mkt-dl-btn{align-items:center;background:#ffffff14;border:1.5px solid #ffffff2e;border-radius:18px;color:#fff;cursor:pointer;display:inline-flex;gap:14px;padding:18px 30px;transition:all .2s ease}.mkt-dl-btn:hover{background:#ffffff29;box-shadow:0 24px 48px #00000059;transform:translateY(-3px)}.mkt-dl-btn-label{color:#ffffff80;display:block;font-size:12px;font-weight:500;margin-bottom:2px}.mkt-dl-btn-name{color:#fff;display:block;font-size:22px;font-weight:700}.mkt-footer{background:#050d18;border-top:1px solid #ffffff12;padding:48px 0}.mkt-footer-inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1160px;padding:0 48px}.mkt-footer-logo{height:32px}.mkt-footer-copy{color:#ffffff40;font-size:13px}.mkt-footer-links{display:flex;gap:28px}.mkt-footer-link{color:#ffffff59;font-size:13px;transition:color .2s}.mkt-footer-link:hover{color:#ffffffbf}@media (max-width:1020px){.mkt-hero-title{font-size:48px}.mkt-hero-grid{gap:48px;padding:96px 40px 80px}.mkt-section-inner,.mkt-stats-grid{padding:0 32px}}@media (max-width:960px){.mkt-hero-grid{grid-template-columns:1fr}.mkt-phone-stage{display:none}.mkt-whatis-grid{gap:48px;grid-template-columns:1fr}.mkt-features-grid{grid-template-columns:repeat(2,1fr)}.mkt-hiw-grid{gap:40px;grid-template-columns:1fr}.mkt-hiw-grid:before{display:none}.mkt-hiw-step{align-items:flex-start;display:flex;gap:20px;text-align:left}.mkt-hiw-num{flex-shrink:0;margin:0}.mkt-screens-grid{gap:24px;grid-template-columns:repeat(3,1fr)}.mkt-screen-item-mid .screen-phone{margin-bottom:0}.screen-phone{border-radius:30px;height:433px;width:200px}.screen-notch{height:20px;width:70px}.screen-content-inner{transform:scale(.533)}.mkt-screen-caption-title{font-size:15px}.mkt-footer-inner{flex-direction:column;gap:20px;text-align:center}.mkt-footer-links{justify-content:center}}@media (max-width:768px){.mkt-nav{height:64px;padding:0 20px}.mkt-nav-link{display:none}.mkt-nav-logo{height:32px}.mkt-nav-cta{display:none}.mkt-nav-hamburger{display:flex}.mkt-hero{padding-top:64px}.mkt-hero-grid{gap:44px;padding:64px 20px 56px}.mkt-hero-title{font-size:38px}.mkt-hero-sub{font-size:16px;margin-bottom:32px;max-width:100%}.mkt-hero-badge{font-size:11px;margin-bottom:20px}.mkt-hero-btns{gap:12px}.mkt-store-btn{padding:12px 18px}.mkt-store-btn-name{font-size:15px}.mkt-hero-trust{font-size:12px;gap:8px}.mkt-stats-grid{gap:0;grid-template-columns:repeat(3,1fr);padding:0 20px}.mkt-stat-value{font-size:28px}.mkt-stat-label{font-size:12px;text-align:center}.mkt-stats-bar{padding:24px 0}.mkt-section-inner{padding:0 20px}.mkt-features,.mkt-hiw,.mkt-whatis{padding:72px 0}.mkt-download{padding:80px 0}.mkt-section-title{font-size:34px}.mkt-section-body{font-size:16px}.mkt-whatis-card{padding:28px 24px}.mkt-features-grid{gap:16px;grid-template-columns:1fr}.mkt-feature-card{padding:28px 24px}.mkt-screens{padding:72px 0}.mkt-screens-grid{-webkit-overflow-scrolling:touch;display:flex;gap:20px;grid-template-columns:none;margin:0 -20px;overflow-x:auto;padding:0 20px 24px;scroll-snap-type:x mandatory;scrollbar-width:none}.mkt-screens-grid::-webkit-scrollbar{display:none}.mkt-screen-item{flex-shrink:0;gap:20px;scroll-snap-align:center;width:230px}.screen-phone{border-radius:32px;height:498px;width:230px}.screen-notch{height:22px;width:76px}.screen-content-inner{transform:scale(.613)}.mkt-download-title{font-size:36px}.mkt-download-sub{font-size:16px;margin-bottom:36px}.mkt-dl-btn{padding:16px 24px}.mkt-dl-btn-name{font-size:18px}.mkt-download-btns{align-items:center;flex-direction:column;gap:12px}.mkt-dl-btn{justify-content:center;width:280px}}@media (max-width:640px){.mkt-phone-stage{display:flex!important;justify-content:center}.phone-outer{transform:none}.phone-shell{border-radius:36px;box-shadow:0 0 0 8px #1c2535,0 0 0 10px #111825,0 30px 60px #0009;height:519px;width:240px}.phone-notch{border-radius:0 0 14px 14px;height:24px;width:88px}.phone-content-inner{transform:scale(.64)}.phone-glow{height:260px;width:260px}}@media (max-width:480px){.mkt-hero-title{font-size:32px}.mkt-section-title{font-size:28px}.mkt-download-title{font-size:30px}.mkt-stat-value{font-size:24px}.mkt-stat-label{font-size:11px}.mkt-hero-btns{flex-direction:column;gap:10px}.mkt-store-btn{justify-content:center}.mkt-whatis-card-title{font-size:18px}.mkt-screen-item{width:210px}.screen-phone{height:455px;width:210px}.screen-content-inner{transform:scale(.56)}}.mkt-partner{background:#f8fafc;border-top:1px solid #e2e8f0;padding:100px 0}.mkt-partner-header{margin-bottom:56px;text-align:center}.mkt-partner-sub{color:#64748b;font-size:17px;line-height:1.6;margin:16px auto 0;max-width:640px}.mkt-partner-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:920px}.mkt-partner-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;display:flex;flex-direction:column;overflow:hidden;padding:36px 32px;position:relative;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.mkt-partner-card:hover{box-shadow:0 20px 40px -10px #0000001a;transform:translateY(-4px)}.mkt-partner-card-company:hover{border-color:#00bf634d}.mkt-partner-card-vendor:hover{border-color:#8b5cf64d}.mkt-partner-card-icon{align-items:center;background:#00bf631a;border-radius:14px;display:flex;height:56px;justify-content:center;margin-bottom:20px;width:56px}.mkt-partner-card-icon-vendor{background:#8b5cf61a}.mkt-partner-card-title{color:#0f172a;font-size:22px;font-weight:800;letter-spacing:-.01em;margin:0 0 10px}.mkt-partner-card-body{color:#64748b;font-size:14px;line-height:1.6;margin:0 0 18px}.mkt-partner-card-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0 0 24px;padding:0}.mkt-partner-card-list li{align-items:center;color:#334155;display:flex;font-size:13px;font-weight:600;gap:8px}.mkt-partner-card-btn{align-items:center;border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:700;gap:8px;justify-content:center;margin-top:auto;padding:13px 22px;transition:transform .15s ease,box-shadow .15s ease}.mkt-partner-card-btn:hover{transform:translateY(-1px)}.mkt-partner-btn-company{background:linear-gradient(135deg,#00bf63,#009950);box-shadow:0 4px 12px #00bf6340}.mkt-partner-btn-company:hover{box-shadow:0 8px 18px #00bf6359}.mkt-partner-btn-vendor{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 12px #8b5cf640}.mkt-partner-btn-vendor:hover{box-shadow:0 8px 18px #8b5cf659}@media (max-width:768px){.mkt-partner{padding:72px 0}.mkt-partner-grid{grid-template-columns:1fr;max-width:480px}.mkt-partner-card{padding:28px 24px}.mkt-partner-card-title{font-size:20px}.mkt-partner-sub{font-size:15px}}.mkt-lang-switch{align-items:center;background:#ffffff14;border:1px solid #ffffff1a;border-radius:999px;display:inline-flex;padding:4px}.mkt-lang-btn{background:#0000;border:none;border-radius:999px;color:#ffffff8c;cursor:pointer;font-family:inherit;font-size:12px;font-weight:700;letter-spacing:.06em;padding:6px 12px;transition:color .15s,background .15s}.mkt-lang-btn:hover{color:#fff}.mkt-lang-btn.active{background:#fff;box-shadow:0 1px 4px #0000002e;color:#0f172a}.mkt-nav.scrolled .mkt-lang-switch{background:#f1f5f9;border-color:#e2e8f0}.mkt-nav.scrolled .mkt-lang-btn{color:#64748b}.mkt-nav.scrolled .mkt-lang-btn:hover{color:#0f172a}.mkt-nav.scrolled .mkt-lang-btn.active{background:#0f172a;box-shadow:0 1px 4px #0000001f;color:#fff}@media (max-width:768px){.mkt-lang-switch{padding:3px}.mkt-lang-btn{font-size:11px;padding:5px 10px}}.mkt-lang-drawer{border-top:1px solid #ffffff14;margin:16px 0 8px;padding:14px 0 4px}.mkt-lang-drawer-label{color:#fff6;font-size:11px;font-weight:700;letter-spacing:.08em;margin-bottom:12px;text-transform:uppercase}.mkt-lang-drawer-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.mkt-lang-drawer-btn{align-items:flex-start;background:#ffffff0a;border:1.5px solid #ffffff14;border-radius:12px;color:#fff9;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:4px;padding:14px 16px;position:relative;text-align:left;transition:all .15s ease}.mkt-lang-drawer-btn:hover{background:#ffffff12;color:#fff}.mkt-lang-drawer-btn.active{background:#00bf6324;border-color:#00bf6373;color:#fff}.mkt-lang-drawer-code{color:#fff6;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.mkt-lang-drawer-btn.active .mkt-lang-drawer-code{color:#c1ff72}.mkt-lang-drawer-name{font-size:15px;font-weight:700}.mkt-lang-drawer-check{color:#c1ff72;position:absolute;right:12px;top:12px}:root{--admin-primary:#00bf63;--admin-primary-hover:#009950;--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:#0f172a;--admin-text-light:#64748b;--admin-border:#e2e8f0;--admin-border-light:#f1f5f9;--admin-shadow:0 1px 3px 0 #00000014,0 1px 2px 0 #0000000a;--admin-shadow-lg:0 10px 30px -3px #0000001f,0 4px 8px -2px #0000000d;--admin-radius:12px;--admin-radius-sm:8px;--admin-sidebar-width:240px;--admin-font:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.page-title{color:#0f172a;color:var(--admin-text);font-size:22px;font-weight:800;letter-spacing:-.02em;margin:0 0 4px}.page-description{color:#64748b;color:var(--admin-text-light);font-size:14px;margin:0}.alert{border:1px solid;border-radius:8px;font-size:14px;font-weight:500;line-height:1.5;margin-bottom:20px;padding:14px 18px}.alert-error{background-color:#ef444414;border-color:#ef444433;color:#dc2626;color:var(--admin-danger-hover)}.alert-success{background-color:#10b98114;border-color:#10b98133;color:#059669}.card{border-radius:12px;padding:22px;transition:all .2s ease}.card,.form-container{background:#fff;background:var(--admin-card-bg);border:1px solid #e2e8f0;border:1px solid var(--admin-border);margin-bottom:20px}.form-container{padding:28px}.form-title{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--admin-border-light);color:#0f172a;color:var(--admin-text);font-size:18px;font-weight:800;letter-spacing:-.01em;margin:0 0 24px;padding-bottom:16px}.form-group{margin-bottom:16px}.form-group label{color:var(--admin-text);font-size:13px;margin-bottom:6px}.form-container input[type=email],.form-container input[type=number],.form-container input[type=password],.form-container input[type=tel],.form-container input[type=text],.form-container select,.form-container textarea,.form-control{background-color:#f8fafc;background-color:var(--admin-bg);border:2px solid #e2e8f0;border:2px solid var(--admin-border);border-radius:8px;color:#0f172a;color:var(--admin-text);font-family:inherit;font-size:14px;padding:10px 12px;transition:all .15s ease;width:100%}.form-container input:focus,.form-container select:focus,.form-container textarea:focus,.form-control:focus{background-color:#fff;border-color:#00bf63;border-color:var(--admin-primary);box-shadow:0 0 0 3px #00bf631f;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;border-radius:var(--admin-radius-sm);padding:8px}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:700;gap:7px;padding:9px 18px;text-decoration:none;transition:all .15s ease}.btn-primary,.submit-btn{background-color:#00bf63;background-color:var(--admin-primary);color:#fff}.btn-primary:hover,.submit-btn:hover{background-color:#009950;background-color:var(--admin-primary-hover)}.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;margin-bottom:24px;overflow:hidden}.data-table{border-collapse:collapse}.data-table th{background:#f8fafc;background:var(--admin-bg);color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:.06em;padding:10px 16px;text-transform:uppercase;white-space:nowrap}.data-table td,.data-table th{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--admin-border-light)}.data-table td{color:#334155;font-size:14px;padding:13px 16px;vertical-align:middle}.data-table tbody tr{transition:background .15s ease}.data-table tbody tr:hover{background-color:#fafafa}.data-table tbody tr:last-child td{border-bottom:none}.action-buttons{gap:4px}.delete-btn,.edit-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:600;gap:4px;padding:6px 12px;transition:all .15s ease}.edit-btn{background:#00bf631a;color:#00bf63}.edit-btn:hover{background:#00bf632e}.delete-btn{background:#ef44441a;color:var(--admin-danger)}.delete-btn:hover{background:#ef44442e}.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:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:24px;margin-top:4px}.stat-card{background:var(--admin-card-bg);border:1px solid var(--admin-border);display:flex;flex-direction:column}.stat-icon{align-self:flex-end;margin-bottom:14px}.stat-icon img,.stat-icon svg{height:18px;width:18px}.stat-icon-blue{background:#3b82f61a;color:#3b82f6}.stat-icon-green{background:#10b9811a;color:#10b981}.stat-icon-orange{background:#f59e0b1a;color:#f59e0b}.stat-icon-purple{background:#8b5cf61a;color:#8b5cf6}.stat-content{flex:1 1}.stat-value{color:var(--admin-text);font-size:30px;font-weight:800;line-height:1;margin:0 0 4px;order:2}.stat-title{font-size:13px;font-weight:600;margin:0 0 14px;order:1}.stat-sub,.stat-title{color:#64748b;color:var(--admin-text-light)}.stat-sub{font-size:12px;font-weight:500;margin:4px 0 0;min-height:16px;order:3}.admin-tools-section{margin-top:24px}.admin-card{background:#fff;background:var(--admin-card-bg);border:1px solid #e2e8f0;border-radius:12px;border-top:3px solid #00bf63;border:1px solid var(--admin-border);border-top:3px solid var(--admin-primary);margin-bottom:20px;padding:22px}.admin-card h3{color:#0f172a;color:var(--admin-text);font-size:16px;font-weight:700;margin-bottom:14px;margin-top:0}.generate-dummy-btn{align-items:center;background-color:#00bf63;background-color:var(--admin-primary);border:none;border-radius:8px;border-radius:var(--admin-radius-sm);color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-top:16px;padding:12px 20px;transition:all .2s ease}.generate-dummy-btn:hover{background-color:#009950;background-color:var(--admin-primary-hover);box-shadow:0 1px 3px 0 #00000014,0 1px 2px 0 #0000000a;box-shadow:var(--admin-shadow);transform:translateY(-1px)}.generate-dummy-btn:disabled{background-color:#64748b;background-color:var(--admin-secondary);box-shadow:none;cursor:not-allowed;transform:none}.progress-bar-container{background-color:#f0f0f0;border-radius:10px;height:20px;margin-top:15px;overflow:hidden;position:relative}.progress-bar{background:linear-gradient(90deg,#00bf63,#10b981);background:linear-gradient(90deg,var(--admin-primary) 0,var(--admin-accent) 100%);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.success{border-left:4px solid var(--admin-accent);color:#10b981;color:var(--admin-accent)}.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}.form-grid{grid-template-columns:1fr 1fr}.form-actions{align-items:center;margin-top:24px}.form-hint{color:var(--admin-text-light);display:block}.cancel-btn{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border:1.5px solid var(--admin-border);border-radius:8px;color:#0f172a;color:var(--admin-text);cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:7px;padding:9px 18px;transition:all .15s ease}.cancel-btn:hover{border-color:#ef4444;border-color:var(--admin-danger);color:#ef4444;color:var(--admin-danger)}.tier-badge{align-items:center;border-radius:20px;display:inline-flex;padding:4px 10px}.tier-badge.tier-1{background-color:#d1fae5;color:#10b981}.tier-badge.tier-2{background-color:#dcfce7;color:#009950}.tier-badge.tier-3{background-color:#fef3c7;color:#d97706}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;padding:4px 12px}.status-badge.active{background-color:#10b9811a;color:#10b981;color:var(--admin-accent)}.status-badge.inactive{background-color:#64748b1a;color:#64748b;color:var(--admin-secondary)}@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{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s ease}.view-btn{background-color:#2563eb1a;color:#2563eb;text-decoration:none}.change-password-btn{background-color:#f59e0b1a;color:#d97706}.delete-btn{background-color:#ef44441a;color:#ef4444}.view-btn:hover{background-color:#2563eb;color:#fff}.change-password-btn:hover{background-color:#f59e0b;color:#fff}.delete-btn:hover{background-color:#ef4444;color:#fff}.delete-btn:disabled{background-color:#f1f5f9;color:#94a3b8;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;pointer-events:none;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:#2563eb0d}.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{background-color:#10b9811a;border-left:4px solid #10b981;color:#059669}.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:12px;box-shadow:0 20px 40px #00000026;max-width:480px;overflow:hidden;position:relative;width:90%}.modal-content-header{border-bottom:1px solid #f1f5f9;margin-bottom:4px;padding:24px 28px 20px}.modal-content-header h2{color:#1e293b;font-size:20px;font-weight:700;margin:0 0 4px}.modal-content-header p{color:#64748b;font-size:14px;margin:0}.modal-content-body{padding:20px 28px}.modal-content-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 28px 24px}.close{align-items:center;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:28px;justify-content:center;line-height:1;position:absolute;right:20px;top:18px;transition:all .2s ease;width:28px}.close:hover{background-color:#f1f5f9;color:#1e293b}.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;height:18px;margin-right:8px;width:18px}.table-container{margin-top:40px}:root{--vendor-primary:#00bf63;--vendor-primary-hover:#009950;--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:#0f172a;--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{font-family:var(--font-sans)}.close-sidebar-btn{background:#0000;border:none;color:#ffffff80;cursor:pointer;display:none;margin-left:auto;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{align-items:center;background:#0000;border:none;border-radius:8px;color:#1e293b;color:var(--text-color);cursor:pointer;display:flex;font-weight:500;gap:12px;margin:2px 0;padding:12px 16px;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.nav-item:hover{background-color:#10b98114;transform:translateX(2px)}.nav-item.active,.nav-item:hover{color:#10b981;color:var(--primary-color)}.nav-item.active{background-color:#10b9811f;box-shadow:0 2px 4px #10b98126;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:28px}.vendor-content{min-height:200px}.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{align-items:center;background-color:#f8fafc;background-color:var(--bg-color);display:flex;flex-direction:column;height:100vh;justify-content:center;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{align-items:center;border-radius:8px;display:flex;font-size:15px;gap:12px;margin:15px 0;padding:15px;position:relative}.message.success{background-color:#00bf6314;border:1px solid #00bf6333;color:#00964d}.message.error{background-color:#e74c3c14;border:1px solid #e74c3c33;color:#c0392b}.message.info{background-color:#3498db14;border:1px solid #3498db33;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-row{padding:10px 0}.detail-label{color:#64748b;color:var(--text-light);font-size:14px;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{color:#1e293b;color:var(--text-color);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{height:100%;position:relative}.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;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);display:inline-block;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:var(--text-light);display:flex;flex-direction:column;gap:10px;justify-content:center;padding:30px}.empty-icon{font-size:32px;margin-bottom:10px}.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);font-size:14px;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:var(--text-light);display:flex;height:16px;justify-content:center;left:20px;pointer-events:none;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{--company-primary:#00bf63;--company-primary-hover:#009950;--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:#0f172a;--company-text-light:#64748b;--company-border:#e2e8f0;--company-border-light:#f1f5f9;--company-shadow:0 1px 3px 0 #00000014,0 1px 2px 0 #0000000a;--company-shadow-lg:0 10px 30px -3px #0000001f,0 4px 8px -2px #0000000d;--company-radius:12px;--company-radius-sm:8px;--company-sidebar-width:260px;--company-font:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.company-admin-container{display:flex;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--company-font);min-height:100vh}.company-admin-container,.company-admin-content{background-color:#f8fafc;background-color:var(--company-bg)}.company-admin-content{flex:1 1;padding:28px}.company-auth-container{align-items:center;background:linear-gradient(160deg,#0a1628,#0d2218 60%,#0a1628);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 30px -3px #0000001f,0 4px 8px -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:#0f172a;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}.form-group label{display:block;font-size:14px}.input-icon{color:#64748b;color:var(--company-text-light);height:20px;left:16px;position:absolute;top:50%;transform:translateY(-50%);width:20px}.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:8px;border-radius:var(--company-radius-sm);box-sizing:border-box;font-size:16px;padding:14px 16px 14px 48px;transition:all .2s ease;width:100%}.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}.input-wrapper input[type=password],.input-wrapper input[type=text].password-field{padding-right:48px}.form-group input:focus{border-color:#00bf63;border-color:var(--company-primary);box-shadow:0 0 0 3px #00bf631a;outline:none}.password-toggle{background:none;border:none;border-radius:4px;color:#64748b;color:var(--company-text-light);cursor:pointer;padding:4px;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:color .2s ease}.password-toggle:hover{color:#00bf63;color:var(--company-primary)}.company-auth-btn{align-items:center;background:linear-gradient(135deg,#00bf63,#009950);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 30px -3px #0000001f,0 4px 8px -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:1320px}.company-dashboard-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.dashboard-title h1{color:#0f172a;color:var(--company-text);font-size:22px;font-weight:800;letter-spacing:-.02em;margin:0 0 4px}.company-name{color:#64748b;color:var(--company-text-light);font-size:14px;margin:0}.dashboard-actions{display:flex;gap:10px}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:24px}.stat-card{background:#fff;background:var(--company-card-bg);border:1px solid #e2e8f0;border:1px solid var(--company-border);border-radius:12px;box-shadow:0 1px 3px #0000000d;overflow:hidden;padding:22px;position:relative;transition:all .2s ease}.stat-card:hover{box-shadow:0 4px 12px #0000000f;transform:translateY(-1px)}.stat-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:38px;justify-content:center;position:absolute;right:18px;top:18px;width:38px}.stat-icon svg{height:18px;width:18px}.stat-icon.users{background:#3b82f61a;color:#3b82f6}.stat-icon.new-users{background:#8b5cf61a;color:#8b5cf6}.stat-icon.benefits{background:#00bf631a;color:#00bf63}.stat-icon.pending{background:#f59e0b1a;color:#f59e0b}.stat-content{display:flex;flex-direction:column}.stat-content h3{color:#0f172a;color:var(--company-text);font-size:30px;font-weight:800;line-height:1;margin:0 0 4px;order:2}.stat-content p{color:#64748b;color:var(--company-text-light);font-size:13px;font-weight:600;margin:0 0 14px;order:1}.dashboard-content-grid{grid-gap:20px;display:grid;gap:20px;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;overflow:hidden}.card-header{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--company-border-light);display:flex;justify-content:space-between;margin-bottom:0;padding:16px 20px}.card-header h3{color:#0f172a;color:var(--company-text);font-size:14px;font-weight:700;margin:0}.employees-list{padding:8px 20px 16px}.employee-item{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--company-border-light);display:flex;gap:12px;padding:12px 0}.employee-item:last-child{border-bottom:none}.employee-avatar{align-items:center;background:linear-gradient(135deg,#00bf63,#c1ff72);background:linear-gradient(135deg,var(--company-primary) 0,#c1ff72 100%);border-radius:50%;color:#0f172a;color:var(--company-text);display:flex;flex-shrink:0;font-size:13px;font-weight:800;height:34px;justify-content:center;width:34px}.employee-info{flex:1 1}.employee-info h4{color:#0f172a;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:#0f172a;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:#00bf630d;border-color:#00bf63;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;color:#fff;font-size:12px;font-weight:600;padding:4px 8px}.tier-badge.tier-1{background-color:#10b981}.tier-badge.tier-2{background-color:#009950}.tier-badge.tier-3{background-color:#f59e0b}.tier-count{color:#0f172a;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,#00bf63,#009950);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:#0f172a;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:#64748b;color:var(--company-text-light);height:20px;left:16px;position:absolute;top:50%;transform:translateY(-50%);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:#00bf63;border-color:var(--company-primary);box-shadow:0 0 0 3px #00bf631a;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:#0f172a;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;overflow:hidden}.employees-table{border-collapse:collapse;width:100%}.employees-table th{background:#f8fafc;background:var(--company-bg);color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:.06em;padding:10px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.employees-table td,.employees-table th{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--company-border-light)}.employees-table td{color:#334155;font-size:14px;padding:13px 16px;vertical-align:middle}.employees-table tbody tr{transition:background .15s ease}.employees-table tbody tr:hover{background-color:#fafafa}.employees-table tbody tr:last-child td{border-bottom:none}.employee-cell{align-items:center;display:flex;gap:12px}.employee-details{flex:1 1}.employee-name{color:#0f172a;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:#0f172a;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:#00bf631a;border-color:#00bf63;border-color:var(--company-primary);color:#00bf63;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:#00bf63;background:var(--company-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:700;gap:7px;padding:9px 18px;text-decoration:none;transition:all .15s ease}.btn-primary:hover:not(:disabled){background:#009950;background:var(--company-primary-hover)}.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:#0f172a;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:#00bf63;border-color:var(--company-primary);color:#00bf63;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-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease}.btn-danger,.btn-link{border-radius:8px;border-radius:var(--company-radius-sm);font-size:14px}.btn-link{color:#00bf63;color:var(--company-primary);font-weight:500;padding:8px 12px;text-decoration:none;transition:background-color .2s ease}.btn-link:hover{background-color:#00bf631a}.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:#00bf63;border-color:var(--company-primary);color:#00bf63;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 #00000014,0 1px 2px 0 #0000000a;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:#0f172a;color:var(--company-text);display:flex;font-weight:600;gap:8px;margin-bottom: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:#00bf63;border-color:var(--company-primary);box-shadow:0 0 0 3px #00bf631a;outline:none}.form-hint{color:#64748b;color:var(--company-text-light);font-size:12px;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 #00000014,0 1px 2px 0 #0000000a;box-shadow:var(--company-shadow);height:-webkit-fit-content;height:fit-content;padding:24px}.add-employee-info h3,.add-employee-info h4{color:#0f172a;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:#0f172a;color:var(--company-text)}.company-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#00bf63;border:3px solid var(--company-border);border-top-color:var(--company-primary);height:40px;margin-bottom:16px;width:40px}.loading-spinner-sm{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{color:#64748b;color:var(--company-text-light);padding:60px 20px;text-align:center}.empty-state .empty-icon{color:#e2e8f0;color:var(--company-border);font-size:48px;margin-bottom:16px}.empty-state h3{color:#0f172a;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 30px -3px #0000001f,0 4px 8px -2px #0000000d;box-shadow:var(--company-shadow-lg);max-width:500px;width:90%}.modal-header{padding:24px 24px 0}.modal-header h3{color:#0f172a;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 #00000014,0 1px 2px 0 #0000000a;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:#0f172a;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:#00bf63;border-color:var(--company-primary);box-shadow:0 0 0 3px #00bf631a;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 #00000014,0 1px 2px 0 #0000000a;box-shadow:var(--company-shadow);padding:24px}.info-card h3{color:#0f172a;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:#0f172a;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,#00bf63,#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:#0f172a;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:12px;border-radius:var(--company-radius);overflow:hidden;transition:all .3s ease}.tier-card:hover{box-shadow:0 10px 30px -3px #0000001f,0 4px 8px -2px #0000000d;box-shadow:var(--company-shadow-lg);transform:translateY(-4px)}.tier-card.tier-1{border-color:#10b981}.tier-card.tier-2{border-color:#00bf63;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,#00bf63,#009950);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:#0f172a;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:#0f172a;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:#00bf63;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:#0f172a;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:#00bf63;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:#0f172a;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 #00bf63;border-left:4px solid var(--company-primary);border-radius:8px;border-radius:var(--company-radius-sm);padding:20px}.tip h4{color:#0f172a;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,#00bf630d,#10b9810d);border:1px solid #00bf631a;border-radius:12px;border-radius:var(--company-radius);padding:32px}.vendor-benefits h3{color:#0f172a;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:#0f172a;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}}
/*# sourceMappingURL=main.26d6bc86.css.map*/