:root{--purple:#3974f7;--ink:#17191f;--muted:#717887;--line:#e6eaf1}
body{background:#f8faff;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang TC","Noto Sans TC",sans-serif}
.sidebar{width:176px}.main-area{margin-left:176px}.nav-link.active{color:#245fe0;background:#f0f5ff}.page-content{width:min(1020px,calc(100% - 64px))}.eyebrow{color:#3974f7!important}.page-heading{margin-bottom:24px}.page-heading h1{font-size:28px;letter-spacing:-.035em}.page-heading>div>p:last-child{font-size:13px;color:#717887}
.next-card{background:linear-gradient(120deg,#edf4ff,#f8fbff);border-color:#d8e4ff;border-radius:18px;padding:18px 20px 21px;box-shadow:0 10px 30px rgba(36,95,224,.05)}.next-label span{color:#245fe0}.next-label small,.due-badge{background:#fff2e8;color:#b85c28}.next-icon,.subject-mark{background:#e6efff;color:#245fe0}.next-copy>p{color:#5677b8}.next-action button,.primary-action{background:#3974f7;border-radius:999px}.progress i,.row-progress em{background:#3974f7}
.list-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-top:32px;margin-bottom:16px}.list-heading h2{font-size:18px;letter-spacing:-.02em;margin:0 0 5px}.list-heading p{font-size:11px;color:#8a91a0;margin:0}.tools label,.tools select{border-color:#dfe4ed;border-radius:9px}.filter-tabs{display:flex;gap:8px;margin-bottom:13px}.filter-tabs button{border:1px solid #dfe4ed;background:#fff;color:#687082;border-radius:999px;padding:8px 12px;font-size:10px}.filter-tabs button.active{border-color:#3974f7;background:#f0f5ff;color:#245fe0;font-weight:700}.filter-tabs button span{margin-left:5px}.assessment-card{border-color:#e3e8f0;border-radius:14px;padding:16px 18px;box-shadow:0 2px 8px rgba(29,45,84,.025)}.assessment-card:hover{border-color:#b8ccfa;box-shadow:0 8px 22px rgba(29,45,84,.07)}.secondary-action{border-color:#cbd9f8;color:#245fe0;border-radius:999px}.status.progress,.row-progress span{color:#245fe0}.subject-mark.english{background:#fff4e8;color:#aa651f}
@media(max-width:650px){.sidebar{width:100%}.main-area{margin-left:0}.list-heading{align-items:flex-start;flex-direction:column;gap:12px}.filter-tabs{overflow-x:auto}.filter-tabs button{white-space:nowrap}}

/* Product UI detail pass — aligned to the current Results page */
.sidebar{width:216px;padding-left:20px;padding-right:20px}.main-area{margin-left:216px}.nav-link{gap:12px;padding:0 14px;white-space:nowrap}.nav-link.active{border-radius:8px}.nav-link img{flex:0 0 20px;width:20px;height:20px}
.next-card{border-radius:10px}.assessment-card{border-radius:10px}.next-action button,.primary-action,.secondary-action{border-radius:8px}.subject-mark,.next-icon{border-radius:8px}.filter-tabs button{border-radius:8px}
.tools{gap:12px}.tools .search-field{width:250px;height:44px;padding:0 14px;gap:11px;border-radius:8px}.search-field svg{width:19px;height:19px;flex:0 0 19px;fill:none;stroke:#17191f;stroke-width:2;stroke-linecap:round}.tools input{height:42px;font-size:12px}.tools input::placeholder{color:#a0a4ad}.select-field{position:relative;display:block;width:156px;height:44px;padding:0!important;border:0!important}.tools .select-field select{width:100%;height:44px;padding:0 42px 0 15px;border:1px solid #dfe4ed;border-radius:8px;appearance:none;background:#fff;color:#5f636b;font-size:12px}.select-field svg{pointer-events:none;position:absolute;right:14px;top:50%;width:18px;height:18px;transform:translateY(-50%);fill:none;stroke:#777b83;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.status-line{min-height:20px;flex-wrap:wrap;align-content:center;gap:8px}.status{display:inline-flex;align-items:center;line-height:1;white-space:nowrap;padding:4px 7px;border-radius:5px;background:#f1f4f9}.status.progress{background:#edf3ff;color:#245fe0}.status.screening{background:#f8eff8}.due-badge{display:inline-flex;align-items:center;line-height:1;white-space:nowrap;padding:5px 8px}.assessment-info{overflow:visible}
@media(max-width:900px) and (min-width:651px){.sidebar{width:76px;padding:24px 12px}.main-area{margin-left:76px}.main-logo{width:48px;margin-left:2px}.nav-heading,.support,.nav-link{font-size:0}.nav-link{justify-content:center;padding:0}.nav-link img{width:22px;height:22px}.page-content{width:calc(100% - 40px)}}
@media(max-width:650px){.sidebar{width:100%;padding:9px 16px}.main-area{margin-left:0}.tools{width:100%}.tools .search-field{width:auto;flex:1}.select-field{width:145px}}

@font-face{font-family:"Circe Rounded";src:url('../public/exai-assets/circe-rounded-regular.otf') format('opentype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Circe Rounded";src:url('../public/exai-assets/circe-rounded-bold.otf') format('opentype');font-style:normal;font-weight:700 900;font-display:swap}
body{font-family:"Circe Rounded",Arial,sans-serif;font-weight:400}.shell{position:relative;display:flex;align-items:stretch;min-height:100vh}.sidebar{position:relative;inset:auto;height:auto;min-height:100vh;flex:0 0 216px;z-index:5}.main-area{margin-left:0;flex:1;min-width:0}.page-heading h1,.next-copy h2,.list-heading h2,.assessment-info h3{font-weight:700}.nav-link.active,.eyebrow,.next-label span,.next-copy>p,.next-action button,.filter-tabs button.active,.status,.deadline small,.primary-action,.secondary-action{font-weight:700}
.lang{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid transparent;border-radius:8px;line-height:1}.lang svg{width:16px;height:16px;fill:none;stroke:#67636d;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.main-logo{display:block}.nav-link img{display:block;object-fit:contain}
@media(max-width:900px) and (min-width:651px){.sidebar{position:relative;flex-basis:76px;height:auto;min-height:100vh}.main-area{margin-left:0}}
@media(max-width:650px){.shell{display:block}.sidebar{position:static;height:58px;min-height:58px;flex:none}.main-area{margin-left:0}.lang{padding:7px 8px}.lang svg{width:15px;height:15px}}
