:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eaf1ff;background:#07111f;font-synthesis:none;--bg:#07111f;--surface:#0d1a2b;--surface2:#122238;--line:#223550;--text:#eef5ff;--muted:#91a5c1;--accent:#4cc9a7;--accent2:#6e8cff;--danger:#ff6b7a;--warning:#f0b95a;--shadow:0 20px 60px rgba(0,0,0,.28)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:radial-gradient(circle at 20% 0%,#102744 0,transparent 32%),var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.center-screen{min-height:100vh;display:grid;place-items:center}.loading{display:flex;align-items:center;gap:.7rem;color:var(--muted);padding:2rem}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-screen{min-height:100vh;display:grid;grid-template-columns:1.2fr .8fr}.login-hero{padding:9vw;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#0c233ce0,#07111ff2);border-right:1px solid var(--line)}.hero-badge,.brand-mark{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#04131b;box-shadow:0 14px 30px #4cc9a733}.login-hero h1{font-size:clamp(3rem,6vw,6rem);line-height:.95;max-width:760px;margin:1rem 0 1.4rem;letter-spacing:-.05em}.login-hero>p{font-size:1.15rem;color:var(--muted);max-width:660px;line-height:1.7}.hero-points{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}.hero-points div{display:flex;gap:.6rem;align-items:center;padding:.85rem 1rem;border:1px solid var(--line);border-radius:14px;background:#ffffff08}.login-box-wrap{display:grid;place-items:center;padding:4vw}.login-box{width:min(430px,100%);padding:2.2rem;border:1px solid var(--line);border-radius:24px;background:#0d1a2beb;box-shadow:var(--shadow)}.login-box h2{font-size:2rem;margin:.5rem 0}.login-box>p,.login-note{color:var(--muted);line-height:1.6}.mobile-brand{margin-bottom:2rem}.brand{display:flex;align-items:center;gap:.85rem}.brand .brand-mark{width:42px;height:42px;border-radius:13px}.brand strong{display:block;font-size:1.05rem}.brand small{display:block;color:var(--muted);margin-top:.2rem}.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.14em;color:var(--accent);text-transform:uppercase}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{height:100vh;position:sticky;top:0;border-right:1px solid var(--line);background:#07111ff5;padding:1.25rem;display:flex;flex-direction:column;gap:1.4rem;overflow:auto}.sidebar nav{display:flex;flex-direction:column;gap:.25rem}.sidebar nav a{display:flex;align-items:center;gap:.75rem;padding:.75rem .85rem;border-radius:11px;color:var(--muted);font-weight:650;font-size:.92rem}.sidebar nav a:hover,.sidebar nav a.active{background:var(--surface2);color:var(--text)}.sidebar nav a.active{box-shadow:inset 3px 0 var(--accent)}.sidebar-user{margin-top:auto;display:flex;align-items:center;gap:.7rem;padding:.8rem;border-top:1px solid var(--line)}.sidebar-user .avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--surface2);font-weight:800}.sidebar-user strong,.sidebar-user small{display:block}.sidebar-user small{color:var(--muted);text-transform:capitalize}.logout{border:0;background:transparent;color:var(--muted);display:flex;align-items:center;gap:.6rem;padding:.7rem}.logout:hover{color:var(--danger)}.main{padding:2rem 2.2rem 4rem;min-width:0}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-bottom:1.5rem}.page-head h1{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.035em;margin:.35rem 0}.page-head p{color:var(--muted);margin:0;max-width:850px;line-height:1.6}.page-actions,.panel-actions,.row-actions,.inline-actions,.form-actions{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap}.metrics-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.8rem;margin-bottom:1rem}.metrics-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.metric,.panel,.mini-card,.student-task,.skill-card,.setting-card{border:1px solid var(--line);background:linear-gradient(180deg,#122238c7,#0b1828e6);border-radius:18px;box-shadow:0 10px 28px #0000001f}.metric{padding:1rem}.metric-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#4cc9a71a;color:var(--accent);margin-bottom:.8rem}.metric span,.metric small{display:block;color:var(--muted);font-size:.8rem}.metric strong{display:block;font-size:1.55rem;margin:.25rem 0}.panel{padding:1.2rem;margin-bottom:1rem}.panel-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem}.panel-head h2{margin:.25rem 0 0;font-size:1.2rem}.content-grid{display:grid;gap:1rem}.content-grid.two{grid-template-columns:1fr 1fr}.content-grid.two-thirds{grid-template-columns:1.55fr .85fr}.sticky-panel{position:sticky;top:1rem;align-self:start}.table-wrap{overflow:auto;border-radius:12px}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:.85rem .75rem;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}td{font-size:.9rem}.block{display:block;color:var(--muted);margin-top:.25rem;max-width:500px}.json-small{font-size:.72rem;color:var(--muted);white-space:pre-wrap}.primary,.secondary,.ghost,.danger,.danger-ghost,.icon-button{border-radius:10px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;font-weight:750;padding:.68rem .85rem}.primary{background:linear-gradient(135deg,var(--accent),#43a9ff);color:#04141c}.primary:hover{filter:brightness(1.06)}.secondary{background:var(--surface2);border-color:var(--line);color:var(--text)}.ghost{background:transparent;border-color:var(--line);color:var(--muted);padding:.45rem .55rem}.danger{background:#ff6b7a26;color:#ff9faa;border-color:#ff6b7a59}.danger-ghost{background:transparent;color:#ff9faa;border-color:#ff6b7a40;padding:.45rem .55rem}.icon-button{width:38px;height:38px;padding:0;background:var(--surface2);color:var(--muted);border-color:var(--line)}.full{width:100%}.link-button{display:inline-flex}.notice{display:flex;gap:.6rem;align-items:flex-start;padding:.85rem 1rem;border-radius:12px;margin:0 0 1rem;border:1px solid var(--line);background:var(--surface2);color:var(--muted)}.notice.error{border-color:#ff6b7a59;background:#ff6b7a14;color:#ffb3bc}.notice.success{border-color:#4cc9a759;background:#4cc9a714;color:#9ef0d8}.status{display:inline-flex;padding:.32rem .5rem;border-radius:999px;font-size:.68rem;font-weight:850;letter-spacing:.05em;text-transform:uppercase;background:#172a43;color:#b5c8e5}.status.completed,.status.approved,.status.active{background:#4cc9a721;color:#8ce8cf}.status.pending_verification{background:#6e8cff24;color:#b3c0ff}.status.retry_required,.status.disabled{background:#ff6b7a1f;color:#ff9faa}.status.current,.status.in_progress{background:#f0b95a1f;color:#ffd58e}.pill,.chips span{display:inline-flex;padding:.32rem .55rem;border-radius:999px;background:var(--surface2);border:1px solid var(--line);font-size:.75rem;color:var(--muted)}.tabs{display:flex;gap:.4rem;margin-bottom:1rem;overflow:auto}.tabs button{border:1px solid var(--line);background:transparent;color:var(--muted);padding:.65rem .9rem;border-radius:10px;font-weight:750;white-space:nowrap}.tabs button.active{background:var(--surface2);color:var(--text);border-color:#365477}.cards-3,.skills-grid,.task-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.mini-card{padding:1rem}.mini-card h3{margin:.4rem 0}.mini-card p{color:var(--muted);line-height:1.5;min-height:2.5rem}.interactive{text-align:left;color:inherit}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.span-2{grid-column:1/-1}.field{display:flex;flex-direction:column;gap:.38rem;margin-bottom:.8rem}.field>span{font-size:.77rem;font-weight:750;color:#bdd0e8}.field small{color:var(--muted)}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:.72rem .78rem;background:#081523;color:var(--text);outline:none}input:focus,select:focus,textarea:focus{border-color:#4c78a8;box-shadow:0 0 0 3px #4c78a824}textarea{resize:vertical}.check{display:flex;align-items:center;gap:.5rem;color:#c8d6e9;font-size:.86rem}.check input{width:auto}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#02080fc2;z-index:50;display:grid;place-items:center;padding:1rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{width:min(650px,100%);max-height:92vh;overflow:auto;background:#0a1727;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.modal.wide{width:min(980px,100%)}.modal-head{position:sticky;top:0;z-index:2;background:#0a1727;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.2rem;border-bottom:1px solid var(--line)}.modal-head h2{margin:0;font-size:1.1rem}.modal-body{padding:1.2rem}.empty{padding:2rem;text-align:center;color:var(--muted)}.empty.small{padding:1rem}.stack,.notification-list,.task-admin-list,.competency-list,.settings-list,.file-list{display:flex;flex-direction:column;gap:.65rem}.objective,.task-admin-row,.competency-row,.file-row,.review-row,.notification{border:1px solid var(--line);border-radius:12px;background:#0b192a;padding:.75rem;display:flex;justify-content:space-between;gap:1rem;align-items:center}.objective small,.task-admin-row small,.competency-row small,.file-row small,.review-row small{display:block;color:var(--muted);margin-top:.25rem}.progress-track{height:10px;border-radius:999px;background:#152842;overflow:hidden}.progress-track>div{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:inherit}.progress-label{display:flex;justify-content:space-between;color:var(--muted);font-size:.8rem;margin-top:.45rem}.muted,.muted-copy{color:var(--muted);line-height:1.6}.journey{display:flex;flex-direction:column;gap:.6rem}.journey-step{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:.8rem;padding:.85rem;border:1px solid var(--line);border-radius:14px;background:#0b192a}.journey-marker{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--surface2);color:var(--muted)}.journey-step.current{border-color:#4b6d9d}.journey-step.current .journey-marker{background:#4cc9a726;color:var(--accent)}.journey-step.completed{opacity:.8}.journey-step h3{margin:.1rem 0}.journey-step p,.journey-step span{margin:0;color:var(--muted);font-size:.8rem}.journey-step>strong{text-transform:uppercase;font-size:.7rem;color:var(--muted)}.student-task{padding:1rem;transition:.18s transform,.18s border-color}.student-task:hover{transform:translateY(-2px);border-color:#385b86}.task-top{display:flex;justify-content:space-between}.task-icon{width:38px;height:38px;border-radius:11px;background:#4cc9a71a;display:grid;place-items:center;color:var(--accent)}.student-task h3{margin:.8rem 0 .35rem}.student-task p{color:var(--muted);line-height:1.5;min-height:3.8rem}.task-meta{display:flex;flex-wrap:wrap;gap:.7rem;color:#afc2da;font-size:.75rem}.task-meta span{display:flex;align-items:center;gap:.25rem}.large-copy{font-size:1.05rem;line-height:1.7;color:#d7e5f7}.detail-grid,.detail-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin:1rem 0}.detail-grid>div,.detail-strip>div{padding:.8rem;border:1px solid var(--line);border-radius:12px;background:#091725}.detail-grid svg{color:var(--accent);margin-bottom:.55rem}.detail-grid span,.detail-strip span{display:block;color:var(--muted);font-size:.72rem}.detail-grid strong,.detail-strip strong{display:block;margin-top:.2rem}.chips{display:flex;gap:.4rem;flex-wrap:wrap}.latest-submission{margin-top:1rem;border-top:1px solid var(--line);padding-top:1rem;display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.upload-zone{position:relative;border:1px dashed #3b5d88;border-radius:14px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.4rem;color:var(--muted);margin-bottom:.8rem}.upload-zone strong{color:var(--text);margin:.4rem}.upload-zone input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.selected-files{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.8rem}.selected-files>div{display:flex;justify-content:space-between;padding:.55rem .7rem;background:#0b192a;border-radius:9px;color:#cbd9eb}.selected-files small{color:var(--muted)}.skill-card{padding:.9rem}.skill-card>div:first-child{display:flex;justify-content:space-between;margin-bottom:.65rem}.skill-card small{display:block;color:var(--muted);margin-top:.5rem}.notification{width:100%;text-align:left;color:inherit}.notification.read{opacity:.65}.notification p{color:var(--muted);margin:.3rem 0}.dot{width:9px;height:9px;border-radius:50%;background:var(--accent);flex:0 0 auto}.submission-detail section{border-top:1px solid var(--line);padding-top:1rem;margin-top:1rem}.long-text{color:#c7d6e8;line-height:1.65;white-space:pre-wrap}.file-row{width:100%;text-align:left;color:inherit;justify-content:flex-start}.file-row svg{color:var(--accent)}.review-row{align-items:flex-start;flex-direction:column}.setting-card{padding:1rem;display:grid;grid-template-columns:180px 1fr auto;gap:.8rem;align-items:start}.setting-card small{display:block;color:var(--muted);margin-top:.2rem}.check-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.check-row{display:grid;grid-template-columns:1fr 100px;gap:.8rem;align-items:center;padding:.65rem;border:1px solid var(--line);border-radius:10px}.task-admin-row>div:last-child{display:flex;gap:.6rem;align-items:center}.task-admin-row select{width:170px}.competency-row{display:grid;grid-template-columns:160px 1fr}.competency-row input{padding:0}.inline-actions{margin-bottom:1rem}@media (max-width:1180px){.metrics-grid{grid-template-columns:repeat(3,1fr)}.cards-3,.skills-grid,.task-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.app-shell{grid-template-columns:82px 1fr}.sidebar{padding:.8rem}.sidebar .brand>div:last-child,.sidebar nav span,.sidebar-user>div:last-child,.logout{font-size:0}.sidebar nav a{justify-content:center}.sidebar-user{justify-content:center}.main{padding:1.3rem}.content-grid.two,.content-grid.two-thirds{grid-template-columns:1fr}.sticky-panel{position:static}.login-screen{grid-template-columns:1fr}.login-hero{display:none}.metrics-grid.four{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.app-shell{display:block}.sidebar{position:fixed;z-index:20;left:0;right:0;bottom:0;top:auto;height:auto;flex-direction:row;padding:.45rem;overflow-x:auto;border-right:0;border-top:1px solid var(--line)}.sidebar>.brand,.sidebar-user,.logout{display:none}.sidebar nav{flex-direction:row;width:100%}.sidebar nav a{min-width:66px;flex-direction:column;gap:.2rem;font-size:.65rem;padding:.45rem}.sidebar nav span{font-size:.62rem;display:block}.main{padding:1rem 1rem 6rem}.page-head{align-items:flex-start;flex-direction:column}.page-head h1{font-size:2rem}.metrics-grid,.metrics-grid.four,.cards-3,.skills-grid,.task-grid,.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.detail-grid,.detail-strip,.setting-card{grid-template-columns:1fr}.journey-step{grid-template-columns:36px 1fr}.journey-step>strong{display:none}.modal-backdrop{padding:.3rem}.modal{border-radius:14px}.task-admin-row,.objective{align-items:flex-start;flex-direction:column}.task-admin-row>div:last-child{width:100%;justify-content:space-between}.login-box-wrap{padding:1rem}.login-box{padding:1.35rem}}