:root{--apv-teal:#5bc0de;--apv-teal-dark:#2fa8d0;--apv-teal-light:#e8f8fd;--apv-teal-border:#b3e6f5;--apv-green:#a4d65e;--apv-green-dark:#7db83a;--apv-green-light:#f1f9e8;--primary:#5bc0de;--primary-dark:#2fa8d0;--primary-blue:#5bc0de;--primary-green:#a4d65e;--light-blue:#e8f8fd;--light-green:#f1f9e8;--success:#a4d65e;--warning:#f4a623;--danger:#e5534b;--info:#5bc0de;--white:#fff;--surface:#fafbff;--ink:#12172b;--slate:#3d4966;--muted:#8794b0;--border:#dde3f0;--border-light:#eef1f9;--gray-50:#fafbff;--gray-100:#eef1f9;--gray-200:#dde3f0;--gray-300:#c8d0e4;--gray-400:#a0aecb;--gray-500:#8794b0;--gray-600:#3d4966;--gray-700:#12172b;--gray-800:#0a0f1c;--shadow-sm:0 1px 4px #12172b0f;--shadow-md:0 4px 12px #12172b17;--shadow-lg:0 10px 30px #12172b1f;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background-color:var(--surface);color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}.app{min-height:100vh}.loading-container{background:linear-gradient(135deg, var(--apv-teal-light) 0%, var(--apv-green-light) 100%);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;height:100vh;display:flex}.loading-spinner{border:3px solid var(--border);border-top-color:var(--apv-teal);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-container{background:linear-gradient(145deg, var(--apv-teal-light) 0%, var(--apv-green-light) 60%, #fff 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-form{background:var(--white);border-radius:var(--radius-xl);width:100%;max-width:440px;box-shadow:var(--shadow-lg);border:1px solid var(--border);text-align:center;padding:3rem 2.75rem}.login-logo{width:160px;height:auto;margin:0 auto 1.5rem;display:block}.login-form h2{color:var(--ink);letter-spacing:-.4px;margin-bottom:.4rem;font-size:1.6rem;font-weight:800}.login-form>p{color:var(--muted);margin-bottom:1.75rem;font-size:.95rem}.login-form form{text-align:left;flex-direction:column;gap:1.25rem;display:flex}.login-form label{color:var(--slate);margin-bottom:.4rem;font-size:.875rem;font-weight:600;display:block}.login-form input{border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:100%;color:var(--ink);padding:.875rem 1rem;font-size:1rem;transition:all .2s}.login-form input:focus{border-color:var(--apv-teal);background:#fff;outline:none;box-shadow:0 0 0 3px #5bc0de26}.login-form button[type=submit]{background:linear-gradient(135deg, var(--apv-teal) 0%, var(--apv-teal-dark) 100%);color:#fff;border-radius:var(--radius-md);cursor:pointer;letter-spacing:.2px;border:none;width:100%;padding:.9rem;font-size:1rem;font-weight:700;transition:transform .15s,box-shadow .15s}.login-form button[type=submit]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #5bc0de59}.login-form button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.error-message{border:1px solid var(--danger);color:var(--danger);border-radius:var(--radius-md);text-align:left;background:#fff0ef;margin-bottom:1rem;padding:.875rem 1rem;font-size:.875rem}.dashboard-header{background:var(--white);border-bottom:3px solid var(--apv-teal);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 2rem;display:flex}.dashboard-logo{width:auto;height:46px}.dashboard-header-content h1{color:var(--apv-teal-dark);letter-spacing:-.3px;margin-bottom:.15rem;font-size:1.6rem;font-weight:800}.dashboard-header .user-info{color:var(--muted);font-size:.9rem}.header-actions{align-items:center;gap:1rem;display:flex}.nav-button,.logout-button{border-radius:var(--radius-md);cursor:pointer;border:none;padding:.625rem 1.2rem;font-size:.875rem;font-weight:600;transition:all .15s}.nav-button{background:var(--gray-100);color:var(--slate)}.nav-button:hover{background:var(--gray-200);transform:translateY(-1px)}.logout-button{background:linear-gradient(135deg, var(--apv-teal), var(--apv-teal-dark));color:#fff}.logout-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #5bc0de4d}.dashboard-content{padding:2rem}.welcome-card{background:linear-gradient(135deg, var(--apv-teal-light), var(--apv-green-light));border-radius:var(--radius-lg);border:1px solid var(--apv-teal-border);margin-bottom:2rem;padding:2rem}.welcome-card h2{color:var(--apv-teal-dark);letter-spacing:-.3px;margin-bottom:.75rem;font-size:1.4rem;font-weight:800}.success-message{background:var(--apv-green-light);border:1px solid var(--apv-green);color:var(--apv-green-dark);border-radius:var(--radius-md);align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.875rem 1rem;font-size:.9rem;font-weight:600;display:flex}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;margin-top:1.5rem;display:grid}.dashboard-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border);cursor:pointer;text-align:center;padding:1.75rem;transition:all .2s}.dashboard-card:hover:not(.coming-soon){box-shadow:var(--shadow-md);border-color:var(--apv-teal);transform:translateY(-3px)}.card-icon{margin-bottom:.875rem;font-size:2.5rem}.dashboard-card h3{color:var(--apv-teal-dark);margin-bottom:.6rem;font-size:1.1rem;font-weight:700}.dashboard-card p{color:var(--muted);margin-bottom:1.25rem;font-size:.9rem}.card-action{color:var(--apv-teal);font-size:.9rem;font-weight:700}.dashboard-card.coming-soon{opacity:.55;cursor:default}.points-header{margin-bottom:1.75rem}.points-header h2{color:var(--ink);letter-spacing:-.3px;font-size:1.6rem;font-weight:800}.points-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;margin-bottom:1.75rem;display:grid}.stat-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--border);text-align:center;border-left:4px solid var(--apv-teal);box-shadow:var(--shadow-sm);padding:1.4rem}.stat-card.danger{border-left-color:var(--danger)}.stat-card.success{border-left-color:var(--apv-green)}.employee-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;display:grid}.employee-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--border);cursor:pointer;box-shadow:var(--shadow-sm);padding:1.4rem;transition:all .2s}.employee-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.employee-card.warning{border-left:4px solid var(--warning)}.employee-card.danger{border-left:4px solid var(--danger)}.employee-card.good{border-left:4px solid var(--apv-green)}.point-badge{background:var(--gray-100);color:var(--slate);border-radius:20px;padding:.2rem .7rem;font-size:.875rem;font-weight:700}.admin-section{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border);margin-bottom:1.5rem;padding:2rem}.admin-section h3{color:var(--ink);margin-bottom:.4rem;font-weight:700}.section-description{color:var(--muted);margin-bottom:1.4rem;font-size:.9rem}.add-employee-form{max-width:520px}.form-group input{border:1.5px solid var(--border);border-radius:var(--radius-md);width:100%;padding:.875rem 1rem;font-size:.95rem;transition:border .15s}.form-group input:focus{border-color:var(--apv-teal);outline:none;box-shadow:0 0 0 3px #5bc0de1f}.add-employee-form button{background:linear-gradient(135deg, var(--apv-teal), var(--apv-teal-dark));color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;padding:.875rem 2rem;font-weight:700;transition:all .15s}.add-employee-form button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #5bc0de4d}.employee-table{border-collapse:collapse;width:100%;margin-top:1rem}.employee-table th{background:var(--apv-teal-light);color:var(--apv-teal-dark);text-align:left;text-transform:uppercase;letter-spacing:.6px;border-bottom:2px solid var(--apv-teal-border);padding:.875rem 1rem;font-size:.8rem;font-weight:700}.employee-table td{border-bottom:1px solid var(--border-light);padding:.875rem 1rem}.employee-table tr:hover{background:var(--surface)}.employee-table .code-cell{color:var(--apv-teal-dark);letter-spacing:2px;font-family:Courier New,monospace;font-size:1rem;font-weight:800}.modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#12172b73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--radius-xl);width:100%;max-width:720px;box-shadow:var(--shadow-lg);background:#fff}.modal-header{background:linear-gradient(135deg, var(--apv-teal-light), var(--apv-green-light));border-bottom:1px solid var(--border);border-radius:var(--radius-xl) var(--radius-xl) 0 0;justify-content:space-between;align-items:flex-start;padding:1.5rem 2rem;display:flex}.modal-close{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:1.5rem;line-height:1}.modal-close:hover{color:var(--ink)}.modal-body{max-height:60vh;padding:2rem;overflow-y:auto}@media (width<=768px){.dashboard-header{text-align:center;flex-direction:column}.dashboard-grid,.employee-grid{grid-template-columns:1fr}}