:root{--brand: #64c37e;--bg: #ffffff;--text: #0f172a;--muted: #6b7280;--card: #ffffff;--radius: 14px}.screen-center{min-height:100dvh;display:grid;place-items:center;background:var(--bg);padding:24px}.login-card{width:min(420px,92vw);background:var(--card);padding:40px 32px;text-align:center}.login-brand{color:var(--brand);font-weight:800;letter-spacing:.5px;line-height:1.1;margin:0 0 16px;font-size:clamp(32px,6vw,64px)}.login-sub{color:var(--muted);margin:0 0 24px;font-size:18px}.login-input{padding:12px 14px;border:1px solid #d1d5db;border-radius:10px;background:#fff;font-size:16px;transition:border .2s,box-shadow .2s;outline:none}.login-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in oklab,var(--brand) 30%,transparent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;margin-top:8px;border:0;border-radius:10px;font-weight:700;line-height:1;cursor:pointer;text-decoration:none;-webkit-user-select:none;user-select:none;transition:background .2s,transform .05s,box-shadow .2s,filter .2s}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 6px 16px #64c37e40}.btn-primary:hover{filter:brightness(.95)}.btn-primary:active{transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:not-allowed}.vstack{display:grid;gap:14px}.users-card{width:100%}.user-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.users-card .filters{display:flex;flex-wrap:wrap;gap:15px}.users-card .status-filters{background:#eef2f7;border:1px solid #e5e7eb;border-radius:10px;padding:2px}.users-card .covoit-filters{background:#eef2f7;border:1px solid #e5e7eb;border-radius:8px;padding:2px}.user-controls .filters button{background:#eef2f7;border:1px solid #eef2f7;border-radius:10px;padding:6px 30px;font-size:14px;font-weight:700;color:#374151;cursor:pointer;transition:all .2s ease-in-out}.user-controls .filters button.active{background:#64c37e;color:#fff;border-color:#64c37e}.users-card .searchbar{position:relative;margin-bottom:12px;width:50%;background:#eef2f7}.users-card .searchbar .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.users-card .searchbar input{width:100%;border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px 10px 36px;font-size:16px;background:#fff;outline:none}.users-table tbody td{padding:12px;font-size:14px;border-top:1px solid #eef2f7;text-align:center}.badge{display:inline-flex;align-items:center;padding:2px 12px;border-radius:6px;font-size:14px;border:1px solid transparent}.badge-dl,.badge-yes{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.badge-no{background:#fee2e2;color:#b91c1c;border-color:#fecaca}.badge-active{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.badge-inactive{background:#fee2e2;color:#b91c1c;border-color:#fecaca}.btn-trash{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:#fff5f5;border:1px solid #fecaca;color:#dc2626;cursor:pointer}.btn-trash:hover{background:#fee2e2}.users-table{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow-x:auto;overflow-y:auto;max-height:600px;box-shadow:0 2px 6px #0000000d;margin-top:10px}.users-table::-webkit-scrollbar{height:8px;width:8px}.users-table::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px}.users-table::-webkit-scrollbar-thumb:hover{background:#94a3b8}.users-table table{width:100%;border-collapse:separate;border-spacing:0}.users-table thead th{background:#f8fafc;color:#334155;font-weight:700;padding:12px;font-size:13px;border-bottom:1px solid #e5e7eb}.users-table tbody td{padding:12px;font-size:16px;border-top:1px solid #eef2f7;text-align:center}.users-table tbody tr:hover{background:#f9fafb}.dashboard{min-height:100vh;display:flex;flex-direction:column;background:#fff;font-family:system-ui,sans-serif}.dashboard-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#fff;padding:16px 24px;border-bottom:1px solid #64c37e;margin-left:10px;margin-right:10px}.dashboard-title{color:#64c37e;font-size:24px;font-weight:700;justify-self:start}.dashboard-center{display:flex;align-items:center;gap:12px;justify-self:center}.company-logo{width:60px;height:60px;border-radius:50%;object-fit:cover;border:1px solid #e5e7eb}.company-info{display:flex;flex-direction:column;align-items:flex-start}.company-name{font-weight:600;font-size:18px;color:#111827}.admin-name{font-size:12px;color:#6b7280}.dashboard-right{display:flex;align-items:center;gap:12px;justify-self:end}.dashboard-role{font-size:14px;color:#6b7280}.logout-btn svg{width:24px;height:24px;stroke-width:2;color:#6b7280}.logout-btn:hover svg{color:#ef4444}.dashboard-tabs{display:flex;justify-content:space-around;align-items:center;width:100%;background:#fff;margin-top:20px}.dashboard-tab{flex:1;text-align:center;padding:12px 0;font-size:16px;font-weight:500;color:#111827;border:none;background:transparent;cursor:pointer;border-radius:9999px;transition:all .2s;margin-left:10px;margin-right:10px}.dashboard-tab:hover{background:#64c37e1a}.dashboard-tab.active{background:#64c37e;color:#fff;font-weight:700}.dashboard-content{flex:1;padding:10px;display:flex;justify-content:center;align-items:flex-start;margin-top:20px}.tab-card{width:100%;min-height:50vh;background:#fff;border-radius:12px;padding:0;//border: 1px solid #e5e7eb;//box-shadow: 0 2px 6px rgba(0,0,0,.05)}.tab-card h2{font-size:16px;font-weight:600;color:#111827;margin-bottom:4px}.tab-card p{font-size:14px;color:#6b7280;margin-bottom:16px}