:root{--navy:#1a2744;--navy2:#1e3a5f;--navy-dark:#0f172a;--blue:#3b82f6;--purple:#8b5cf6;--green:#10b981;--amber:#f59e0b;--red:#ef4444;--teal:#14b8a6;--rose:#f43f5e;--bg:#f0f2f5;--card:#fff;--light:#f8fafc;--text:#1e293b;--text2:#475569;--text3:#94a3b8;--border:#e2e8f0;--grade-excellent-text:#059669;--grade-excellent-bg:#ecfdf5;--grade-good-text:#2563eb;--grade-good-bg:#eff6ff;--grade-average-text:#d97706;--grade-average-bg:#fffbeb;--grade-warning-text:#dc2626;--grade-warning-bg:#fef2f2;--radius-card:14px;--radius-button:10px;--radius-badge:20px;--shadow:0 2px 8px rgba(26,39,68,.06);--shadow-hover:0 4px 16px rgba(26,39,68,.12);--shadow-header:0 4px 20px rgba(15,23,42,.25);--container-max:1280px}*{transition:all .2s ease}body{background-color:var(--bg);color:var(--text);font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}.text-header{font-size:20px}.text-header,.text-section{color:var(--text);font-weight:800}.text-section{font-size:17px}.text-card-title{color:var(--text);font-size:16px;font-weight:700}.text-body{color:var(--text);font-size:14px;font-weight:400}.text-label{color:var(--text3);font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.text-number{font-family:JetBrains Mono,Courier New,monospace}.header-navy{position:sticky;top:0;z-index:1000}.header-navbar,.header-navy{background:linear-gradient(135deg,var(--navy-dark) 0,var(--navy2) 100%);box-shadow:var(--shadow-header)}.sidebar-navy{background:linear-gradient(180deg,var(--navy) 0,var(--navy2) 100%)}.sidebar-link.active{background-color:hsla(0,0%,100%,.2)!important;border-left-color:#60a5fa!important;color:#fff!important;font-weight:700!important}.sidebar-link-sub.active,.sidebar-link-sub[class*=text-][class*="-600"]{background-color:hsla(0,0%,100%,.15);border-radius:.5rem;color:#fff!important;font-weight:600;padding-left:1rem;padding-right:1rem}.card-momo{background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow);padding:24px;transition:all .3s ease}.card-momo:hover{box-shadow:var(--shadow-hover)}.card-momo-sm{background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow);padding:16px}.card-bordered{border:1.5px solid var(--border)}.card-selected{border:2px solid var(--blue);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.btn-primary{background:var(--blue);border:none;border-radius:var(--radius-button);color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s ease}.btn-primary:hover{background:#2563eb;box-shadow:0 4px 12px rgba(59,130,246,.3);transform:translateY(-1px)}.btn-outline{background:#fff;border:1.5px solid var(--border);border-radius:var(--radius-button);color:var(--text);cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s ease}.btn-outline:hover{background:rgba(59,130,246,.05);border-color:var(--blue);color:var(--blue)}.btn-danger{background:var(--grade-warning-bg);border:1px solid #fca5a5;border-radius:var(--radius-button);color:var(--red);cursor:pointer;font-weight:600;padding:10px 20px}.btn-danger:hover{background:#fee2e2}.badge-momo{border-radius:var(--radius-badge);display:inline-block;font-size:11px;font-weight:700;padding:3px 10px}.badge-blue{background:rgba(59,130,246,.15);color:var(--blue)}.badge-green{background:var(--grade-excellent-bg);color:var(--grade-excellent-text)}.badge-amber{background:var(--grade-average-bg);color:var(--grade-average-text)}.badge-red{background:var(--grade-warning-bg);color:var(--grade-warning-text)}.badge-purple{background:rgba(139,92,246,.15);color:var(--purple)}.input-momo{background:#fff;border:1.5px solid var(--border);border-radius:var(--radius-button);color:var(--text);font-size:14px;padding:9px 14px;transition:all .2s ease}.input-momo:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.select-momo{background:#fff;border:1.5px solid var(--border);border-radius:var(--radius-button);color:var(--text);cursor:pointer;font-size:14px;padding:9px 14px}.select-momo:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.grade-a{background:var(--grade-excellent-bg);color:var(--grade-excellent-text)}.grade-b{background:var(--grade-good-bg);color:var(--grade-good-text)}.grade-c{background:var(--grade-average-bg);color:var(--grade-average-text)}.grade-d{background:#fff7ed;color:#ea580c}.grade-e,.grade-f{background:var(--grade-warning-bg);color:var(--grade-warning-text)}.status-excellent{color:var(--grade-excellent-text)}.status-good{color:var(--grade-good-text)}.status-average{color:var(--grade-average-text)}.status-warning{color:var(--grade-warning-text)}.bg-excellent{background:var(--grade-excellent-bg)}.bg-good{background:var(--grade-good-bg)}.bg-average{background:var(--grade-average-bg)}.bg-warning{background:var(--grade-warning-bg)}.tab-momo{background:hsla(0,0%,100%,.1);border:none;border-radius:var(--radius-button);color:hsla(0,0%,100%,.7);cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s ease}.tab-momo:hover{background:hsla(0,0%,100%,.15);color:#fff}.tab-momo-active{background:hsla(0,0%,100%,.2);box-shadow:0 2px 8px rgba(0,0,0,.1);color:#fff}.table-momo thead{background:var(--light)}.table-momo th{color:var(--text2);font-size:12px;font-weight:700;letter-spacing:.5px;padding:12px 16px;text-transform:uppercase}.table-momo td{border-bottom:1px solid var(--border);padding:12px 16px}.table-momo tr:hover{background:var(--light)}.chart-container{background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow);padding:24px;position:relative}@media (min-width:1024px){aside.sidebar-collapsed{min-width:0!important;width:0!important}}#scrollable-menu{scrollbar-color:hsla(0,0%,100%,.25) transparent;scrollbar-width:thin}#scrollable-menu::-webkit-scrollbar{width:4px}#scrollable-menu::-webkit-scrollbar-track{background:transparent}#scrollable-menu::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.25);border-radius:4px}#scrollable-menu::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.45)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:var(--light)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text3)}.text-navy{color:var(--navy)}.text-blue{color:var(--blue)}.text-purple{color:var(--purple)}.text-green{color:var(--green)}.text-amber{color:var(--amber)}.text-red{color:var(--red)}.bg-navy{background:var(--navy)}.bg-blue{background:var(--blue)}.bg-light{background:var(--light)}.border-momo{border:1px solid var(--border)}.rounded-momo{border-radius:var(--radius-card)}.rounded-button{border-radius:var(--radius-button)}.shadow-momo{box-shadow:var(--shadow)}.shadow-momo-hover:hover{box-shadow:var(--shadow-hover)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-slide-down{animation:slideDown .3s ease-out}@media print{body{background:#fff;margin:0;padding:0}.no-print{display:none!important}.card-momo{border:1px solid var(--border);box-shadow:none}.header-navy,.sidebar-navy{background:#fff!important;box-shadow:none;color:var(--text)!important}}@media (max-width:768px){.card-momo{padding:16px}.text-header{font-size:18px}.text-section{font-size:16px}}code{background-color:var(--light);border-radius:4px;color:var(--purple);font-family:JetBrains Mono,Courier New,monospace;font-size:.9em;padding:2px 6px}pre{background:var(--light);border-radius:var(--radius-button);overflow-x:auto;padding:16px}pre code{background:none;padding:0}.loading-spinner{animation:spin 1s linear infinite;border-top:3px solid var(--border);border:3px solid var(--border);border-radius:50%;border-top-color:var(--blue);height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}a:focus-visible,button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.timeline{border-left:3px solid var(--blue);margin-left:8px;padding-left:20px}.timeline-item{padding-bottom:18px;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{background:var(--blue);border:2px solid #fff;border-radius:50%;box-shadow:var(--shadow);content:"";height:12px;left:-26px;position:absolute;top:4px;width:12px}.timeline-qtr{color:var(--text);font-size:13px;font-weight:700}.timeline-year{color:var(--text3);font-size:11px;margin-left:6px}.timeline-comment{color:var(--text2);font-size:13px;line-height:1.7;margin-top:4px}.timeline-scores{color:var(--text3);font-size:11px;margin-top:4px}.grade-row{align-items:center;border-bottom:1px solid #f5f5f5;display:flex;gap:8px;padding:8px 0}.grade-label{color:var(--text2);flex:1;font-size:13px}.grade-btns{display:flex;gap:4px}.grade-btn{background:var(--light);border:none;border-radius:8px;color:var(--text3);cursor:pointer;font-size:12px;font-weight:700;height:36px;transition:all .15s;width:48px}.grade-btn:hover{box-shadow:0 2px 4px rgba(0,0,0,.1);transform:scale(1.05)}.grade-btn.active{box-shadow:0 2px 8px rgba(0,0,0,.3);color:#fff!important;font-weight:900;transform:scale(1.08)}button.grade-btn.active.g-top,button.grade-btn.g-top.active{background:#10b981!important;border:2px solid #059669!important}button.grade-btn.active.g-high,button.grade-btn.g-high.active{background:#3b82f6!important;border:2px solid #2563eb!important}button.grade-btn.active.g-mid,button.grade-btn.g-mid.active{background:#f59e0b!important;border:2px solid #d97706!important}button.grade-btn.active.g-low,button.grade-btn.g-low.active{background:#f97316!important;border:2px solid #ea580c!important}button.grade-btn.active.g-bottom,button.grade-btn.g-bottom.active{background:#ef4444!important;border:2px solid #dc2626!important}.student-card-selectable{border:2px solid transparent!important;cursor:pointer;transition:all .25s ease}.card-momo-sm.student-card-selectable:hover{background:#f1f5f9!important;border:2px solid #64748b!important;box-shadow:0 8px 20px rgba(0,0,0,.15)!important;transform:translateY(-3px)!important}.card-momo-sm.student-card-selectable:hover .font-bold{color:#1e293b!important;font-weight:900!important}.card-momo-sm.student-card-selectable:hover .text-gray-500{color:#475569!important}.card-momo-sm.student-card-selectable.selected{background:rgba(16,185,129,.08)!important;border:2px solid #10b981!important}.card-momo-sm.student-card-selectable.selected .font-bold{color:#10b981!important}