@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";.container{max-width:1200px;margin:0 auto;padding:2rem}.header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.header h1{flex:1;font-size:2rem;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3)}.back-btn,.logout-btn{padding:.5rem 1rem;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;cursor:pointer;font-size:.9rem;color:#fff;transition:all .3s ease}.back-btn:hover,.logout-btn:hover{background:rgba(255,255,255,.2);transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.login-card{max-width:500px;margin:4rem auto;padding:2.5rem;background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 8px 32px #0000004d}.login-card h1{margin-bottom:1.5rem;color:#fff;text-align:center;text-shadow:0 2px 10px rgba(0,0,0,.3)}.instructions{background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem;border-radius:12px;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.1)}.instructions p{margin-bottom:.5rem;font-weight:600;color:#fff}.instructions ol{margin-left:1.5rem;line-height:1.6;color:#ffffffe6}.login-card form{display:flex;flex-direction:column;gap:1rem}.login-card input{padding:.75rem;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;font-size:1rem;color:#fff;transition:all .3s ease}.login-card input::placeholder{color:#ffffff80}.login-card input:focus{outline:none;border-color:#6366f180;background:rgba(255,255,255,.15);box-shadow:0 0 20px #6366f14d}.login-card button{padding:.75rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:12px;font-size:1rem;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #667eea66}.login-card button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.login-card button:disabled{opacity:.6;cursor:not-allowed}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.course-card{background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2rem;border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;cursor:pointer;transition:all .3s ease;min-height:140px}.course-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #0006;background:rgba(255,255,255,.08);border-color:#6366f14d}.course-card h3{margin-bottom:1rem;color:#fff;font-size:1.25rem;font-weight:600}.grade{display:flex;justify-content:space-between;align-items:center}.grade-letter{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.grade-percent{font-size:1.4rem;color:#fffc;font-weight:500}.no-grade{color:#ffffff80;font-style:italic}.grade-summary{display:flex;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}.grade-box{flex:1;min-width:200px;background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1.5rem;border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d}.grade-box label{display:block;font-size:.9rem;color:#ffffffb3;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.grade-value{font-size:2rem;font-weight:700;color:#fff}.grade-value.positive{color:#4ade80;text-shadow:0 0 20px rgba(74,222,128,.5)}.grade-value.negative{color:#f87171;text-shadow:0 0 20px rgba(248,113,113,.5)}.assignments-section{background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2rem;border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d}.assignments-section h2{margin-bottom:.5rem;color:#fff}.hint{color:#ffffffb3;margin-bottom:2rem;font-size:.9rem}.assignment-group{margin-bottom:2rem}.group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid rgba(99,102,241,.5);flex-wrap:wrap;gap:.5rem}.assignment-group h3{color:#fff;margin:0}.category-average{color:#ffffffb3;font-size:.95rem;font-weight:500}.average-value{color:#667eea;font-weight:700;font-size:1.1rem;margin-left:.25rem}.weight{color:#fff9;font-weight:400;font-size:.9rem}.assignments-list{display:flex;flex-direction:column;gap:.75rem}.assignment-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:rgba(255,255,255,.03);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;gap:1rem;transition:all .3s ease}.assignment-item:hover{background:rgba(255,255,255,.05);border-color:#6366f14d}.assignment-info{flex:1;display:flex;justify-content:space-between;align-items:center;gap:1rem}.assignment-name{font-weight:500;color:#fff}.assignment-points{color:#fff9;font-size:.9rem;white-space:nowrap}.score-input{width:120px;padding:.5rem;background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:.9rem;color:#fff;transition:all .3s ease}.score-input::placeholder{color:#fff6}.score-input:focus{outline:none;border-color:#6366f180;background:rgba(255,255,255,.1);box-shadow:0 0 15px #6366f14d}.calculate-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;margin-top:1.5rem;transition:all .3s ease;box-shadow:0 4px 15px #10b98166}.calculate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b98199}.calculate-btn:disabled{opacity:.6;cursor:not-allowed}.error{background:rgba(248,113,113,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fca5a5;padding:1rem;border:1px solid rgba(248,113,113,.3);border-radius:12px;margin-top:1rem}@media (max-width: 768px){.container{padding:1rem}.assignment-item{flex-direction:column;align-items:stretch}.assignment-info{flex-direction:column;align-items:flex-start}.score-input{width:100%}}.upcoming-section{margin-top:3rem;background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2rem;border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d}.upcoming-section h2{color:#fff;margin-bottom:1.5rem;font-size:1.5rem}.upcoming-list{display:flex;flex-direction:column;gap:1rem}.upcoming-item{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;background:rgba(255,255,255,.03);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;gap:1rem;transition:all .3s ease}.upcoming-item:hover{background:rgba(255,255,255,.05);border-color:#6366f14d;transform:translate(4px)}.upcoming-item.urgent{background:rgba(248,113,113,.05)}.upcoming-item.urgent:hover{background:rgba(248,113,113,.08)}.upcoming-info{flex:1}.upcoming-course{font-size:.85rem;color:#fff9;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.5px}.upcoming-name{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:.5rem}.upcoming-meta{display:flex;gap:1rem;font-size:.9rem}.upcoming-points{color:#6366f1cc;font-weight:600}.upcoming-due{color:#ffffffb3}.upcoming-item.urgent .upcoming-due{color:#fca5a5;font-weight:600}.view-btn{padding:.5rem 1.25rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;text-decoration:none;border-radius:8px;font-size:.9rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d;white-space:nowrap}.view-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}@media (max-width: 768px){.upcoming-item{flex-direction:column;align-items:flex-start}.view-btn{width:100%;text-align:center}.upcoming-meta{flex-direction:column;gap:.25rem}}.loading-upcoming,.no-upcoming{text-align:center;padding:2rem;color:#fff9;font-style:italic}.loading-upcoming{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1.5rem}.loading-spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.1);border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{color:#fffc;font-size:1.1rem;font-weight:500;animation:pulse 2s ease-in-out infinite}.loading-watermark{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);color:#ffffff4d;font-size:.8rem;font-weight:500;letter-spacing:.5px}.loading-overlay{position:relative}.category-average .arrow{margin:0 .5rem;color:#fff6;font-weight:400}.category-average .projected-value{font-weight:700;font-size:1.1rem}.category-average .projected-value.positive{color:#4ade80}.category-average .projected-value.negative{color:#f87171}.change-badge{display:inline-block;padding:.15rem .5rem;border-radius:6px;font-size:.8rem;font-weight:600;margin-left:.5rem}.change-badge.positive{background:rgba(74,222,128,.15);color:#4ade80}.change-badge.negative{background:rgba(248,113,113,.15);color:#f87171}.error{position:relative;display:flex;justify-content:space-between;align-items:center;gap:1rem}.dismiss-error{padding:.4rem .8rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;white-space:nowrap}.dismiss-error:hover{background:rgba(255,255,255,.2)}.assignment-percentage{color:#6366f1e6;font-weight:600;margin-right:.25rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,rgba(0,0,0,.6) 0%,rgba(26,26,26,.65) 50%,rgba(10,10,10,.6) 100%),url(https://images.unsplash.com/photo-1451187580459-43490279c0fa?w=1920&q=80) center/cover no-repeat fixed;min-height:100vh;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:-1}#root{min-height:100vh;position:relative}.fixed-watermark{position:fixed;bottom:1.5rem;left:1.5rem;color:#ffffff40;font-size:.8rem;font-weight:500;letter-spacing:.5px;z-index:1000;pointer-events:none;-webkit-user-select:none;user-select:none;transition:opacity .3s ease}.fixed-watermark:hover{color:#ffffff80}.loading-overlay~.fixed-watermark{opacity:0}