:root{--brand-red:#c33d34;--brand-blue:#0083bf;--brand-red-bright:#ef2b24;--brand-blue-bright:#0099e5;--ink:#f8fafc;--black:#000000;--white:#ffffff;--page-bg:#05090d;--surface:#0a1117;--surface-2:#0f1820;--surface-3:#141f28;--line:rgba(255,255,255,0.11);--line-strong:rgba(0,131,191,0.4);--gray-25:#f8fafc;--gray-50:#edf2f7;--gray-100:#dfe8f0;--gray-200:#c9d4de;--gray-300:#aab7c3;--gray-500:#81909f;--gray-700:#d8e2eb;--green:#15803d;--green-bg:#eaf7ee;--yellow:#a16207;--yellow-bg:#fff7d6;--red-bg:#fdecec;--blue-bg:#e7f5fb;--shadow:0 20px 55px rgba(0,0,0,0.28);--font-heading:"Playfair Display",Georgia,"Times New Roman",serif;--font-body:Poppins,"Avenir Next",Montserrat,Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{background:var(--page-bg)}body,html{min-height:100%}body{margin:0;color:var(--ink);background:linear-gradient(135deg,rgba(0,131,191,.16),transparent 28rem),linear-gradient(315deg,rgba(195,61,52,.12),transparent 24rem),var(--page-bg);font-family:var(--font-body)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}.login-page{display:grid;min-height:100vh;grid-template-columns:minmax(0,1fr) minmax(360px,480px)}.login-brand{position:relative;display:flex;min-height:100%;align-items:flex-end;overflow:hidden;padding:56px;color:var(--white);background:linear-gradient(115deg,rgba(0,0,0,.96),rgba(2,17,27,.92) 56%,rgba(0,55,82,.78)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 900'%3E%3Crect width='1200' height='900' fill='%23000000'/%3E%3Cpath d='M115 720h970v74H115z' fill='%230083bf' opacity='.72'/%3E%3Cpath d='M115 792h970v18H115z' fill='%23c33d34'/%3E%3Cpath d='M760 170h295l78 80v210H760z' fill='%230083bf' opacity='.16'/%3E%3Cpath d='M820 250h270M820 315h185M820 380h230' stroke='%23ffffff' stroke-width='24' stroke-linecap='round' opacity='.18'/%3E%3Cpath d='M170 175h410v64H170zM170 272h330v28H170zM170 340h505v20H170z' fill='%23ffffff' opacity='.12'/%3E%3Cpath d='M600 0v900' stroke='%23ffffff' opacity='.12'/%3E%3C/svg%3E");background-size:cover}.login-brand-content{position:relative;max-width:620px}.brand-mark{display:inline-flex;align-items:center;gap:12px;font-weight:800;letter-spacing:0}.brand-emblem{display:grid;width:42px;height:42px;place-items:center;border:2px solid rgba(255,255,255,.88);border-radius:8px;color:var(--white);font-weight:900}.brand-logo{display:inline-flex;align-items:center;gap:13px;min-width:0}.brand-symbol{position:relative;display:grid;width:54px;height:66px;flex:0 0 auto;place-items:center;color:var(--white)}.brand-symbol img{width:100%;height:100%;display:block;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.32))}.brand-wordmark{display:grid;grid-gap:0;gap:0;line-height:.94}.brand-wordmark .comfort,.brand-wordmark .solutions{font-family:var(--font-heading);font-size:2.1rem;letter-spacing:0}.brand-wordmark .comfort{color:var(--brand-red-bright)}.brand-wordmark .solutions{color:var(--brand-blue-bright)}.brand-wordmark small{margin-top:6px;color:rgba(255,255,255,.84);font-family:var(--font-body);font-size:.74rem;font-weight:800;letter-spacing:.08em;line-height:1;text-transform:uppercase}.brand-logo-compact .brand-symbol{width:36px;height:46px;font-size:.83rem}.brand-logo:not(.brand-logo-light) .brand-wordmark small{color:var(--gray-500)}.login-brand h1{max-width:700px;margin:22px 0 14px;font-family:var(--font-heading);font-size:clamp(2.4rem,5vw,5rem);line-height:.98;letter-spacing:0}.login-brand p{max-width:580px;color:rgba(255,255,255,.84);font-size:1.06rem;line-height:1.6}.brand-script{margin:22px 0 0;color:var(--brand-blue-bright)!important;font-family:Brush Script MT,Segoe Script,cursive;font-size:clamp(1.35rem,2.5vw,2.05rem)!important;line-height:1.1!important}.brand-proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;max-width:680px;margin-top:28px}.brand-proof-grid span{display:flex;min-height:54px;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:rgba(255,255,255,.05);color:rgba(255,255,255,.92);padding:12px;font-size:.82rem;font-weight:900;text-transform:uppercase}.brand-proof-grid svg{color:var(--brand-blue-bright)}.login-panel{display:grid;align-content:center;padding:36px;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 180px),var(--surface)}.login-card{width:100%;max-width:420px;margin:0 auto}.login-card h2{margin:0 0 8px;font-family:var(--font-heading);font-size:1.7rem;letter-spacing:0}.muted{color:var(--gray-500)}.form-stack{display:grid;grid-gap:16px;gap:16px}.field{display:grid;grid-gap:7px;gap:7px}.field span,.form-label{color:var(--gray-700);font-size:.88rem;font-weight:800}.input,.select,.textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.06);color:var(--ink);padding:12px 13px;outline:none;transition:border-color .16s ease,box-shadow .16s ease}.select optgroup,.select option{background:var(--white);color:#071018}.select option:checked{background:#b7daf7;color:#000000}.textarea{min-height:116px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand-blue);box-shadow:0 0 0 4px rgba(0,131,191,.2)}.button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:9px;border:0;border-radius:8px;padding:10px 14px;font-weight:900;line-height:1}.button-primary{color:var(--white);background:linear-gradient(135deg,var(--brand-blue),#006fa4);box-shadow:0 12px 28px rgba(0,131,191,.22)}.button-danger{color:var(--white);background:var(--brand-red)}.button-secondary{border:1px solid var(--line);color:var(--gray-700);background:rgba(255,255,255,.05)}.button-full{width:100%}.button-compact{min-height:38px;padding:9px 12px}.input-compact{min-width:170px;padding:9px 10px}.password-reset-form{display:flex;min-width:300px;gap:8px;align-items:center}.error-box,.notice-box{border-radius:8px;padding:12px;font-size:.92rem}.error-box{border:1px solid rgba(195,61,52,.22);color:#8a241f;background:var(--red-bg)}.notice-box{border:1px solid rgba(0,131,191,.18);color:#075985;background:var(--blue-bg)}.demo-list{display:grid;grid-gap:8px;gap:8px;margin-top:18px}.demo-account{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:rgba(255,255,255,.045);font-size:.88rem}.demo-account,.demo-account span,.demo-account strong{color:var(--white)}.demo-account:hover{border-color:var(--line-strong);background:rgba(0,131,191,.13)}.app-shell{display:grid;min-height:100vh;grid-template-columns:272px minmax(0,1fr)}.sidebar{position:-webkit-sticky;position:sticky;top:0;display:flex;height:100vh;flex-direction:column;gap:24px;border-right:1px solid var(--line);background:linear-gradient(180deg,rgba(0,131,191,.12),transparent 220px),var(--black);padding:22px}.sidebar-brand{display:grid;align-items:center;grid-gap:10px;gap:10px;font-weight:900}.sidebar-brand .brand-emblem{width:40px;height:40px;border-color:var(--brand-blue);color:var(--brand-blue)}.sidebar-brand .brand-symbol{width:42px;height:54px}.sidebar-brand .brand-wordmark .comfort,.sidebar-brand .brand-wordmark .solutions{font-size:1.5rem}.portal-label{width:-moz-fit-content;width:fit-content;border:1px solid rgba(0,131,191,.38);border-radius:999px;color:rgba(255,255,255,.72);padding:5px 9px;font-size:.72rem;font-weight:900;text-transform:uppercase}.sidebar-brand small{display:block;margin-top:2px;color:var(--gray-500);font-size:.74rem;font-weight:700}.nav-list{display:grid;grid-gap:6px;gap:6px}.nav-link{display:flex;min-height:42px;align-items:center;gap:10px;border-radius:8px;color:rgba(255,255,255,.72);padding:10px 12px;font-size:.94rem;font-weight:800}.nav-link.active,.nav-link:hover{color:var(--white);background:rgba(0,131,191,.18)}.nav-link.active{box-shadow:inset 3px 0 0 var(--brand-blue-bright),0 10px 24px rgba(0,131,191,.12)}.sidebar-footer{display:grid;grid-gap:14px;gap:14px;margin-top:auto}.user-chip{display:grid;grid-gap:2px;gap:2px;border:1px solid var(--line);border-radius:8px;padding:12px;background:rgba(255,255,255,.05)}.user-chip strong{font-size:.93rem}.user-chip span{color:var(--gray-500);font-size:.8rem;text-transform:capitalize}.main-area{min-width:0}.topbar{display:flex;min-height:72px;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);background:rgba(5,9,13,.86);padding:0 28px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-brand{display:none}.topbar-brand-line{display:inline-flex;align-items:center;gap:10px;color:var(--gray-300);font-size:.86rem;font-weight:800}.topbar-brand-line span{color:var(--brand-blue-bright);text-transform:uppercase}.topbar-brand-line strong{color:var(--white)}.page{display:grid;grid-gap:24px;gap:24px;padding:28px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.eyebrow{margin:0 0 7px;color:var(--brand-blue-bright);font-size:.78rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.page-title{margin:0;color:var(--white);font-family:var(--font-heading);font-size:clamp(1.7rem,2.6vw,2.55rem);line-height:1.08;letter-spacing:0}.page-subtitle{max-width:760px;margin:9px 0 0;color:var(--gray-300);line-height:1.55}.grid{display:grid;grid-gap:18px;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02)),var(--surface-2);box-shadow:var(--shadow)}.card,.panel{border:1px solid var(--line);border-radius:8px}.panel{background:var(--surface-2)}.card-padding,.panel-padding{padding:20px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-title h2,.section-title h3{margin:0;color:var(--white);font-family:var(--font-heading);font-size:1.08rem;letter-spacing:0}.quick-link{display:flex;min-height:112px;align-items:flex-start;justify-content:space-between;gap:16px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(135deg,rgba(0,131,191,.16),rgba(195,61,52,.06)),var(--surface-2);padding:18px;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.quick-link:hover{transform:translateY(-2px);border-color:var(--line-strong);box-shadow:var(--shadow)}.quick-link strong{display:block;margin-bottom:7px;color:var(--white)}.quick-link span{display:block;color:var(--gray-300);font-size:.9rem;line-height:1.45}.icon-box{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;border-radius:8px;color:var(--white);background:linear-gradient(145deg,var(--brand-blue),#005f8d);box-shadow:inset 0 -2px 0 rgba(0,0,0,.2)}.grid>.quick-link:nth-child(2n) .icon-box,.grid>.stat-card:first-child .icon-box{background:linear-gradient(145deg,var(--brand-red),#921f1a)}.stat-card{display:grid;grid-gap:12px;gap:12px}.stat-value{color:var(--white);font-size:1.9rem;font-weight:900;letter-spacing:0}.status-pill{display:inline-flex;width:-moz-fit-content;width:fit-content;align-items:center;gap:7px;border-radius:999px;padding:6px 10px;font-size:.8rem;font-weight:900}.status-dot{width:8px;height:8px;border-radius:999px}.status-green{color:var(--green);background:var(--green-bg)}.bar-green,.status-green .status-dot{background:var(--green)}.status-yellow{color:var(--yellow);background:var(--yellow-bg)}.bar-yellow,.status-yellow .status-dot{background:#d97706}.status-red{color:var(--brand-red);background:var(--red-bg)}.bar-red,.status-red .status-dot{background:var(--brand-red)}.progress-track{width:100%;height:9px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.08)}.progress-bar{height:100%;border-radius:999px}.kpi-card{display:grid;grid-gap:14px;gap:14px;min-height:202px}.kpi-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.kpi-card h3{margin:0 0 6px;color:var(--white);font-size:1rem;letter-spacing:0}.kpi-card p{margin:0;color:var(--gray-300);font-size:.87rem;line-height:1.45}.kpi-values{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.kpi-values strong{color:var(--white);font-size:1.55rem}.kpi-values span{color:var(--gray-300);font-size:.86rem}.segmented{display:inline-flex;gap:4px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);padding:4px}.segmented a,.segmented button{min-height:34px;border:0;border-radius:6px;padding:8px 12px;color:var(--gray-300);background:transparent;font-size:.86rem;font-weight:900}.segmented .active{color:var(--white);background:var(--brand-blue)}.table-wrap{width:100%;overflow-x:auto}.table{width:100%;min-width:740px;border-collapse:collapse}.table td,.table th{border-bottom:1px solid var(--line);padding:13px 12px;text-align:left;vertical-align:middle}.table th{color:var(--brand-blue-bright);font-size:.78rem;font-weight:900;text-transform:uppercase}.table td{font-size:.92rem}.library-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,260px);grid-gap:12px;gap:12px}.badge-list{display:flex;flex-wrap:wrap;gap:7px}.badge{display:inline-flex;align-items:center;border-radius:999px;border:1px solid rgba(0,131,191,.22);background:rgba(0,131,191,.13);color:#dff5ff;padding:5px 9px;font-size:.78rem;font-weight:800}.announcement-card,.resource-card,.training-card{display:grid;grid-gap:13px;gap:13px}.announcement-card h3,.resource-card h3,.training-card h3{margin:0;color:var(--white);font-family:var(--font-heading);font-size:1.02rem}.announcement-card p,.resource-card p,.training-card p{margin:0;color:var(--gray-300);line-height:1.5}.card-actions{display:flex;flex-wrap:wrap;gap:9px}.admin-grid{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1fr);grid-gap:18px;gap:18px;align-items:start}.checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.checkbox-row{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.035);padding:9px 10px;font-size:.9rem}.csv-mapper{display:grid;grid-gap:18px;gap:18px}.preview-table{max-height:320px;overflow:auto}@media (max-width:1120px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-grid,.grid-3{grid-template-columns:1fr}}@media (max-width:860px){.app-shell,.login-page{grid-template-columns:1fr}.login-brand{min-height:280px;padding:28px}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line);padding:14px}.sidebar-brand,.sidebar-footer{display:none}.nav-list{grid-template-columns:repeat(4,minmax(0,1fr))}.nav-link{justify-content:center;padding:10px 8px}.nav-link span{display:none}.topbar{min-height:auto;padding:16px}.mobile-brand{display:inline-flex;align-items:center;gap:10px;font-weight:900}.mobile-brand .brand-symbol{width:32px;height:42px}.page{padding:18px}.page-header{display:grid}.grid-2,.grid-4,.library-toolbar{grid-template-columns:1fr}}@media (max-width:560px){.login-panel{padding:24px 18px}.nav-list{grid-template-columns:repeat(6,minmax(0,1fr));overflow-x:auto}.nav-link{min-width:44px}.topbar{align-items:flex-start}.topbar .button{min-width:42px;padding-inline:10px}.topbar .button span{display:none}.checkbox-grid{grid-template-columns:1fr}}