.grade-calculator{width:100%;max-width:900px;margin:0 auto;padding:20px}.grade-table{width:100%;border-collapse:collapse;margin-bottom:20px}.grade-table thead{background:#f3f4f6}.grade-table th{padding:12px;text-align:left;font-weight:600;font-size:14px;color:#374151;border-bottom:2px solid #e5e7eb}.grade-table td{padding:12px;border-bottom:1px solid #e5e7eb}.component-name-input{width:100%;max-width:180px;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-weight:500;transition:all .2s ease;background:#fff;color:#374151}.component-name-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.component-name-input::placeholder{color:#9ca3af;font-weight:400}.grade-input,.weightage-input{width:100%;max-width:120px;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:all .2s ease;background:#fff;color:#1f2937}.grade-input:focus,.weightage-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.calculation-section{text-align:center;padding-top:20px;border-top:2px solid #e5e7eb}.result-value{font-size:36px;font-weight:700;color:#047857}@media (max-width: 768px){.calculator-container{padding:20px}.grade-table{font-size:12px}.grade-table th,.grade-table td{padding:8px}.grade-input,.weightage-input{max-width:100px;font-size:12px;padding:6px 10px}.table-actions{flex-direction:column}.add-row-btn,.clear-btn{width:100%}}.gpa-calculator{width:100%;max-width:900px;margin:0 auto;padding:20px}.calculator-container{background:#fff;border-radius:12px;padding:30px;box-shadow:0 4px 20px #00000014}.calculator-header{margin-bottom:30px;text-align:center}.calculator-header h2{font-size:28px;font-weight:700;color:#1f2937;margin:0 0 10px}.calculator-header p{font-size:14px;color:#666;margin:0}.table-container{margin-bottom:30px}.gpa-table{width:100%;border-collapse:collapse;margin-bottom:20px}.gpa-table thead{background:#f3f4f6}.gpa-table th{padding:12px;text-align:left;font-weight:600;font-size:14px;color:#374151;border-bottom:2px solid #e5e7eb}.gpa-table td{padding:12px;border-bottom:1px solid #e5e7eb}.course-name-input,.credits-input{width:100%;max-width:150px;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:all .2s ease;background:#fff;color:#1f2937}.course-name-input:focus,.credits-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.grade-select{width:100%;max-width:120px;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:all .2s ease;background:#fff;color:#1f2937;cursor:pointer}.grade-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.remove-btn{background:#ef4444;color:#fff;border:none;border-radius:50%;width:28px;height:28px;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1}.remove-btn:hover{background:#dc2626;transform:scale(1.1)}.table-actions{display:flex;gap:12px;justify-content:flex-start}.add-row-btn,.clear-btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.add-row-btn{background:#667eea;color:#fff}.add-row-btn:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.clear-btn{background:#f3f4f6;color:#374151}.clear-btn:hover{background:#e5e7eb}.calculation-section{text-align:center;padding-top:20px;border-top:2px solid #e5e7eb;margin-bottom:30px}.calculate-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px 32px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:20px}.calculate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.result-display{background:linear-gradient(135deg,#e5fcf5,#d1fae5);padding:20px;border-radius:8px;margin-top:20px}.result-label{font-size:14px;color:#059669;font-weight:500;margin-bottom:8px}.result-value{font-size:36px;font-weight:700;color:#047857;margin-bottom:4px}.result-scale{font-size:12px;color:#059669;opacity:.8}.grade-info{margin-top:30px;padding-top:30px;border-top:2px solid #e5e7eb}.grade-info h3{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 16px;text-align:center}.grade-scale-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:12px}.grade-scale-item{background:#f3f4f6;padding:12px;border-radius:6px;text-align:center;display:flex;flex-direction:column;gap:4px}.grade-letter{font-size:16px;font-weight:600;color:#1f2937}.grade-points{font-size:12px;color:#666}@media (max-width: 768px){.calculator-container{padding:20px}.gpa-table{font-size:12px}.gpa-table th,.gpa-table td{padding:8px}.course-name-input,.credits-input,.grade-select{max-width:100%;font-size:12px;padding:6px 10px}.table-actions{flex-direction:column}.add-row-btn,.clear-btn{width:100%}.grade-scale-grid{grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:8px}}.app{min-height:100vh;display:flex;flex-direction:column}.navbar{background:#fff;padding:16px 24px;box-shadow:0 2px 8px #0000000d;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}.nav-logo{font-size:18px;font-weight:700;color:#1f2937;text-decoration:none;transition:color .2s ease}.nav-logo:hover{color:#667eea}.nav-links{display:flex;gap:24px;align-items:center}.nav-links a{color:#6b7280;text-decoration:none;font-weight:500;font-size:14px;transition:color .2s ease;padding:6px 0;border-bottom:2px solid transparent}.nav-links a:hover{color:#667eea}.nav-links a.active{color:#667eea;border-bottom-color:#667eea}.main-content{flex:1;padding:40px 20px}.home-page{width:100%;max-width:1200px;margin:0 auto}.home-container{text-align:center}.home-header{margin-bottom:60px}.home-header h1{font-size:48px;font-weight:700;color:#1f2937;margin-bottom:16px}.home-header p{font-size:18px;color:#6b7280}.calculators-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-bottom:60px;max-width:800px;margin-left:auto;margin-right:auto}.calculator-card{background:#fff;border-radius:12px;padding:40px 32px;text-decoration:none;color:inherit;box-shadow:0 4px 20px #00000014;transition:all .3s ease;position:relative;overflow:hidden}.calculator-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .3s ease}.calculator-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #00000026}.calculator-card:hover:before{transform:scaleX(1)}.calculator-icon{font-size:48px;margin-bottom:20px}.calculator-card h2{font-size:24px;font-weight:700;color:#1f2937;margin-bottom:12px}.calculator-card p{font-size:14px;color:#6b7280;line-height:1.6;margin-bottom:20px}.card-arrow{font-size:24px;color:#667eea;transition:transform .3s ease}.calculator-card:hover .card-arrow{transform:translate(8px)}.home-footer{margin-top:60px;padding-top:40px;border-top:1px solid #e5e7eb}.home-footer p{color:#9ca3af;font-size:14px}@media (max-width: 768px){.navbar{flex-direction:column;gap:16px;padding:16px}.nav-links{gap:16px}.home-header h1{font-size:36px}.home-header p{font-size:16px}.calculators-grid{grid-template-columns:1fr;gap:24px}.calculator-card{padding:32px 24px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f9fafb;color:#1f2937}#root{min-height:100vh}