:root{color-scheme:dark;font-family:Outfit,sans-serif;--bg: #12091d;--bg-deep: #1d0f2c;--ink: #f2e9ff;--muted: #b8a6d4;--panel: #1a1027;--line: #3b2a57;--purple-strong: #8d54ff;--purple-mid: #b287ff;--ongoing: #192d45;--completed: #1a3c30;--danger: #ff8aa7}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(1300px 550px at 15% -10%,#44207b 0%,transparent 60%),radial-gradient(1100px 600px at 95% -8%,#2e1652 0%,transparent 65%),linear-gradient(165deg,var(--bg) 0%,var(--bg-deep) 100%)}input,select,button{font:inherit}.app-shell{position:relative;max-width:1400px;margin:0 auto;padding:2rem 1rem 4rem}.background-blur{position:absolute;width:320px;height:320px;border-radius:50%;filter:blur(55px);opacity:.35;pointer-events:none}.background-left{background:#8f57ff;top:18px;left:-140px}.background-right{background:#4f1fb9;top:200px;right:-120px}.hero{display:grid;gap:1rem;grid-template-columns:1.5fr 1fr;align-items:start;padding:1.5rem;border:1px solid var(--line);border-radius:24px;background:#1c112bd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fade-up .5s ease both}.eyebrow{margin:0;font-family:Space Grotesk,sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;color:var(--purple-strong)}.hero h1{margin:.35rem 0 .45rem;font-size:clamp(1.6rem,3vw,2.5rem);line-height:1.1}.subtext{margin:0;color:var(--muted);max-width:70ch}.identity-card{border:1px solid var(--line);border-radius:18px;padding:1rem;background:linear-gradient(180deg,#231436,#1a1027);display:grid;gap:.75rem}.identity-card label,.course-row label{display:grid;gap:.35rem;color:var(--muted);font-size:.9rem}.panel{margin-top:1rem;border:1px solid var(--line);border-radius:24px;background:#1a1027eb;padding:1rem;overflow:hidden;animation:fade-up .7s ease both}.panel-title-row{display:flex;justify-content:space-between;gap:1rem;align-items:end;flex-wrap:wrap}.panel-title-row h2{margin:0;font-size:1.2rem}.panel-title-row p{margin:0;color:var(--muted)}.planner-grid-wrap{width:100%;overflow-x:auto;margin-top:.9rem}.planner-grid{width:100%;min-width:1080px;border-collapse:collapse}.planner-grid th,.planner-grid td{vertical-align:top;border:1px solid var(--line);padding:.75rem}.planner-grid th{text-align:left;color:#f2e9ff;background:#2b1a42;font-family:Space Grotesk,sans-serif}.category-cell{width:250px;background:#241537}.category-title{font-weight:700}.category-meta{margin-top:.35rem;color:var(--muted);font-size:.85rem}.course-list{display:grid;gap:.55rem;margin-bottom:.6rem}.course-card{border:1px solid var(--line);background:#201430;border-radius:14px;padding:.55rem;display:grid;gap:.5rem}.status-ongoing{background:var(--ongoing);border-color:#93cbff}.status-completed{background:var(--completed);border-color:#98d9aa}.course-row{display:grid;gap:.45rem;grid-template-columns:1fr 1fr}.course-actions{display:flex;gap:.45rem}.course-collapsed{display:grid;gap:.45rem}.course-collapsed-head{display:flex;justify-content:space-between;align-items:center;gap:.45rem}.course-collapsed-meta{margin:0;color:var(--muted);font-size:.88rem}.status-pill{border-radius:999px;font-size:.75rem;text-transform:capitalize;font-weight:600;padding:.2rem .55rem;border:1px solid var(--line);background:#f4ecff;color:#43216f}.status-ongoing.status-pill{background:#cbe8ff;border-color:#93cbff;color:#164f80}.status-completed.status-pill{background:#cff7db;border-color:#98d9aa;color:#15522c}input,select{width:100%;border:1px solid var(--line);border-radius:10px;padding:.45rem .55rem;background:#160d22;color:var(--ink)}.ghost{border:1px solid #5d3d95;color:#d4bcff;border-radius:10px;background:#25153a;padding:.38rem .6rem;cursor:pointer}.ghost:hover{border-color:var(--purple-strong);color:var(--purple-strong)}.primary{background:linear-gradient(155deg,#5f23d3,#7f4de3);border-color:#5f23d3;color:#fff}.primary:hover{color:#fff;border-color:#3d12a0}.primary:disabled{cursor:not-allowed;opacity:.7}.save-note{margin:0;font-size:.85rem;color:var(--muted)}.danger{color:var(--danger);border-color:#de9fb2;background:#fff2f6}.gpa-banner{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.6rem;margin-top:.9rem}.gpa-banner>div{border-radius:14px;border:1px solid #6f4db3;background:linear-gradient(155deg,#50219e,#7f4de3);color:#fff;padding:.85rem;display:grid;gap:.2rem}.gpa-banner span{font-size:.8rem;opacity:.9}.gpa-banner strong{font-family:Space Grotesk,sans-serif;font-size:1.45rem}.empty-state,.small-empty{border:1px dashed #b89ce8;border-radius:12px;color:var(--muted);padding:.7rem;margin-top:.8rem}.ongoing-list{display:grid;gap:.8rem;margin-top:.85rem}.ongoing-card{border:1px solid var(--line);border-radius:16px;padding:.85rem;background:#201430}.ongoing-header{display:flex;justify-content:space-between;gap:1rem;align-items:start;flex-wrap:wrap}.ongoing-header h3{margin:0}.ongoing-header p{margin:.2rem 0 0;color:var(--muted)}.average-chip{border:1px solid #6f4db3;border-radius:999px;padding:.35rem .7rem;color:#e7dcff;background:#2b1b43;font-weight:600}.assignment-list{display:grid;gap:.5rem;margin:.75rem 0}.assignment-row{display:grid;gap:.45rem;grid-template-columns:2fr 1.1fr 1fr 1fr auto}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 980px){.hero{grid-template-columns:1fr}}@media (max-width: 640px){.app-shell{padding:1rem .45rem 2rem}.panel,.hero{border-radius:16px}.assignment-row,.course-row,.gpa-banner{grid-template-columns:1fr}}