:root{--sidebar:#111827;--sidebar-hover:#1e3a8a;--background:#f3f4f6;--card:#fff;--text:#111827;--primary:#2563eb;--success:#16a34a;--danger:#dc2626}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--background);font-family:Arial,Helvetica,sans-serif}.admin-layout{min-height:100vh;display:flex}.sidebar{background:var(--sidebar);color:#fff;flex-direction:column;width:260px;display:flex}.logo{border-bottom:1px solid #ffffff1a;padding:30px;font-size:28px;font-weight:700}.menu{padding:20px}.menu a{color:#d1d5db;border-radius:10px;margin-bottom:8px;padding:14px;text-decoration:none;display:block}.menu a:hover{background:var(--sidebar-hover);color:#fff}.content{flex:1}.topbar{background:#fff;border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;height:70px;padding:0 30px;display:flex}.page{padding:30px}.card{color:#111827;background:#fff;border:none;border-radius:18px;box-shadow:0 4px 15px #0000000d}.card h1{font-size:42px;font-weight:700}.card h6{text-transform:uppercase;font-size:14px}.badge{font-size:13px}.card{transition:all .3s}.card:hover{transform:translateY(-5px)}:root{--login-bg:#070b14;--login-card:#141c2df0;--login-primary:#2f80ed;--login-primary-hover:#1f6fd7;--login-text:#fff;--login-muted:#98a6c1}*{box-sizing:border-box}body{min-height:100vh;color:var(--login-text);background:radial-gradient(circle at 85% 5%,#2f80ed38,#0000 35%),radial-gradient(circle at 10% 100%,#2563eb24,#0000 34%),linear-gradient(145deg,#070b14,#111a2d 55%,#17233a);margin:0;font-family:Inter,Arial,Helvetica,sans-serif}.login-page{justify-content:center;align-items:center;width:100%;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.login-glow{filter:blur(8px);pointer-events:none;border-radius:999px;position:absolute}.login-glow-one{background:#2f80ed1f;width:440px;height:440px;top:-180px;right:-140px}.login-glow-two{background:#2563eb17;width:480px;height:480px;bottom:-220px;left:-160px}.login-card{z-index:1;background:var(--login-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #ffffff14;border-radius:20px;width:min(420px,100%);padding:44px;position:relative;box-shadow:0 28px 80px #0000007a}.admin-login .login-card{width:min(460px,100%)}.login-brand{align-items:center;gap:13px;margin-bottom:40px;display:flex}.login-brand-mark{color:#fff;letter-spacing:.03em;background:linear-gradient(145deg,#3b8ef4,#1d5ec7);border-radius:14px;flex:0 0 50px;place-items:center;width:50px;height:50px;font-size:16px;font-weight:800;display:grid;box-shadow:0 12px 28px #2f80ed47}.login-brand strong,.login-brand small{display:block}.login-brand strong{letter-spacing:.06em;font-size:20px}.login-brand strong span{color:var(--login-primary)}.login-brand small{color:var(--login-muted);margin-top:4px;font-size:12px}.login-heading{margin-bottom:28px}.login-heading h1{color:#fff;margin:6px 0 10px;font-size:clamp(28px,6vw,36px);font-weight:800;line-height:1.12}.admin-login .login-brand strong,.admin-login .form-group label{color:#fff}.login-heading>p:last-child{color:var(--login-muted);margin:0;font-size:14px;line-height:1.55}.login-eyebrow{color:#60a5fa;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:11px;font-weight:800}.logo{text-align:center;margin-bottom:36px}.client-login-logo{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;width:min(100%,280px);height:120px;margin:0 auto 14px;display:block}.logo h1{letter-spacing:2px;margin:0;font-size:38px}.logo h1 span{color:var(--login-primary)}.logo p{color:var(--login-muted);margin:10px 0 0}.form-group{margin-bottom:20px}.form-group label{margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-group input{color:#fff;background:#0d1423;border:1px solid #ffffff14;border-radius:11px;outline:0;width:100%;height:52px;padding:0 15px;font-size:16px;transition:border-color .2s,box-shadow .2s}.login-input{align-items:center;display:flex;position:relative}.login-input>span{z-index:1;color:#71809a;pointer-events:none;font-size:13px;font-weight:700;position:absolute;left:16px}.login-input input{padding-left:43px;padding-right:65px}.password-toggle{color:#75aef5;cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:700;position:absolute;right:13px}.form-group input:focus{border-color:var(--login-primary);box-shadow:0 0 0 3px #2f80ed2e}.form-group input::placeholder{color:#66728a}.remember{color:var(--login-muted);align-items:center;gap:9px;margin:22px 0;font-size:14px;display:flex}.remember input{accent-color:var(--login-primary)}.btn-login{background:var(--login-primary);color:#fff;cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;gap:10px;width:100%;height:52px;font-size:17px;font-weight:700;transition:background .2s,transform .2s;display:flex}.btn-login span{font-size:20px;line-height:1}.btn-login:hover{background:var(--login-primary-hover);transform:translateY(-1px)}.login-error{color:#fecaca;background:#dc262626;border:1px solid #f8717147;border-radius:10px;margin-top:-4px;padding:12px 14px;font-size:14px}.footer{color:var(--login-muted);text-align:center;margin-top:28px;font-size:13px}@media (width<=520px){.login-card{padding:32px 24px}.logo h1{font-size:30px}.client-login-logo{width:min(100%,240px);height:105px}}.hb-resume-overlay{z-index:999999;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;background:#000000a6;justify-content:center;align-items:center;transition:all .25s;display:flex;position:fixed;inset:0}.hb-resume-overlay.show{opacity:1}.hb-resume-backdrop{filter:blur(35px);opacity:.18;background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.15)}.hb-resume-card{background:#121620f0;border:1px solid #ffffff14;border-radius:28px;grid-template-columns:280px 1fr;gap:40px;width:min(900px,92vw);padding:40px;animation:.28s hbResume;display:grid;position:relative;box-shadow:0 25px 70px #0000008c}@keyframes hbResume{0%{opacity:0;transform:translateY(35px)scale(.97)}to{opacity:1;transform:none}}.hb-resume-poster{border-radius:18px;width:100%;box-shadow:0 15px 45px #00000073}.hb-resume-info{flex-direction:column;justify-content:center;display:flex}.hb-resume-info h2{color:#fff;margin:0 0 15px;font-size:2.2rem}.hb-resume-info p{color:#d6d6d6;margin-bottom:20px;font-size:1.1rem}.hb-progress{background:#2d3446;border-radius:20px;height:8px;margin-bottom:12px;overflow:hidden}.hb-progress-fill{background:linear-gradient(90deg,#2d7cff,#5aa7ff);border-radius:20px;width:0;height:100%}.hb-resume-info small{color:#9ca7bc;margin-bottom:28px}.hb-resume-actions{flex-wrap:wrap;gap:18px;display:flex}.hb-btn{cursor:pointer;border:none;border-radius:14px;padding:15px 34px;font-size:1rem;font-weight:700;transition:all .25s}.hb-btn-primary{color:#fff;background:#2d7cff}.hb-btn-primary:hover{background:#4f92ff;transform:translateY(-2px)}.hb-btn.restart{color:#fff;background:#303748}.hb-btn.restart:hover{background:#424c63;transform:translateY(-2px)}@media (width<=800px){.hb-resume-card{grid-template-columns:1fr;gap:25px;padding:28px}.hb-resume-poster{max-width:230px;margin:auto}}