*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;background:#f5f7fa;min-height:100vh;padding:0}body.dark-mode{background:#1a1d2e}body{padding:0!important;margin:0!important}.grade-calculator-wrapper{padding:0!important;margin:0!important;background:#f5f7fa!important}.container{max-width:900px!important;min-width:900px!important;width:900px!important;margin:0 auto!important;padding:20px 0!important;box-sizing:border-box;background:#f5f7fa!important}.main-content{background:white!important;border-radius:20px!important;padding:40px!important;box-shadow:0 2px 10px rgb(0 0 0 / .08)!important;width:100%!important;margin:0!important}body.dark-mode .container{background:#1a1d2e!important}body.dark-mode .main-content{background:#252837!important;color:#ECF0F1!important}.container{max-width:900px!important;min-width:900px!important;width:900px!important;margin:0 auto!important;padding:0!important;box-sizing:border-box;background:transparent!important}.main-content{background:#fff;border-radius:20px;padding:40px 20px!important;box-shadow:0 2px 10px rgb(0 0 0 / .08);width:100%!important}body.dark-mode .main-content{background:#252837;color:#ECF0F1}.desktop-tabs{display:flex;gap:0;margin-bottom:25px;background:#f0f2f5;border-radius:12px;padding:5px}body.dark-mode .desktop-tabs{background:#1a1d2e}.tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;border:none;background:#fff0;border-radius:10px;cursor:pointer;font-size:15px;font-weight:600;color:#7F8C8D;transition:all 0.3s ease}body.dark-mode .tab-btn{color:#AAB0C0}.tab-btn:hover{color:#6C63FF;background:rgb(108 99 255 / .08)}body.dark-mode .tab-btn:hover{color:#00D9FF;background:rgb(0 217 255 / .1)}.tab-btn.active{background:#fff;color:#6C63FF;box-shadow:0 2px 8px rgb(0 0 0 / .1)}body.dark-mode .tab-btn.active{background:#252837;color:#00D9FF;box-shadow:0 2px 8px rgb(0 0 0 / .3)}.tab-icon{font-size:18px}.tab-text{font-weight:700}.tab-panel{display:none}.tab-panel.active{display:block;animation:fadeIn 0.3s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.settings-panel{background:#f8f9fa;border-radius:16px;padding:25px}body.dark-mode .settings-panel{background:#1a1d2e}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:25px}.settings-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.option-group{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px rgb(0 0 0 / .05)}body.dark-mode .option-group{background:#252837;box-shadow:0 2px 8px rgb(0 0 0 / .2)}.option-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-weight:600}.option-description{font-size:13px;color:#7F8C8D;line-height:1.5;margin-top:8px}body.dark-mode .option-description{color:#AAB0C0}.toggle-switch{position:relative;width:52px;height:28px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:0.3s;border-radius:34px}.slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:0.3s;border-radius:50%}input:checked+.slider{background:linear-gradient(135deg,#6C63FF,#00D9FF)}input:checked+.slider:before{transform:translateX(24px)}.action-btn{padding:12px;border:none;border-radius:10px;cursor:pointer;font-weight:600;color:#fff;transition:all 0.3s ease;font-size:14px}.btn-dark{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.btn-danger{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.btn-primary{background:#6C63FF}.btn-secondary{background:#00D9FF}.btn-success{background:#00C48C}.action-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgb(0 0 0 / .3)}.hero-text{text-align:center;margin-bottom:30px}.hero-text h2{font-size:42px;margin-bottom:10px;background:linear-gradient(135deg,#6C63FF,#00D9FF);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;font-weight:800}.hero-text p{font-size:18px;color:#7F8C8D}body.dark-mode .hero-text p{color:#AAB0C0}.current-grade{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:30px;border-radius:20px;margin-bottom:0;box-shadow:0 8px 30px rgb(102 126 234 / .3)}.current-grade h3{font-size:18px;margin-bottom:15px;opacity:.9}.grade-display{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.grade-main{font-size:48px;font-weight:900;text-shadow:0 2px 10px rgb(0 0 0 / .2)}.grade-progress{display:flex;gap:30px}.progress-item{text-align:center}.progress-item .label{font-size:12px;opacity:.9;text-transform:uppercase;letter-spacing:1px}.progress-item .value{font-size:24px;font-weight:700}.category-card{background:#f8f9fa;border-radius:15px;padding:25px;margin-bottom:20px;box-shadow:0 2px 8px rgb(0 0 0 / .05);transition:all 0.3s ease}body.dark-mode .category-card{background:#1a1d2e;box-shadow:0 2px 8px rgb(0 0 0 / .3)}.category-card:hover{box-shadow:0 4px 15px rgb(0 0 0 / .1);transform:translateY(-2px)}body.dark-mode .category-card:hover{box-shadow:0 4px 15px rgb(108 99 255 / .15)}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.category-title{display:flex;align-items:center;gap:10px;flex:1}.category-title h4{font-size:20px;color:#2c3e50;font-weight:700}body.dark-mode .category-title h4{color:#ECF0F1}.category-weight{background:linear-gradient(135deg,#6C63FF,#00D9FF);color:#fff;padding:8px 15px;border-radius:20px;font-weight:700;font-size:14px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all 0.3s ease;border:none;margin:0 10px}.category-weight:hover{transform:scale(1.05);box-shadow:0 4px 12px rgb(108 99 255 / .3)}.edit-icon{font-size:12px;opacity:.8}.category-average{font-size:24px;font-weight:900;color:#6C63FF}body.dark-mode .category-average{color:#00D9FF}.assignments-table{margin-top:15px}.assignment-row{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:15px;padding:12px;background:#fff;border-radius:10px;margin-bottom:8px;align-items:center}body.dark-mode .assignment-row{background:#252837}.assignment-row input{padding:8px 12px;border:2px solid #E0E0E0;border-radius:8px;font-size:14px;transition:0.3s ease}body.dark-mode .assignment-row input{background:#1a1d2e;color:#ECF0F1;border-color:#444}.assignment-row input::placeholder{color:#999}.assignment-row input:focus{outline:none;border-color:#6C63FF;box-shadow:0 0 0 3px rgb(108 99 255 / .15)}body.dark-mode .assignment-row input:focus{border-color:#00D9FF;box-shadow:0 0 0 3px rgb(0 217 255 / .15)}.assignment-actions{display:flex;gap:5px}.icon-btn{padding:8px;border:none;background:#f0f0f0;border-radius:8px;cursor:pointer;transition:all 0.3s ease;font-size:16px}body.dark-mode .icon-btn{background:#1a1d2e}.icon-btn:hover{background:#6C63FF;color:#fff;transform:scale(1.1)}.add-btn{width:100%;padding:12px;border:2px dashed #6C63FF;background:#fff0;color:#6C63FF;border-radius:10px;cursor:pointer;font-weight:600;margin-top:10px;transition:all 0.3s ease}.add-btn:hover{background:#6C63FF;border-style:solid;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgb(108 99 255 / .4);-webkit-text-fill-color:#ffffff!important}body.dark-mode .add-btn{border-color:#00D9FF;color:#00D9FF}body.dark-mode .add-btn:hover{background:#00D9FF;border-style:solid;color:#1a1d2e;-webkit-text-fill-color:#1a1d2e!important;box-shadow:0 4px 12px rgb(0 217 255 / .4)}.add-category-btn{width:100%;padding:20px;border:3px dashed #6C63FF;background:#fff0;color:#6C63FF;border-radius:15px;cursor:pointer;font-weight:700;font-size:16px;margin:30px 0;transition:all 0.3s ease}.add-category-btn:hover{background:#6C63FF;border-style:solid;color:#fff;-webkit-text-fill-color:#ffffff!important;transform:translateY(-2px);box-shadow:0 6px 20px rgb(108 99 255 / .4)}body.dark-mode .add-category-btn{border-color:#00D9FF;color:#00D9FF}body.dark-mode .add-category-btn:hover{background:#00D9FF;border-style:solid;color:#1a1d2e;-webkit-text-fill-color:#1a1d2e!important;box-shadow:0 6px 20px rgb(0 217 255 / .4)}.grade-goals{background:#fff;border-radius:20px;padding:0;margin-top:30px;overflow:hidden;box-shadow:0 4px 20px rgb(0 0 0 / .08);border:1px solid rgb(108 99 255 / .1)}body.dark-mode .grade-goals{background:#252837;border-color:rgb(0 217 255 / .2);box-shadow:0 4px 20px rgb(0 0 0 / .3)}.grade-goals-header{background:linear-gradient(135deg,#6C63FF 0%,#00D9FF 100%);padding:20px 25px;display:flex;align-items:center;gap:12px}.grade-goals-header h3{color:#fff;margin:0;font-size:20px;font-weight:700}.grade-goals-icon{font-size:28px;filter:drop-shadow(0 2px 4px rgb(0 0 0 / .2))}.grade-goals-content{padding:25px}.goal-card{background:#f8f9fa;border-radius:16px;padding:25px;border-left:5px solid #6C63FF;transition:all 0.3s ease}body.dark-mode .goal-card{background:#1a1d2e}.goal-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgb(0 0 0 / .1)}body.dark-mode .goal-card:hover{box-shadow:0 8px 25px rgb(0 0 0 / .3)}.goal-card.goal-achievable{border-left-color:#6C63FF}.goal-card.goal-success{border-left-color:#00C48C;background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%)}body.dark-mode .goal-card.goal-success{background:linear-gradient(135deg,#064e3b 0%,#065f46 100%)}.goal-card.goal-failed{border-left-color:#f59e0b;background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%)}body.dark-mode .goal-card.goal-failed{background:linear-gradient(135deg,#78350f 0%,#92400e 100%)}.goal-card.goal-impossible{border-left-color:#f5576c;background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%)}body.dark-mode .goal-card.goal-impossible{background:linear-gradient(135deg,#7f1d1d 0%,#991b1b 100%)}.goal-card .goal-status-icon{font-size:48px;margin-bottom:15px;display:block;text-align:center}.goal-card .goal-info{text-align:center}.goal-card .goal-title{font-size:22px;font-weight:700;color:#2c3e50;margin-bottom:10px}body.dark-mode .goal-card .goal-title{color:#ECF0F1}.goal-card .goal-detail{font-size:15px;color:#64748b;line-height:1.6}body.dark-mode .goal-card .goal-detail{color:#AAB0C0}.goal-card .goal-detail strong{color:#2c3e50;font-weight:700}body.dark-mode .goal-card .goal-detail strong{color:#fff}.goal-main-result{text-align:center;padding:30px;background:linear-gradient(135deg,#eef2ff 0%,#e0e7ff 100%);border-radius:16px;margin-bottom:20px}body.dark-mode .goal-main-result{background:linear-gradient(135deg,#312e81 0%,#3730a3 100%)}.goal-needed-label{font-size:14px;color:#6C63FF;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}body.dark-mode .goal-needed-label{color:#a5b4fc}.goal-needed-value{font-size:64px;font-weight:900;background:linear-gradient(135deg,#6C63FF,#00D9FF);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;line-height:1;margin-bottom:10px}.goal-needed-sublabel{font-size:16px;color:#64748b;font-weight:500}body.dark-mode .goal-needed-sublabel{color:#a5b4fc}.goal-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.goal-breakdown-item{background:#fff;padding:15px;border-radius:12px;text-align:center;box-shadow:0 2px 8px rgb(0 0 0 / .05);transition:all 0.3s ease}body.dark-mode .goal-breakdown-item{background:#252837;box-shadow:0 2px 8px rgb(0 0 0 / .2)}.goal-breakdown-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgb(0 0 0 / .1)}.breakdown-label{display:block;font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-weight:600}body.dark-mode .breakdown-label{color:#64748b}.breakdown-value{display:block;font-size:18px;font-weight:800;color:#2c3e50}body.dark-mode .breakdown-value{color:#ECF0F1}.goal-difficulty{padding:14px 20px;border-radius:12px;text-align:center;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;gap:8px}.goal-difficulty.easy{background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);color:#166534}body.dark-mode .goal-difficulty.easy{background:linear-gradient(135deg,#14532d 0%,#166534 100%);color:#86efac}.goal-difficulty.moderate{background:linear-gradient(135deg,#fef9c3 0%,#fef08a 100%);color:#854d0e}body.dark-mode .goal-difficulty.moderate{background:linear-gradient(135deg,#713f12 0%,#854d0e 100%);color:#fde047}.goal-difficulty.challenging{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);color:#991b1b}body.dark-mode .goal-difficulty.challenging{background:linear-gradient(135deg,#7f1d1d 0%,#991b1b 100%);color:#fca5a5}.goal-alternative{margin-top:20px;padding:20px;background:#fff;border-radius:12px;text-align:center;border:2px dashed #e2e8f0}body.dark-mode .goal-alternative{background:#252837;border-color:#3f3f5a}.alternative-label{font-size:13px;color:#64748b;margin-bottom:8px;font-weight:500}body.dark-mode .alternative-label{color:#94a3b8}.alternative-value{font-size:32px;font-weight:800;color:#2c3e50;margin-bottom:10px}body.dark-mode .alternative-value{color:#ECF0F1}.alternative-hint{font-size:14px;color:#6C63FF;font-weight:600}body.dark-mode .alternative-hint{color:#00D9FF}.result-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin:25px 0}.result-action-btn{padding:16px 24px;border:none;border-radius:12px;cursor:pointer;font-weight:700;font-size:16px;color:#fff;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 15px rgb(0 0 0 / .15)}.result-action-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgb(0 0 0 / .25)}.result-action-btn .icon{font-size:20px}.btn-pdf{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);box-shadow:0 4px 15px rgb(220 38 38 / .3)}.btn-pdf:hover{box-shadow:0 6px 25px rgb(220 38 38 / .4)}.btn-export-main{background:linear-gradient(135deg,#6C63FF 0%,#764ba2 100%);box-shadow:0 4px 15px rgb(108 99 255 / .3)}.btn-export-main:hover{box-shadow:0 6px 25px rgb(108 99 255 / .4)}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgb(0 0 0 / .4);backdrop-filter:blur(4px)}.modal-content{background-color:#fff;margin:10% auto;padding:30px;border-radius:20px;width:90%;max-width:420px;box-shadow:0 10px 40px rgb(0 0 0 / .2);animation:modalSlideIn 0.3s ease}@keyframes modalSlideIn{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}body.dark-mode .modal-content{background-color:#252837;color:#ECF0F1}.modal-content h3{margin-bottom:25px;color:#6C63FF;font-weight:700;font-size:22px;text-align:center}body.dark-mode .modal-content h3{color:#00D9FF}.modal-content input,.modal-content select{width:100%;padding:14px 16px;margin-bottom:15px;border:2px solid #E0E0E0;border-radius:10px;font-size:15px;transition:0.3s ease}body.dark-mode .modal-content input,body.dark-mode .modal-content select{background-color:#1a1d2e;color:#ECF0F1;border-color:#444}.modal-content input:focus,.modal-content select:focus{outline:none;border-color:#6C63FF;box-shadow:0 0 0 4px rgb(108 99 255 / .15)}.modal-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}.modal-buttons button{padding:14px;border:none;border-radius:10px;cursor:pointer;font-weight:700;font-size:15px;transition:0.3s ease}.modal-btn-save{background:linear-gradient(135deg,#6C63FF,#00D9FF);color:#fff}.modal-btn-save:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgb(108 99 255 / .4)}.modal-btn-cancel{background:#E0E0E0;color:#333}body.dark-mode .modal-btn-cancel{background:#444;color:#ECF0F1}.modal-btn-cancel:hover{transform:translateY(-2px);background:#d0d0d0}body.dark-mode .modal-btn-cancel:hover{background:#555}.mobile-settings-btn{display:none;width:100%;margin-top:20px;padding:16px 24px;background:linear-gradient(135deg,#6C63FF 0%,#00D9FF 100%);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 4px 15px rgb(108 99 255 / .4);transition:all 0.3s ease;text-align:center}.mobile-settings-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgb(108 99 255 / .5)}.mobile-settings-btn::before{content:"⚙️ ";font-size:18px}.mobile-settings-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .6);z-index:10000;justify-content:center;align-items:flex-start;overflow-y:auto;padding:0;box-sizing:border-box}.mobile-settings-modal.active{display:flex}.mobile-settings-content{background:#fff;border-radius:0;width:100%;height:100%;max-width:100%;margin:0;box-shadow:none;animation:slideUp 0.3s ease;display:flex;flex-direction:column}@keyframes slideUp{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.mobile-settings-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid #f0f0f0;background:linear-gradient(135deg,#6C63FF 0%,#00D9FF 100%);flex-shrink:0}.mobile-settings-header h3{margin:0;font-size:20px;color:#fff;font-weight:700}.close-settings-btn{background:rgb(255 255 255 / .2);border:none;font-size:24px;color:#fff;cursor:pointer;padding:8px 12px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all 0.2s}.close-settings-btn:hover{background:rgb(255 255 255 / .3)}.mobile-settings-body{padding:20px;flex:1;overflow-y:auto;background:#f8f9fa}body.dark-mode .mobile-settings-body{background:#1a1d2e}.mobile-action-buttons{display:flex;flex-direction:column;gap:12px;margin-top:25px;padding-top:20px;border-top:2px solid #e0e0e0}body.dark-mode .mobile-action-buttons{border-top-color:#444}.mobile-action-buttons .action-btn{width:100%;padding:14px;font-size:15px}body.dark-mode .mobile-settings-content{background:#252837}body.dark-mode .mobile-settings-header{border-bottom-color:#444}@media (max-width:1024px) and (min-width:769px){.container{max-width:100%!important;min-width:unset!important;width:100%!important;padding:15px!important}.settings-grid{grid-template-columns:1fr}.settings-actions{grid-template-columns:1fr}}@media (max-width:768px){html,body{width:100vw!important;max-width:100vw!important;overflow-x:hidden!important;margin:0!important;padding:0!important}.container{max-width:100vw!important;width:100vw!important;padding:0!important;margin:0!important}.desktop-tabs{display:none!important}#advancedOptionsPanel{display:none!important}#gradeOverviewPanel{display:block!important}.mobile-settings-btn{display:block!important}.main-content{width:100%!important;max-width:100%!important;margin:0!important;padding:15px!important;border-radius:0!important;box-shadow:none!important;box-sizing:border-box!important}.hero-text{text-align:center;padding:0!important;margin-bottom:20px}.hero-text h2{font-size:28px}.hero-text p{font-size:14px}.current-grade{padding:20px;border-radius:16px;margin-bottom:20px;width:100%;box-sizing:border-box}.grade-main{font-size:36px}.grade-display{flex-direction:column;text-align:center}.grade-progress{width:100%;justify-content:center;gap:15px}.progress-item .value{font-size:20px}.category-card{padding:20px;border-radius:12px;margin-bottom:15px;width:100%;box-sizing:border-box}.category-header{flex-direction:column;align-items:flex-start;gap:10px}.category-weight{margin:0}.category-average{font-size:20px}.assignment-row{grid-template-columns:1fr;gap:10px;padding:15px;width:100%;box-sizing:border-box}.assignment-row input{width:100%;box-sizing:border-box}.result-actions{grid-template-columns:1fr;gap:12px;width:100%}.result-action-btn{padding:14px 20px;font-size:15px;width:100%}.grade-goals{border-radius:16px;margin-top:20px;width:100%;box-sizing:border-box}.grade-goals-header{padding:15px 20px}.grade-goals-content{padding:20px}.goal-needed-value{font-size:48px}.goal-breakdown{grid-template-columns:1fr;gap:10px}.goal-breakdown-item{padding:12px;width:100%;box-sizing:border-box}.breakdown-value{font-size:16px}.add-btn,.add-category-btn{padding:14px;font-size:14px;width:100%;box-sizing:border-box}}@media (max-width:480px){.main-content{padding:15px!important}.hero-text h2{font-size:24px}.grade-main{font-size:32px}.grade-progress{flex-wrap:wrap;gap:10px}.progress-item{flex:1;min-width:80px}.progress-item .value{font-size:18px}.progress-item .label{font-size:10px}.category-card{padding:15px}.category-title h4{font-size:16px}.category-average{font-size:18px}.goal-needed-value{font-size:40px}.goal-card{padding:15px}.goal-card .goal-title{font-size:18px}.mobile-settings-body{padding:15px}}@media print{body{padding:0;background:#fff}.container{max-width:100%;min-width:unset}.desktop-tabs,.mobile-settings-btn,.mobile-settings-modal,.settings-panel,.add-btn,.add-category-btn,.result-actions{display:none!important}.main-content{box-shadow:none;padding:20px}#gradeOverviewPanel{display:block!important}}