:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1e3459;background:#f2f5f9;font-synthesis:none;--navy:#1e3459;--yellow:#ffd445;--ink:#172b4d;--muted:#66758a;--line:#dbe2eb;--surface:#fff;--green:#16745a;--warn:#795800;--danger:#b42335;--shadow:0 14px 40px rgba(30,52,89,.09)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f2f5f9}button,input,textarea{font:inherit}button{cursor:pointer}.boot,.loading{min-height:100vh;display:grid;place-content:center;gap:18px;text-align:center;color:var(--navy)}.loader{width:42px;height:42px;border:4px solid #d7dfeb;border-top-color:var(--yellow);border-radius:50%;animation:spin .8s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}
.primary{border:0;border-radius:10px;background:var(--navy);color:#fff;padding:12px 18px;font-weight:750;min-height:44px}.primary:hover{background:#142944}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}.login{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.08fr) minmax(390px,.92fr)}.login-brand{background:var(--navy);color:#fff;padding:clamp(38px,6vw,80px);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-brand:after{content:"";position:absolute;width:520px;height:520px;border:90px solid rgba(255,212,69,.06);border-radius:50%;right:-260px;bottom:-240px}.login-brand img{width:min(330px,80%);height:auto}.login-brand>div{max-width:650px;position:relative;z-index:1}.login-brand small,.login-card>small,.page-title small{font-weight:850;letter-spacing:.12em;color:#8a6a00}.login-brand small{color:var(--yellow)}.login-brand h1{font-size:clamp(2.3rem,5vw,4.8rem);line-height:1.03;max-width:820px;margin:18px 0}.login-brand p{font-size:1.15rem;line-height:1.7;color:#d7dfeb;max-width:620px}.login-brand footer{color:#d7dfeb}.login-brand footer b{color:var(--yellow);margin:0 8px}.login-access{display:grid;place-items:center;padding:28px;background:linear-gradient(145deg,#f8fafc,#eef2f7)}.login-card{width:min(460px,100%);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;padding:42px;text-align:center}.login-symbol{display:grid;place-items:center;width:72px;height:72px;border-radius:20px;background:#fff6ce;font-size:34px;margin:0 auto 20px}.login-card h2{font-size:2rem;margin:10px 0}.login-card p{color:var(--muted);line-height:1.6}.login-button{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;margin-top:26px}.microsoft-mark{width:18px;height:18px;display:grid;grid-template-columns:1fr 1fr;gap:2px}.microsoft-mark i{background:#f35325}.microsoft-mark i:nth-child(2){background:#81bc06}.microsoft-mark i:nth-child(3){background:#05a6f0}.microsoft-mark i:nth-child(4){background:#ffba08}.login-help{display:block;margin-top:18px;font-size:.82rem;color:var(--muted)}.demo-link{display:inline-block;margin-top:16px;color:var(--navy);font-weight:700}.error-page{min-height:100vh;display:grid;place-content:center;text-align:center;padding:30px}.error-page img{width:280px;margin:auto}.error-page p{color:var(--muted);max-width:600px}.error-page div{display:flex;gap:10px;justify-content:center}.error-page div button:not(.primary){border:1px solid var(--line);background:white;border-radius:10px;padding:12px 18px;color:var(--navy);font-weight:700}
.app{min-height:100vh}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);position:fixed;left:280px;right:0;top:0;z-index:20;display:flex;align-items:center;justify-content:flex-end;padding:0 30px}.topbar>img{display:none}.menu-button{display:none}.student-mini{text-align:right}.student-mini strong,.student-mini span{display:block}.student-mini span{font-size:.82rem;color:var(--muted);margin-top:3px}.sidebar{position:fixed;inset:0 auto 0 0;width:280px;background:var(--navy);color:#fff;z-index:40;display:flex;flex-direction:column}.sidebar-brand{height:82px;padding:22px 24px;border-bottom:1px solid #ffffff1f;display:flex;align-items:center}.sidebar-brand img{width:205px}.sidebar-brand button{display:none}.student-card{margin:22px 16px;padding:16px;background:#ffffff10;border:1px solid #ffffff1a;border-radius:14px;display:flex;gap:12px;align-items:center}.student-card>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--yellow);color:var(--navy);font-weight:900;font-size:1.1rem}.student-card div{min-width:0}.student-card strong,.student-card small{display:block}.student-card strong{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.student-card small{font-size:.72rem;color:#cad4e1;margin-top:3px}.sidebar nav{display:grid;gap:5px;padding:2px 12px}.sidebar nav button,.sidebar footer button{border:0;background:transparent;color:#d2dae6;border-radius:10px;padding:13px 14px;text-align:left;display:flex;align-items:center;gap:12px;font-weight:650}.sidebar nav button>span,.sidebar footer button>span{width:20px;text-align:center;font-size:1.15rem}.sidebar nav button:hover,.sidebar nav button[aria-current=page]{background:#ffffff13;color:#fff}.sidebar nav button[aria-current=page]{box-shadow:inset 3px 0 var(--yellow)}.sidebar nav button b{margin-left:auto;background:var(--yellow);color:var(--navy);border-radius:20px;min-width:23px;text-align:center;padding:3px 7px;font-size:.75rem}.sidebar footer{margin-top:auto;border-top:1px solid #ffffff1f;padding:16px 12px}.sidebar footer>span{display:block;font-size:.76rem;color:#aebbd0;padding:0 14px 9px}.workspace{margin-left:280px;padding:112px clamp(22px,4vw,58px) 60px;max-width:1680px}.page-title{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px}.page-title h1{font-size:clamp(1.9rem,3vw,2.7rem);margin:7px 0 0;letter-spacing:-.025em}.page-title p{margin:8px 0 0;color:var(--muted);font-size:1rem}.panel,.report-card,.project-list,.project-detail,.ordinary-cards article{background:#fff;border:1px solid var(--line);box-shadow:0 7px 26px rgba(30,52,89,.05);border-radius:16px}.panel{padding:24px;margin-bottom:24px}.panel h2{margin:0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}.section-head p{color:var(--muted);margin:5px 0}.section-head button,.summary button{border:0;background:transparent;color:var(--navy);font-weight:800;text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:3px;text-underline-offset:4px}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.summary{background:#fff;border:1px solid var(--line);border-radius:15px;padding:22px;min-height:145px;display:flex;flex-direction:column;align-items:flex-start}.summary.primary-card{background:var(--navy);color:#fff;border-color:var(--navy)}.summary small{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;font-weight:800;color:var(--muted)}.summary.primary-card small,.summary.primary-card span{color:#d2dbea}.summary strong{font-size:2.35rem;margin:10px 0;line-height:1}.summary span,.summary button{font-size:.78rem;margin-top:auto}.notices article{display:flex;gap:13px;padding:15px 0;border-bottom:1px solid #e8edf3}.notices article:last-child{border-bottom:0}.notices article>span{color:#d3a900}.notices strong,.notices small{display:block}.notices small{color:var(--muted);margin-top:4px}.subject-list{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.subject-list article{display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid #e8edf3}.subject-list article>span{font-size:1.5rem}.subject-list article div{flex:1}.subject-list strong,.subject-list small{display:block}.subject-list small{color:var(--muted);font-size:.76rem;margin-top:3px}.subject-list b{font-size:1.2rem}.low{color:var(--danger)!important}
.student-strip{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:22px}.student-strip>div{background:#fff;padding:16px}.student-strip small,.student-strip strong{display:block}.student-strip small{color:var(--muted);font-size:.72rem;margin-bottom:5px}.report-card{overflow:hidden}.report-head{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:4px solid var(--yellow)}.report-head img{width:250px;order:2}.report-head h2{margin:0}.report-head p{margin:5px 0 0;color:var(--muted)}.report-scroll{overflow:auto}.report-table{width:100%;border-collapse:collapse;min-width:760px}.report-table th,.report-table td{padding:13px 16px;border-bottom:1px solid #e3e8ef;text-align:center}.report-table th{font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;background:#f4f7fa;color:#53637a}.report-table th:first-child,.report-table td:first-child{text-align:left;position:sticky;left:0;background:inherit}.report-table th small{display:block;text-transform:none;font-weight:500;letter-spacing:0;margin-top:4px}.field-row td{background:#eaf0f7!important;font-weight:850;color:var(--navy);padding-top:10px;padding-bottom:10px}.report-table tbody tr:not(.field-row) td:first-child{background:#fff}.report-table td:first-child>span{margin-right:10px}.grade-button{border:0;background:#eef3f9;color:var(--navy);font-weight:850;border-radius:8px;padding:7px 12px}.grade-button:hover{background:#fff2b8}.empty-grade{color:#aab4c2}.report-card>footer{display:flex;justify-content:space-between;gap:14px;padding:16px 22px;font-size:.78rem;color:var(--muted)}.modal-backdrop{position:fixed;inset:0;background:#0d1e36aa;z-index:100;display:grid;place-items:center;padding:18px}.modal{width:min(560px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:18px;padding:25px;box-shadow:0 24px 80px #07142655}.modal>header{display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid var(--line);padding-bottom:14px}.modal>header h2{margin:0;font-size:1.25rem}.modal>header button{border:0;background:#edf1f6;border-radius:50%;width:36px;height:36px;color:var(--navy);font-size:1.3rem}.detail-grade{text-align:center;background:#f4f7fa;padding:20px;border-radius:12px;margin:20px 0}.detail-grade small,.detail-grade strong{display:block}.detail-grade strong{font-size:2.4rem;margin-top:7px}.criteria-detail>div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line)}.teacher-comment{margin-top:20px;background:#fff8d8;border-left:4px solid var(--yellow);padding:16px}.teacher-comment small{font-weight:800;color:#725800}.teacher-comment p{line-height:1.55;margin-bottom:0}
.success{display:flex;align-items:center;gap:10px;background:#e9f8f2;color:var(--green);border:1px solid #b9e4d5;border-radius:12px;padding:14px 17px;margin-bottom:20px;font-weight:700}.success button{margin-left:auto;border:0;background:transparent;color:inherit;font-size:1.2rem}.project-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px}.project-list{padding:14px;height:max-content}.project-list h2{font-size:1rem;margin:8px 9px 14px}.project-list>button{border:0;background:transparent;width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:13px 10px;border-radius:10px;color:var(--navy)}.project-list>button:hover,.project-list>button[aria-current=page]{background:#edf2f8}.project-list>button>span{color:#c79d00}.project-list>button div{min-width:0;flex:1}.project-list strong,.project-list small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-list small{color:var(--muted);margin-top:4px}.project-list b{background:var(--yellow);border-radius:10px;padding:3px 7px}.project-detail{padding:26px}.project-detail>header{display:flex;justify-content:space-between;gap:18px}.project-detail>header small{font-weight:800;color:#7b6100;text-transform:uppercase}.project-detail>header h2{font-size:1.8rem;margin:7px 0 4px}.project-detail>header p{margin:0;color:var(--muted)}.status{display:inline-flex;align-items:center;height:max-content;padding:6px 10px;border-radius:20px;background:#eaf0f7;color:var(--navy);font-size:.75rem;font-weight:800;white-space:nowrap}.status.green{background:#e7f6f0;color:var(--green)}.status.yellow{background:#fff4c7;color:var(--warn)}.project-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.project-meta span{background:#f4f7fa;border-radius:10px;padding:14px}.project-meta small,.project-meta strong{display:block}.project-meta small{font-size:.7rem;color:var(--muted);margin-bottom:5px}.project-section{border-top:1px solid var(--line);padding-top:22px;margin-top:22px}.project-section h3{margin:0 0 8px}.project-section>p{color:var(--muted);line-height:1.6}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.form-grid label{font-size:.78rem;font-weight:750}.form-grid input{display:block;width:100%;margin-top:7px;border:1px solid #bfcad8;border-radius:9px;padding:11px}.team-list{display:grid;gap:8px}.team-list>div{display:flex;align-items:center;gap:10px;padding:10px;background:#f6f8fb;border-radius:10px}.team-list>div>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#dfe7f1;font-weight:850}.team-list strong{flex:1}.team-list small{color:var(--green)}.timeline{position:relative}.timeline article{display:grid;grid-template-columns:22px 1fr;gap:10px;padding-bottom:25px}.timeline article>i{width:12px;height:12px;background:var(--yellow);border:3px solid #fff;box-shadow:0 0 0 2px var(--yellow);border-radius:50%;margin:7px 0 0 4px;position:relative}.timeline article:not(:last-child)>i:after{content:"";position:absolute;width:2px;height:calc(100% + 27px);background:#dbe2eb;left:2px;top:10px}.timeline article header{display:flex;justify-content:space-between;gap:10px}.timeline article header small{color:var(--muted)}.timeline article p{line-height:1.55}.student-reply{background:#f4f7fa;padding:12px 14px;border-radius:9px}.student-reply small{font-weight:800;color:var(--muted)}.student-reply p{margin-bottom:0}.accepted{display:inline-block;color:var(--green);font-weight:750;font-size:.8rem;margin-top:8px}.empty{text-align:center;background:#fff;border:1px dashed #bfcad8;border-radius:16px;padding:50px 24px}.empty>span{font-size:2rem}.empty p{color:var(--muted)}
.ordinary-info{display:flex;gap:15px;background:#eaf0f7;border:1px solid #ccd7e5;border-radius:14px;padding:18px;margin-bottom:22px}.ordinary-info>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--navy);color:#fff;font-weight:900}.ordinary-info strong{display:block}.ordinary-info p{margin:5px 0 0;color:var(--muted)}.ordinary-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ordinary-cards article{padding:22px}.ordinary-cards article>header{display:flex;justify-content:space-between;gap:14px}.ordinary-cards article h2{margin:5px 0}.ordinary-cards article header small,.ordinary-average small,.rounds small{color:var(--muted);font-size:.7rem;text-transform:uppercase;font-weight:800}.ordinary-average{display:flex;align-items:baseline;justify-content:space-between;margin:18px 0;padding:14px;background:#f4f7fa;border-radius:10px}.ordinary-average strong{font-size:1.5rem}.rounds{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rounds>div{border:1px solid var(--line);border-radius:10px;padding:13px}.rounds strong,.rounds span{display:block;margin-top:5px}.rounds span{font-size:.78rem;color:var(--warn)}.exempt{color:var(--green);font-weight:750}
@media(max-width:1050px){.summary-grid{grid-template-columns:repeat(2,1fr)}.student-strip{grid-template-columns:repeat(2,1fr)}.project-layout{grid-template-columns:250px 1fr}}
@media(max-width:780px){.login{grid-template-columns:1fr}.login-brand{min-height:280px;padding:34px}.login-brand h1{font-size:2.35rem}.login-brand p{font-size:1rem}.login-brand footer{margin-top:35px}.login-access{padding:22px}.login-card{padding:30px 24px}.topbar{height:68px;left:0;padding:0 16px;justify-content:space-between}.topbar>img{display:block;width:175px}.menu-button{display:block;border:0;background:transparent;color:var(--navy);font-size:1.5rem;width:42px}.student-mini{display:none}.sidebar{transform:translateX(-100%);transition:transform .2s ease;width:min(310px,86vw)}.sidebar.open{transform:translateX(0)}.sidebar-brand button{display:block;margin-left:auto;border:0;background:transparent;color:#fff;font-size:1.5rem}.backdrop{position:fixed;inset:0;border:0;background:#101f36aa;z-index:30}.workspace{margin:0;padding:94px 16px 38px}.summary-grid{grid-template-columns:1fr 1fr}.subject-list{grid-template-columns:1fr}.student-strip{grid-template-columns:1fr 1fr}.report-head img{width:190px}.report-card>footer{display:grid}.project-layout{grid-template-columns:1fr}.project-list{display:flex;overflow:auto;padding:10px}.project-list h2{display:none}.project-list>button{min-width:230px}.project-detail{padding:20px}.ordinary-cards{grid-template-columns:1fr}.page-title{align-items:flex-start}.form-grid{grid-template-columns:1fr}}
@media(max-width:500px){.summary-grid{grid-template-columns:1fr}.student-strip{grid-template-columns:1fr}.report-head{align-items:flex-start;flex-direction:column;gap:14px}.report-head img{width:min(220px,100%);height:64px;object-fit:cover;order:0}.report-table{table-layout:fixed}.report-table th:first-child,.report-table td:first-child{width:180px;overflow-wrap:anywhere}.project-detail>header{display:grid}.project-meta{grid-template-columns:1fr}.timeline article header{display:grid}.rounds{grid-template-columns:1fr}.login-brand h1{font-size:2rem}}
@media print{.sidebar,.topbar,.page-title{display:none!important}.workspace{margin:0;padding:0}.report-card{box-shadow:none;border:0}.report-table{min-width:0}.report-scroll{overflow:visible}}
.project-section textarea,.project-section input{width:100%;box-sizing:border-box;padding:12px;border:1px solid #cbd4df;border-radius:8px;font:inherit;color:#1e3459;margin:8px 0 16px}.project-section textarea{min-height:120px;resize:vertical}.project-section label{display:grid;font-size:14px;gap:4px}.project-section blockquote{margin:12px 0;padding:12px;background:#edf2f8}.project-section p{white-space:pre-wrap;overflow-wrap:anywhere}.project-section button{min-height:44px}.form-grid button{white-space:normal}