@import"https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Ubuntu,sans-serif}.App{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;max-width:1400px;margin:0 auto;padding:20px;color:#333;position:relative}.App-header{text-align:center;margin-bottom:30px;padding:20px;background-color:#f5f5f5;border-radius:8px;position:relative}.program-selector{margin-top:20px}.program-selector label{margin-right:10px;font-weight:600}select{padding:8px 12px;border-radius:4px;border:1px solid #ccc;font-size:16px;background-color:#fff}.main-content{display:flex;gap:30px}.subjects-container{flex:2}.gpa-sidebar{flex:1;position:sticky;top:20px;height:fit-content}.gpa-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:25px;margin-bottom:20px}.gpa-card h2{margin-top:0;color:#2c3e50;border-bottom:2px solid #eee;padding-bottom:10px}.gpa-display{display:flex;justify-content:space-between;align-items:center;margin:20px 0;padding:15px;background-color:#f8f9fa;border-radius:8px}.gpa-label{font-size:18px;font-weight:600}.gpa-value{font-size:32px;font-weight:700;color:#3498db}.class-display{display:flex;justify-content:space-between;align-items:center;margin:20px 0;padding:15px;background-color:#f8f9fa;border-radius:8px}.class-label{font-size:18px;font-weight:600}.class-value{font-size:24px;font-weight:700;color:#27ae60}.gpa-details{margin:25px 0}.detail-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eee}.detail-row:last-child{border-bottom:none}.gpa-thresholds{margin-top:30px}.gpa-thresholds h3{margin-bottom:15px;color:#2c3e50}.gpa-thresholds ul{list-style:none;padding:0;margin:0}.gpa-thresholds li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed #eee}.threshold-name{font-weight:500}.threshold-value{font-weight:700;color:#7f8c8d}.no-gpa{text-align:center;padding:30px;color:#7f8c8d;font-style:italic}.semester{margin-bottom:30px}.semester-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.semester-gpa{font-size:18px;font-weight:700;color:#e67e22;background-color:#fef5e7;padding:5px 10px;border-radius:4px}.subjects-table{width:100%;border-collapse:collapse;margin-top:15px;box-shadow:0 2px 4px #0000001a}.subjects-table th{background-color:#2c3e50;color:#fff;padding:12px;text-align:left}.subjects-table td{padding:10px;border-bottom:1px solid #ddd}.subject-row:nth-child(2n){background-color:#f9f9f9}.subject-row:hover{background-color:#f1f1f1}.subjects-table select{width:100%;padding:6px;border:1px solid #ddd;border-radius:4px;background-color:#fff}.numeric-cell{text-align:right;font-family:Courier New,monospace;font-weight:700}footer{margin-top:40px;text-align:center;padding:20px;color:#7f8c8d;font-size:14px}@media (max-width: 1024px){.main-content{flex-direction:column}.gpa-sidebar{position:static;order:-1;margin-bottom:30px}}@media (max-width: 768px){.subjects-table{display:block;overflow-x:auto}.App-header h1{font-size:24px}.program-selector{display:flex;flex-direction:column;align-items:center}.program-selector label{margin-bottom:10px}.semester-header{flex-direction:column;align-items:flex-start;gap:5px}.extra,.numeric-cell{display:none}}.highlight-change{background-color:#ff03!important}.App *{transition:all .3s ease}.subject-row:hover{background-color:#00000008}@keyframes pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.no-gpa p{animation:pulse 2s infinite}.semester-header h2{transition:transform .3s ease}.semester-header:hover h2{transform:translateY(-2px)}.semester-gpa{display:inline-block;padding:4px 8px;border-radius:4px;background-color:#3498db;color:#fff;font-size:.9rem;margin-left:10px}.gpa-card{transition:box-shadow .3s ease,transform .3s ease}.gpa-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.important-msg{margin-top:10px;font-size:14px;color:tomato;font-weight:500}.optional{color:#eecd8f;font-weight:700}.non-gpa{color:#888;font-style:italic;font-size:.9em}.socials{position:absolute;top:16px;right:16px;display:flex;align-items:center;gap:8px;padding:8px 12px;color:#6b7280;font-size:14px;font-weight:500;border-radius:20px;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease;border:1px solid rgba(255,255,255,.1);z-index:10}.socials:hover{background:#ffffff26;transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.socials .socials-text{white-space:nowrap}.socials a{display:flex;align-items:center;text-decoration:none;transition:transform .2s ease}.socials a:hover{transform:scale(1.1)}.socials img{width:20px;height:20px;filter:grayscale(.3);transition:filter .2s ease}.socials a:hover img{filter:grayscale(0)}@media (max-width: 768px){.socials{position:static;justify-content:center;margin:0 auto 16px;width:fit-content;font-size:13px;padding:6px 10px}.socials .socials-text{display:none}.socials:before{content:"Contribute";margin-right:6px}.socials img{width:18px;height:18px}}@media (max-width: 480px){.socials{font-size:12px;padding:5px 8px;gap:6px}.socials:before{content:"★";margin-right:4px}.socials img{width:16px;height:16px}}@media (max-width: 320px){.socials{padding:4px 6px}.socials:before{display:none}.socials img{width:14px;height:14px}}