:root{--red:#b91c1c;--red-dark:#7f1d1d;--red-soft:#fef2f2;--ink:#172033;--muted:#667085;--line:#e5e7eb;--surface:#f7f8fb;--green:#15803d;--white:#fff;--radius:18px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--surface)}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:linear-gradient(135deg,#7f1d1d,#b91c1c 52%,#ef4444)}.brand-pane{color:#fff;display:flex;align-items:center;padding:64px}.brand-content{max-width:560px}.brand-mark{width:64px;height:64px;border-radius:18px;background:#fff;color:var(--red);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:26px;margin-bottom:22px}.brand-pane h1{font-size:44px;line-height:1.05;margin:0 0 16px}.brand-pane p{font-size:17px;line-height:1.7}.brand-points{list-style:none;padding:0}.brand-points li{margin:10px 0}.brand-points li:before{content:'✓';margin-right:10px}.auth-panel{background:#fff;display:flex;align-items:center;justify-content:center;padding:30px}.auth-card{width:min(720px,100%)}.auth-card h2{margin:0 0 8px}.subtitle{color:var(--muted);line-height:1.5}.field{margin-bottom:14px}.field label{display:block;font-size:12px;font-weight:800;margin-bottom:7px;color:#344054}.field input,.field select,.field textarea{width:100%;border:1px solid #d0d5dd;border-radius:10px;padding:11px 12px;background:#fff;outline:none}.field textarea{min-height:88px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.full{grid-column:1/-1}.btn{border:0;border-radius:10px;padding:10px 14px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn-primary{background:var(--red);color:#fff}.btn-primary:hover{background:var(--red-dark)}.btn-muted{background:#eef1f5;color:#344054}.btn-danger{background:#dc2626;color:#fff}.btn-outline{background:#fff;color:var(--red);border:1px solid #f1b4b4}.btn-block{width:100%}.btn-sm{padding:7px 10px;font-size:12px}.link-btn{border:0;background:none;color:var(--red);font-weight:800;text-decoration:underline;padding:0}.notice{border-radius:10px;padding:11px 12px;font-size:13px;margin:12px 0}.notice.info{background:#eff6ff;color:#1e40af}.notice.error{background:#fff1f2;color:#9f1239}.notice.success{background:#f0fdf4;color:#166534}.topbar{height:68px;background:#fff;border-bottom:1px solid var(--line);padding:0 24px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20}.top-left,.user-area{display:flex;align-items:center;gap:12px}.logo-box{width:40px;height:40px;border-radius:11px;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900}.top-title{font-weight:900}.top-sub,.small{font-size:11px;color:var(--muted)}.layout{display:grid;grid-template-columns:250px 1fr;min-height:calc(100vh - 68px)}.sidebar{background:#fff;border-right:1px solid var(--line);padding:18px 12px;position:sticky;top:68px;height:calc(100vh - 68px);overflow:auto}.nav-label{font-size:10px;color:#98a2b3;letter-spacing:.08em;font-weight:900;padding:0 12px;margin:12px 0 7px}.nav-item{width:100%;border:0;background:transparent;text-align:left;padding:11px 12px;border-radius:10px;font-weight:800;color:#475467;margin:2px 0}.nav-item.active,.nav-item:hover{background:var(--red-soft);color:var(--red)}.content{padding:26px;max-width:1600px;width:100%;margin:auto}.page-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:20px}.page-title{margin:0;font-size:26px}.page-desc{margin:6px 0 0;color:var(--muted);font-size:13px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:18px}.stat-card,.card{background:#fff;border:1px solid #edf0f4;border-radius:var(--radius);box-shadow:0 4px 16px rgba(16,24,40,.03)}.stat-card{padding:18px}.stat-label{font-size:12px;color:var(--muted);font-weight:800}.stat-value{font-size:30px;font-weight:900;margin-top:7px}.card{padding:18px;margin-bottom:18px}.card-title{margin:0;font-size:16px}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.funnel{display:grid;grid-template-columns:repeat(6,minmax(100px,1fr));gap:8px}.funnel-step{padding:13px;background:var(--red-soft);border-radius:12px}.funnel-step b{display:block;font-size:24px;color:var(--red)}.funnel-step span{font-size:11px;color:#7f1d1d;font-weight:800}.table-wrap{overflow:auto;border:1px solid #eef0f3;border-radius:12px}table{width:100%;border-collapse:collapse;min-width:760px;font-size:12px}th,td{padding:10px;border-bottom:1px solid #eef0f3;text-align:left;vertical-align:top}th{font-size:11px;background:#f8fafc;color:#475467}.actions{display:flex;gap:6px;flex-wrap:wrap}.badge{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:900}.badge.pass{background:#f0fdf4;color:#166534}.badge.fail{background:#fef2f2;color:#b42318}.badge.pending{background:#fffbeb;color:#92400e}.bar-row{margin:12px 0}.bar-label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:6px}.bar-track{height:8px;background:#f1f3f5;border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--red),#ef4444)}.modal-backdrop{position:fixed;inset:0;background:rgba(17,24,39,.48);z-index:50;display:flex;padding:20px;overflow:auto}.modal{background:#fff;border-radius:18px;width:min(980px,100%);margin:auto;padding:20px}.modal-header{display:flex;justify-content:space-between;align-items:center}.modal-close{border:0;background:#f2f4f7;width:34px;height:34px;border-radius:50%}.toast{position:fixed;right:20px;bottom:20px;background:#172033;color:#fff;padding:12px 14px;border-radius:12px;z-index:99;display:none;max-width:360px}.toast.success{background:#166534}.toast.error{background:#991b1b}.matrix-select{min-width:90px;border:1px solid #d0d5dd;border-radius:7px;padding:6px;background:#fff}.matrix-input{width:70px;border:1px solid #d0d5dd;border-radius:7px;padding:6px}.mono{font-family:monospace;word-break:break-all;background:#f8fafc;padding:9px;border-radius:8px}.empty{text-align:center;padding:30px;color:var(--muted)}.checkin-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#7f1d1d,#dc2626)}.checkin-card{background:#fff;width:min(520px,100%);border-radius:22px;padding:26px}.invitation-number{font-size:56px;color:var(--red);font-weight:900;text-align:center;letter-spacing:2px}
@media(max-width:1000px){.stats-grid{grid-template-columns:repeat(2,1fr)}.funnel{grid-template-columns:repeat(3,1fr)}.layout{grid-template-columns:210px 1fr}}
@media(max-width:760px){.auth-shell{grid-template-columns:1fr}.brand-pane{padding:28px 22px;min-height:250px}.brand-pane h1{font-size:32px}.auth-panel{padding:20px 16px}.form-grid,.grid-2,.grid-3,.stats-grid{grid-template-columns:1fr}.layout{display:block}.sidebar{position:sticky;top:68px;height:auto;max-height:58px;display:flex;overflow-x:auto;white-space:nowrap;border-right:0;border-bottom:1px solid var(--line);padding:7px}.nav-label{display:none}.nav-item{width:auto}.content{padding:16px 12px}.funnel{grid-template-columns:repeat(2,1fr)}.page-header{flex-direction:column}.top-sub{display:none}}

/* Premium corporate login */
.login-shell{grid-template-columns:45% 55%;background:#f3f4f6;min-height:100svh}.login-brand{position:relative;isolation:isolate;overflow:hidden;padding:clamp(48px,7vw,104px);background:linear-gradient(145deg,#3f0711 0%,#730c1d 48%,#b31728 100%)}.login-brand:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.13),transparent 31%),linear-gradient(120deg,transparent 52%,rgba(255,255,255,.045) 52% 67%,transparent 67%)}.login-brand:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-210px;bottom:-165px;z-index:-1}.login-geometry{position:absolute;border:1px solid rgba(255,255,255,.12);transform:rotate(35deg);z-index:-1}.login-geometry-one{width:190px;height:190px;right:9%;top:9%;border-radius:42px}.login-geometry-two{width:95px;height:95px;left:-40px;bottom:17%;border-radius:24px;background:rgba(255,255,255,.035)}.login-brand-content{max-width:620px}.login-brand-lockup{display:flex;align-items:center;gap:14px;margin-bottom:clamp(70px,12vh,132px);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.78)}.login-brand-mark{width:52px;height:52px;border-radius:15px;margin:0;box-shadow:0 12px 30px rgba(38,0,8,.26)}.login-eyebrow{margin-bottom:18px;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#ffc9cf}.login-brand h1{max-width:520px;font-size:clamp(42px,4.3vw,68px);line-height:.98;letter-spacing:-.045em;margin:0 0 22px}.login-brand h2{margin:0 0 20px;font-size:clamp(20px,2vw,30px);font-weight:500;letter-spacing:-.025em;color:#fff}.login-brand p{max-width:530px;margin:0;color:rgba(255,255,255,.75);font-size:15px;line-height:1.75}.login-features{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}.login-features span{display:inline-flex;align-items:center;padding:9px 12px;border:1px solid rgba(255,255,255,.19);border-radius:999px;background:rgba(255,255,255,.08);backdrop-filter:blur(6px);font-size:11px;font-weight:800;color:#fff}.login-features span:before{content:"";width:6px;height:6px;margin-right:8px;border-radius:50%;background:#ffb3bc;box-shadow:0 0 0 4px rgba(255,179,188,.12)}.login-panel{background:#f3f4f6;padding:clamp(28px,5vw,72px)}.login-panel-inner{width:min(500px,100%);display:flex;flex-direction:column;align-items:stretch}.login-card{max-width:none!important;padding:clamp(30px,4vw,48px);border:1px solid rgba(15,23,42,.08);border-radius:18px;background:#fff;box-shadow:0 24px 70px rgba(15,23,42,.1),0 3px 12px rgba(15,23,42,.04)}.login-card-mark{display:none;width:44px;height:44px;align-items:center;justify-content:center;border-radius:13px;background:var(--red);color:#fff;font-weight:900;margin-bottom:22px}.login-card h2{font-size:32px;letter-spacing:-.035em;color:#151a25}.login-card .subtitle{margin:8px 0 30px;font-size:14px}.login-form .field{margin-bottom:18px}.login-form .field label{font-size:12px;letter-spacing:.015em;color:#2d3648}.login-form .field input{height:52px;padding:0 15px;border-color:#d8dde6;border-radius:12px;background:#fbfcfd;transition:border-color .18s,box-shadow .18s,background .18s}.login-form .field input:hover{border-color:#b8c0cc}.login-form .field input:focus{background:#fff;border-color:#b91c2c;box-shadow:0 0 0 4px rgba(185,28,44,.1)}.password-field{position:relative}.password-field input{padding-right:66px!important}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;border-radius:8px;padding:7px 9px;background:transparent;color:#8a1725;font-size:11px;font-weight:900}.password-toggle:hover{background:#fff0f2}.login-submit{height:52px;margin-top:8px;border-radius:12px;background:linear-gradient(135deg,#a70f22,#c61e31);letter-spacing:.08em;box-shadow:0 10px 24px rgba(185,28,44,.2);transition:transform .18s,box-shadow .18s,background .18s}.login-submit:hover{transform:translateY(-1px);background:linear-gradient(135deg,#8f0c1c,#b51529);box-shadow:0 14px 28px rgba(185,28,44,.27)}.login-divider{display:flex;align-items:center;gap:13px;margin:25px 0 17px;color:#98a2b3;font-size:11px;font-weight:700}.login-divider:before,.login-divider:after{content:"";height:1px;flex:1;background:#e9ebef}.login-register{height:50px;border-radius:12px;border-color:#d7a5ab;color:#991b2a;text-decoration:none;transition:background .18s,border-color .18s}.login-register:hover{background:#fff6f7;border-color:#b91c2c}.login-footer{display:flex;justify-content:space-between;gap:20px;padding:20px 4px 0;color:#8a919f;font-size:10px;font-weight:700}.login-footer span:first-child:before{content:"";display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#22a06b}.login-card .notice{margin:0 0 20px}
@media(max-width:920px){.login-shell{grid-template-columns:42% 58%}.login-brand{padding:42px 34px}.login-brand-lockup{margin-bottom:80px}.login-brand h1{font-size:42px}.login-panel{padding:34px 24px}}
@media(max-width:700px){.login-shell{display:block;background:#f3f4f6}.login-brand{min-height:auto;padding:30px 24px 36px}.login-brand-lockup{margin-bottom:34px}.login-brand h1{font-size:36px;max-width:360px;margin-bottom:13px}.login-brand h2{font-size:19px;margin-bottom:13px}.login-brand p{font-size:13px;line-height:1.55}.login-features{margin-top:22px;gap:7px}.login-features span{padding:7px 9px;font-size:10px}.login-panel{padding:24px 16px 28px;align-items:flex-start}.login-panel-inner{margin:-12px auto 0}.login-card{padding:28px 22px}.login-card-mark{display:flex}.login-card h2{font-size:28px}.login-card .subtitle{margin-bottom:24px}.login-footer{flex-direction:column;align-items:center;gap:7px;text-align:center;padding-top:17px}.login-geometry-one{width:120px;height:120px;right:-42px;top:30px}.login-geometry-two{display:none}}
@media(max-width:420px){.login-brand{padding:25px 20px 30px}.login-brand-lockup span{font-size:10px}.login-brand-mark{width:44px;height:44px}.login-brand h1{font-size:31px}.login-brand p{display:none}.login-card{padding:25px 18px}.login-features{margin-top:18px}}

/* Centered recruitment portal login */
.login-centered{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:32px 20px;background:radial-gradient(circle at 50% 0,rgba(255,255,255,.95),transparent 38%),#f2f3f5}.login-centered:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(127,29,29,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(127,29,29,.025) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,black,transparent 72%)}.login-accent{position:absolute;border-radius:50%;pointer-events:none}.login-accent-one{width:360px;height:360px;left:-190px;top:-180px;background:radial-gradient(circle,rgba(185,28,28,.11),rgba(185,28,28,0) 70%)}.login-accent-two{width:300px;height:300px;right:-170px;bottom:-170px;border:50px solid rgba(127,29,29,.045)}.login-centered .login-panel{position:relative;z-index:1;width:100%;padding:0;background:transparent}.login-centered .login-panel-inner{width:min(500px,100%);margin:auto}.login-centered .login-card{padding:44px 46px 40px}.login-logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:28px;color:#720f1d;font-size:17px;font-weight:900;letter-spacing:.15em}.login-centered .login-card-mark{display:flex;width:48px;height:48px;margin:0;border-radius:14px;box-shadow:0 10px 24px rgba(185,28,44,.2)}.login-heading{text-align:center;margin-bottom:30px}.login-heading h1{margin:0;color:#171b26;font-size:28px;letter-spacing:-.035em}.login-heading h2{margin:14px 0 0;color:#3f4755;font-size:17px;letter-spacing:-.01em}.login-heading .subtitle{margin:7px 0 0;font-size:13px}.login-password-group{margin-bottom:8px!important}.forgot-row{display:flex;justify-content:flex-end;margin-top:8px}.forgot-link{border:0;background:transparent;padding:3px 0;color:#991b2a;font-size:11px;font-weight:800}.forgot-link:hover{text-decoration:underline}.login-forgot-notice{margin:0 0 20px!important;font-size:12px}.login-centered .login-submit{margin-top:17px}.login-centered .login-footer{justify-content:center;flex-wrap:wrap;column-gap:20px;row-gap:6px;text-align:center}
@media(max-width:560px){.login-centered{align-items:flex-start;padding:24px 14px;overflow:auto}.login-centered .login-panel-inner{margin:auto}.login-centered .login-card{padding:32px 22px 30px}.login-logo{margin-bottom:23px}.login-heading{margin-bottom:25px}.login-heading h1{font-size:24px}.login-heading h2{font-size:16px}.login-centered .login-footer{flex-direction:column;align-items:center}.login-accent-one{width:240px;height:240px}.login-accent-two{width:210px;height:210px}}

/* Candidate Registration V2 */
.registration-shell{min-height:100svh;padding:40px 20px;background:radial-gradient(circle at 50% 0,rgba(255,255,255,.96),transparent 35%),#f2f3f5}.registration-card{width:min(900px,100%);margin:auto;padding:38px;border:1px solid rgba(15,23,42,.08);border-radius:22px;background:#fff;box-shadow:0 24px 70px rgba(15,23,42,.1)}.registration-head{text-align:center}.registration-head .login-logo{margin-bottom:18px}.registration-head h1{margin:0;font-size:30px;letter-spacing:-.035em}.registration-head p{margin:8px 0 0;color:var(--muted)}.wizard-progress{display:grid;grid-template-columns:repeat(3,1fr);margin:34px 0 32px}.wizard-node{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;color:#98a2b3;font-size:11px}.wizard-node:before{content:"";position:absolute;top:16px;left:-50%;width:100%;height:2px;background:#e5e7eb}.wizard-node:first-child:before{display:none}.wizard-node span{position:relative;z-index:1;display:grid;place-items:center;width:34px;height:34px;border:2px solid #d8dde6;border-radius:50%;background:#fff;font-weight:900}.wizard-node.active,.wizard-node.done{color:#991b2a}.wizard-node.active span,.wizard-node.done span{border-color:#b91c2c;background:#b91c2c;color:#fff}.wizard-node.done:before,.wizard-node.active:before{background:#b91c2c}.wizard-step{display:none}.wizard-step.active{display:block}.wizard-actions{display:flex;justify-content:space-between;gap:12px;margin-top:28px;padding-top:22px;border-top:1px solid #eceef2}.wizard-actions .btn{min-width:120px}.document-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px}.photo-preview{display:grid;place-items:center;width:150px;height:150px;margin-top:12px;overflow:hidden;border:1px dashed #cbd0d9;border-radius:16px;background:#f8fafc;color:#98a2b3;font-size:11px}.photo-preview img{width:100%;height:100%;object-fit:cover}.review-card{margin-top:20px;padding:20px;border:1px solid #eceef2;border-radius:16px;background:#fafbfc}.review-card h3{margin:0 0 15px}.review-card #registrationReview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 18px}.review-card #registrationReview div{display:flex;flex-direction:column;gap:3px}.review-card span{font-size:10px;font-weight:800;color:#8b93a1;text-transform:uppercase}.review-card b{font-size:12px}.profile-hero{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding:16px;border-radius:16px;background:#f8fafc}.profile-hero h3{margin:0}.profile-hero p{margin:5px 0 0;color:var(--muted)}.candidate-photo-frame{flex:0 0 86px;width:86px;height:86px;overflow:hidden;border-radius:16px;background:#e9edf2}.candidate-photo-frame img{width:100%;height:100%;object-fit:cover}.empty-photo,.photo-error{display:grid;place-items:center;color:#98a2b3;font-size:10px}.qualification-candidate{display:flex;align-items:center;gap:10px}.qualification-photo{display:block;flex:0 0 42px;width:42px;height:42px;overflow:hidden;border-radius:10px;background:#eef1f5}.qualification-photo img{width:100%;height:100%;object-fit:cover}.qualification-photo.photo-error img{display:none}
@media(max-width:700px){.registration-shell{padding:18px 12px}.registration-card{padding:26px 18px}.registration-head h1{font-size:25px}.wizard-progress{margin:26px 0}.document-grid,.review-card #registrationReview{grid-template-columns:1fr}.wizard-node b{font-size:10px}.wizard-actions{position:sticky;bottom:0;margin:24px -18px -26px;padding:14px 18px;background:#fff;box-shadow:0 -8px 20px rgba(15,23,42,.06)}.wizard-actions .btn{min-width:105px}.photo-preview{width:120px;height:120px}}

/* Global language and theme foundation */
:root{--ui-bg:#f2f3f5;--ui-bg-elevated:#f8f9fb;--ui-card:#fff;--ui-text:#171b26;--ui-text-soft:#667085;--ui-border:#d8dde6;--ui-border-soft:#eceef2;--ui-input:#fbfcfd;--ui-input-focus:#fff;--ui-muted-button:#eef1f5;--ui-alert-info-bg:#eff6ff;--ui-alert-info-text:#1e40af;--ui-alert-error-bg:#fff1f2;--ui-alert-error-text:#9f1239;--ui-alert-success-bg:#f0fdf4;--ui-alert-success-text:#166534;--ui-upload:#f8fafc;--ui-shadow:0 24px 70px rgba(15,23,42,.1);--ui-grid:rgba(127,29,29,.025);--ui-accent-soft:rgba(185,28,44,.1)}html[data-theme="dark"]{--ui-bg:#151820;--ui-bg-elevated:#1b202a;--ui-card:#222833;--ui-text:#f3f5f8;--ui-text-soft:#aab2c0;--ui-border:#414957;--ui-border-soft:#343b47;--ui-input:#1a2029;--ui-input-focus:#1d2430;--ui-muted-button:#343b47;--ui-alert-info-bg:#1d3049;--ui-alert-info-text:#bfdbfe;--ui-alert-error-bg:#48222b;--ui-alert-error-text:#fecdd3;--ui-alert-success-bg:#183b2b;--ui-alert-success-text:#bbf7d0;--ui-upload:#1a2029;--ui-shadow:0 26px 80px rgba(0,0,0,.34);--ui-grid:rgba(255,255,255,.025);--ui-accent-soft:rgba(239,68,68,.14)}html,body{background:var(--ui-bg);color:var(--ui-text)}body,.auth-shell,.registration-shell,.auth-card,.registration-card,input,select,textarea,.btn,.notice{transition:background-color .18s,color .18s,border-color .18s,box-shadow .18s}.login-centered,.registration-shell{background:radial-gradient(circle at 50% 0,var(--ui-card),transparent 38%),var(--ui-bg)}.login-centered:before{background-image:linear-gradient(var(--ui-grid) 1px,transparent 1px),linear-gradient(90deg,var(--ui-grid) 1px,transparent 1px)}.login-centered .login-panel,.login-panel{background:transparent}.login-card,.registration-card,.card,.stat-card,.modal,.topbar,.sidebar{background:var(--ui-card);color:var(--ui-text);border-color:var(--ui-border-soft);box-shadow:var(--ui-shadow)}.login-heading h1,.login-card h2,.registration-head h1,.card-title,.page-title{color:var(--ui-text)}.subtitle,.registration-head p,.page-desc,.small,.top-sub{color:var(--ui-text-soft)}.field label{color:var(--ui-text)}.field input,.field select,.field textarea,.matrix-select,.matrix-input{border-color:var(--ui-border);background:var(--ui-input);color:var(--ui-text)}.field input:focus,.field select:focus,.field textarea:focus,.login-form .field input:focus{background:var(--ui-input-focus)}select{color-scheme:light dark}.btn-muted{background:var(--ui-muted-button);color:var(--ui-text)}.btn-outline{background:var(--ui-card)}.notice.info{background:var(--ui-alert-info-bg);color:var(--ui-alert-info-text)}.notice.error{background:var(--ui-alert-error-bg);color:var(--ui-alert-error-text)}.notice.success{background:var(--ui-alert-success-bg);color:var(--ui-alert-success-text)}.photo-preview,.review-card,.profile-hero,.mono,.qualification-photo,.candidate-photo-frame{background:var(--ui-upload);border-color:var(--ui-border-soft)}.review-card,.wizard-actions{border-color:var(--ui-border-soft)}.wizard-node:before{background:var(--ui-border)}.wizard-node span{background:var(--ui-card);border-color:var(--ui-border);color:var(--ui-text-soft)}.table-wrap,th,td{border-color:var(--ui-border-soft)}th{background:var(--ui-bg-elevated);color:var(--ui-text-soft)}.nav-item{color:var(--ui-text-soft)}.preference-controls{position:fixed;z-index:40;top:18px;right:20px;display:flex;gap:8px}.preference-control{display:flex;align-items:center;gap:6px;min-height:38px;padding:5px 8px;border:1px solid var(--ui-border);border-radius:11px;background:color-mix(in srgb,var(--ui-card) 92%,transparent);box-shadow:0 8px 24px rgba(15,23,42,.07);backdrop-filter:blur(12px);color:var(--ui-text-soft);font-size:11px;font-weight:800}.preference-control select{max-width:128px;border:0;outline:0;background:transparent;color:var(--ui-text);font-size:11px;font-weight:800}.theme-icon{color:var(--red)}html[data-theme="dark"] .login-accent-one{background:radial-gradient(circle,rgba(225,29,72,.17),rgba(185,28,28,0) 70%)}html[data-theme="dark"] .login-accent-two{border-color:rgba(225,29,72,.08)}html[data-theme="dark"] .wizard-actions{background:var(--ui-card)}html[data-theme="dark"] input[type="date"]{color-scheme:dark}
@media(max-width:700px){.preference-controls{position:absolute;top:10px;right:10px;gap:5px}.preference-control{padding:4px 6px}.preference-label{display:none}.preference-control select{max-width:105px}.login-centered{padding-top:62px}.registration-shell{padding-top:62px}}

/* Final login and registration theme polish */
:root{--ui-label:#344054;--ui-muted:#667085;--ui-placeholder:#8a94a5;--ui-brand:#720f1d;--ui-link:#991b2a;--ui-outline:#b86b75;--ui-divider:#e2e6ec;--ui-progress:#697386;--ui-upload-border:#b8c1ce}
html[data-theme="dark"]{--ui-bg:#141821;--ui-bg-elevated:#1b212c;--ui-card:#232a36;--ui-text:#f5f7fa;--ui-text-soft:#bdc5d1;--ui-label:#e8ecf2;--ui-muted:#b2bbc9;--ui-placeholder:#909bad;--ui-brand:#fff;--ui-link:#ff9aa8;--ui-outline:#d76b7a;--ui-divider:#454e5d;--ui-progress:#c0c8d4;--ui-border:#4b5565;--ui-border-soft:#3b4452;--ui-input:#1b222d;--ui-input-focus:#202936;--ui-upload:#1b222d}
.login-logo,.login-logo span{color:var(--ui-brand)}
.field label,.registration-card small{color:var(--ui-label)}
.subtitle,.registration-head p,.login-footer,.review-card span,.photo-preview,.field small{color:var(--ui-muted)}
.field input::placeholder,.field textarea::placeholder{color:var(--ui-placeholder);opacity:1}
.forgot-link,.password-toggle{color:var(--ui-link)}
.forgot-link:focus-visible,.password-toggle:focus-visible,.btn:focus-visible,.preference-control select:focus-visible{outline:3px solid var(--ui-accent-soft);outline-offset:2px}
.login-divider{color:var(--ui-muted)}
.login-divider:before,.login-divider:after{background:var(--ui-divider)}
.btn-outline,.login-register{border-color:var(--ui-outline);background:var(--ui-card);color:var(--ui-link)}
.btn-outline:hover,.login-register:hover{border-color:var(--red);background:var(--ui-accent-soft);color:var(--ui-link)}
.wizard-node{color:var(--ui-progress)}
.wizard-node.active,.wizard-node.done{color:var(--ui-link)}
.photo-preview{border-color:var(--ui-upload-border)}
.review-card b{color:var(--ui-text);overflow-wrap:anywhere}
.registration-card,.login-card,.field,.document-grid>*,.review-card #registrationReview>div{min-width:0}
.registration-head h1,.registration-head p,.wizard-node b,.field label,.field small,.login-heading h1,.login-heading h2,.login-heading p,.login-divider span,.login-register,.wizard-actions .btn,.preference-control{overflow-wrap:anywhere}
.field input,.field select,.field textarea{min-width:0;max-width:100%}
html[data-theme="dark"] .login-form .field input:hover{border-color:#687487}
html[data-theme="dark"] .password-toggle:hover{background:var(--ui-accent-soft)}
html[data-theme="dark"] .login-submit{color:#fff}
html[data-theme="dark"] .wizard-node.active span,html[data-theme="dark"] .wizard-node.done span{color:#fff}
html[data-theme="dark"] .preference-control{box-shadow:0 8px 26px rgba(0,0,0,.28)}
@media(max-width:420px){.login-centered,.registration-shell{padding-left:10px;padding-right:10px}.login-centered .login-card,.registration-card{padding-left:16px;padding-right:16px}.preference-controls{left:10px;right:10px;justify-content:flex-end}.preference-control{min-width:0}.preference-control select{max-width:96px}.wizard-progress{column-gap:4px}.wizard-node b{max-width:92px;text-align:center;line-height:1.25}.wizard-actions{gap:8px;padding-left:16px;padding-right:16px}.wizard-actions .btn{min-width:0;max-width:50%;flex:1;padding-left:8px;padding-right:8px;white-space:normal;line-height:1.25}.login-register{height:auto;min-height:50px;padding-left:10px;padding-right:10px;white-space:normal}.review-card{padding:16px}.photo-preview{max-width:100%}}
