:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#0f172a;color:#e2e8f0;min-height:100vh}.app{min-height:100vh;padding:1.5rem}.login-page{display:flex;align-items:center;justify-content:center}.login-card{width:100%;max-width:380px;padding:2rem}.login-card h1{margin:0 0 .25rem;font-size:1.5rem;font-weight:600}.login-card .subtitle{margin:0 0 1.5rem;color:#94a3b8;font-size:.9rem}.login-card input{width:100%;padding:.75rem 1rem;margin-bottom:1rem;border:1px solid #334155;border-radius:8px;background:#1e293b;color:#e2e8f0;font-size:1rem}.login-card input::placeholder{color:#64748b}.login-card input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.login-card button{width:100%;padding:.75rem 1rem;margin-top:.5rem;border:none;border-radius:8px;background:#3b82f6;color:#fff;font-size:1rem;font-weight:500;cursor:pointer}.login-card button:hover:not(:disabled){background:#2563eb}.login-card button:disabled{opacity:.7;cursor:not-allowed}.portal-page{max-width:560px;margin:0 auto}.portal-page.portal-page--wide{max-width:min(78vw,1200px)}.portal-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #334155}.portal-nav{display:flex;gap:.25rem}.portal-nav .nav-link{padding:.5rem 1rem;border:1px solid #334155;border-radius:8px;background:transparent;color:#94a3b8;font-size:.9rem;cursor:pointer}.portal-nav .nav-link:hover{background:#1e293b;color:#e2e8f0}.portal-nav .nav-link.active{background:#334155;color:#e2e8f0;border-color:#475569}.portal-header h1{margin:0;font-size:1.35rem;font-weight:600}.manager-info{margin:.25rem 0 0;color:#94a3b8;font-size:.875rem}.logout-btn{padding:.5rem 1rem;border:1px solid #475569;border-radius:8px;background:transparent;color:#94a3b8;font-size:.9rem;cursor:pointer}.logout-btn:hover{background:#1e293b;color:#e2e8f0}.portal-main{display:flex;flex-direction:column;gap:1.5rem}.card{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:1.5rem}.card h2{margin:0 0 .5rem;font-size:1.15rem;font-weight:600}.hint{margin:0 0 1.25rem;color:#94a3b8;font-size:.85rem;line-height:1.4}.create-user-card label{display:block;margin-bottom:1rem;font-size:.9rem;font-weight:500;color:#cbd5e1}.create-user-card input,.create-user-card select{display:block;width:100%;margin-top:.35rem;padding:.6rem .75rem;border:1px solid #334155;border-radius:8px;background:#0f172a;color:#e2e8f0;font-size:1rem}.create-user-card select{cursor:pointer;appearance:auto}.create-user-card input:focus,.create-user-card select:focus{outline:none;border-color:#3b82f6}.city-autocomplete-wrap{position:relative}.city-autocomplete-wrap .city-loading{position:absolute;right:.75rem;top:2.1rem;font-size:.8rem;color:#94a3b8}.city-suggestions{position:absolute;left:0;right:0;top:100%;margin:.25rem 0 0;padding:0;list-style:none;background:#1e293b;border:1px solid #334155;border-radius:8px;max-height:220px;overflow-y:auto;z-index:10}.city-suggestions li{padding:.6rem .75rem;cursor:pointer;font-size:.9rem;border-bottom:1px solid #334155}.city-suggestions li:last-child{border-bottom:none}.city-suggestions li:hover{background:#334155}.create-user-card button[type=submit]{width:100%;padding:.75rem 1rem;margin-top:.5rem;border:none;border-radius:8px;background:#3b82f6;color:#fff;font-size:1rem;font-weight:500;cursor:pointer}.create-user-card button[type=submit]:hover:not(:disabled){background:#2563eb}.create-user-card button[type=submit]:disabled{opacity:.7;cursor:not-allowed}.error{margin:.5rem 0 0;color:#f87171;font-size:.9rem}.credentials-card{border-color:#475569}.credentials-warning{padding:.75rem 1rem;margin-bottom:1rem;background:#422006;border:1px solid #b45309;border-radius:8px;color:#fcd34d;font-size:.9rem;line-height:1.4;font-weight:500}.credentials-box{padding:1rem;background:#0f172a;border-radius:8px;border:1px solid #334155}.credential-row{margin-bottom:1rem}.credential-row:last-of-type{margin-bottom:1rem}.credential-label{display:block;font-size:.8rem;color:#94a3b8;margin-bottom:.25rem}.credential-value{display:flex;align-items:center;gap:.5rem}.credential-value code{flex:1;padding:.5rem .75rem;background:#1e293b;border-radius:6px;font-size:.95rem;word-break:break-all}.copy-btn{padding:.5rem .75rem;border:1px solid #475569;border-radius:6px;background:#334155;color:#e2e8f0;font-size:.85rem;cursor:pointer;flex-shrink:0}.copy-btn:hover{background:#475569}.copy-both-btn{width:100%;padding:.6rem 1rem;margin-top:.25rem;border:1px solid #3b82f6;border-radius:6px;background:#3b82f626;color:#93c5fd;font-size:.9rem;cursor:pointer}.copy-both-btn:hover{background:#3b82f640}.copied-hint{margin:1rem 0 0;color:#86efac;font-size:.85rem}.users-list-card h2{margin:0 0 1rem;font-size:1.15rem;font-weight:600}.users-loading,.users-empty{margin:0;color:#94a3b8;font-size:.9rem}.users-table-wrap{overflow-x:auto}.users-table{width:100%;border-collapse:collapse;font-size:.9rem}.users-table th,.users-table td{padding:.6rem .75rem;text-align:left;border-bottom:1px solid #334155}.users-table th{color:#94a3b8;font-weight:500}.users-table tbody tr:hover{background:#3341554d}.edit-user-btn{padding:.4rem .75rem;border:1px solid #475569;border-radius:6px;background:#334155;color:#e2e8f0;font-size:.85rem;cursor:pointer}.edit-user-btn:hover{background:#475569}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal-card{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:1.5rem;max-width:480px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.modal-header h2{margin:0;font-size:1.2rem}.modal-close{background:none;border:none;color:#94a3b8;font-size:1.5rem;line-height:1;cursor:pointer;padding:.25rem}.modal-close:hover{color:#e2e8f0}.modal-card label{display:block;margin-bottom:1rem;font-size:.9rem;font-weight:500;color:#cbd5e1}.modal-card input[type=text],.modal-card input[type=email],.modal-card select{display:block;width:100%;margin-top:.35rem;padding:.6rem .75rem;border:1px solid #334155;border-radius:8px;background:#0f172a;color:#e2e8f0;font-size:1rem}.modal-card .checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.modal-card .checkbox-label input{width:auto;margin:0}.modal-actions{display:flex;gap:.75rem;margin-top:1.25rem}.modal-actions button{padding:.6rem 1rem;border-radius:8px;font-size:.95rem;cursor:pointer}.modal-actions button[type=submit],.modal-actions button:not(.btn-secondary){border:none;background:#3b82f6;color:#fff}.modal-actions button[type=submit]:hover:not(:disabled),.modal-actions button:not(.btn-secondary):hover{background:#2563eb}.modal-actions .btn-secondary{background:transparent;border:1px solid #475569;color:#94a3b8}.modal-actions .btn-secondary:hover{background:#1e293b;color:#e2e8f0}.edit-password-box .modal-actions{margin-top:1rem}.payroll-unlock-form label{display:block;margin-bottom:1rem;font-size:.9rem;font-weight:500;color:#cbd5e1}.payroll-unlock-form input{display:block;width:100%;max-width:280px;margin-top:.35rem;padding:.6rem .75rem;border:1px solid #334155;border-radius:8px;background:#0f172a;color:#e2e8f0;font-size:1rem}.payroll-unlock-form button{margin-top:.5rem;padding:.6rem 1rem;border:none;border-radius:8px;background:#3b82f6;color:#fff;font-size:1rem;cursor:pointer}.payroll-unlock-form button:hover:not(:disabled){background:#2563eb}.payroll-unlock-form button:disabled{opacity:.7;cursor:not-allowed}.payroll-actions{margin-bottom:1rem}.payroll-amount{font-variant-numeric:tabular-nums}.payroll-method-section{margin-top:1.5rem}.payroll-method-section:first-of-type{margin-top:0}.payroll-method-title{margin:0 0 .75rem;font-size:1.05rem;font-weight:600;color:#e2e8f0}.payroll-checkbox-col{width:2.5rem;text-align:center;vertical-align:middle}.payroll-checkbox-col input{cursor:pointer}.payroll-actions-row{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.75rem}.payroll-csv-btn,.payroll-run-btn{padding:.5rem 1rem;border-radius:8px;font-size:.9rem;cursor:pointer}.payroll-csv-btn{border:1px solid #475569;background:#334155;color:#e2e8f0}.payroll-csv-btn:hover{background:#475569}.payroll-run-btn{border:none;background:#059669;color:#fff}.payroll-run-btn:hover:not(:disabled){background:#047857}.payroll-run-btn:disabled{opacity:.5;cursor:not-allowed}.status-badge{display:inline-block;padding:.25rem .5rem;border-radius:6px;font-size:.8rem;font-weight:500}.status-badge.status-active{background:#22c55e33;color:#86efac}.status-badge.status-suspended{background:#ef444433;color:#fca5a5}.status-btn{padding:.35rem .65rem;border-radius:6px;font-size:.85rem;cursor:pointer;border:none}.status-btn:disabled{opacity:.6;cursor:not-allowed}.status-btn-suspend{background:#ef444433;color:#fca5a5}.status-btn-suspend:hover:not(:disabled){background:#ef444459}.status-btn-activate{background:#22c55e33;color:#86efac}.status-btn-activate:hover:not(:disabled){background:#22c55e59}.payroll-grand-total{margin:1.5rem 0 0;padding-top:1rem;border-top:1px solid #334155;font-size:1rem}