.ssc-gpa-wrap{max-width:900px;margin:20px auto;padding:18px;border:1px solid #e6e6e6;border-radius:8px;background:#fff;font-family:Arial,Helvetica,sans-serif}.ssc-title{background:#512a8f;color:#fff;padding:14px;border-radius:6px;text-align:center;font-size:22px;margin:0 0 14px}.ssc-tabs{display:flex;gap:10px;margin-bottom:12px;flex-wrap:wrap}.ssc-tab{flex:1;padding:10px;border-radius:8px;border:1px solid #ddd;background:#f3f3f7;cursor:pointer}.ssc-tab.active{background:#4b2a90;color:#fff;border-color:#4b2a90}.ssc-list{display:flex;flex-direction:column;gap:10px}.ssc-row{display:flex;gap:12px;align-items:center;padding:10px;border-radius:6px;background:#f7f7f7;border:1px solid #eee}.ssc-left{flex:2;display:flex;align-items:center;gap:12px}.ssc-code{min-width:46px;color:#6b6b6b;font-weight:600}.ssc-label{font-weight:700}.ssc-subject-name{flex:1}.ssc-right{flex:1;display:flex;gap:8px;align-items:center;justify-content:flex-end}.ssc-select{padding:8px;border-radius:6px;border:1px solid #d8d8d8;min-width:150px}.ssc-optional{margin-top:12px;padding:10px;border-radius:8px;border:1px solid #dcd6ef;background:#fbf9ff}.ssc-optional-title{text-align:center;color:#666;padding-bottom:8px}.ssc-calc{display:block;margin:16px auto 6px;padding:12px 26px;background:#4b2a90;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer}.ssc-result{margin-top:12px;padding:12px;background:#eef9ee;border:1px solid #d6f1d6;border-radius:6px;text-align:center;font-size:18px}.ssc-note{font-size:13px;color:#666;margin-top:8px;text-align:center}@media (max-width:600px){.ssc-row{flex-direction:column;align-items:stretch}.ssc-right{justify-content:space-between}.ssc-select{width:100%}.ssc-left{gap:8px}}