@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");:root{--color-primary:#5555ea;--color-primary-light:#7070ef;--color-primary-dark:#3f3fcc;--color-primary-tint:#e4e9ff;--color-primary-deep:#0d2957;--color-accent:#facc15;--color-accent-light:#fde047;--color-accent-green:#10b981;--color-accent-red:#ef4444;--color-bg:#0f172a;--color-surface:#1e293b;--color-surface-2:#334155;--color-surface-3:#475569;--color-border:#334155;--color-border-hover:#475569;--color-text:#f8fafc;--color-text-muted:#94a3b8;--color-text-dim:#64748b;--color-text-inverse:#0f172a;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#5555ea;--subject-0:#5555ea;--subject-1:#0d2957;--subject-2:#059669;--subject-3:#d97706;--subject-4:#7c3aed;--subject-5:#db2777;--subject-6:#0284c7;--subject-7:#ea580c;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 1px 3px rgba(85,85,234,.06),0 1px 2px rgba(15,23,42,.04);--shadow-md:0 4px 16px -2px rgba(85,85,234,.1),0 2px 6px -1px rgba(15,23,42,.04);--shadow-lg:0 10px 28px -4px rgba(85,85,234,.14),0 4px 12px -2px rgba(15,23,42,.06);--shadow-glow-primary:0 4px 20px rgba(85,85,234,.3);--shadow-glow-accent:0 4px 20px rgba(250,204,21,.35);--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:400ms ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body,html{background:var(--color-bg);color:var(--color-text)}body{min-height:100vh;line-height:1.6}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}button{cursor:pointer;font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-surface-2)}::-webkit-scrollbar-thumb{background:var(--color-surface-3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-light)}.glass{background:rgba(30,41,59,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.card,.glass{border:1px solid var(--color-border)}.card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-fast)}.card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;letter-spacing:.01em;transition:all var(--transition-fast);outline:none}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;box-shadow:var(--shadow-glow-primary)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 24px rgba(71,67,224,.4)}.btn-primary:active{transform:translateY(0)}.btn-ghost{background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border)}.btn-ghost:hover{background:var(--color-surface-2);color:var(--color-text);border-color:var(--color-border-hover)}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:100px;font-size:.72rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.badge-pending{background:#fef3c7;color:#b45309;border:1px solid #fde68a}.badge-submitted{background:#dbeafe;color:#1d4ed8;border:1px solid #bfdbfe}.badge-graded{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.badge-late{background:#fee2e2;color:#b91c1c;border:1px solid #fecaca}.badge-closed{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 rgba(71,67,224,0)}50%{box-shadow:0 0 20px 4px rgba(71,67,224,.25)}}.animate-fade-up{animation:fadeUp .4s ease both}.skeleton{background:linear-gradient(90deg,rgba(71,85,105,.4) 25%,rgba(100,116,139,.6) 50%,rgba(71,85,105,.4) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}