:root{color:#14263f;font-synthesis:none;text-rendering:optimizelegibility;--navy:#062e5d;--navy-2:#0b427f;--blue:#0d68c9;--amber:#f8b51b;--ink:#14263f;--muted:#52677d;--line:#dde6f0;--surface:#fff;--soft:#edf4fb;--green:#0c6f43;--danger:#c53b3b;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f4f7fb;min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:flex}.sidebar{color:#dbe9f8;background:linear-gradient(#052b56 0%,#062246 100%);flex-direction:column;flex:0 0 248px;width:248px;padding:24px 16px;display:flex}.brand{color:#fff;align-items:center;gap:12px;margin:0 10px 34px;display:flex}.brand-mark{background:var(--amber);width:42px;height:42px;color:var(--navy);border-radius:12px;place-items:center;display:grid;box-shadow:0 8px 22px #00152e55}.brand-mark svg{width:24px}.brand-copy strong{letter-spacing:.12em;font-size:13px;display:block}.brand-copy span{opacity:.66;letter-spacing:.08em;margin-top:3px;font-size:10px;display:block}.nav-label{color:#7ca3cd;letter-spacing:.14em;text-transform:uppercase;margin:0 12px 10px;font-size:10px;font-weight:800}.nav-list{gap:5px;display:grid}.nav-item{color:#aac5e2;border-radius:12px;align-items:center;gap:12px;padding:12px 13px;font-size:14px;font-weight:650;transition:all .2s;display:flex}.nav-item.active{box-shadow:inset 3px 0 var(--amber)}.nav-item svg{width:18px}.nav-future{opacity:.54}.sidebar-bottom{gap:10px;margin-top:auto;display:grid}.pending-link{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:14px;padding:14px}.pending-link small{color:#c3d7eb;font-size:11px;display:block}.pending-link strong{color:#fff;margin-top:4px;display:block}.logout{color:#aec6e1;background:0 0;border:0;align-items:center;gap:11px;padding:12px;font-weight:650;display:flex}.main-area{flex:1;min-width:0}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5;background:#ffffffd9;justify-content:space-between;align-items:center;height:76px;padding:0 36px;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:14px;display:flex}.menu-toggle,.close-menu{color:var(--navy);background:0 0;border:0;display:none}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#4d6680;font-size:11px;font-weight:800}.topbar-right{align-items:center;gap:16px;display:flex}.icon-button{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.profile-chip{border-left:1px solid var(--line);align-items:center;gap:10px;padding-left:16px;display:flex}.avatar{background:var(--navy);color:#fff;border-radius:50%;place-items:center;width:38px;height:38px;font-size:13px;font-weight:800;display:grid}.profile-chip strong{font-size:13px;display:block}.profile-chip span{color:var(--muted);margin-top:2px;font-size:11px;display:block}.page{max-width:1440px;margin:0 auto;padding:38px 42px 70px}.page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.page-title{letter-spacing:-.045em;color:var(--ink);margin:5px 0 7px;font-size:clamp(26px,3vw,40px);line-height:1.05}.page-subtitle{color:var(--muted);margin:0;font-size:15px}.button{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 15px;font-size:13px;font-weight:750;display:inline-flex}.button-primary{background:var(--navy);color:#fff}.button-secondary{color:var(--navy);border-color:var(--line);background:#fff}.button-danger{color:var(--danger);background:#fff4f3;border-color:#f4c6c2}.button:disabled{cursor:not-allowed;opacity:.5}.button-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.demo-strip{color:#31587e;background:#eef6ff;border:1px solid #cfe0f2;border-radius:12px;align-items:center;gap:10px;margin-bottom:22px;padding:12px 14px;font-size:13px;display:flex}.demo-strip strong{color:var(--navy)}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px;display:grid}.stat-card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 28px #1d48750b}.stat-card{justify-content:space-between;align-items:flex-start;padding:21px;display:flex}.stat-card p{color:var(--muted);margin:0;font-size:13px;font-weight:700}.stat-card strong{letter-spacing:-.04em;margin-top:9px;font-size:31px;display:block}.stat-icon{width:38px;height:38px;color:var(--blue);background:#eaf4ff;border-radius:11px;place-items:center;display:grid}.stat-icon.amber{color:#b87400;background:#fff6df}.stat-icon.green{color:var(--green);background:#e6f7ee}.content-grid{grid-template-columns:minmax(0,1.55fr) minmax(280px,.85fr);align-items:start;gap:22px;display:grid}.stack{gap:22px;display:grid}.panel-heading{justify-content:space-between;align-items:center;gap:14px;padding:20px 22px 14px;display:flex}.panel-heading h2{letter-spacing:-.02em;margin:0;font-size:17px}.panel-heading a{color:var(--blue);font-size:12px;font-weight:800}.action-center{color:#fff;background:linear-gradient(130deg,#082f5f,#0a4e91);border-radius:16px;padding:22px;box-shadow:0 15px 28px #062e5d25}.action-center h2{margin:0 0 7px;font-size:20px}.action-center p{color:#c4d8ed;margin:0 0 17px;font-size:13px}.action-row{border-top:1px solid #ffffff25;justify-content:space-between;align-items:center;gap:14px;padding:14px 0;display:flex}.action-row div{align-items:center;gap:11px;font-size:13px;font-weight:650;display:flex}.action-row .button{color:#fff;background:#ffffff12;border-color:#ffffff35}.news-list{padding:0 22px 8px}.news-item{border-top:1px solid var(--line);padding:15px 0}.news-item:first-child{border-top:0}.news-item h3{margin:0 0 5px;font-size:14px}.news-item p{color:var(--muted);margin:0 0 7px;font-size:13px;line-height:1.5}.news-item small{color:#96a2b1;font-size:11px}.birthday-card{background:linear-gradient(145deg,#fffaf0,#fff);border-color:#f0dfb5;padding:22px}.birthday-card h2{margin:0;font-size:18px}.birthday-card>p{color:var(--muted);margin:6px 0 18px;font-size:13px}.birthday-person{border-top:1px solid #f0e7d3;align-items:center;gap:12px;padding:13px 0;display:flex}.birthday-person strong{font-size:13px;display:block}.birthday-person span{color:var(--muted);margin-top:3px;font-size:12px;display:block}.birthday-date{color:#9a6a00;margin-left:auto;font-size:12px;font-weight:800}.progress-panel{padding:22px}.progress-panel h2{margin:0;font-size:17px}.progress-line{color:var(--muted);justify-content:space-between;margin:18px 0 8px;font-size:12px;display:flex}.progress-track{background:#e9eff5;border-radius:99px;height:8px;overflow:hidden}.progress-value{background:var(--amber);border-radius:inherit;width:26%;height:100%}.table-panel{overflow:hidden}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:720px}th,td{border-top:1px solid var(--line);text-align:left;padding:15px 20px;font-size:13px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;background:#fbfcfe;font-size:11px}td strong{display:block}td small{color:#5c6c7e;margin-top:4px;display:block}.badge{color:#7b5000;background:#fff3dc;border-radius:99px;padding:5px 9px;font-size:11px;font-weight:800;display:inline-flex}.badge.approved{color:var(--green);background:#e4f6ec}.badge.rejected{color:var(--danger);background:#fff0ef}.toolbar{align-items:center;gap:12px;display:flex}.search-box{border:1px solid var(--line);color:#5c6c7e;background:#fff;border-radius:10px;align-items:center;gap:8px;min-width:240px;padding:0 12px;display:flex}.search-box input{width:100%;min-height:42px;color:var(--ink);background:0 0;border:0;outline:0}.empty{color:var(--muted);padding:34px 22px;font-size:14px}.form-panel{margin-bottom:22px;padding:22px}.form-panel h2{margin:0 0 16px;font-size:17px}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-field{gap:6px;display:grid}.form-field.full{grid-column:1/-1}.form-field label{color:var(--muted);font-size:12px;font-weight:750}.form-field input,.form-field textarea{border:1px solid var(--line);color:var(--ink);border-radius:9px;outline:0;padding:11px 12px}.form-field textarea{resize:vertical;min-height:90px}.form-actions{justify-content:flex-end;margin-top:14px;display:flex}.coming-soon{text-align:center;padding:34px}.coming-soon svg{color:var(--amber)}.coming-soon h2{margin:15px 0 8px}.coming-soon p{max-width:520px;color:var(--muted);margin:auto;line-height:1.6}.login-page{background:#f4f7fb;grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.app-loading{color:#123b63;letter-spacing:.02em;background:#f4f7fb;place-items:center;min-height:100vh;font-weight:700;display:grid}.login-visual{color:#fff;background:radial-gradient(circle at 72% 34%,#0d68c9 0,#093a72 34%,#041f41 100%);padding:54px 7vw;position:relative;overflow:hidden}.login-visual:before{content:"";border:1px solid #ffffff20;border-radius:50%;width:620px;height:620px;position:absolute;top:10%;right:-180px;box-shadow:0 0 0 46px #ffffff08,0 0 0 92px #ffffff05}.login-visual:after{content:"";background:var(--amber);border-radius:50%;width:9px;height:9px;position:absolute;top:24%;right:26%;box-shadow:0 0 0 9px #f8b51b33,0 0 35px 12px #f8b51b55}.login-brand{z-index:1;align-items:center;gap:13px;display:flex;position:relative}.login-brand .brand-mark{background:#fff}.login-brand strong{letter-spacing:.13em;font-size:14px}.login-brand span{color:#9fc3e5;margin-top:4px;font-size:11px;display:block}.login-copy{z-index:1;max-width:530px;margin-top:20vh;position:relative}.login-copy .eyebrow{color:#a8c7e7}.login-copy h1{letter-spacing:-.06em;margin:13px 0;font-size:clamp(36px,5vw,70px);line-height:.98}.login-copy p{color:#c5d9ed;max-width:430px;line-height:1.65}.login-form-side{place-items:center;padding:40px;display:grid}.login-form{gap:17px;display:grid}.login-form label{color:#53657a;gap:7px;font-size:12px;font-weight:800;display:grid}.login-form input{border:1px solid var(--line);background:#fff;border-radius:11px;outline:0;min-height:49px;padding:0 14px}.login-form input:focus,.form-field input:focus,.form-field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0d68c91c}.login-submit{background:var(--navy);color:#fff;border:0;border-radius:11px;min-height:50px;margin-top:4px;font-weight:800}.login-hint{color:#60758d;border:1px dashed #c7d8e8;border-radius:10px;margin-top:22px;padding:13px;font-size:12px;line-height:1.6}.error{color:var(--danger);background:#fff0ef;border:1px solid #f3cfcc;border-radius:9px;padding:10px 12px;font-size:12px}@media (width<=980px){.sidebar{flex-basis:218px;width:218px}.page{padding-inline:24px}.content-grid{grid-template-columns:1fr}.login-copy{margin-top:14vh}}@media (width<=740px){.sidebar{z-index:20;transition:transform .22s;position:fixed;inset:0 auto 0 0;transform:translate(-105%);box-shadow:12px 0 30px #00152e40}.sidebar.open{transform:translate(0)}.close-menu,.menu-toggle{place-items:center;display:grid}.close-menu{color:#fff;align-self:flex-end;margin-bottom:8px}.topbar{height:66px;padding:0 18px}.topbar-left{gap:9px}.topbar-left .eyebrow{font-size:9px}.profile-chip>div:last-child{display:none}.profile-chip{padding-left:9px}.page{padding:28px 16px 52px}.page-header{display:block}.page-header .button,.toolbar{margin-top:18px}.stats-grid,.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}.search-box{width:100%;min-width:0}.toolbar{display:block}.toolbar .button{width:100%}.login-page{grid-template-columns:1fr}.login-visual{min-height:390px;padding:30px 26px}.login-copy{margin-top:90px}.login-copy h1{font-size:44px}.login-form-side{padding:38px 22px 52px}}.sidebar-brand{color:#fff;align-items:center;gap:10px;margin:0 8px 26px;display:flex}.sidebar-brand .brand-mark{border-radius:10px;width:38px;height:38px}.sidebar-brand strong{letter-spacing:.12em;font-size:14px;display:block}.sidebar-brand small{color:#8fb3d7;letter-spacing:.12em;margin-top:2px;font-size:9px;display:block}.sidebar-close{margin-left:auto;display:none}.sidebar-caption{color:#7fa5ce;letter-spacing:.13em;margin:4px 12px 12px;font-size:10px;font-weight:800}.sidebar-caption.lower{margin-top:28px}.future-nav{color:#90afd0;gap:7px;padding:0 12px;font-size:12px;display:grid}.future-nav span{align-items:center;gap:7px;display:flex}.main-shell{flex:1;min-width:0}.content{max-width:1440px;margin:0 auto;padding:36px 42px 70px}.topbar>div:nth-child(2){gap:3px;display:grid}.topbar-kicker{color:#4d6680;letter-spacing:.11em;font-size:10px;font-weight:800}.topbar strong{font-size:15px}.topbar-actions{align-items:center;gap:14px;display:flex}.topbar-actions .icon-button{position:relative}.topbar-actions .icon-button i{background:var(--amber);border-radius:50%;width:5px;height:5px;position:absolute;top:8px;right:8px}.notification-control{position:relative}.notification-popover{z-index:20;background:var(--surface);border:1px solid var(--line);border-radius:14px;width:min(390px,100vw - 36px);max-height:min(520px,100vh - 110px);padding:14px;position:absolute;top:calc(100% + 10px);right:0;overflow:auto;box-shadow:0 18px 45px #14253a1f}.notification-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:2px 2px 10px;display:flex}.notification-heading span{color:var(--muted);font-size:11px}.notification-item{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:12px;padding:13px 2px;display:flex}.notification-item:last-child{border-bottom:0}.notification-item.read{opacity:.68}.notification-item strong{font-size:12px}.notification-item p{color:var(--muted);margin:4px 0;font-size:12px;line-height:1.4}.notification-item small{color:var(--muted);font-size:10px}.notification-item .mini-button{flex:none}.notification-empty,.notification-error{color:var(--muted);margin:16px 2px 4px;font-size:12px}.notification-error{color:var(--danger)}.user-chip{border-left:1px solid var(--line);align-items:center;gap:10px;padding-left:14px;display:flex}.user-chip strong{font-size:12px;display:block}.user-chip small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.page-header>div{min-width:0}.page-header h1{letter-spacing:-.045em;margin:5px 0 7px;font-size:clamp(26px,3vw,40px);line-height:1.05}.page-header p{color:var(--muted);margin:0;font-size:15px}.button.full{width:100%}.button-ghost{border-color:var(--line);color:var(--navy);background:#fff}.kicker{color:var(--blue);letter-spacing:.13em;font-size:10px;font-weight:800}.login-note{color:#c5d9ed;max-width:430px;line-height:1.65}.login-form-wrap{place-items:center;padding:40px;display:grid}.login-card{width:min(430px,100%)}.login-card h2{letter-spacing:-.05em;margin:10px 0 8px;font-size:32px}.login-card>p{color:var(--muted);margin:0 0 28px;line-height:1.5}.login-card label{color:#53657a;gap:7px;margin-bottom:16px;font-size:12px;font-weight:800;display:grid}.login-card input{border:1px solid var(--line);background:#fff;border-radius:11px;outline:0;min-height:49px;padding:0 14px}.login-card input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0d68c91c}.form-error{color:var(--danger);background:#fff0ef;border:1px solid #f3cfcc;border-radius:9px;margin:-4px 0 12px;padding:10px 12px;font-size:12px}.form-success{color:var(--green);background:#edf9f1;border:1px solid #bde5ca;border-radius:9px;margin:-4px 0 12px;padding:10px 12px;font-size:12px}.demo-hint{color:#52677d;border:1px dashed #c7d8e8;border-radius:10px;padding:12px;margin-top:18px!important;font-size:12px!important}.login-orbit{flex-wrap:wrap;gap:8px;margin-top:25px;display:flex}.login-orbit span{color:#d6e7f8;border:1px solid #ffffff2c;border-radius:99px;padding:7px 10px;font-size:11px}.stat-card>span{color:var(--muted);font-size:13px;font-weight:700}.stat-card small{color:var(--muted);margin-top:5px;font-size:11px;display:block}.toolbar{align-items:center;gap:14px;margin-bottom:18px;display:flex}.search-field{border:1px solid var(--line);color:#5c6c7e;background:#fff;border-radius:10px;align-items:center;gap:8px;min-width:290px;padding:0 12px;display:flex}.search-field input{width:100%;min-height:42px;color:var(--ink);background:0 0;border:0;outline:0}.result-count{color:#52677d;white-space:nowrap;font-size:12px}.person-cell{align-items:center;gap:10px;display:flex}.avatar.soft{width:34px;height:34px;color:var(--navy);background:#e7f0fa;font-size:11px}.status-pill{color:#7b5000;white-space:nowrap;background:#fff4df;border-radius:99px;align-items:center;gap:5px;padding:5px 9px;font-size:11px;font-weight:800;display:inline-flex}.status-pill.success{color:#0b6a45;background:#e4f6ec}.status-pill.warning{color:#7b5000;background:#fff4df}.status-pill.danger{color:var(--danger);background:#fff0ef}.inline-actions{gap:6px;display:flex}.mini-button{border:1px solid var(--line);background:#fff;border-radius:7px;min-height:29px;padding:0 9px;font-size:11px;font-weight:750}.mini-button.approve{color:var(--green);background:#f2fbf6;border-color:#bce4cd}.mini-button.reject{color:var(--danger);background:#fff7f6;border-color:#f0c8c4}.publish-panel{gap:16px;margin-bottom:22px;padding:22px;display:grid}.publish-panel h2{margin:6px 0 0;font-size:18px}.publish-fields{grid-template-columns:1fr 1.5fr auto;align-items:center;gap:10px;display:grid}.publish-fields input,.publish-fields textarea{border:1px solid var(--line);resize:vertical;border-radius:9px;outline:0;width:100%;padding:11px 12px}.news-feed{gap:14px;display:grid}.news-card{padding:20px 22px}.news-source{color:#5c6c7e;margin:14px 0 0 61px;font-size:11px;display:block}.progress-line>div:first-child{color:var(--muted);justify-content:space-between;margin:18px 0 8px;font-size:12px;display:flex}.progress-line>div:first-child strong{color:var(--ink)}.progress{background:#e9eff5;border-radius:99px;height:8px;overflow:hidden}.progress i{background:var(--amber);border-radius:inherit;height:100%;display:block}.insight-note{color:var(--muted);font-size:11px;line-height:1.5}.empty-module{text-align:center;border:1px solid var(--line);background:#fff;border-radius:18px;max-width:650px;margin:30px auto;padding:55px 30px}.empty-icon{color:#af7700;background:#fff4d7;border-radius:14px;place-items:center;width:48px;height:48px;margin:0 auto 17px;display:grid}.empty-module h1{margin:8px 0}.empty-module p{color:var(--muted);margin:0 auto 22px;line-height:1.6}.module-grid{gap:16px;margin-bottom:22px;display:grid}.module-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.module-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.module-card{border:1px solid var(--line);background:#fff;border-radius:15px;align-items:flex-start;gap:13px;padding:19px;display:flex;box-shadow:0 10px 28px #1d48750b}.module-card-icon{width:36px;height:36px;color:var(--blue);background:#eaf4ff;border-radius:10px;flex:0 0 36px;place-items:center;display:grid}.module-card>div:last-child{min-width:0}.module-card span{color:var(--muted);font-size:12px;font-weight:750;display:block}.module-card strong{color:var(--ink);letter-spacing:-.04em;margin:5px 0 2px;font-size:23px;display:block}.module-card small{color:var(--muted);font-size:11px;display:block}.module-card.green{border-top:3px solid var(--green)}.module-card.amber{border-top:3px solid var(--amber)}.module-section{margin-bottom:22px;overflow:hidden}.module-actions{justify-content:space-between;align-items:center;gap:16px;margin:0 0 14px;display:flex}.section-note{color:var(--muted);margin:5px 0 0;font-size:12px;line-height:1.5}.evaluation-form{padding:0 22px 8px}.evaluation-question{border-top:1px solid var(--line);padding:18px 0}.evaluation-question:first-child{border-top:0}.evaluation-question .form-field{margin:10px 0}.area-list,.task-list,.attendance-list,.goal-list,.review-list,.course-list{padding:0 22px 8px}.area-row,.task-row,.attendance-row,.review-row,.course-row{border-top:1px solid var(--line);align-items:center;gap:15px;padding:15px 0;display:grid}.area-row{grid-template-columns:1.4fr 1fr 1fr auto}.area-node{color:var(--navy);align-items:center;gap:9px;display:flex}.area-row>span,.area-row>small{color:var(--muted);font-size:12px}.area-row a{color:var(--blue);font-size:12px;font-weight:750}.task-row{grid-template-columns:auto 1fr auto}.task-row strong,.course-row strong,.review-row strong{font-size:13px;display:block}.task-row small,.course-row small,.review-row small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.task-row>span{color:var(--muted);font-size:11px}.task-row>span.task-done{color:var(--green);font-weight:800}.check-button{color:#a7b8ca;background:#fff;border:1px solid #cbd9e7;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.check-button.checked{color:var(--green);background:#e9f8ef;border-color:#a9dcbc}.attendance-row{grid-template-columns:1fr 2fr auto}.attendance-row span:not(.status-pill){color:var(--muted);font-size:12px}.leave-calendar-panel .panel-heading{padding-bottom:15px}.leave-calendar{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;padding:0 22px 16px;display:grid}.leave-calendar-weekday{color:var(--muted);letter-spacing:.06em;text-align:center;text-transform:uppercase;padding:5px 0;font-size:10px;font-weight:800}.leave-calendar-day{border:1px solid var(--line);min-height:58px;color:var(--ink);background:#fbfdff;border-radius:10px;padding:8px}.leave-calendar-day>span{font-size:12px;font-weight:800;display:block}.leave-calendar-day small{color:var(--muted);margin-top:8px;font-size:9px;font-weight:800;display:block}.leave-calendar-day.outside{opacity:.38}.leave-calendar-day.approved{background:#effaf2;border-color:#9ed9b3}.leave-calendar-day.pending{background:#fff9e8;border-color:#f0d18a}.leave-calendar-day.rejected{background:#fff3f3;border-color:#f0b5b5}.leave-calendar-legend{color:var(--muted);flex-wrap:wrap;gap:16px;padding:0 22px 22px;font-size:11px;display:flex}.leave-calendar-legend span{align-items:center;gap:6px;display:inline-flex}.leave-calendar-legend i{border-radius:50%;width:9px;height:9px;display:inline-block}.leave-calendar-legend i.approved{background:#65b87d}.leave-calendar-legend i.pending{background:#e6b94f}.leave-calendar-legend i.rejected{background:#d87979}.inline-form{align-items:flex-end;gap:12px;padding:0 22px 22px;display:flex}.inline-form label{color:var(--muted);flex:1;gap:6px;font-size:12px;font-weight:750;display:grid}.inline-form input{border:1px solid var(--line);border-radius:9px;outline:0;min-height:42px;padding:0 12px}.form-field>span{color:var(--muted);font-size:12px;font-weight:750}.goal-row{border-top:1px solid var(--line);padding:17px 0}.goal-row:first-child{border-top:0}.goal-heading{justify-content:space-between;gap:15px;margin-bottom:9px;font-size:13px;display:flex}.goal-heading span,.review-row>span{color:var(--blue);font-size:12px;font-weight:800}.goal-row .mini-button{margin-top:10px}.review-row{grid-template-columns:1.2fr 2fr auto}.review-bar{background:#e9eff5;border-radius:99px;height:8px;overflow:hidden}.review-bar i{border-radius:inherit;background:var(--blue);height:100%;display:block}.course-row{grid-template-columns:auto 1fr auto}.course-icon{width:36px;height:36px;color:var(--blue);background:#edf4fb;border-radius:10px;place-items:center;display:grid}.course-content .progress{margin-top:11px}.report-toolbar{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.bar-chart{gap:18px;padding:0 22px 24px;display:grid}.bar-row{grid-template-columns:1fr 2.3fr 45px;align-items:center;gap:14px;font-size:12px;display:grid}.bar-row>div{background:#e9eff5;border-radius:99px;height:12px;overflow:hidden}.bar-row i{background:linear-gradient(90deg, var(--blue), #5da9e8);border-radius:inherit;height:100%;display:block}.bar-row strong{text-align:right;color:var(--navy)}@media (width<=740px){.sidebar-brand .sidebar-close{display:grid}.content{padding:28px 16px 52px}.publish-fields{grid-template-columns:1fr}.publish-fields .button{width:100%}.search-field{width:100%;min-width:0}.toolbar{display:block}.toolbar .result-count{margin-top:8px;display:block}.module-grid.three,.module-grid.four{grid-template-columns:1fr}.area-row{grid-template-columns:1fr 1fr}.area-row a{grid-column:2}.inline-form,.report-toolbar{display:block}.inline-form .button,.report-toolbar .button{width:100%;margin-top:14px}.review-row{grid-template-columns:1fr auto}.review-bar{grid-area:2/1/auto/-1}.course-row{grid-template-columns:auto 1fr}.course-row .mini-button{grid-column:2;justify-self:start}.bar-row{grid-template-columns:1fr 42px}.bar-row>div{grid-area:2/1/auto/-1}}:root{--navy:#171b2c;--navy-2:#272142;--blue:#6848e8;--amber:#e5a622;--ink:#171b2c;--muted:#52677d;--line:#e5e7ec;--soft:#f5f6fa;--surface:#fff;--green:#0b6a45}body{color:var(--ink);background:#f7f7f9}.sidebar{color:#697386;border-right:1px solid var(--line);background:#fff;flex-basis:250px;width:250px;padding:22px 14px}.sidebar-brand{color:var(--ink);margin:0 10px 34px}.sidebar-brand .brand-mark{color:#fff;background:#7047e8;box-shadow:0 8px 18px #7047e82b}.sidebar-brand small{color:#596273}.sidebar-caption{color:#667085;margin-left:12px}.nav-item{color:#697386;border:1px solid #0000}.nav-item:hover,.nav-item.active{color:#6848e8;background:#f4f1ff}.nav-item.active{box-shadow:none;border-color:#e7e0ff}.future-nav{color:#5e6675}.future-nav a{align-items:center;gap:7px;padding:3px 0;display:flex}.logout{color:#697386}.topbar{border-bottom-color:var(--line);background:#fff}.topbar-kicker,.eyebrow{color:#667085}.topbar strong{color:var(--ink)}.content{max-width:1600px;padding:38px 42px 70px}.page-header{margin-bottom:28px}.page-header h1{color:var(--ink);font-size:clamp(28px,3vw,42px)}.page-header p{color:#586273}.button-primary{background:#6848e8}.button-primary:hover{background:#5536d5}.button-ghost{color:#6848e8;background:#fff;border-color:#ddd7f7}.status-strip{color:#667085;justify-content:space-between;align-items:center;gap:15px;margin:-8px 0 20px;font-size:12px;display:flex}.status-strip>div{align-items:center;gap:8px;display:flex}.status-dot{background:#22a66f;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #22a66f1c}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat-card,.panel,.module-card{border-color:#e1e4eb;border-radius:16px;box-shadow:0 8px 24px #26324d09}.stat-card{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:14px;min-height:112px;padding:20px 21px;display:grid}.stat-card>span{grid-area:1/1}.stat-card>strong{grid-area:1/2/span 2;align-self:center;margin:0}.stat-card>small{grid-area:2/1;margin-top:6px}.stat-card>span{color:#6b7485}.stat-card strong{color:var(--ink);font-size:32px}.stat-card small{color:#52677d}.stat-card.blue{border-top:3px solid #6848e8}.stat-card.amber{border-top:3px solid #e5a622}.stat-card.green{border-top:3px solid #16865a}.dashboard-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:16px;margin-bottom:16px;display:grid}.lower-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.panel-heading{padding:20px 22px 13px}.panel-heading h2{color:var(--ink)}.panel-heading a{color:#6848e8;align-items:center;gap:3px;display:inline-flex}.focus-panel,.news-panel,.birthday-panel,.insight-panel{min-width:0}.action-row{align-items:center;justify-content:initial;border-top:1px solid var(--line);color:var(--ink);grid-template-columns:34px minmax(0,1fr) auto;gap:12px;padding:17px 22px;display:grid}.action-row:hover{background:#faf9ff}.action-row>span:nth-child(2){min-width:0}.action-row strong,.action-row small{display:block}.action-row strong{font-size:14px}.action-row small{color:#737c8d;margin-top:4px;font-size:12px}.action-row small,.news-row p,.birthday-row span{color:#52677d}.action-icon{color:#6848e8;background:#f1edff;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.news-row{border-top:1px solid var(--line);grid-template-columns:48px minmax(0,1fr);align-items:start;gap:13px;padding:14px 22px;display:grid}.news-date{color:#6848e8;background:#f3f0ff;border-radius:10px;place-items:center;padding:7px 4px;display:grid}.news-date strong{font-size:17px;line-height:1}.news-date span{text-transform:uppercase;margin-top:4px;font-size:10px}.news-row h3{color:var(--ink);margin:5px 0 4px;font-size:14px}.news-row p{color:#52677d;margin:0;font-size:12px;line-height:1.5}.tag{color:#6848e8;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:800}.birthday-list{padding:0 22px 10px}.birthday-row{border-top:1px solid var(--line);grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px 0;display:grid}.birthday-row strong,.birthday-row span{display:block}.birthday-row strong{font-size:13px}.birthday-row span{color:#52677d;margin-top:3px;font-size:11px}.birthday-row time{color:#6848e8;white-space:nowrap;font-size:12px;font-weight:800}.panel-icon{color:#6848e8}.insight-panel{padding-bottom:12px}.insight-panel .progress-line{padding:0 22px}.progress-line>div:first-child{width:100%}.insight-note{padding:0 22px}.muted-icon{color:#8991a2}.table-panel,.publish-panel,.empty-module{box-shadow:0 8px 24px #26324d09}.module-card-icon,.course-icon{color:#6848e8;background:#f1edff}.module-card span,.module-card small{color:#697386}.progress i,.bar-row i{background:#6848e8}.progress.violet i{background:#8a6cf2}.production-hint{color:#667085}.login-card>p{color:#52677d}.topbar>div:nth-child(2){min-width:0}.topbar-kicker{white-space:nowrap}@media (width<=980px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.lower-grid{grid-template-columns:1fr}}@media (width<=740px){.sidebar{flex-basis:250px;width:250px}.content{padding:28px 16px 52px}.stats-grid{grid-template-columns:1fr}.status-strip{flex-direction:column;align-items:flex-start}.topbar>div:nth-child(2){display:none}}