/* Compact education dashboard, adapted from the user reference, 2026-11-08. */
:root{--blue:#3267f6;--bg:#f6f8fc;--ink:#202f47;--muted:#8290a4}
.app{background:linear-gradient(160deg,#e6f2ff 0,#f5f8fc 310px,#f7f8fb 570px)}
.topbar{height:75px;padding:0 21px;background:transparent}.brandmark{background:#3267f6;color:white;border:0;border-radius:12px;width:35px;height:35px;font-size:17px;box-shadow:0 5px 10px #3267f621}.brand strong{font-size:17px}.brand small{font-size:9px;letter-spacing:1px;color:#7e93aa}.top-tag{color:#4776a7;background:#ffffff80;border:1px solid #fff;padding:4px 9px;font-size:10px}
.main{padding:16px 20px 0}.eyebrow{display:none}.greeting{font-size:25px}.intro{font-size:11px;color:#7b8ca3}.section-heading{margin:22px 0 11px}.section-heading h2{font-size:17px}.section-heading span{font-size:10px}.nav{padding-top:10px;padding-bottom:max(12px,env(safe-area-inset-bottom));background:#ffffffed}.nav button.active{color:#3267f6}.nav button.active svg{filter:drop-shadow(0 2px 3px #3267f61c)}
.catalogue-note{display:flex;align-items:center;gap:8px;font-size:11px;color:#5576a4;margin:19px 0 3px;padding:12px 14px;background:#ffffff70;border:1px solid white;border-radius:11px}.course-cover{height:122px;padding:17px 21px;background:linear-gradient(115deg,#dfeaff,#d2e9ff)}.course-cover strong{font-size:35px}.course-cover small{font-size:10px}.course-orbit{top:33px;width:104px;height:104px;right:27px;border-color:#a3bff7;border-width:18px}.course-content{padding:15px 18px}.course-title h3{font-size:16px}.course-card{border:1px solid white;box-shadow:0 5px 20px #38598306}.course-end{margin:24px 0 8px}
.dashboard{padding-top:3px}.course-breadcrumb{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#7e91aa;margin-bottom:9px}.course-breadcrumb button{display:flex;gap:4px;align-items:center;padding:0;color:#7188a6}.course-breadcrumb svg{transform:rotate(180deg)}.course-breadcrumb>span{color:#249b80;background:#e7f6ef;padding:2px 7px;border-radius:4px}.dashboard-title{font-size:25px;font-weight:750;letter-spacing:-.8px}.dashboard-title>span{font-size:18px;font-weight:600;letter-spacing:0;margin-left:8px}
.shortcut-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:24px -4px 0}.shortcut-grid button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:0}.shortcut-grid button>span{width:43px;height:43px;display:grid;place-items:center;background:linear-gradient(150deg,#eef7ff,#dfecff);color:#5488e6;border-radius:12px;box-shadow:inset 0 0 0 1px #fff9}.shortcut-grid button:nth-child(2)>span{color:#5c86f0;background:linear-gradient(150deg,#f1f4ff,#e5eaff)}.shortcut-grid button:nth-child(3)>span{color:#3e93d3;background:linear-gradient(150deg,#ebf8ff,#daedfc)}.shortcut-grid button:nth-child(4)>span{color:#5e91df;background:linear-gradient(150deg,#eff8ff,#e1edff)}.shortcut-grid small{font-size:11px}
.practice-panel{border:1px solid white;border-radius:17px;background:#fff;padding:18px 17px 16px;box-shadow:0 5px 20px #38598304}.practice-panel-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.practice-panel .tag{font-size:9px;background:#edf3ff;color:#537bb9;padding:3px 7px}.practice-panel h2{font-size:18px;margin-top:8px;line-height:1.6}.practice-panel-top p{font-size:10px;color:#8b99ac;margin-top:4px}.learning-ring{width:79px;height:79px;background:conic-gradient(#497bfb var(--progress),#eff3fd 0);border-radius:50%;padding:6px;flex-shrink:0}.learning-ring>div{background:white;border-radius:50%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.learning-ring strong{font-size:21px;line-height:1.2;font-weight:650}.learning-ring strong small{font-size:10px;margin-left:1px}.learning-ring span{font-size:8px;color:#96a1b1;margin-top:3px}.panel-bottom{margin-top:19px;display:flex;justify-content:space-between;align-items:center;gap:8px}.panel-bottom .primary{padding:9px 12px;border-radius:22px;font-size:12px;white-space:nowrap;font-weight:500;display:flex;align-items:center;gap:7px;background:#3267f6;box-shadow:0 4px 9px #3267f61c}.panel-bottom p{font-size:9px;color:#99a5b6;display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.panel-bottom b{font-weight:600;color:#6c7d94;margin-left:2px}.primary{background:#3267f6}
.compact-quick{margin-top:13px;gap:11px}.compact-quick button{padding:15px 12px;background:linear-gradient(115deg,#f1efff,#ffffff);border:1px solid white;border-radius:12px;overflow:hidden;min-height:77px}.compact-quick button:nth-child(2){background:linear-gradient(115deg,#ebf8f8,#fff)}.compact-quick strong{font-size:14px;margin:0;position:relative;z-index:1}.compact-quick small{font-size:10px;color:#9a9bb1;position:relative;z-index:1}.quick-art{position:absolute;right:4px;top:20px;color:#b7b0f5;transform:rotate(-12deg);opacity:.65}.quick-art.green{color:#a1d8d0}
.type-list{background:white;border-radius:15px;overflow:hidden;padding:0 16px}.type-row{width:100%;text-align:left;display:flex;gap:11px;align-items:center;padding:16px 0;border-bottom:1px solid #f0f3f8}.type-row:last-child{border-bottom:0}.type-number{width:24px;height:24px;border-radius:7px;background:#edf3ff;display:grid;place-items:center;font-size:10px;font-weight:600;color:#6091ea}.type-row>div{flex:1}.type-row h3{font-size:14px;font-weight:550;display:flex;align-items:center;justify-content:space-between}.type-row h3 small{font-size:10px;font-weight:400;color:#95a1b1}.type-progress{height:3px;background:#f0f3f8;border-radius:4px;overflow:hidden;margin:10px 0 5px;width:83%}.type-progress span{display:block;height:100%;background:#7da4fb;border-radius:4px}.type-row p{font-size:9px;color:#a0aaba}.type-arrow{color:#b1bbca;font-size:22px}.resume{padding:11px 12px;font-size:11px;background:#eaf2ff;border-color:#dce8ff}.footer-note{font-size:9px;line-height:1.9;margin-bottom:12px}
.practice-head{background:#ffffffa8}.option{box-shadow:0 2px 8px #29476302}.option.picked{border-color:#5682fb;background:#eff4ff}.option.picked .option-key{background:#3267f6;border-color:#3267f6}.question{font-size:17px}.metrics{box-shadow:0 3px 15px #22406b03}
@media(max-width:355px){.main{padding-left:15px;padding-right:15px}.panel-bottom p{gap:5px}.learning-ring{width:67px;height:67px}.practice-panel h2{font-size:16px}.shortcut-grid small{font-size:10px}.panel-bottom .primary{font-size:11px;padding:9px 10px}}
@media(min-width:900px){body{background:radial-gradient(ellipse at 28% 22%,#dce9ff,transparent 55%),#f0f3f9}.desktop-note .note-symbol{background:#3267f6}.app{background:linear-gradient(160deg,#e6f2ff 0,#f5f8fc 310px,#f7f8fb 570px)}}

.question-search{margin:16px 0 0;display:flex;align-items:center;gap:8px;background:white;border:1px solid #e4ebf4;border-radius:24px;padding:6px 7px 6px 13px;box-shadow:0 3px 10px #365d9003;color:#8a9fb9}.question-search input{flex:1;min-width:0;border:0;background:transparent;outline:none;color:#263c59;font:inherit;font-size:12px;line-height:28px}.question-search input::placeholder{color:#a0adbe}.question-search:focus-within{border-color:#719aff;box-shadow:0 0 0 3px #3267f610}.question-search button{background:#edf3ff;color:#3267f6;padding:5px 13px;border-radius:20px;font-size:11px;white-space:nowrap}.question-search svg{flex-shrink:0}.search-summary{font-size:12px;color:#8494a9;margin:18px 0 13px}.search-result .q-preview{-webkit-line-clamp:3}.search-option-preview{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:11px;color:#8d9aae;line-height:1.8;margin-top:8px}.search-link{display:block;font-size:11px;color:#3267f6;text-align:right;margin-top:10px}
.brand{gap:10px;min-width:0}.brandmark{width:44px;height:38px;min-width:44px;padding:0;overflow:hidden;background:transparent;border:0;border-radius:0;box-shadow:none;display:block}.brandmark img{display:block;width:112px;height:38px;max-width:none}.brand small{font-size:10px;letter-spacing:0;color:#73869e;white-space:nowrap}.brand>div:last-child{min-width:0}.topbar{justify-content:flex-start}