:root {
  --bg-dark:#0d0f12; --card-dark:#121217; --text-dark:#eaeaf0; --muted-dark:#9aa0ab;
  --accent:#F43676; --accent-600:#c22c5e;
  --bg-light:#ffffff; --card-light:#fff; --text-light:#111827; --muted-light:#6b7280;
  --radius:12px; --maxw:960px;
}
#ieGpaApp[data-theme="dark"]{background:var(--bg-dark);color:var(--text-dark);}
#ieGpaApp[data-theme="light"]{background:var(--bg-light);color:var(--text-light);}
.ie-gpa{max-width:var(--maxw);margin:14px auto;padding:14px;border-radius:16px;
box-shadow:0 10px 40px rgba(0,0,0,.25);font-family:Inter,system-ui,Segoe UI,Roboto,Arial;}
.ie-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;}
.ie-header h2{margin:0;color:var(--accent);font-size:1.1rem;}
.mode-switch{display:inline-flex;border-radius:999px;background:rgba(255,255,255,0.06);padding:4px;}
.mode-btn{border:none;background:transparent;padding:8px 12px;border-radius:8px;cursor:pointer;font-weight:700;}
.mode-btn.active{background:var(--accent);color:#fff;}
.simple-controls{display:flex;gap:8px;align-items:center;}
.simple-label{font-size:.75rem;opacity:.8;}
.actions-row{display:flex;justify-content:space-between;margin:12px 0;flex-wrap:wrap;gap:8px;}
.left-actions,.right-actions{display:flex;gap:8px;align-items:center;}
.btn{background:var(--accent);color:#fff;border:none;padding:8px 12px;border-radius:10px;font-weight:700;cursor:pointer;}
.btn.small{padding:5px 8px;font-size:.85rem;}
.btn.ghost{background:transparent;border:1px solid rgba(0,0,0,.1);}
.btn.outline{background:transparent;border:1px solid var(--accent);color:var(--accent);}
.sem-tabs{display:flex;gap:8px;overflow:auto;padding-bottom:6px;}
.sem-tab{padding:6px 10px;border:1px solid rgba(0,0,0,.1);border-radius:8px;cursor:pointer;}
.sem-tab.active{background:var(--accent);color:#fff;}
.card{background:rgba(255,255,255,0.02);border-radius:12px;padding:12px;margin-bottom:12px;}
.table.header{display:grid;grid-template-columns:2fr 1fr 1fr 0.9fr 0.3fr;gap:8px;font-weight:700;}
.row-item{display:grid;grid-template-columns:2fr 1fr 1fr 0.9fr 0.3fr;gap:8px;align-items:center;padding:6px 0;}
.col input,.col select{width:100%;padding:6px;border-radius:8px;border:1px solid rgba(0,0,0,.1);}
.sem-summary{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px;}
.sem-summary .s-gpa{color:var(--accent);}
.cumulative .summaries{display:flex;gap:10px;flex-wrap:wrap;}
.sum{flex:1;text-align:center;padding:8px;border:1px dashed rgba(0,0,0,.1);border-radius:8px;}
.big{font-size:1.1rem;font-weight:800;color:var(--accent);}
.tooltip{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.4);}
.tooltip[aria-hidden="false"]{display:flex;}
.tooltip-card{background:var(--card-dark);padding:12px;border-radius:10px;color:#fff;max-width:640px;}
@media(max-width:700px){
  .table.header,.row-item{grid-template-columns:1fr;}
  .left-actions,.right-actions{flex:1;justify-content:space-between;}
}