:root{--brand-primary:#007ad1;--brand-primary-dk:#005fa8;--brand-primary-lt:#e8f3fb;--brand-accent:#c8960c;--brand-accent-lt:#fff8e7;--brand-red:#c0392b;--bg:#f4f7fb;--bg-white:#fff;--surface:#fff;--surface-alt:#f0f5fa;--border:#dde5ef;--border-focus:#007ad1;--text-primary:#0d1829;--text-secondary:#445a72;--text-muted:#8a9bb0;--text-link:#007ad1;--shadow-sm:0 1px 3px #007ad112, 0 1px 2px #007ad10a;--shadow-md:0 4px 16px #007ad11c, 0 2px 6px #007ad10f;--shadow-lg:0 12px 40px #007ad124, 0 4px 12px #007ad112;--shadow-card:0 20px 60px #007ad121, 0 4px 16px #007ad10f;--r-sm:6px;--r-md:12px;--r-lg:18px;--r-xl:24px;--r-full:9999px;--tr-fast:.15s ease;--tr-base:.25s ease;--tr-slow:.4s cubic-bezier(.4,0,.2,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--text-primary);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.6}a{color:var(--text-link);transition:color var(--tr-fast);text-decoration:none}a:hover{color:var(--brand-primary-dk);text-decoration:underline}img{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:Inter,system-ui,sans-serif}svg{display:block}.alert-bar{background:linear-gradient(90deg, var(--brand-primary-dk) 0%, var(--brand-primary) 100%);color:#fff;z-index:100;padding:.55rem 1.5rem;position:relative;overflow:hidden}.alert-inner{align-items:center;gap:.75rem;max-width:1400px;margin:0 auto;display:flex}.alert-icon{color:#fff;flex-shrink:0;align-items:center;display:flex}.alert-ticker{white-space:nowrap;flex:1;overflow:hidden}.alert-ticker span{align-items:center;gap:.5rem;font-size:.82rem;font-weight:500;animation:42s linear infinite ticker;display:inline-flex}@keyframes ticker{0%{transform:translate(100%)}to{transform:translate(-100%)}}.alert-separator{color:#fff6;margin:0 .75rem;font-weight:300}.alert-close{color:#ffffffb3;width:26px;height:26px;transition:all var(--tr-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.alert-close:hover{color:#fff;background:#ffffff26}.site-header{background:var(--bg-white);border-bottom:2.5px solid var(--brand-primary);z-index:90;box-shadow:var(--shadow-sm);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:1.5rem;max-width:1400px;margin:0 auto;padding:.85rem 2rem;display:flex}.brand{align-items:center;gap:1rem;text-decoration:none;display:flex}.brand:hover{text-decoration:none}.brand-logo{border-radius:50%;flex-shrink:0;width:58px;height:58px;overflow:hidden;box-shadow:0 2px 8px #0000001f}.brand-logo img{object-fit:cover;width:100%;height:100%}.brand-text{flex-direction:column;gap:1px;display:flex}.brand-subtitle{color:var(--brand-accent);text-transform:uppercase;letter-spacing:.1em;font-size:.68rem;font-weight:700}.brand-title{color:var(--brand-primary);letter-spacing:-.01em;font-size:1.1rem;font-weight:800;line-height:1.2}.brand-tagline{color:var(--text-secondary);font-size:.7rem;font-weight:500}.header-nav{align-items:center;gap:.25rem;display:flex}.nav-link{color:var(--text-secondary);border-radius:var(--r-sm);transition:all var(--tr-base);padding:.5rem .9rem;font-size:.85rem;font-weight:500;text-decoration:none}.nav-link:hover{background:var(--brand-primary-lt);color:var(--brand-primary);text-decoration:none}.nav-btn-register{background:var(--brand-primary);color:#fff;border-radius:var(--r-full);transition:all var(--tr-base);margin-left:.5rem;padding:.55rem 1.25rem;font-size:.85rem;font-weight:600;box-shadow:0 2px 8px #007ad14d}.nav-btn-register:hover{background:var(--brand-primary-dk);transform:translateY(-1px);box-shadow:0 4px 14px #007ad166}.hamburger{flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:4px;display:none}.mobile-nav{border-top:1px solid var(--border);flex-direction:column;gap:.25rem;padding:.75rem 2rem;display:none}.mobile-nav.open{display:flex}.mobile-nav-link{color:var(--text-secondary);border-radius:var(--r-sm);transition:all var(--tr-fast);padding:.65rem .75rem;font-size:.9rem;font-weight:500;text-decoration:none}.mobile-nav-link:hover{background:var(--brand-primary-lt);color:var(--brand-primary);text-decoration:none}.mobile-register{text-align:center;margin-top:.25rem;background:var(--brand-primary)!important;color:#fff!important;border-radius:var(--r-full)!important;font-weight:600!important}.mobile-register:hover{background:var(--brand-primary-dk)!important}.main-layout{grid-template-columns:1fr 490px;align-items:start;gap:3.5rem;max-width:1400px;min-height:calc(100vh - 200px);margin:0 auto;padding:2.5rem 2rem;display:grid}.left-panel{padding:2rem 0;position:relative}.welcome-badge{background:var(--brand-primary-lt);color:var(--brand-primary);border-radius:var(--r-full);letter-spacing:.06em;text-transform:uppercase;border:1px solid #007ad133;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.4rem 1rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge-dot{background:#22c55e;border-radius:50%;width:7px;height:7px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}.left-heading{color:var(--text-primary);letter-spacing:-.025em;margin-bottom:1.25rem;font-size:clamp(2rem,3.5vw,2.75rem);font-weight:800;line-height:1.15}.left-heading em{color:var(--brand-primary);font-style:normal}.left-desc{color:var(--text-secondary);max-width:520px;margin-bottom:2.5rem;font-size:.98rem;font-weight:400;line-height:1.8}.stats-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2.5rem;display:grid}.stat-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--r-lg);text-align:center;box-shadow:var(--shadow-sm);transition:all var(--tr-base);padding:1.25rem .85rem}.stat-card:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-md);transform:translateY(-3px)}.stat-num{color:var(--brand-primary);letter-spacing:-.02em;margin-bottom:.4rem;font-size:1.6rem;font-weight:800;line-height:1;display:block}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:600}.features-list{flex-direction:column;gap:.85rem;display:flex}.feature-item{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--r-md);transition:all var(--tr-base);cursor:default;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;display:flex}.feature-item:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-md);transform:translate(5px)}.feature-icon{background:var(--brand-primary-lt);width:42px;height:42px;color:var(--brand-primary);border-radius:var(--r-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.feature-text{flex-direction:column;gap:2px;display:flex}.feature-text strong{color:var(--text-primary);font-size:.9rem;font-weight:700}.feature-text span{color:var(--text-secondary);font-size:.81rem;font-weight:400}.panel-decoration{pointer-events:none;z-index:-1;position:absolute;inset:0;overflow:hidden}.deco-circle{opacity:.04;background:var(--brand-primary);border-radius:50%;position:absolute}.deco-c1{width:400px;height:400px;top:-120px;right:-80px}.deco-c2{width:250px;height:250px;bottom:40px;left:-100px}.deco-line{background:linear-gradient(90deg,#0000,#007ad10f,#0000);height:1px;position:absolute}.deco-l1{width:80%;top:35%;left:0}.deco-l2{width:60%;bottom:30%;right:0}.right-panel{flex-direction:column;gap:1.25rem;display:flex}.login-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-card);overflow:hidden}.card-header{background:linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-dk) 100%);text-align:center;padding:2rem 2rem 1.75rem;position:relative;overflow:hidden}.card-header:before{content:"";background:#ffffff0f;border-radius:50%;width:200px;height:200px;position:absolute;top:-50px;right:-50px}.card-header:after{content:"";background:#ffffff0a;border-radius:50%;width:220px;height:220px;position:absolute;bottom:-60px;left:-30px}.card-emblem{z-index:1;background:#fff;border:3px solid #ffffff80;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;margin:0 auto 1rem;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #00000040}.card-emblem img{object-fit:cover;width:100%;height:100%}.card-title{color:#fff;z-index:1;letter-spacing:-.02em;margin-bottom:.3rem;font-size:1.4rem;font-weight:800;position:relative}.card-subtitle{color:#ffffffc7;z-index:1;font-size:.83rem;font-weight:400;position:relative}.login-tabs{border-bottom:1px solid var(--border);display:flex}.tab-btn{color:var(--text-secondary);background:var(--surface-alt);transition:all var(--tr-base);border-bottom:2.5px solid #0000;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.9rem;font-size:.84rem;font-weight:600;display:flex}.tab-btn:hover{background:var(--brand-primary-lt);color:var(--brand-primary)}.tab-btn.active{background:var(--bg-white);color:var(--brand-primary);border-bottom-color:var(--brand-primary)}.tab-panel{padding:1.75rem 2rem;display:none}.tab-panel.active{display:block}.login-form{flex-direction:column;gap:1.1rem;display:flex}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-label{color:var(--text-primary);letter-spacing:.01em;align-items:center;gap:.4rem;font-size:.8rem;font-weight:700;display:flex}.label-icon{color:var(--brand-primary);align-items:center;display:flex}.input-wrapper{align-items:center;display:flex;position:relative}.form-input{width:100%;color:var(--text-primary);background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r-md);transition:all var(--tr-base);outline:none;padding:.78rem 2.5rem .78rem .95rem;font-family:Inter,system-ui,sans-serif;font-size:.9rem;font-weight:400}.form-input:focus{border-color:var(--brand-primary);background:var(--bg-white);box-shadow:0 0 0 3px #007ad11f}.form-input::placeholder{color:var(--text-muted);font-weight:400}.form-input.error{border-color:var(--brand-red)}.form-input.error:focus{box-shadow:0 0 0 3px #c0392b1a}.form-input.success{border-color:#22c55e}.input-prefix{color:var(--text-secondary);pointer-events:none;z-index:1;font-size:.85rem;font-weight:600;position:absolute;left:.9rem}.with-prefix{padding-left:3.1rem!important}.input-clear{color:var(--text-muted);cursor:pointer;transition:all var(--tr-fast);border-radius:50%;align-items:center;padding:.2rem;display:flex;position:absolute;right:.75rem}.input-clear:hover{background:var(--border);color:var(--text-primary)}.toggle-pw{border-radius:var(--r-sm);width:30px;height:30px;color:var(--text-muted);transition:all var(--tr-fast);justify-content:center;align-items:center;display:flex;position:absolute;right:.65rem}.toggle-pw:hover{background:var(--surface-alt);color:var(--brand-primary)}.form-error{color:var(--brand-red);align-items:center;gap:.3rem;min-height:1rem;font-size:.76rem;font-weight:500;display:flex}.captcha-row{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.captcha-display{border:1.5px dashed var(--brand-primary);border-radius:var(--r-md);letter-spacing:.25em;height:54px;color:var(--brand-primary);-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#e8f0f8 20%,#d4e5f5 80%);flex:1;justify-content:center;align-items:center;gap:.15rem;font-family:Courier New,monospace;font-size:1.4rem;font-weight:900;display:flex;position:relative;overflow:hidden}.captcha-display:before{content:"";background:repeating-linear-gradient(45deg,#0000,#0000 10px,#007ad10a 10px 20px);position:absolute;inset:0}.captcha-char{z-index:1;display:inline-block;position:relative}.captcha-refresh{border-radius:var(--r-md);background:var(--brand-primary-lt);width:44px;height:44px;color:var(--brand-primary);transition:all var(--tr-base);flex-shrink:0;justify-content:center;align-items:center;display:flex}.captcha-refresh:hover{background:var(--brand-primary);color:#fff;transform:rotate(180deg)}.options-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.checkbox-label{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;font-size:.82rem;font-weight:500;display:flex}.checkbox-label input[type=checkbox]{display:none}.checkmark{border:2px solid var(--border);width:16px;height:16px;transition:all var(--tr-base);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.checkbox-label input:checked+.checkmark{background:var(--brand-primary);border-color:var(--brand-primary)}.checkbox-label input:checked+.checkmark:after{content:"";border:2px solid #fff;border-top:none;border-left:none;width:4px;height:7px;display:block;transform:rotate(45deg)translateY(-1px)}.forgot-link{color:var(--brand-primary);white-space:nowrap;font-size:.82rem;font-weight:600}.forgot-link:hover{text-decoration:underline}.btn-login{background:linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-dk) 100%);color:#fff;border-radius:var(--r-md);width:100%;transition:all var(--tr-slow);letter-spacing:.01em;justify-content:center;align-items:center;gap:.6rem;margin-top:.25rem;padding:.9rem 1.5rem;font-family:Inter,system-ui,sans-serif;font-size:.95rem;font-weight:700;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #007ad159}.btn-login:before{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-login:hover:before{left:100%}.btn-login:hover{transform:translateY(-2px);box-shadow:0 8px 28px #007ad173}.btn-login:active{transform:translateY(0)}.btn-login:disabled{opacity:.75;pointer-events:none}.btn-arrow{transition:transform var(--tr-base);font-size:1.1rem}.btn-login:hover .btn-arrow{transform:translate(4px)}.btn-spinner{border:2.5px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.or-divider{color:var(--text-muted);align-items:center;gap:1rem;font-size:.78rem;font-weight:500;display:flex}.or-divider:before,.or-divider:after{content:"";background:var(--border);flex:1;height:1px}.register-cta{justify-content:space-between;align-items:center;gap:1rem;display:flex}.register-cta p{color:var(--text-secondary);font-size:.85rem;font-weight:400}.btn-register{background:var(--brand-accent-lt);color:var(--brand-accent);border-radius:var(--r-md);transition:all var(--tr-base);border:1.5px solid #c8960c40;align-items:center;padding:.6rem 1.25rem;font-family:Inter,system-ui,sans-serif;font-size:.84rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-register:hover{background:var(--brand-accent);color:#fff;border-color:var(--brand-accent);text-decoration:none;transform:translateY(-1px)}.otp-verify-section{flex-direction:column;gap:0;display:flex}.otp-label{color:var(--text-secondary);text-align:center;margin-bottom:1rem;font-size:.82rem;font-weight:500}.otp-boxes{justify-content:center;gap:.6rem;margin-bottom:1rem;display:flex}.otp-box{text-align:center;border:1.5px solid var(--border);border-radius:var(--r-md);background:var(--bg);width:46px;height:54px;color:var(--text-primary);transition:all var(--tr-base);caret-color:var(--brand-primary);outline:none;font-family:Inter,system-ui,sans-serif;font-size:1.3rem;font-weight:700}.otp-box:focus{border-color:var(--brand-primary);background:var(--bg-white);transform:scale(1.05);box-shadow:0 0 0 3px #007ad11f}.otp-box.filled{border-color:var(--brand-primary);background:var(--brand-primary-lt);color:var(--brand-primary)}.otp-timer-row{justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.81rem;display:flex}.otp-timer{color:var(--text-secondary);font-weight:400}.otp-timer strong{color:var(--brand-primary);font-weight:700}.resend-btn{color:var(--brand-primary);transition:all var(--tr-fast);border-radius:var(--r-sm);padding:.2rem .5rem;font-family:Inter,system-ui,sans-serif;font-size:.82rem;font-weight:700}.resend-btn:disabled{opacity:.35;cursor:not-allowed}.resend-btn:not(:disabled):hover{background:var(--brand-primary-lt)}.card-footer{border-top:1px solid var(--border);background:var(--surface-alt);padding:1.25rem 2rem 1.75rem}.secure-badges{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:.85rem;display:flex}.secure-badge{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--r-full);color:var(--text-secondary);align-items:center;gap:.35rem;padding:.3rem .7rem;font-size:.72rem;font-weight:600;display:inline-flex}.secure-badge svg{color:var(--brand-primary)}.card-footer-text{color:var(--text-muted);text-align:center;font-size:.74rem;font-weight:400;line-height:1.8}.card-footer-text strong{color:var(--text-secondary);font-weight:700}.quick-links{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.quick-link{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text-secondary);transition:all var(--tr-base);box-shadow:var(--shadow-sm);align-items:center;gap:.65rem;padding:.85rem 1rem;font-size:.82rem;font-weight:600;text-decoration:none;display:flex}.quick-link-icon{color:var(--brand-primary);align-items:center;display:flex}.quick-link:hover{border-color:var(--brand-primary);color:var(--brand-primary);background:var(--brand-primary-lt);box-shadow:var(--shadow-md);text-decoration:none;transform:translateY(-2px)}.site-footer{color:#ffffffbf;background:#0a1628;margin-top:auto}.footer-inner{grid-template-columns:repeat(4,1fr);gap:2.5rem;max-width:1400px;margin:0 auto;padding:3rem 2rem 2rem;display:grid}.footer-col h3{color:#fff;border-bottom:1px solid #ffffff1a;margin-bottom:1rem;padding-bottom:.5rem;font-size:.88rem;font-weight:700}.footer-col p{font-size:.82rem;font-weight:400;line-height:1.8}.footer-col ul{flex-direction:column;gap:.5rem;list-style:none;display:flex}.footer-col li{align-items:center;gap:.4rem;font-size:.82rem;display:flex}.footer-col a{color:#ffffffa6;transition:color var(--tr-fast);font-weight:400}.footer-col a:hover{color:#fff;text-decoration:none}.footer-contact-icon{color:var(--brand-primary);flex-shrink:0;align-items:center;display:flex}.footer-bottom{text-align:center;border-top:1px solid #ffffff14;padding:1.25rem 2rem}.footer-bottom p{color:#fff6;max-width:1400px;margin:0 auto;font-size:.74rem;font-weight:400}.footer-bottom a{color:#ffffff8c}.footer-bottom a:hover{color:#fff;text-decoration:none}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:.75rem;display:flex;position:fixed;top:1.5rem;right:1.5rem}.toast{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-lg);pointer-events:all;border-left:3px solid var(--brand-primary);align-items:flex-start;gap:.75rem;min-width:310px;max-width:390px;padding:1rem 1.25rem;animation:.3s toastIn;display:flex}.toast.error{border-left-color:var(--brand-red)}.toast.success{border-left-color:#22c55e}.toast.warning{border-left-color:var(--brand-accent)}@keyframes toastIn{0%{opacity:0;transform:translate(110%)}to{opacity:1;transform:translate(0)}}@keyframes toastOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(110%)}}.toast.removing{animation:.3s forwards toastOut}.toast-icon{flex-shrink:0;align-items:center;margin-top:1px;display:flex}.toast-body{flex:1}.toast-title{color:var(--text-primary);margin-bottom:2px;font-size:.84rem;font-weight:700}.toast-msg{color:var(--text-secondary);font-size:.78rem;font-weight:400;line-height:1.5}.toast-close-btn{color:var(--text-muted);transition:all var(--tr-fast);border-radius:4px;flex-shrink:0;align-items:center;padding:2px;display:flex}.toast-close-btn:hover{background:var(--border);color:var(--text-primary)}@media (width<=1100px){.main-layout{grid-template-columns:1fr;gap:2rem;max-width:560px}.left-panel{display:none}.footer-inner{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.header-inner{padding:.75rem 1rem}.header-nav{display:none}.hamburger{display:flex}.brand-title{font-size:.95rem}.main-layout{padding:1.5rem 1rem}.login-card{border-radius:var(--r-lg)}.tab-panel{padding:1.25rem}.footer-inner{grid-template-columns:1fr 1fr;gap:1.5rem;padding:2rem 1rem}}@media (width<=480px){.brand-tagline{display:none}.footer-inner{grid-template-columns:1fr}.otp-box{width:40px;height:46px}.register-cta{text-align:center;flex-direction:column}}.login-error-banner{border:1px solid #fecaca;border-left:3px solid var(--brand-red);border-radius:var(--r-md);color:#b91c1c;background:#fef2f2;align-items:flex-start;gap:.6rem;padding:.85rem 1rem;font-size:.83rem;font-weight:500;animation:.3s fadeSlideIn;display:flex}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dash-shell{background:var(--bg);min-height:100vh;display:flex;position:relative}.sidebar-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:110;opacity:0;pointer-events:none;background:#0a162873;transition:opacity .3s;position:fixed;inset:0}.sidebar-overlay.visible{opacity:1;pointer-events:all}.dash-sidebar{border-right:1px solid var(--border);z-index:120;background:#fff;flex-direction:column;width:272px;transition:transform .32s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden;transform:translate(-100%);box-shadow:4px 0 24px #007ad11a}.dash-sidebar.open{transform:translate(0)}.sidebar-header{border-bottom:1px solid var(--border);background:var(--brand-primary);flex-shrink:0;justify-content:space-between;align-items:center;padding:.9rem 1rem .9rem 1.1rem;display:flex}.sidebar-brand{align-items:center;gap:.75rem;text-decoration:none;display:flex}.sidebar-brand:hover{text-decoration:none}.sidebar-logo{border:2px solid #fff6;border-radius:50%;flex-shrink:0;width:38px;height:38px;overflow:hidden}.sidebar-logo img{object-fit:cover;width:100%;height:100%}.sidebar-brand-text{flex-direction:column;gap:1px;display:flex}.sidebar-brand-title{color:#fff;letter-spacing:-.01em;font-size:.9rem;font-weight:800}.sidebar-brand-sub{color:#ffffffa6;font-size:.62rem;font-weight:500}.sidebar-close-btn{border-radius:var(--r-sm);color:#fffc;width:30px;height:30px;transition:all var(--tr-fast);background:#ffffff1f;border:1px solid #fff3;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-close-btn:hover{color:#fff;background:#ffffff40}.sidebar-user{border-bottom:1px solid var(--border);background:var(--surface-alt);flex-shrink:0;align-items:center;gap:.75rem;padding:.85rem 1.1rem;display:flex}.sidebar-avatar{background:linear-gradient(135deg, var(--brand-primary), var(--brand-primary-dk));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.78rem;font-weight:800;display:flex;box-shadow:0 2px 6px #007ad14d}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.83rem;font-weight:700;overflow:hidden}.sidebar-user-meta{flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:3px;display:flex}.sidebar-desg-badge{background:var(--brand-primary-lt);color:var(--brand-primary);letter-spacing:.04em;text-transform:uppercase;border-radius:3px;padding:.1rem .45rem;font-size:.6rem;font-weight:700}.sidebar-user-reg{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.64rem;overflow:hidden}.sidebar-online-dot{background:#22c55e;border:2px solid #fff;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 0 2px #22c55e40}.sidebar-nav{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;padding:.5rem 0 1rem;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.nav-group{flex-direction:column;display:flex}.nav-group-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:color var(--tr-fast);-webkit-user-select:none;user-select:none;text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;width:100%;padding:.6rem 1.1rem .4rem;font-family:Inter,system-ui,sans-serif;font-size:.67rem;font-weight:700;display:flex}.nav-group-label:hover{color:var(--brand-primary)}.nav-group-chevron{color:var(--text-muted);flex-shrink:0;align-items:center;margin-left:auto;transition:transform .25s;display:flex}.nav-group-chevron.open{transform:rotate(90deg)}.nav-group-items{opacity:0;flex-direction:column;max-height:0;transition:max-height .3s,opacity .25s;display:flex;overflow:hidden}.nav-group-items.expanded{opacity:1}.nav-item{color:var(--text-secondary);cursor:pointer;transition:all var(--tr-base);text-align:left;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:.7rem;width:100%;padding:.58rem 1.1rem .58rem 1.3rem;font-family:Inter,system-ui,sans-serif;font-size:.84rem;font-weight:500;display:flex;position:relative}.nav-item svg{color:var(--text-muted);transition:color var(--tr-fast);flex-shrink:0}.nav-item:hover{background:var(--brand-primary-lt);color:var(--brand-primary)}.nav-item:hover svg{color:var(--brand-primary)}.nav-item.active{color:var(--brand-primary);border-left-color:var(--brand-primary);background:#ebf5ff;font-weight:700}.nav-item.active svg{color:var(--brand-primary)}.nav-item.danger,.nav-item.danger svg{color:#dc2626}.nav-item.danger:hover{color:#b91c1c;background:#fef2f2}.nav-badge-ext{color:var(--brand-primary);letter-spacing:.04em;background:#eff6ff;border:1px solid #007ad133;border-radius:3px;flex-shrink:0;align-items:center;gap:.15rem;margin-left:auto;padding:.15rem .4rem;font-size:.55rem;font-weight:700;display:inline-flex}.nav-separator{background:var(--border);height:1px;margin:.4rem 1.1rem}.sidebar-footer{border-top:1px solid var(--border);flex-shrink:0;padding:.6rem 0 .4rem}.dash-main{flex-direction:column;flex:1;min-width:0;min-height:100vh;display:flex}.dash-topbar{background:var(--bg-white);border-bottom:1px solid var(--border);z-index:90;box-shadow:var(--shadow-sm);position:sticky;top:0}.dash-topbar-inner{justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 1.75rem;display:flex}.dash-topbar-left{align-items:center;gap:.85rem;display:flex}.dash-sidebar-toggle{border-radius:var(--r-sm);width:36px;height:36px;color:var(--text-secondary);background:var(--bg);border:1px solid var(--border);transition:all var(--tr-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.dash-sidebar-toggle:hover{background:var(--brand-primary-lt);color:var(--brand-primary);border-color:var(--brand-primary)}.dash-breadcrumb{color:var(--text-muted);align-items:center;gap:.35rem;font-size:.82rem;display:flex}.dash-breadcrumb-current{color:var(--text-primary);font-weight:700}.dash-topbar-right{align-items:center;gap:.75rem;display:flex}.topbar-icon-btn{width:36px;height:36px;color:var(--text-secondary);background:var(--bg);border:1px solid var(--border);transition:all var(--tr-base);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.topbar-icon-btn:hover{background:var(--brand-primary-lt);color:var(--brand-primary);border-color:var(--brand-primary)}.topbar-notif-dot{background:#ef4444;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px}.topbar-user-chip{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-full);cursor:pointer;transition:all var(--tr-base);align-items:center;gap:.5rem;padding:.35rem .8rem .35rem .35rem;display:flex;position:relative}.topbar-user-chip:hover{border-color:var(--brand-primary);background:var(--brand-primary-lt)}.topbar-avatar{background:linear-gradient(135deg, var(--brand-primary), var(--brand-primary-dk));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.7rem;font-weight:800;display:flex}.topbar-user-name{color:var(--text-primary);font-size:.8rem;font-weight:600}.topbar-chevron{color:var(--text-muted);align-items:center;transition:transform .2s;display:flex}.topbar-chevron.open{transform:rotate(180deg)}.user-dropdown{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);z-index:200;min-width:210px;animation:.2s fadeSlideIn;position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden}.dropdown-header{border-bottom:1px solid var(--border);padding:.85rem 1.1rem}.dropdown-header-name{color:var(--text-primary);font-size:.85rem;font-weight:700}.dropdown-header-email{color:var(--text-muted);font-size:.72rem}.dropdown-item{color:var(--text-secondary);cursor:pointer;transition:all var(--tr-fast);text-align:left;background:0 0;border:none;align-items:center;gap:.65rem;width:100%;padding:.7rem 1.1rem;font-family:Inter,system-ui,sans-serif;font-size:.83rem;font-weight:500;text-decoration:none;display:flex}.dropdown-item:hover{background:var(--brand-primary-lt);color:var(--brand-primary);text-decoration:none}.dropdown-item.logout{color:var(--brand-red)}.dropdown-item.logout:hover{background:#fef2f2}.dropdown-divider{background:var(--border);height:1px;margin:.25rem 0}.dash-content{flex-direction:column;flex:1;gap:1.75rem;padding:1.75rem 2rem 3rem;display:flex}.page-title-row{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.page-title{color:var(--text-primary);letter-spacing:-.02em;font-size:1.3rem;font-weight:800}.page-subtitle{color:var(--text-muted);margin-top:.25rem;font-size:.82rem}.welcome-banner{background:linear-gradient(120deg, var(--brand-primary) 0%, var(--brand-primary-dk) 55%, #003f70 100%);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);justify-content:space-between;align-items:center;gap:1.5rem;padding:2rem 2.5rem;display:flex;position:relative;overflow:hidden}.welcome-banner:before{content:"";background:#ffffff0d;border-radius:50%;width:300px;height:300px;position:absolute;top:-60px;right:-60px}.welcome-banner:after{content:"";background:#ffffff0a;border-radius:50%;width:250px;height:250px;position:absolute;bottom:-80px;left:30%}.welcome-text{z-index:1;position:relative}.welcome-greeting{color:#ffffffb3;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.3rem;font-size:.75rem;font-weight:700}.welcome-name{color:#fff;letter-spacing:-.025em;margin-bottom:0;font-size:1.7rem;font-weight:800}.welcome-tags{flex-wrap:wrap;align-items:center;gap:.55rem;margin-top:.55rem;display:flex}.welcome-tag{color:#ffffffe6;border-radius:var(--r-full);background:#ffffff24;align-items:center;gap:.3rem;padding:.26rem .7rem;font-size:.73rem;font-weight:600;display:inline-flex}.welcome-actions{z-index:1;flex-wrap:wrap;gap:.75rem;display:flex;position:relative}.wb-btn{border-radius:var(--r-md);cursor:pointer;transition:all var(--tr-base);white-space:nowrap;border:none;align-items:center;gap:.45rem;padding:.6rem 1.1rem;font-family:Inter,system-ui,sans-serif;font-size:.82rem;font-weight:700;text-decoration:none;display:flex}.wb-btn-primary{color:var(--brand-primary);background:#fff;box-shadow:0 2px 8px #0000002e}.wb-btn-primary:hover{color:var(--brand-primary);text-decoration:none;transform:translateY(-2px);box-shadow:0 4px 16px #00000038}.wb-btn-outline{color:#fff;background:#ffffff1f;border:1.5px solid #ffffff47}.wb-btn-outline:hover{color:#fff;background:#ffffff38;text-decoration:none}.stats-row{grid-template-columns:repeat(4,1fr);gap:1.1rem;display:grid}.dash-stat-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);transition:all var(--tr-base);align-items:flex-start;gap:.9rem;padding:1.2rem 1.35rem;display:flex}.dash-stat-card:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon-box{border-radius:var(--r-md);flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.stat-icon-box.blue{color:#2563eb;background:#eff6ff}.stat-icon-box.green{color:#16a34a;background:#f0fdf4}.stat-icon-box.amber{color:#d97706;background:#fffbeb}.stat-icon-box.purple{color:#7c3aed;background:#f5f3ff}.stat-card-body{flex-direction:column;gap:2px;display:flex}.stat-card-value{color:var(--text-primary);letter-spacing:-.02em;font-size:1.55rem;font-weight:800;line-height:1}.stat-card-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem;font-size:.7rem;font-weight:700}.stat-card-sub{color:var(--text-secondary);margin-top:.1rem;font-size:.72rem}.dash-grid{grid-template-columns:1fr 310px;align-items:start;gap:1.5rem;display:grid}.section-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);overflow:hidden}.section-card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.35rem;display:flex}.section-card-title{color:var(--text-primary);align-items:center;gap:.5rem;font-size:.88rem;font-weight:700;display:flex}.section-card-title svg{color:var(--brand-primary)}.section-link{color:var(--brand-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.2rem;font-family:Inter,system-ui,sans-serif;font-size:.78rem;font-weight:600;text-decoration:none;display:flex}.section-link:hover{text-decoration:underline}.app-table{border-collapse:collapse;width:100%}.app-table th{background:var(--surface-alt);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom:1px solid var(--border);padding:.58rem 1rem;font-size:.69rem;font-weight:700}.app-table td{color:var(--text-secondary);border-bottom:1px solid var(--border);vertical-align:middle;padding:.82rem 1rem;font-size:.81rem}.app-table tr:last-child td{border-bottom:none}.app-table tr:hover td{background:#f8fbff}.app-post-name{color:var(--text-primary);font-size:.82rem;font-weight:600}.app-dept{color:var(--text-muted);margin-top:2px;font-size:.71rem}.status-pill{border-radius:var(--r-full);white-space:nowrap;align-items:center;gap:.28rem;padding:.2rem .62rem;font-size:.7rem;font-weight:700;display:inline-flex}.status-dot{background:currentColor;border-radius:50%;width:5px;height:5px}.status-pill.applied{color:#2563eb;background:#eff6ff}.status-pill.shortlist{color:#16a34a;background:#f0fdf4}.status-pill.pending{color:#d97706;background:#fffbeb}.status-pill.rejected{color:#dc2626;background:#fef2f2}.notif-list{flex-direction:column;display:flex}.notif-item{border-bottom:1px solid var(--border);transition:background var(--tr-fast);cursor:pointer;align-items:flex-start;gap:.8rem;padding:.88rem 1.25rem;display:flex}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:#f8fbff}.notif-item.unread{background:#f0f7ff}.notif-icon-wrap{border-radius:var(--r-md);flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.notif-icon-wrap.blue{color:#2563eb;background:#eff6ff}.notif-icon-wrap.green{color:#16a34a;background:#f0fdf4}.notif-icon-wrap.amber{color:#d97706;background:#fffbeb}.notif-body{flex:1;min-width:0}.notif-title{color:var(--text-primary);margin-bottom:2px;font-size:.81rem;font-weight:600}.notif-desc{color:var(--text-secondary);font-size:.73rem;line-height:1.5}.notif-time{color:var(--text-muted);margin-top:3px;font-size:.68rem;font-weight:500}.notif-unread-dot{background:var(--brand-primary);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:.4rem}.exam-item{border-bottom:1px solid var(--border);transition:background var(--tr-fast);align-items:flex-start;gap:.85rem;padding:.88rem 1.25rem;display:flex}.exam-item:last-child{border-bottom:none}.exam-item:hover{background:#f8fbff}.exam-date-box{background:var(--brand-primary-lt);border-radius:var(--r-md);border:1px solid #007ad126;flex-direction:column;flex-shrink:0;align-items:center;width:42px;padding:.4rem .2rem;display:flex}.exam-date-day{color:var(--brand-primary);font-size:1.05rem;font-weight:800;line-height:1}.exam-date-month{color:var(--brand-primary);text-transform:uppercase;font-size:.58rem;font-weight:700}.exam-info{flex:1;min-width:0}.exam-name{color:var(--text-primary);margin-bottom:2px;font-size:.8rem;font-weight:600}.exam-meta{color:var(--text-secondary);font-size:.72rem}.exam-badge{border-radius:var(--r-full);background:var(--brand-primary-lt);color:var(--brand-primary);flex-shrink:0;align-self:flex-start;align-items:center;padding:.18rem .55rem;font-size:.67rem;font-weight:700;display:inline-flex}.profile-quick{border-bottom:1px solid var(--border);text-align:center;flex-direction:column;align-items:center;gap:.35rem;padding:1.35rem 1.25rem 1.1rem;display:flex}.profile-q-avatar{background:linear-gradient(135deg, var(--brand-primary), var(--brand-primary-dk));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:.15rem;font-size:1.2rem;font-weight:800;display:flex;box-shadow:0 4px 12px #007ad14d}.profile-q-name{color:var(--text-primary);font-size:.9rem;font-weight:700}.profile-q-reg{color:var(--text-muted);font-size:.71rem}.profile-q-badge{color:#16a34a;border-radius:var(--r-full);background:#f0fdf4;align-items:center;gap:.3rem;padding:.18rem .58rem;font-size:.67rem;font-weight:700;display:inline-flex}.profile-detail-list{flex-direction:column;gap:.5rem;padding:.75rem 1.25rem;display:flex}.profile-detail-row{align-items:center;gap:.6rem;font-size:.79rem;display:flex}.profile-detail-icon{color:var(--brand-primary);flex-shrink:0;align-items:center;display:flex}.profile-detail-label{color:var(--text-muted);min-width:64px;font-size:.74rem;font-weight:600}.profile-detail-val{color:var(--text-secondary);word-break:break-all;font-weight:500}.placeholder-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:360px;display:flex}.placeholder-icon{background:var(--brand-primary-lt);width:68px;height:68px;color:var(--brand-primary);border-radius:50%;justify-content:center;align-items:center;display:flex}.placeholder-title{color:var(--text-primary);font-size:1.1rem;font-weight:700}.placeholder-desc{color:var(--text-secondary);max-width:370px;font-size:.84rem;line-height:1.7}@media (width<=1200px){.dash-grid{grid-template-columns:1fr}.stats-row{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.dash-topbar-inner{padding:.6rem 1rem}.dash-content{padding:1.25rem 1rem 2.5rem}.welcome-banner{flex-direction:column;align-items:flex-start;padding:1.5rem}.welcome-name{font-size:1.4rem}}@media (width<=600px){.stats-row{grid-template-columns:1fr 1fr;gap:.85rem}.topbar-user-name{display:none}}