:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#222320;background:#bfc5cc;font-synthesis:none;--frame: #c6cbd1;--paper: #f2f0e9;--paper-2: #e9e7df;--white: #faf9f5;--ink: #232522;--ink-2: #30332f;--rail: #171a18;--muted: #73776f;--faint: #a0a39b;--line: rgba(35, 37, 34, .12);--yellow: #e2c75f;--yellow-soft: #f2e7af;--sage: #94b5a7;--sage-soft: #d7e4dc;--clay: #d47d5d;--blue: #6c8eaa}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;min-height:100vh;color:var(--ink);background:var(--frame)}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(108,142,170,.55);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.45}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.app-shell{width:100%;min-height:100vh;display:grid;grid-template-columns:86px minmax(0,1fr);background:var(--paper);overflow:hidden}.sidebar{position:fixed;inset:0 auto 0 0;z-index:20;width:86px;display:flex;flex-direction:column;align-items:center;padding:24px 12px 18px;background:var(--rail);color:#f4f2eb}.brand{padding:0 0 34px}.brand>div:last-child{display:none}.brand-mark{position:relative;width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:14px;background:#222621;color:#f4f2eb}.brand-mark:before{content:"";position:absolute;inset:5px;border:1px solid rgba(226,199,95,.38);border-radius:9px}.brand-mark span{position:relative;z-index:1;font-size:20px;font-weight:700}.brand-mark i{position:absolute;right:5px;bottom:5px;width:8px;height:8px;border-right:2px solid var(--yellow);border-bottom:2px solid var(--yellow)}.sidebar nav{width:100%;display:flex;flex-direction:column;align-items:center;gap:9px}.nav-caption{display:none}.nav-item{position:relative;width:50px;min-height:48px;display:grid;place-items:center;padding:0;border:0;border-radius:14px;background:transparent;color:#777d76;cursor:pointer;transition:color .18s ease,background .18s ease,transform .18s ease}.nav-item:hover{color:#f5f2e8;background:#252925;transform:translateY(-2px)}.nav-item.active{color:#1c1e1b;background:var(--yellow);box-shadow:0 8px 24px #0003}.nav-item svg{width:20px;height:20px;stroke-width:1.7}.nav-item span,.nav-arrow{display:none}.sidebar-user{width:100%;margin-top:auto;display:flex;justify-content:center;padding-top:17px;border-top:1px solid rgba(255,255,255,.1)}.sidebar-user>div:last-child{display:none}.sidebar .avatar{border-color:#ffffff3d;background:#242824;color:#f2e7af}.main{grid-column:2;min-width:0;min-height:100vh;background:var(--paper)}.topbar{position:sticky;top:0;z-index:15;min-height:82px;display:grid;grid-template-columns:auto minmax(380px,1fr) auto auto;align-items:center;gap:24px;padding:14px clamp(26px,3.4vw,52px);border-bottom:1px solid var(--line);background:#f2f0e9e6;backdrop-filter:blur(20px)}.topbar-context{min-width:138px}.eyebrow{display:flex;align-items:center;gap:7px;color:#8b7425;font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.eyebrow svg{width:12px;height:12px}.topbar h1{margin:4px 0 0;font-size:23px;line-height:1.1;letter-spacing:-.035em}.top-tabs{justify-self:center;display:flex;align-items:center;gap:2px;min-height:44px;padding:5px;border:1px solid var(--line);border-radius:999px;background:#ffffff9e;box-shadow:0 5px 22px #2325220e}.top-tabs button{min-height:34px;padding:0 15px;border:0;border-radius:999px;color:#777a74;background:transparent;cursor:pointer;font-size:10px;transition:.18s ease}.top-tabs button:hover{color:var(--ink);background:#2325220d}.top-tabs button.active{color:#f8f6ef;background:var(--ink);font-weight:700}.system-state{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px}.system-state i{width:7px;height:7px;border-radius:50%;background:var(--sage);box-shadow:0 0 0 4px #94b5a72b}.topbar-user{display:flex;align-items:center;gap:10px}.topbar-user>div{text-align:right}.topbar-user strong{display:block;font-size:12px}.topbar-user span{display:block;margin-top:3px;color:var(--muted);font-size:9px}.avatar{flex:0 0 auto;display:grid;place-items:center;overflow:hidden;color:var(--ink);background:#ece9df;border:1px solid var(--line)}.avatar img{width:100%;height:100%;object-fit:cover}.avatar svg{width:44%;stroke-width:1.6}.avatar-sm{width:28px;height:28px;border-radius:50%}.avatar-md{width:40px;height:40px;border-radius:50%}.avatar-lg{width:50px;height:50px;border-radius:50%}.content{width:min(1400px,100%);margin:0 auto;padding:34px clamp(26px,3.4vw,52px) 70px}.page-stack{display:flex;flex-direction:column;gap:14px}.page-stack>*{animation:surface-in .38s cubic-bezier(.2,.7,.2,1) both}.page-stack>*:nth-child(2){animation-delay:.04s}.page-stack>*:nth-child(3){animation-delay:.08s}.page-stack>*:nth-child(4){animation-delay:.12s}@keyframes surface-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.card{border:1px solid var(--line);border-radius:20px;background:var(--white);box-shadow:0 7px 24px #2325220b}.welcome,.page-intro{position:relative;min-height:176px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:32px 34px;overflow:hidden;border:1px solid rgba(35,37,34,.08);border-radius:24px;background:linear-gradient(105deg,#e6e5df,#f4f0d7 66%,#ead98c 130%)}.welcome:before,.page-intro:before{content:"";position:absolute;right:-40px;top:-90px;width:330px;height:330px;border-radius:50%;border:56px solid rgba(255,255,255,.22)}.welcome:after,.page-intro:after{content:"";position:absolute;right:210px;bottom:-50px;width:110px;height:110px;border-radius:50%;background:#94b5a729}.welcome>*,.page-intro>*{position:relative;z-index:1}.welcome h2,.page-intro h2{max-width:750px;margin:10px 0 9px;font-size:clamp(36px,4.4vw,58px);font-weight:480;line-height:.98;letter-spacing:-.055em}.welcome p,.page-intro p{max-width:650px;margin:0;color:#686c65;font-size:14px;line-height:1.55}.primary-button,.compact-button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 19px;border:0;border-radius:999px;color:#f7f5ee;background:var(--ink);cursor:pointer;font-size:12px;font-weight:720;box-shadow:0 8px 18px #23252229;transition:transform .18s ease,box-shadow .18s ease}.primary-button:hover,.compact-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 26px #23252233}.primary-button svg,.compact-button svg{width:15px}.compact-button{min-height:38px;padding:0 14px;font-size:11px}.compact-button.secondary{color:var(--ink);border:1px solid var(--line);background:var(--paper);box-shadow:none}.text-button{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid var(--line);border-radius:999px;color:var(--ink);background:transparent;font-size:10px;cursor:pointer}.text-button:hover{background:var(--paper)}.text-button svg{width:12px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.metric-card{position:relative;min-height:132px;padding:19px;display:grid;grid-template-columns:40px 1fr;gap:13px;align-items:start;border-radius:19px;transition:transform .18s ease,box-shadow .18s ease}.metric-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #23252217}.metric-card.accent{background:var(--yellow-soft)}.metric-card.accent:before{content:"01";position:absolute;top:14px;right:16px;color:#23252240;font-size:11px;font-weight:800}.metric-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;color:#7f6420;background:#e2c75f45}.metric-icon.mint{color:#4f796c;background:var(--sage-soft)}.metric-icon.amber{color:#765e1e;background:#efe0a3}.metric-icon.rust{color:#9f5138;background:#f0d0c4}.metric-icon svg{width:19px;stroke-width:1.8}.metric-card div:nth-child(2) span{display:block;color:var(--muted);font-size:9px;font-weight:750;letter-spacing:.09em;text-transform:uppercase}.metric-card div:nth-child(2) strong{display:block;margin-top:6px;font-size:32px;font-weight:480;line-height:1;letter-spacing:-.04em}.metric-card small{grid-column:1/-1;align-self:end;color:var(--muted);font-size:10px}.metric-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.mini-metric{min-height:88px;display:flex;align-items:center;gap:14px;padding:18px}.mini-metric>svg{width:20px;color:#846d27}.mini-metric strong{display:block;font-size:23px;font-weight:520}.mini-metric span{display:block;margin-top:3px;color:var(--muted);font-size:10px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.36fr) minmax(230px,.55fr) minmax(260px,.66fr);gap:12px;align-items:stretch}.list-card,.signal-card,.focus-card,.directory-card,.attention-card{padding:23px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:17px}.section-heading h3{margin:5px 0 0;font-size:20px;line-height:1.1;letter-spacing:-.025em}.rows{display:flex;flex-direction:column;gap:5px}.person-row{min-height:68px;display:flex;align-items:center;gap:12px;padding:10px 11px;border-radius:13px;background:#f4f2eb;transition:background .17s ease,transform .17s ease}.person-row:hover{background:#ece9df;transform:translate(3px)}.person-main{min-width:0;flex:1}.person-title{display:flex;align-items:center;gap:8px}.person-title strong{overflow:hidden;text-overflow:ellipsis;font-size:12px}.person-meta{display:flex;gap:14px;margin-top:6px;color:var(--muted);font-size:9px}.person-meta span{display:flex;align-items:center;gap:4px}.person-meta svg{width:11px;height:11px}.badge{display:inline-flex;width:fit-content;padding:3px 7px;border:0;border-radius:999px;color:#62665f;background:#e3e1d9;font-size:8px;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.badge-success{color:#3f6d60;background:var(--sage-soft)}.badge-attention{color:#725a17;background:#efe1a3}.badge-info{color:#63501d;background:var(--yellow-soft)}.grade{min-width:46px;padding-left:12px;border-left:1px solid var(--line);text-align:center}.grade span{display:block;color:var(--faint);font-size:8px}.grade strong{display:block;margin-top:2px;color:#4d786c;font-size:18px}.grade[data-empty=true] strong{color:var(--faint)}.signal-card{position:relative;overflow:hidden;background:#e7e1c4}.signal-card:after{content:"";position:absolute;right:-45px;bottom:-55px;width:150px;height:150px;border-radius:50%;background:#ffffff3d}.status-ring{--ready: 35%;--finished: 70%;position:relative;z-index:1;width:142px;height:142px;display:grid;place-items:center;margin:20px auto 22px;border-radius:50%;background:conic-gradient(var(--ink) 0 var(--ready),var(--yellow) var(--ready) var(--finished),var(--sage) var(--finished) 100%);transition:transform .22s ease}.status-ring:hover{transform:rotate(-3deg) scale(1.03)}.status-ring:before{content:"";position:absolute;inset:11px;border-radius:50%;background:#f4f0df}.status-ring>div{position:relative;z-index:1;text-align:center}.status-ring strong{display:block;font-size:34px;font-weight:500;line-height:1}.status-ring span{display:block;margin-top:4px;color:var(--muted);font-size:9px;text-transform:uppercase}.ring-legend{position:relative;z-index:1;display:flex;flex-direction:column;gap:9px}.ring-legend span{display:grid;grid-template-columns:7px 1fr auto;align-items:center;gap:8px;color:#63665f;font-size:9px}.ring-legend i{width:7px;height:7px;border-radius:50%;background:var(--ink)}.ring-legend i.ready{background:var(--yellow)}.ring-legend i.finished{background:var(--sage)}.ring-legend b{color:var(--ink);font-size:12px}.focus-card{position:relative;overflow:hidden;color:#f4f2eb;background:var(--ink);border-color:var(--ink)}.focus-card:before{content:"";position:absolute;right:-50px;top:-55px;width:150px;height:150px;border:30px solid rgba(226,199,95,.08);border-radius:50%}.focus-card .eyebrow{color:#d9c364}.focus-card h3{position:relative;margin:7px 0 21px;font-size:21px}.focus-line{position:relative;display:flex;gap:12px;padding:15px 0 15px 18px;border-top:1px solid rgba(255,255,255,.11)}.focus-line:before{content:"";position:absolute;left:3px;inset-block:0;width:1px;background:#ffffff1f}.focus-dot{position:absolute;left:0;top:20px;width:7px;height:7px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 3px #e2c75f1f}.focus-dot.mint{background:var(--sage);box-shadow:0 0 0 3px #94b5a71f}.focus-dot.amber{background:var(--clay);box-shadow:0 0 0 3px #d47d5d1f}.focus-dot.copper{background:var(--yellow)}.focus-line strong{display:block;font-size:11px}.focus-line small{display:block;margin-top:4px;color:#8f948d;font-size:9px;line-height:1.45}.soft-stat{min-width:155px;display:flex;align-items:center;gap:11px;padding:13px 15px;border-radius:16px;background:#ffffff8c}.soft-stat>svg{width:20px;color:#7c651e}.soft-stat strong,.soft-stat span{display:block}.soft-stat strong{font-size:19px}.soft-stat span{color:var(--muted);font-size:9px}.counter{min-width:31px;height:31px;display:grid;place-items:center;border-radius:50%;color:var(--ink);background:var(--yellow);font-size:12px;font-weight:800}.attention-card{background:#f0e7bd;border-color:#7a64202e}.assignment-list{display:flex;flex-direction:column;gap:7px}.assignment-row{display:grid;grid-template-columns:minmax(170px,1fr) 210px auto;gap:10px;align-items:center;padding:12px;border-radius:13px;background:#ffffff8c}.assignment-row>div strong,.assignment-row>div span{display:block}.assignment-row>div strong{font-size:11px}.assignment-row>div span{margin-top:4px;color:var(--muted);font-size:9px}.assignment-row label{position:relative}.assignment-row select{width:100%;height:38px;appearance:none;padding:0 34px 0 11px;color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:999px;font-size:10px}.assignment-row label svg{position:absolute;right:10px;top:11px;width:14px;color:var(--muted);pointer-events:none}.directory-heading{align-items:flex-end}.search{width:min(290px,46%);height:40px;display:flex;align-items:center;gap:9px;padding:0 13px;border:1px solid var(--line);border-radius:999px;background:var(--paper)}.search svg{width:14px;color:var(--muted)}.search input{width:100%;border:0;outline:0;color:var(--ink);background:transparent;font-size:10px}.mentor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mentor-card{padding:16px;border:1px solid var(--line);border-radius:16px;background:#f4f2eb;transition:transform .18s ease,box-shadow .18s ease}.mentor-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #23252214}.mentor-head{display:flex;align-items:center;gap:10px}.mentor-monogram{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:var(--ink);background:var(--yellow-soft);font-size:14px;font-weight:750}.mentor-head>div:nth-child(2){flex:1;min-width:0}.mentor-head strong,.mentor-head span{display:block}.mentor-head strong{overflow:hidden;text-overflow:ellipsis;font-size:11px}.mentor-head span{margin-top:4px;color:var(--muted);font-size:9px}.capacity{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;color:#477468;background:var(--sage-soft)}.capacity.full{color:#9c4f37;background:#efd0c5}.capacity svg{width:12px}.capacity-bar{height:5px;margin:14px 0 9px;overflow:hidden;border-radius:999px;background:#dedcd4}.capacity-bar span{display:block;height:100%;border-radius:inherit;background:var(--ink)}.mentor-students>div{min-height:32px;display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);font-size:9px}.mentor-students>div span{flex:1;overflow:hidden;text-overflow:ellipsis}.mentor-students small{color:var(--faint)}.mentor-students button{width:27px;height:27px;display:grid;place-items:center;border:0;border-radius:50%;color:var(--faint);background:transparent;cursor:pointer}.mentor-students button:hover{color:#a34e35;background:#efd0c5}.mentor-students button svg{width:12px}.mentor-students p{margin:14px 0 2px;color:var(--faint);font-size:9px}.training-list,.cert-list{display:flex;flex-direction:column;gap:8px}.training-entry{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#f4f2eb}.training-entry .person-row{border-radius:0}.training-actions{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border-top:1px solid var(--line)}.training-actions>span{color:var(--muted);font-size:9px}.cert-row{width:100%;min-height:72px;display:flex;align-items:center;gap:13px;padding:12px;border:1px solid var(--line);border-radius:15px;background:#f4f2eb;cursor:pointer;text-align:left;transition:.18s ease}.cert-row:hover{transform:translate(3px);background:#ece9df}.cert-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:#715d20;background:var(--yellow-soft)}.cert-icon svg{width:18px}.cert-row>div:nth-child(2){flex:1;min-width:0}.cert-row strong,.cert-row span{display:block}.cert-row strong{font-size:11px}.cert-row>div:nth-child(2) span{margin-top:5px;color:var(--muted);font-size:9px}.cert-row>svg{width:14px;color:var(--muted)}.module-note{margin:-5px 4px 0;color:var(--muted);font-size:9px;line-height:1.5}.admin-launcher{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0;border:0;background:transparent;box-shadow:none}.admin-launcher button{min-height:112px;display:flex;align-items:center;gap:13px;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--white);cursor:pointer;text-align:left;transition:.18s ease}.admin-launcher button:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 10px 24px #23252214}.admin-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:var(--ink);background:var(--yellow-soft)}.admin-icon svg{width:18px}.admin-launcher button>span:nth-child(2){flex:1}.admin-launcher strong,.admin-launcher small{display:block}.admin-launcher strong{font-size:12px}.admin-launcher small{margin-top:5px;color:var(--muted);font-size:9px}.admin-launcher button>svg{width:14px}.admin-launcher em{color:var(--faint);font-size:8px;font-style:normal;text-transform:uppercase}.empty-state{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;color:var(--ink);background:var(--yellow-soft)}.empty-icon svg{width:20px}.empty-state strong{margin-top:13px;font-size:13px}.empty-state p{max-width:320px;margin:6px 0 0;color:var(--muted);font-size:10px}.spinner{min-height:260px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-size:11px}.spinner svg{width:18px;color:var(--ink);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.gate{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;background:var(--paper)}.gate-mark{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;color:#f8f5ec;background:var(--ink);font-size:24px;font-weight:750}.gate .spinner{min-height:auto}.gate-card{width:min(470px,100%);padding:38px;border:1px solid var(--line);border-radius:22px;background:var(--white);text-align:center;box-shadow:0 16px 45px #23252217}.gate-card>svg{width:34px;color:var(--ink)}.gate-card h1{margin:16px 0 10px;font-size:29px;letter-spacing:-.04em}.gate-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}.gate-card button{min-height:42px;margin-top:21px;padding:0 17px;border:0;border-radius:999px;color:#f7f5ee;background:var(--ink);font-weight:750}.gate-card.error>svg{color:var(--clay)}.demo-ribbon{position:fixed;right:18px;bottom:18px;z-index:40;padding:7px 10px;border-radius:999px;color:#f8f5ec;background:var(--ink);font-size:8px;font-weight:800;letter-spacing:.08em}.mobile-nav{display:none}@media (max-width: 1180px) and (min-width: 681px){.topbar{grid-template-columns:auto 1fr auto}.top-tabs{display:none}.dashboard-grid{grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr)}.signal-card{grid-column:2;grid-row:1}.focus-card{grid-column:1/-1}}@media (max-width: 680px){.app-shell{display:block;padding-bottom:calc(72px + env(safe-area-inset-bottom))}.sidebar{display:none}.main{min-height:100vh}.topbar{min-height:68px;grid-template-columns:1fr auto;padding:12px 16px}.top-tabs,.system-state{display:none}.topbar h1{font-size:20px}.topbar-user>div{display:none}.content{padding:19px 16px 42px}.page-stack{gap:12px}.welcome,.page-intro{min-height:auto;align-items:stretch;flex-direction:column;padding:24px 22px 22px;border-radius:20px}.welcome h2,.page-intro h2{font-size:38px}.welcome:before,.page-intro:before{right:-100px}.primary-button{width:100%}.metric-grid,.metric-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric-card{min-height:122px;padding:15px;border-radius:17px}.metric-grid.compact .mini-metric:last-child{grid-column:1/-1}.dashboard-grid{grid-template-columns:1fr}.list-card,.signal-card,.focus-card,.directory-card,.attention-card{padding:17px;border-radius:18px}.signal-card{min-height:340px}.status-ring{width:132px;height:132px;margin-block:18px}.ring-legend{max-width:220px;margin:0 auto}.person-row{align-items:flex-start}.person-title{align-items:flex-start;flex-direction:column;gap:5px}.person-meta{flex-direction:column;gap:4px}.grade{align-self:center}.assignment-row{grid-template-columns:1fr}.directory-heading{align-items:stretch;flex-direction:column}.search{width:100%}.mentor-grid{grid-template-columns:1fr}.training-actions{align-items:stretch;flex-direction:column}.admin-launcher{grid-template-columns:1fr}.admin-launcher button{min-height:88px}.mobile-nav{position:fixed;inset:auto 0 0;z-index:30;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:7px 5px calc(7px + env(safe-area-inset-bottom));background:var(--ink);box-shadow:0 -8px 28px #23252224}.mobile-nav button{position:relative;min-width:0;min-height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:0;border-radius:12px;color:#777c75;background:transparent}.mobile-nav button.active{color:var(--yellow);background:#e2c75f14}.mobile-nav svg{width:18px}.mobile-nav span{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:8px}.demo-ribbon{display:none}}@media (max-width: 390px){.metric-card{grid-template-columns:34px 1fr}.metric-icon{width:34px;height:34px}.metric-card div:nth-child(2) strong{font-size:27px}.soft-stat{width:100%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}:root{color-scheme:dark;--accent-rgb: 16 185 129;--accent: 160 84% 39%;--accent-neon: 160 79% 58%;--accent-secondary: 160 84% 30%;--frame: #050706;--paper: #080b09;--paper-2: #0d110e;--white: rgba(17,22,19,.78);--ink: #f4f7f5;--ink-2: #d7ded9;--rail: rgba(5,8,6,.84);--muted: #929c95;--faint: #657068;--line: rgba(255,255,255,.085);--yellow: hsl(var(--accent));--yellow-soft: rgb(var(--accent-rgb) / .14);--sage: hsl(var(--accent-neon));--sage-soft: rgb(var(--accent-rgb) / .13);--clay: #fb7185;--blue: hsl(var(--accent));--theme-canvas: radial-gradient(ellipse at 18% 0%, rgb(var(--accent-rgb) / .14), transparent 38%), radial-gradient(ellipse at 88% 24%, rgb(var(--accent-rgb) / .08), transparent 35%), linear-gradient(145deg, #050706 0%, #090d0a 52%, #050706 100%);--hero-surface: radial-gradient(circle at 82% 16%, rgb(var(--accent-rgb) / .2), transparent 34%), linear-gradient(118deg, rgba(18,24,20,.94), rgba(9,13,10,.92));--card-surface: linear-gradient(145deg, rgba(19,25,21,.84), rgba(10,14,11,.88));--elevated: rgba(18,24,20,.86);--shadow: 0 22px 70px rgba(0,0,0,.34)}:root[data-naomi-theme=cyberpunk]{--theme-canvas: radial-gradient(ellipse at 15% 15%, rgb(var(--accent-rgb) / .22), transparent 36%), radial-gradient(ellipse at 88% 8%, rgba(217,70,239,.13), transparent 34%), linear-gradient(145deg, #050512, #09061a 48%, #041116)}:root[data-naomi-theme=nature],:root[data-naomi-theme=emerald]{--theme-canvas: radial-gradient(ellipse at 20% 5%, rgb(var(--accent-rgb) / .2), transparent 38%), radial-gradient(ellipse at 82% 75%, rgba(132,204,22,.08), transparent 38%), linear-gradient(150deg, #030906, #08130c 52%, #040806)}:root[data-naomi-theme=space],:root[data-naomi-theme=deep-field]{--theme-canvas: radial-gradient(ellipse at 72% 18%, rgb(var(--accent-rgb) / .32), transparent 41%), radial-gradient(ellipse at 16% 82%, rgba(59,130,246,.13), transparent 38%), linear-gradient(145deg, #04010c, #090218 52%, #02040d)}:root[data-naomi-theme=aura],:root[data-naomi-theme=hologram]{--theme-canvas: radial-gradient(ellipse at 14% 42%, rgba(255,156,227,.25), transparent 41%), radial-gradient(ellipse at 86% 12%, rgba(125,211,252,.23), transparent 38%), radial-gradient(ellipse at 55% 90%, rgba(179,136,255,.2), transparent 40%), linear-gradient(145deg, #12091a, #0d0818)}:root[data-naomi-theme=dragon-fire]{--theme-canvas: radial-gradient(ellipse at 14% 22%, rgba(34,211,238,.18), transparent 36%), radial-gradient(ellipse at 82% 16%, rgba(139,92,246,.2), transparent 40%), radial-gradient(ellipse at 68% 88%, rgba(236,72,153,.12), transparent 38%), linear-gradient(145deg, #050510, #0c091d 52%, #041117)}:root[data-naomi-theme=golden-eclipse]{--theme-canvas: radial-gradient(circle at 74% 8%, rgba(245,158,11,.21), transparent 32%), radial-gradient(circle at 20% 88%, rgba(180,83,9,.12), transparent 36%), linear-gradient(145deg, #050504, #151006 52%, #080705)}:root[data-naomi-theme=abyssal]{--theme-canvas: radial-gradient(ellipse at 16% 4%, rgba(34,211,238,.17), transparent 34%), radial-gradient(ellipse at 84% 48%, rgba(14,116,144,.2), transparent 38%), linear-gradient(180deg, #01050d, #031322 55%, #010711)}:root[data-naomi-mode=light]{color-scheme:light;--frame: #ebeef0;--paper: #f6f4ef;--paper-2: #ebe9e3;--white: rgba(255,255,255,.76);--ink: #20241f;--ink-2: #363c36;--rail: rgba(27,31,28,.94);--muted: #6c746d;--faint: #929991;--line: rgba(31,38,33,.11);--yellow-soft: rgb(var(--accent-rgb) / .12);--sage-soft: rgb(var(--accent-rgb) / .1);--theme-canvas: radial-gradient(circle at 12% 8%, rgb(var(--accent-rgb) / .16), transparent 31%), radial-gradient(circle at 88% 18%, rgba(196,181,253,.26), transparent 34%), linear-gradient(145deg, #f8f5ef, #efeee8 50%, #f7f6f1);--hero-surface: radial-gradient(circle at 82% 16%, rgb(var(--accent-rgb) / .2), transparent 34%), linear-gradient(118deg, rgba(255,255,255,.88), rgba(242,241,235,.9));--card-surface: linear-gradient(145deg, rgba(255,255,255,.8), rgba(239,239,233,.82));--elevated: rgba(255,255,255,.72);--shadow: 0 22px 65px rgba(45,50,46,.1)}body{background:var(--theme-canvas);background-attachment:fixed}.app-shell{position:relative;isolation:isolate;background:transparent}.ambient-canvas{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:var(--theme-canvas)}.ambient-orb{position:absolute;display:block;border-radius:999px;filter:blur(3px);opacity:.85;will-change:transform}.orb-one{width:min(42vw,620px);aspect-ratio:1;left:6%;top:-30%;background:radial-gradient(circle,rgb(var(--accent-rgb) / .18),transparent 66%);animation:orb-drift-one 17s ease-in-out infinite alternate}.orb-two{width:min(35vw,500px);aspect-ratio:1;right:-8%;top:22%;background:radial-gradient(circle,rgb(var(--accent-rgb) / .12),transparent 68%);animation:orb-drift-two 21s ease-in-out infinite alternate}.orb-three{width:min(26vw,380px);aspect-ratio:1;left:38%;bottom:-22%;background:radial-gradient(circle,hsl(var(--accent-neon) / .1),transparent 68%);animation:orb-drift-three 14s ease-in-out infinite alternate}.ambient-grid{position:absolute;inset:0;opacity:.2;background-image:linear-gradient(rgb(var(--accent-rgb) / .04) 1px,transparent 1px),linear-gradient(90deg,rgb(var(--accent-rgb) / .04) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent 75%)}.ambient-noise{position:absolute;inset:-80%;opacity:.024;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");animation:noise-shift .35s steps(2) infinite}@keyframes orb-drift-one{to{transform:translate3d(12vw,10vh,0) scale(1.14)}}@keyframes orb-drift-two{to{transform:translate3d(-13vw,14vh,0) scale(.9)}}@keyframes orb-drift-three{to{transform:translate3d(7vw,-10vh,0) scale(1.18)}}@keyframes noise-shift{0%{transform:translate3d(-1%,1%,0)}50%{transform:translate3d(1%,-1%,0)}to{transform:translate3d(0,1%,0)}}.main{background:transparent}.sidebar{background:var(--rail);border-right:1px solid var(--line);box-shadow:18px 0 60px #0000002e;backdrop-filter:blur(26px) saturate(135%)}.brand-mark{border-color:rgb(var(--accent-rgb) / .34);background:linear-gradient(145deg,rgb(var(--accent-rgb) / .22),#ffffff06);box-shadow:inset 0 1px #ffffff1f,0 0 34px rgb(var(--accent-rgb) / .16)}.brand-mark:before{border-color:rgb(var(--accent-rgb) / .34)}.brand-mark i{border-color:hsl(var(--accent-neon))}.nav-item:hover{background:rgb(var(--accent-rgb) / .1)}.nav-item.active{color:#fff;background:linear-gradient(145deg,hsl(var(--accent-neon)),hsl(var(--accent-secondary)));box-shadow:0 9px 30px rgb(var(--accent-rgb) / .34),inset 0 1px #ffffff4d}.topbar{border-color:var(--line);background:color-mix(in srgb,var(--paper) 72%,transparent);backdrop-filter:blur(28px) saturate(145%)}.eyebrow{color:hsl(var(--accent-neon))}.top-tabs{border-color:var(--line);background:var(--elevated);box-shadow:0 8px 28px #0000001a;backdrop-filter:blur(18px)}.top-tabs button{color:var(--muted)}.top-tabs button:hover{color:var(--ink);background:rgb(var(--accent-rgb) / .08)}.top-tabs button.active{color:#fff;background:linear-gradient(110deg,hsl(var(--accent-secondary)),hsl(var(--accent)));box-shadow:0 5px 18px rgb(var(--accent-rgb) / .24)}.system-state i{background:hsl(var(--accent-neon));box-shadow:0 0 0 4px rgb(var(--accent-rgb) / .12),0 0 18px rgb(var(--accent-rgb) / .55);animation:signal-pulse 2.2s ease-out infinite}@keyframes signal-pulse{50%{box-shadow:0 0 0 7px transparent,0 0 23px rgb(var(--accent-rgb) / .7)}}.card{border-color:var(--line);background:var(--card-surface);box-shadow:var(--shadow),inset 0 1px #ffffff0b;backdrop-filter:blur(22px) saturate(125%)}.welcome,.page-intro{border-color:rgb(var(--accent-rgb) / .18);background:var(--hero-surface);box-shadow:var(--shadow),inset 0 1px #ffffff12}.welcome:before,.page-intro:before{border-color:rgb(var(--accent-rgb) / .13);animation:halo-breathe 8s ease-in-out infinite alternate}.welcome:after,.page-intro:after{background:rgb(var(--accent-rgb) / .12);box-shadow:0 0 80px rgb(var(--accent-rgb) / .16);animation:halo-float 6s ease-in-out infinite alternate}@keyframes halo-breathe{to{transform:translate3d(-22px,18px,0) scale(1.14) rotate(10deg);opacity:.58}}@keyframes halo-float{to{transform:translate3d(25px,-22px,0) scale(.82)}}.primary-button,.compact-button{position:relative;overflow:hidden;color:#fff;background:linear-gradient(110deg,hsl(var(--accent-secondary)),hsl(var(--accent)),hsl(var(--accent-neon)));background-size:210% 100%;box-shadow:0 9px 28px rgb(var(--accent-rgb) / .25);animation:button-flow 5s ease-in-out infinite alternate}.primary-button:after,.compact-button:after{content:"";position:absolute;inset:-2px auto -2px -45%;width:34%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);transform:skew(-18deg);transition:left .55s ease}.primary-button:hover:after,.compact-button:hover:after{left:112%}@keyframes button-flow{to{background-position:100% 50%}}.compact-button.secondary,.text-button{color:var(--ink);border-color:var(--line);background:var(--elevated)}.metric-card,.mini-metric,.mentor-card,.admin-launcher button,.cert-row,.training-entry{border-color:var(--line);background:var(--card-surface)}.metric-card.accent,.signal-card,.attention-card{border-color:rgb(var(--accent-rgb) / .19);background:radial-gradient(circle at 84% 12%,rgb(var(--accent-rgb) / .2),transparent 38%),var(--card-surface)}.metric-icon,.cert-icon,.admin-icon,.empty-icon,.mentor-monogram{color:hsl(var(--accent-neon));background:rgb(var(--accent-rgb) / .13);box-shadow:inset 0 0 0 1px rgb(var(--accent-rgb) / .1)}.metric-icon.mint,.metric-icon.amber,.metric-icon.rust{color:hsl(var(--accent-neon));background:rgb(var(--accent-rgb) / .13)}.person-row,.assignment-row{background:#ffffff09}.person-row:hover,.cert-row:hover{background:rgb(var(--accent-rgb) / .075)}.badge{color:var(--muted);background:#fff1}.badge-success,.badge-attention,.badge-info{color:hsl(var(--accent-neon));background:rgb(var(--accent-rgb) / .12)}.grade strong,.capacity{color:hsl(var(--accent-neon))}.capacity{background:rgb(var(--accent-rgb) / .13)}.capacity-bar{background:#ffffff12}.capacity-bar span{background:linear-gradient(90deg,hsl(var(--accent-secondary)),hsl(var(--accent-neon)));box-shadow:0 0 14px rgb(var(--accent-rgb) / .34)}.status-ring{background:conic-gradient(hsl(var(--accent-neon)) 0 var(--ready),hsl(var(--accent)) var(--ready) var(--finished),rgba(255,255,255,.11) var(--finished) 100%);box-shadow:0 0 42px rgb(var(--accent-rgb) / .13)}.status-ring:before{background:var(--paper-2)}.ring-legend i{background:hsl(var(--accent-neon))}.ring-legend i.ready{background:hsl(var(--accent))}.ring-legend i.finished{background:#ffffff38}.focus-card{color:var(--ink);border-color:rgb(var(--accent-rgb) / .18);background:linear-gradient(145deg,#080c09f0,#0c130ee6)}:root[data-naomi-mode=light] .focus-card{color:#f6f8f6}.focus-card:before{border-color:rgb(var(--accent-rgb) / .1)}.focus-card .eyebrow{color:hsl(var(--accent-neon))}.focus-dot,.focus-dot.mint,.focus-dot.amber,.focus-dot.copper{background:hsl(var(--accent-neon));box-shadow:0 0 0 3px rgb(var(--accent-rgb) / .12),0 0 16px rgb(var(--accent-rgb) / .5)}.search,.assignment-row select{color:var(--ink);border-color:var(--line);background:var(--elevated)}.soft-stat{background:#ffffff0e}.counter{color:#fff;background:hsl(var(--accent));box-shadow:0 0 22px rgb(var(--accent-rgb) / .25)}.gate{background:var(--theme-canvas)}.gate-mark,.gate-card button,.demo-ribbon{color:#fff;background:linear-gradient(145deg,hsl(var(--accent-secondary)),hsl(var(--accent)))}.gate-mark{box-shadow:0 0 50px rgb(var(--accent-rgb) / .25);animation:gate-float 3s ease-in-out infinite}.gate-card{border-color:var(--line);background:var(--card-surface);box-shadow:var(--shadow);backdrop-filter:blur(24px)}@keyframes gate-float{50%{transform:translateY(-7px);box-shadow:0 12px 58px rgb(var(--accent-rgb) / .35)}}:root[data-naomi-mode=light] .card,:root[data-naomi-mode=light] .metric-card,:root[data-naomi-mode=light] .mini-metric,:root[data-naomi-mode=light] .mentor-card,:root[data-naomi-mode=light] .admin-launcher button,:root[data-naomi-mode=light] .cert-row,:root[data-naomi-mode=light] .training-entry{box-shadow:var(--shadow),inset 0 1px #ffffffb3}:root[data-naomi-mode=light] .person-row,:root[data-naomi-mode=light] .assignment-row,:root[data-naomi-mode=light] .soft-stat{background:#ffffff8a}:root[data-naomi-mode=light] .status-ring:before{background:#f4f3ed}:root[data-naomi-mode=light] .ring-legend i.finished{background:#20241f33}:root[data-naomi-mode=light] .mobile-nav{background:#1a1f1bf5}@media (max-width: 680px){.ambient-grid{background-size:48px 48px}.orb-one{width:90vw;left:-25%;top:-20%}.orb-two{width:80vw;right:-35%;top:40%}.topbar{background:color-mix(in srgb,var(--paper) 78%,transparent)}.mobile-nav{background:#050806eb;border-top:1px solid var(--line);backdrop-filter:blur(24px)}.mobile-nav button.active{color:hsl(var(--accent-neon));background:rgb(var(--accent-rgb) / .1)}}@media (prefers-reduced-motion: reduce){.ambient-noise{display:none}}