@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Work+Sans:wght@400;500;600&display=swap";:root{color-scheme:light;font-family:Work Sans,sans-serif;--ink: #0f1b2d;--muted: #536075;--bg: #fbf4ea;--panel: #ffffff;--accent: #a14a2a;--accent-2: #f1c58a;--sidebar: #4a1d12;--shadow: 0 18px 40px rgba(15, 27, 45, .12);--radius: 18px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,#f6d9b6,transparent 45%),radial-gradient(circle at 20% 20%,#cbe8e2,transparent 55%),var(--bg);color:var(--ink);min-height:100vh}.app{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.login-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top right,#f6d7a8,transparent 45%),radial-gradient(circle at 15% 20%,#f1c58a,transparent 55%),var(--bg);display:grid;place-items:center;z-index:10;padding:24px}.login-card{width:min(420px,92vw);background:var(--panel);border-radius:20px;padding:28px;box-shadow:var(--shadow);display:grid;gap:14px}.logo-frame{background:#fff;border-radius:14px;padding:10px 12px;display:inline-flex;align-items:center;justify-content:center;margin:0 auto;box-shadow:0 8px 18px #0f1b2d2e}.login-logo{width:220px;display:block;margin:0 auto}.login-form{display:grid;gap:12px}.login-form label{display:grid;gap:6px;font-size:13px;color:var(--muted)}.login-form input{border:1px solid rgba(15,27,45,.15);border-radius:12px;padding:10px 12px;font-family:inherit}.login-error{margin:0;font-size:12px;color:#b52b2b}.login-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#0f1b2d1f}.oauth{display:grid;grid-template-columns:1fr 1fr;gap:10px}.oauth-btn{border:1px solid rgba(15,27,45,.15);border-radius:12px;padding:10px 12px;background:#fff;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.oauth-icon{width:16px;height:16px;display:inline-block;border-radius:4px}.oauth-icon.google{background:conic-gradient(#4285f4,#4285f4 90deg,#34a853 90deg,#34a853 180deg,#fbbc05 180deg,#fbbc05 270deg,#ea4335 270deg,#ea4335 360deg)}.oauth-icon.microsoft{background:conic-gradient(#f25022,#f25022 90deg,#7fba00 90deg,#7fba00 180deg,#00a4ef 180deg,#00a4ef 270deg,#ffb900 270deg,#ffb900 360deg)}.sidebar{background:var(--sidebar);color:#f1f6f4;padding:32px 24px;display:flex;flex-direction:column;gap:32px}.brand{display:flex;flex-direction:column;align-items:center;gap:10px}.brand-logo{width:72px;height:auto;filter:drop-shadow(0 6px 16px rgba(15,27,45,.35))}.brand-sub{margin:0;font-size:12px;color:#f1f6f4b3}.sidebar-nav{display:flex;flex-direction:column;gap:12px}.nav-title{margin:0;font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:#f1f6f480}.nav-pill{background:#ffffff0f;border:1px solid transparent;color:inherit;padding:10px 14px;border-radius:12px;text-align:left;cursor:pointer;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:10px}.nav-pill.active,.nav-pill:hover{background:#f1c58a38;border-color:#f1c58ab3;color:#fff}.nav-icon svg{width:16px;height:16px;fill:currentColor}.profile-menu{position:relative}.profile-trigger{border:none;background:transparent;display:inline-flex;align-items:center;gap:10px;cursor:pointer;padding:0}.profile-badge{background:#a14a2a26;color:var(--accent);border-radius:999px;padding:6px 10px;font-size:11px;font-weight:600}.avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#6f2c1b);color:#fff;display:grid;place-items:center;font-weight:600}.menu-panel{position:absolute;right:0;top:52px;background:#fff;border-radius:14px;box-shadow:var(--shadow);padding:8px;min-width:180px;display:grid;gap:4px;z-index:5}.menu-panel button{border:none;background:transparent;text-align:left;padding:10px 12px;border-radius:10px;cursor:pointer;font-weight:500}.menu-panel button:hover{background:#0f1b2d0f}.menu-logout{color:#b52b2b}.sidebar-card{background:#ffffff14;border-radius:14px;padding:16px}.card-label{text-transform:uppercase;font-size:11px;letter-spacing:.12em;color:var(--muted);margin:0 0 8px}.sidebar-card .card-label{color:#f1f6f4b3}.card-value{font-size:20px;font-weight:700;margin:0 0 4px}.card-muted{margin:0;color:var(--muted);font-size:13px}.sidebar-card .card-muted{color:#f1f6f499}.main{padding:32px 40px 40px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.topbar h1{margin:0 0 6px;font-family:Space Grotesk,sans-serif}.topbar p{margin:0;color:var(--muted)}.profile{display:flex;align-items:center;gap:12px}.role-select{border:1px solid rgba(15,27,45,.2);border-radius:999px;padding:8px 12px;font-family:inherit;background:#fff;color:var(--ink)}.profile-name{margin:0;font-weight:600}.profile-role{margin:0;font-size:12px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}.hero-card{grid-column:1 / -1;display:grid;grid-template-columns:2fr 1fr;gap:20px;background:var(--panel);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.course-panel{background:var(--panel);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);margin-bottom:20px}.course-header,.course-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.teacher-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:16px}.course-meta label{display:grid;gap:6px;font-size:12px;color:var(--muted)}.route-tags{display:flex;flex-wrap:wrap;gap:8px}.route-tags span{background:#0f1b2d0f;border-radius:999px;padding:4px 10px;font-size:12px}.course-select{border:1px solid rgba(15,27,45,.15);border-radius:10px;padding:8px 10px;font-family:inherit;background:#fff;color:var(--ink)}.table{display:grid;gap:8px}.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;align-items:center;background:#f6f2ee;border-radius:12px;padding:10px 12px}.table-head{background:transparent;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.status{justify-self:start;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.status.ok{background:#0e6b621f;color:#0e6b62}.status.watch{background:#f4b86033;color:#a86a14}.status.risk{background:#b52b2b26;color:#b52b2b}.evaluation-panel{margin:20px 0;background:var(--panel);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);display:grid;gap:18px}.evaluation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.evaluation-card{border:1px solid rgba(15,27,45,.1);border-radius:12px;padding:12px;background:#fff;display:grid;gap:8px}.evaluation-card.active{border-color:#a14a2a80;box-shadow:0 10px 24px #a14a2a2e}.evaluation-card h4{margin:0}.evaluation-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.scope-chip{background:#0f1b2d14;border-radius:999px;padding:4px 10px;font-size:12px;color:var(--ink);width:fit-content}.evaluation-actions{display:flex;gap:8px}.evaluation-actions .danger{color:#b52b2b}.toast{position:fixed;top:20px;right:24px;background:#fff;border-radius:12px;box-shadow:var(--shadow);padding:12px 16px;display:flex;gap:12px;align-items:center;z-index:20}.toast-success{border:1px solid rgba(14,107,98,.2);background:#e8f6f2;color:#0e6b62}.toast button{border:none;background:transparent;color:var(--accent);cursor:pointer;font-weight:600}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1b2d59;display:grid;place-items:center;z-index:30}.modal-card{background:#fff;border-radius:16px;padding:20px;width:min(420px,92vw);display:grid;gap:12px;box-shadow:var(--shadow)}.modal-card input{border:1px solid rgba(15,27,45,.2);border-radius:10px;padding:8px 10px;font-family:inherit}.modal-card textarea{border:1px solid rgba(15,27,45,.2);border-radius:10px;padding:8px 10px;font-family:inherit;min-height:90px;resize:vertical}.modal-card.modal-wide{width:min(760px,92vw)}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.action-group{display:flex;gap:8px;justify-self:end}.preview-list{display:grid;gap:12px;max-height:360px;overflow:auto;padding-right:4px}.preview-item{background:#f7f4ef;border-radius:12px;padding:12px;display:grid;gap:8px}.preview-title{margin:0;font-weight:600}.preview-answer{background:#fff;border-radius:10px;padding:8px 10px;border:1px solid rgba(15,27,45,.08);color:var(--ink)}.grade-list{display:grid;gap:10px}.grade-item{display:grid;grid-template-columns:1fr auto;gap:12px;background:#fff7ee;border-radius:12px;padding:10px 12px}.grade-title{margin:0 0 4px;font-weight:600}.grade-score{font-weight:700;color:var(--accent)}.manual-grade{display:grid;gap:10px;border-top:1px solid rgba(15,27,45,.08);padding-top:12px}.manual-row{display:grid;grid-template-columns:120px 80px 1fr;gap:10px;align-items:center}.manual-question{font-size:13px;color:var(--muted)}.evaluation-filters label{display:grid;gap:6px;font-size:12px;color:var(--muted)}.evaluation-filters select{border:1px solid rgba(15,27,45,.15);border-radius:10px;padding:6px 10px;font-family:inherit;background:#fff;color:var(--ink)}.ai-panel{margin-top:18px;background:#fff7ee;border-radius:16px;padding:16px;display:grid;gap:14px}.ai-controls{display:grid;gap:10px}.ai-controls label{display:grid;gap:6px;font-size:12px;color:var(--muted)}.ai-controls input{border:1px solid rgba(15,27,45,.15);border-radius:10px;padding:8px 10px;font-family:inherit}.ai-message{margin:0;color:#8a5a13;font-size:13px}.ai-questions{display:grid;gap:10px}.ai-question{display:grid;grid-template-columns:28px 1fr;gap:10px;background:#fff;border-radius:12px;padding:10px 12px}.ai-index{width:28px;height:28px;border-radius:50%;background:#a14a2a26;color:var(--accent);display:grid;place-items:center;font-weight:700}.ai-options{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.ai-options span{background:#0f1b2d0f;border-radius:999px;padding:4px 10px;font-size:12px}.builder-panel{margin-top:18px;background:#fff;border-radius:16px;padding:18px;border:1px solid rgba(15,27,45,.08);display:grid;gap:14px}.builder-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.builder-actions{display:flex;flex-wrap:wrap;gap:8px}.builder-actions button{border:1px solid rgba(15,27,45,.12);background:#fff;border-radius:10px;padding:8px 10px;cursor:pointer}.builder-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.builder-form label{display:grid;gap:6px;font-size:12px;color:var(--muted)}.builder-form input,.builder-item textarea,.builder-item select,.options-grid input{border:1px solid rgba(15,27,45,.15);border-radius:10px;padding:8px 10px;font-family:inherit}.builder-form textarea{border:1px solid rgba(15,27,45,.15);border-radius:10px;padding:8px 10px;font-family:inherit;min-height:90px;resize:vertical}.builder-form select{border:1px solid rgba(15,27,45,.15);border-radius:10px;padding:8px 10px;font-family:inherit;background:#fff}.answer-row{display:grid;gap:6px;font-size:12px;color:var(--muted)}.builder-list{display:grid;gap:12px}.builder-item{background:#f8f2eb;border-radius:12px;padding:12px;display:grid;gap:10px}.builder-item.invalid{border:1px solid rgba(181,43,43,.4);background:#b52b2b14}.error-text{margin:0;font-size:12px;color:#b52b2b}.builder-row{display:flex;align-items:center;gap:8px}.builder-index{width:26px;height:26px;border-radius:8px;background:#a14a2a26;color:var(--accent);display:grid;place-items:center;font-weight:700}.builder-row .remove{margin-left:auto;border:none;background:transparent;color:#b52b2b;cursor:pointer}.builder-item textarea{min-height:70px;resize:vertical}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}.builder-footer{display:flex;justify-content:flex-end}.button-icon{margin-right:6px}.hero-card h2{margin:0 0 8px;font-family:Space Grotesk,sans-serif}.hero-metric{background:#fdf5e7;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:6px;justify-content:center}.hero-metric h3{margin:0;font-size:24px}.card{background:var(--panel);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.card h3{margin:0 0 8px;font-family:Space Grotesk,sans-serif}.primary{border:none;background:var(--accent);color:#fff;padding:10px 16px;border-radius:999px;font-weight:600;cursor:pointer;margin-top:10px}.ghost{border:1px solid rgba(15,27,45,.2);background:transparent;color:var(--ink);padding:8px 14px;border-radius:999px;cursor:pointer}.split{margin-top:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.list{margin:0 0 12px;padding-left:18px;color:var(--muted)}.pill{background:#eef2f1;color:var(--ink);border-radius:999px;padding:8px 12px;display:inline-flex;margin:6px 6px 0 0;font-size:13px}.chart{width:100%;height:120px}.chart-wrap{height:220px}@media (max-width: 900px){.app{grid-template-columns:1fr}.sidebar{flex-direction:row;overflow-x:auto;gap:16px}.sidebar-card{display:none}.hero-card{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start;gap:12px}}