/* SBUSH Studiology v2.5 — NEXUS platform redesign
   A full workspace hierarchy and page-system refresh. Existing app selectors and IDs remain intact. */
:root {
  --nx-bg:#070c18; --nx-surface:#10182a; --nx-surface-2:#141f34; --nx-surface-3:#192640;
  --nx-border:rgba(155,174,220,.14); --nx-border-strong:rgba(137,158,222,.25);
  --nx-text:#edf2ff; --nx-muted:#92a1bd; --nx-purple:#9278ff; --nx-cyan:#42cfe0;
  --nx-green:#55d7ae; --nx-amber:#f2bc6a; --nx-shadow:0 18px 50px rgba(0,0,0,.18);
  --nx-radius:18px;
}
html { scroll-behavior:smooth; }
body { background:radial-gradient(ellipse at 82% 0%,rgba(91,74,190,.13),transparent 36rem),radial-gradient(ellipse at 7% 48%,rgba(34,159,180,.07),transparent 34rem),linear-gradient(150deg,#080d19 0%,#0a1020 52%,#070c17 100%); color:var(--nx-text); font-family:'DM Sans','Noto Sans Bengali',sans-serif; }
body::before { opacity:.16; background-size:48px 48px; }
button { -webkit-tap-highlight-color:transparent; }
#app-shell { min-height:100vh; }
.sidebar { width:258px; padding:24px 15px 16px; background:linear-gradient(180deg,rgba(13,20,39,.985),rgba(8,14,28,.99)); border-right:1px solid var(--nx-border); box-shadow:14px 0 48px rgba(0,0,0,.13); }
.side-brand { padding:0 9px 18px; gap:11px; align-items:center; border-bottom:1px solid rgba(155,174,220,.11); }
.side-brand .brand-mark { width:39px;height:39px;border-radius:13px;font-size:27px; }
.side-brand-copy { min-width:0; }
.sidebar .brand-name { color:#f6f7ff;font-size:15px;letter-spacing:.2em; }
.sidebar .brand-sub { color:#8194b5;font-size:8px; }
.brand-version { margin-left:auto; padding:5px 7px; border:1px solid rgba(142,124,255,.23); border-radius:7px; color:#b5a9ff; background:rgba(139,111,255,.09); font-size:8px; font-weight:800; letter-spacing:.08em; white-space:nowrap; }
.workspace-identity { display:flex; align-items:center; gap:7px; margin:16px 9px 18px; color:#8292b1; font-size:8px; font-weight:800; letter-spacing:.12em; }
.identity-dot,.today-status i { width:7px;height:7px;border-radius:50%;background:#4ed5ae;box-shadow:0 0 0 4px rgba(78,213,174,.10); display:inline-block; }
.identity-live { margin-left:auto; color:#54d4b1; font-size:7px; letter-spacing:.1em; }
.main-nav { display:grid; gap:16px; overflow-y:auto; scrollbar-width:thin; padding:0 1px 12px; }
.nav-group { display:grid; gap:4px; }
.nav-group-personal { margin-top:2px; padding-top:12px; border-top:1px solid rgba(155,174,220,.10); }
.side-label { padding:0 10px 5px; color:#647694; font-size:8px; letter-spacing:.15em; font-weight:800; }
.nav-item { min-height:41px; padding:9px 10px; display:flex; align-items:center; gap:11px; border:1px solid transparent; border-radius:11px; color:#9baac5; font-size:11px; font-weight:650; transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease; }
.nav-icon { flex:0 0 20px; width:20px; color:#8496bf; font-size:17px; text-align:center; }
.nav-item:hover { transform:translateX(2px); color:#f4f6ff; background:rgba(105,124,181,.10); border-color:rgba(141,163,215,.11); }
.nav-item.active { color:#fbfcff; background:linear-gradient(100deg,rgba(136,112,255,.19),rgba(52,192,211,.08)); border-color:rgba(143,128,255,.21); box-shadow:inset 3px 0 #927aff,0 8px 22px rgba(0,0,0,.11); }
.nav-item.active .nav-icon,.nav-item:hover .nav-icon { color:#71dce8; }
.nav-arrow { margin-left:auto; color:#7e91b4; font-size:12px; }
.nav-count { margin-left:auto; padding:3px 6px; border-radius:6px; color:#8ce1ec; background:rgba(62,202,219,.09); border:1px solid rgba(62,202,219,.15); font-size:7px; font-weight:800; letter-spacing:.08em; }
.nav-ai-dot { width:6px;height:6px;margin-left:auto;border-radius:50%;background:#9e83ff;box-shadow:0 0 12px rgba(158,131,255,.65); }
.sidebar-bottom { margin-top:auto; padding-top:10px; }
.side-quote { padding:12px 13px; border:1px solid rgba(139,160,208,.13); background:linear-gradient(135deg,rgba(95,89,177,.13),rgba(41,153,164,.08)); }
.side-quote>span { color:#a895ff; }
.side-quote p { color:#93a4c2; font-size:9px; }
.profile-mini { border-color:rgba(155,174,220,.13); padding-top:13px; }
.profile-text strong { color:#ecf2ff; }
.profile-text span { color:#7f90b1; }
.profile-mini .icon-btn { color:#abb8d1; border-color:rgba(155,174,220,.17); }
.main-area { margin-left:258px; min-width:0; }
.topbar { height:66px; padding:0 clamp(20px,3vw,42px); background:rgba(9,15,29,.82); border-bottom:1px solid var(--nx-border); backdrop-filter:blur(20px) saturate(140%); }
.topbar-context { display:flex; align-items:center; gap:15px; min-width:0; }
.breadcrumb { font-size:10px; gap:10px; color:#8190ad; }
.breadcrumb strong { color:#eaf0ff; font-weight:750; }
.topbar-caption { padding-left:14px; border-left:1px solid var(--nx-border); color:#657796; font-size:8px; font-weight:800; letter-spacing:.13em; }
.top-actions { gap:9px; }
.date-chip { padding:7px 10px; color:#9eacc6; background:rgba(125,145,191,.08); border:1px solid var(--nx-border); border-radius:9px; font-size:9px; }
.language-btn,.icon-btn { color:#dce6fb; background:rgba(22,32,54,.85); border:1px solid rgba(145,164,207,.19); border-radius:10px; }
.top-avatar { border:1px solid rgba(148,135,255,.35); }
.content-wrap { max-width:1680px; padding:clamp(22px,2.7vw,38px) clamp(18px,3vw,42px) 60px; }
.view { animation:nx-enter .28s cubic-bezier(.2,.7,.2,1); }
@keyframes nx-enter { from { opacity:0;transform:translateY(7px) } to { opacity:1;transform:none } }
.page-heading { margin-bottom:22px; }
.page-heading h1 { color:#f3f6ff; font-family:'Plus Jakarta Sans','Noto Sans Bengali',sans-serif; font-size:clamp(27px,2.6vw,36px); letter-spacing:-.055em; line-height:1.2; }
.page-heading p { color:#9ba9c4; font-size:12px; line-height:1.7; }
.page-heading .eyebrow,.eyebrow { color:#7fd7e3; font-size:9px; letter-spacing:.16em; }
.welcome-period { color:#9c89ff; }
.dashboard-heading { align-items:flex-end; }
.dashboard-heading-actions { display:flex; align-items:center; gap:14px; }
.today-status { display:flex; align-items:center; gap:9px; color:#8fa1bf; font-size:8px; font-weight:800; letter-spacing:.11em; white-space:nowrap; }
.hero-banner.command-hero { min-height:235px; padding:clamp(24px,3vw,38px); margin-bottom:25px; border-radius:23px; background:linear-gradient(108deg,#131b36 0%,#17264a 48%,#123c4a 100%); border:1px solid rgba(133,143,255,.28); box-shadow:0 20px 54px rgba(29,39,105,.16),inset 0 1px rgba(255,255,255,.06); }
.command-hero::before { background:radial-gradient(circle at 79% 37%,rgba(64,211,226,.22),transparent 20rem),radial-gradient(circle at 54% 120%,rgba(142,105,255,.24),transparent 25rem); }
.command-copy { position:relative; z-index:2; max-width:760px; }
.command-hero h2 { color:#f8f9ff; max-width:700px; margin:9px 0 8px; font-size:clamp(28px,3.2vw,43px); line-height:1.12; letter-spacing:-.055em; }
.command-hero h2 em { color:transparent; font-style:normal; background:linear-gradient(90deg,#aa9aff,#54d8e6);-webkit-background-clip:text;background-clip:text; }
.command-hero p { max-width:625px; color:#b2c0dc; font-size:12px; line-height:1.75; }
.hero-proof-points { display:flex; flex-wrap:wrap; gap:8px 18px; margin:15px 0 17px; }
.hero-proof-points span { color:#b3c3df; font-size:9px; }
.hero-proof-points i { display:inline-grid;place-items:center;width:15px;height:15px;margin-right:5px;border-radius:50%;background:rgba(68,210,177,.13);color:#67dfbd;font-size:9px;font-style:normal; }
.command-hero-actions { display:flex; align-items:center; gap:15px; }
.command-hero-actions .btn { min-height:41px; }
.hero-text-action { border:0;background:transparent;color:#9eabc9;font-size:10px;font-weight:700;cursor:pointer; }
.hero-text-action:hover { color:#7fe1e9; }
.command-graphic { position:absolute; right:5%;top:50%;width:260px;height:220px;transform:translateY(-50%);opacity:.9; }
.command-graphic .ring-a { width:235px;height:162px;top:28px;left:12px; }
.command-graphic .ring-b { width:190px;height:190px;top:12px;left:35px; }
.command-graphic .ring-c { width:150px;height:150px;top:31px;left:55px;border-color:rgba(93,223,230,.2); }
.command-graphic .banner-stamp { width:88px;height:88px;left:88px;top:66px;background:linear-gradient(145deg,#aa98ff,#55dbe6);font-size:31px; }
.command-graphic .banner-stamp span { font-size:8px; }
.orbit-label { position:absolute;padding:5px 8px;border:1px solid rgba(126,211,237,.25);border-radius:20px;background:rgba(12,25,48,.76);color:#c1e9ef;font-size:7px;font-weight:800;letter-spacing:.12em; }
.orbit-label-one { top:18px;left:26px; }.orbit-label-two { right:0;top:100px; }.orbit-label-three { bottom:10px;left:80px; }
.hero-corner-mark { position:absolute;right:22px;bottom:17px;color:rgba(215,225,255,.55);font-size:8px;font-weight:800;letter-spacing:.12em; }
.hero-corner-mark span { color:rgba(194,207,232,.4); }
.section-kicker { display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin:27px 2px 13px; }
.section-kicker h2 { margin:3px 0 0;color:#edf2ff;font-size:18px;letter-spacing:-.035em; }
.section-kicker-note { color:#7587a8;font-size:9px; }
.section-kicker.compact { margin:0 2px 12px; }
.stats-grid { grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:26px; }
.panel,.stat-card { color:var(--nx-text); background:linear-gradient(145deg,rgba(17,26,46,.95),rgba(13,21,38,.96)); border:1px solid var(--nx-border); border-radius:var(--nx-radius); box-shadow:var(--nx-shadow),inset 0 1px rgba(255,255,255,.025); }
.panel { padding:clamp(16px,1.8vw,23px); }
.panel::before,.stat-card::before { background:linear-gradient(90deg,transparent,rgba(150,139,255,.24),rgba(76,211,226,.19),transparent); }
.stat-card { min-height:126px;padding:18px 19px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.stat-card:hover { transform:translateY(-3px);border-color:rgba(107,193,226,.32);box-shadow:0 20px 46px rgba(0,0,0,.22),0 0 24px rgba(80,137,233,.08); }
.stat-head { color:#8798b7;font-size:8px;letter-spacing:.14em; }
.stat-value { color:#f3f6ff;font-size:29px;letter-spacing:-.055em; }
.stat-foot { color:#8495b3;font-size:9px; }
.quick-launch-section { margin-bottom:25px; }
.quick-actions { grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0; }
.quick-action { min-height:78px;padding:13px 14px;display:flex;align-items:center;gap:11px;text-align:left;color:#edf2ff;background:linear-gradient(145deg,rgba(20,31,54,.94),rgba(13,22,39,.96));border:1px solid var(--nx-border);border-radius:15px;box-shadow:0 10px 25px rgba(0,0,0,.12); }
.quick-action:hover { transform:translateY(-3px);border-color:rgba(91,212,228,.34); }
.quick-action>span:nth-child(2) { flex:1;min-width:0; }
.quick-action strong { color:#edf2ff;font-size:11px; }
.quick-action small { color:#8e9fbd;font-size:9px; }
.quick-action>b { color:#7086ad;font-size:11px;font-weight:500; }
.quick-action-icon { flex:0 0 37px;width:37px;height:37px;border-radius:12px;color:#8ee6ed;background:linear-gradient(145deg,rgba(141,111,255,.18),rgba(57,194,216,.12));border:1px solid rgba(142,156,228,.17); }
.dashboard-grid { display:grid;grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);gap:14px;margin-bottom:14px; }
.dashboard-grid>.panel { margin:0;min-width:0; }
.panel-overline { display:block;margin-bottom:4px;color:#7186ab;font-size:7px;font-weight:800;letter-spacing:.14em; }
.panel-head { align-items:center;gap:14px;margin-bottom:17px; }
.panel-head h3 { color:#f0f4ff;font-size:15px;letter-spacing:-.03em; }
.panel-head p { color:#8e9fbd;font-size:10px; }
.text-btn { color:#7fdae5;font-size:9px;white-space:nowrap; }
.exam-panel { margin-top:14px; }
.module-kicker { margin-top:31px; }
.module-grid { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px; }
.module-card { position:relative;min-width:0;min-height:116px;padding:15px 14px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;text-align:left;border:1px solid var(--nx-border);border-radius:15px;background:linear-gradient(145deg,rgba(18,28,49,.94),rgba(12,20,36,.96));color:#edf2ff;transition:transform .2s ease,border-color .2s ease,background .2s ease;cursor:pointer; }
.module-card:hover { transform:translateY(-3px);border-color:rgba(105,192,226,.35);background:linear-gradient(145deg,rgba(24,36,63,.98),rgba(14,25,44,.98)); }
.module-symbol { width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:rgba(135,113,255,.14);color:#b3a3ff;font-size:17px; }
.module-card-copy { display:grid;gap:3px; }
.module-card-copy strong { color:#eaf0ff;font-size:10px; }
.module-card-copy small { color:#8294b2;font-size:8px;line-height:1.5; }
.module-card>b { position:absolute;align-self:flex-end;margin-top:-1px;color:#7286ad;font-size:10px;font-weight:500; }
.module-groups .module-symbol { color:#e4a8f7;background:rgba(208,127,237,.12); }
.module-library .module-symbol { color:#65ddbb;background:rgba(70,205,164,.12); }
.module-ai .module-symbol { color:#8edce9;background:rgba(63,188,215,.12); }
.module-habits .module-symbol { color:#f0c17b;background:rgba(220,169,91,.12); }
/* Consistent component grammar across every workspace. */
.view:not(#view-dashboard) > .page-heading { padding:0 1px 17px;margin-bottom:20px;border-bottom:1px solid rgba(151,170,212,.12); }
.view:not(#view-dashboard) > .page-heading h1 { margin-top:5px; }
.view:not(#view-dashboard) > .panel,.view:not(#view-dashboard) .panel { border-radius:17px; }
.view:not(#view-dashboard) .panel-head { margin-bottom:16px; }
.view:not(#view-dashboard) .panel-head h3 { font-size:15px; }
.view:not(#view-dashboard) .muted { color:#91a1bd!important; }
.view:not(#view-dashboard) .btn { min-height:39px;border-radius:11px;font-size:10px; }
.view:not(#view-dashboard) input,.view:not(#view-dashboard) select,.view:not(#view-dashboard) textarea { border-radius:10px; }
.view:not(#view-dashboard) .panel { margin-bottom:14px; }
/* Exam Arena: clear sequence, readable configuration, source transparency. */
#view-exams .exam-arena-hero { border-radius:20px; }
#view-exams .board-exam-center { background:linear-gradient(145deg,rgba(18,29,51,.98),rgba(13,22,39,.98));border-color:rgba(114,137,230,.25); }
#view-exams .board-exam-config { grid-template-columns:repeat(5,minmax(0,1fr));gap:10px; }
#view-exams .board-exam-config .btn { grid-column:span 5; }
#view-exams .exam-builder-panel { border-color:rgba(67,201,218,.19); }
#view-exams .exam-source-legend { display:flex;flex-wrap:wrap;gap:8px; }
#view-exams .exam-external-resources { margin-top:26px;padding-top:23px;border-top:1px dashed rgba(140,158,204,.24); }
#view-exams .exam-external-heading { padding:0 3px 12px; }
#view-exams .exam-external-heading h2 { margin:5px 0 6px;color:#eaf0ff;font-size:19px; }
#view-exams .exam-external-heading p { color:#8497b7;font-size:10px;max-width:720px;line-height:1.65; }
#view-exams .external-result-details { overflow:hidden; }
#view-exams .external-result-details summary { cursor:pointer; }
/* Other pages: clear layout, purposeful density and accessible controls. */
.planner-layout,.focus-layout { gap:14px; }
.task-item,.exam-row,.week-day,.chapter-row,.quiz-card,.group-card,.resource-card,.habit-row,.mini-session,.attempt-question { border-radius:12px; }
.task-item:hover,.chapter-row:hover,.quiz-card:hover,.group-card:hover,.resource-card:hover { border-color:rgba(110,190,225,.28); }
.timer-panel { border-color:rgba(68,208,203,.2); }
.ai-welcome { border-radius:17px; }
.ai-chat-panel,.ai-chat-log { border-radius:16px; }
/* Light mode is intentionally calm and high contrast, not merely an inverted dark theme. */
body:not(.dark) { background:radial-gradient(ellipse at 82% 0%,rgba(119,112,230,.08),transparent 36rem),linear-gradient(145deg,#f4f6fc,#eef2f8);color:#202b45; }
body:not(.dark) .sidebar { background:linear-gradient(180deg,#101b34,#111c32); }
body:not(.dark) .topbar { background:rgba(250,252,255,.88);border-color:rgba(48,65,103,.12); }
body:not(.dark) .breadcrumb strong { color:#263550; }
body:not(.dark) .topbar-caption { color:#8290a9; }
body:not(.dark) .date-chip { color:#66748e;background:#f0f3fa;border-color:rgba(48,65,103,.1); }
body:not(.dark) .page-heading h1,body:not(.dark) .section-kicker h2 { color:#1c2945; }
body:not(.dark) .page-heading p,body:not(.dark) .section-kicker-note { color:#74829d; }
body:not(.dark) .panel,body:not(.dark) .stat-card { color:#26344f;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(247,249,253,.98));border-color:rgba(52,71,111,.12);box-shadow:0 12px 32px rgba(39,57,96,.06); }
body:not(.dark) .panel-head h3,body:not(.dark) .stat-value { color:#23324e; }
body:not(.dark) .panel-head p,body:not(.dark) .stat-foot { color:#76839a; }
body:not(.dark) .stat-head { color:#72809a; }
body:not(.dark) .quick-action,body:not(.dark) .module-card { color:#24334f;background:linear-gradient(145deg,#fff,#f5f7fc);border-color:rgba(52,71,111,.13); }
body:not(.dark) .quick-action strong,body:not(.dark) .module-card-copy strong { color:#263653; }
body:not(.dark) .quick-action small,body:not(.dark) .module-card-copy small { color:#7b88a0; }
body:not(.dark) .module-card:hover { background:#fff; }
body:not(.dark) .view:not(#view-dashboard)>.page-heading { border-color:rgba(52,71,111,.12); }
body:not(.dark) .view:not(#view-dashboard) .muted { color:#74829a!important; }
body:not(.dark) #view-exams .board-exam-center,body:not(.dark) #view-exams .exam-builder-panel { background:linear-gradient(145deg,#fff,#f7f9fd); }
body:not(.dark) #view-exams .exam-external-heading h2 { color:#24334f; }
body:not(.dark) #view-exams .exam-external-heading p { color:#74829a; }
/* Tablet and mobile */
@media (max-width:1250px) {
  .sidebar { width:238px; }.main-area { margin-left:238px; }
  .module-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .command-graphic { right:2%;opacity:.62; }
}
@media (max-width:980px) {
  .sidebar { width:min(285px,86vw);transform:translateX(-105%);transition:transform .25s ease; }
  .sidebar.open { transform:translateX(0); }
  .main-area { margin-left:0; }
  .mobile-menu { display:inline-grid; }
  .topbar { height:62px;padding:0 18px; }
  .content-wrap { padding:22px 20px 42px; }
  .dashboard-grid { grid-template-columns:1fr; }
  .stats-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .quick-actions { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .module-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  #view-exams .board-exam-config { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #view-exams .board-exam-config .btn { grid-column:span 2; }
}
@media (max-width:640px) {
  .content-wrap { padding:18px 13px 30px; }
  .topbar { height:58px;padding:0 11px; }
  .topbar-context { gap:0; }.topbar-caption { display:none; }
  .top-actions { gap:5px; }.date-chip { display:none; }.top-avatar { display:none; }
  .breadcrumb { font-size:9px;gap:7px; }
  .dashboard-heading { align-items:flex-start;flex-direction:column;gap:12px; }
  .dashboard-heading-actions { width:100%;justify-content:space-between; }
  .today-status { font-size:7px; }
  .command-hero { min-height:260px!important;padding:22px 18px!important; }
  .command-hero h2 { max-width:290px;font-size:27px; }
  .command-hero p { max-width:285px;font-size:10px; }
  .command-graphic { right:-105px;top:52%;opacity:.22; }
  .hero-corner-mark { right:15px;bottom:12px;font-size:7px; }
  .hero-proof-points { max-width:290px;gap:7px 11px; }
  .hero-proof-points span { font-size:8px; }
  .command-hero-actions { align-items:flex-start;flex-direction:column;gap:8px; }
  .section-kicker { align-items:flex-start;flex-direction:column;gap:3px;margin-top:23px; }
  .section-kicker h2 { font-size:16px; }
  .section-kicker-note { font-size:8px; }
  .stats-grid { gap:8px; }.stat-card { min-height:100px;padding:12px; }.stat-value { font-size:21px; }
  .quick-actions { gap:8px; }.quick-action { min-height:72px;padding:10px;gap:8px; }.quick-action-icon { flex-basis:31px;width:31px;height:31px; }.quick-action strong { font-size:10px; }.quick-action small { font-size:8px; }
  .module-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }.module-card { min-height:108px;padding:12px;gap:10px; }
  .dashboard-grid { gap:10px; }.panel { padding:15px; }
  .view:not(#view-dashboard)>.page-heading { align-items:flex-start; }
  .view:not(#view-dashboard)>.page-heading h1 { font-size:25px; }
  #view-exams .board-exam-config { grid-template-columns:1fr; }
  #view-exams .board-exam-config .btn { grid-column:span 1; }
  .exam-secondary-grid,.planner-layout,.focus-layout,.ai-layout,.habits-grid { grid-template-columns:1fr; }
}
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important; } }

/* v2.6 — true learning-workflow architecture */
.sidebar { width:266px; }
.main-area { margin-left:266px; }
.main-nav { gap:14px; }
.nav-group { gap:5px; }
.nav-group .side-label { padding-top:3px; }
#view-study-hub { --view-glow:rgba(61,190,225,.14); }
#view-study-ai { --view-glow:rgba(143,105,255,.17); }
.study-hub-hero,.ai-studio-hero { display:flex; align-items:center; justify-content:space-between; gap:22px; margin-bottom:22px; padding:clamp(20px,2.6vw,32px); border-color:rgba(122,150,255,.23); background:linear-gradient(112deg,rgba(23,30,63,.98),rgba(17,43,63,.98)); }
.study-hub-hero h2,.ai-studio-hero h2 { margin:7px 0 6px; color:#f5f7ff; font-size:clamp(21px,2.3vw,29px); letter-spacing:-.04em; }
.study-hub-hero p,.ai-studio-hero p { max-width:680px; margin:0; color:#aebbd5; font-size:12px; line-height:1.7; }
.study-hub-stat { min-width:135px; display:grid; justify-items:center; padding:15px 18px; border:1px solid rgba(119,213,231,.22); border-radius:16px; background:rgba(8,18,37,.42); }
.study-hub-stat strong { font:800 29px 'Plus Jakarta Sans'; color:#7ee3ed; }
.study-hub-stat span { margin-top:4px; color:#8c9dbb; font-size:8px; font-weight:800; letter-spacing:.1em; text-align:center; }
.study-hub-tools { display:flex; gap:10px; margin:0 0 19px; }
.study-hub-search-wrap { display:flex; align-items:center; gap:10px; flex:1; min-width:0; padding:0 14px; min-height:46px; border:1px solid rgba(144,166,211,.18); border-radius:13px; background:rgba(13,21,39,.84); color:#82d9e8; }
.study-hub-search-wrap input { flex:1; min-width:0; border:0; outline:0; color:#eef3ff; background:transparent; font:inherit; font-size:12px; }
.study-hub-search-wrap input:focus { box-shadow:none!important; }
.study-hub-tools .filter-select { min-width:200px; }
.study-hub-groups { display:grid; gap:24px; }
.study-hub-group-head { display:flex; justify-content:space-between; align-items:end; gap:12px; margin:0 2px 12px; }
.study-hub-group-head h2 { margin:3px 0 0; color:#f0f4ff; font-size:19px; letter-spacing:-.035em; }
.study-hub-group-head>span { color:#8698b8; font-size:10px; }
.study-subject-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.study-subject-card { min-width:0; padding:16px; border:1px solid rgba(143,164,207,.15); border-radius:16px; background:linear-gradient(145deg,rgba(18,28,49,.94),rgba(13,21,39,.96)); box-shadow:0 12px 28px rgba(0,0,0,.12); transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
.study-subject-card:hover { transform:translateY(-3px); border-color:rgba(91,204,227,.3); box-shadow:0 17px 35px rgba(0,0,0,.2),0 0 22px rgba(74,169,230,.06); }
.study-subject-card-top { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.study-subject-symbol { display:grid; place-items:center; width:36px; height:36px; border:1px solid rgba(141,125,255,.28); border-radius:11px; color:#b7aaff; background:linear-gradient(145deg,rgba(141,119,255,.18),rgba(57,206,220,.09)); font-size:10px; font-weight:900; }
.study-subject-meta { color:#7e91b1; font-size:9px; font-weight:750; }
.study-subject-card h3 { margin:12px 0 5px; color:#edf2ff; font-size:14px; }
.study-subject-card p { display:-webkit-box; min-height:34px; margin:0; overflow:hidden; color:#8494b3; font-size:9px; line-height:1.55; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.study-subject-actions { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px; margin-top:14px; }
.study-subject-actions button { min-width:0; min-height:32px; padding:6px 4px; border:1px solid rgba(143,164,207,.15); border-radius:8px; color:#aebbd2; background:rgba(109,132,180,.07); font-size:9px; font-weight:750; cursor:pointer; transition:.16s ease; }
.study-subject-actions button:hover { color:#e8fbff; border-color:rgba(74,208,226,.34); background:rgba(57,193,213,.12); }
.ai-studio-hero { justify-content:flex-start; position:relative; overflow:hidden; min-height:138px; }
.ai-studio-orb { display:grid; place-items:center; flex:0 0 64px; width:64px; height:64px; border:1px solid rgba(152,132,255,.45); border-radius:21px; color:#c6b7ff; background:radial-gradient(circle at 35% 25%,rgba(174,149,255,.32),rgba(53,54,121,.25) 58%,rgba(38,184,208,.12)); box-shadow:0 0 36px rgba(135,103,255,.24),inset 0 0 22px rgba(105,189,238,.11); font-size:31px; }
.ai-studio-status { display:grid; gap:4px; margin-left:auto; min-width:126px; padding:12px 14px; border:1px solid rgba(122,206,226,.2); border-radius:13px; background:rgba(9,18,37,.42); }
.ai-studio-status strong { color:#9de2e9; font-size:8px; letter-spacing:.12em; }
.ai-studio-status small { color:#8296b6; font-size:9px; }
.status-pulse { display:block; width:7px; height:7px; border-radius:50%; background:#59d9b4; box-shadow:0 0 12px rgba(89,217,180,.6); }
.ai-tool-section { margin:0 0 19px; }
.ai-mode-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.ai-mode-card { display:flex; align-items:center; gap:11px; min-width:0; min-height:76px; padding:12px; text-align:left; border:1px solid rgba(143,164,207,.15); border-radius:14px; color:#e9efff; background:linear-gradient(145deg,rgba(18,27,49,.94),rgba(13,21,39,.96)); cursor:pointer; transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease; }
.ai-mode-card:hover { transform:translateY(-2px); border-color:rgba(72,202,224,.34); }
.ai-mode-card.active { border-color:rgba(146,121,255,.6); background:linear-gradient(120deg,rgba(105,79,213,.22),rgba(37,161,181,.12)); box-shadow:0 0 0 1px rgba(146,121,255,.13),0 10px 25px rgba(67,59,147,.12); }
.ai-mode-icon { display:grid; place-items:center; flex:0 0 38px; width:38px; height:38px; border:1px solid rgba(124,139,209,.21); border-radius:11px; color:#88dce9; background:rgba(82,115,174,.12); font-size:18px; }
.ai-mode-card>span:nth-child(2) { display:grid; min-width:0; gap:4px; }
.ai-mode-card strong { color:#f0f4ff; font-size:11px; }
.ai-mode-card small { color:#8f9fbd; font-size:9px; line-height:1.35; }
.ai-mode-card>b { margin-left:auto; color:#8398bc; font-size:12px; }
.ai-studio-layout { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(240px,.75fr); gap:14px; align-items:start; }
.ai-studio-chat { display:grid; gap:14px; }
.ai-studio-chat .panel-head { margin-bottom:0; }
.ai-studio-context { margin:0; }
.ai-textbook-context { display:grid; gap:7px; color:#aab8d0; font-size:10px; font-weight:750; }
.ai-textbook-context textarea { width:100%; min-height:76px; padding:11px 12px; resize:vertical; border:1px solid rgba(143,164,207,.16); border-radius:11px; color:#eaf0ff; background:rgba(9,17,33,.72); font:inherit; font-size:11px; line-height:1.5; }
.ai-studio-chat .ai-chat-log { min-height:260px; max-height:430px; }
.ai-studio-chat .ai-compose-row { align-items:end; }
.ai-studio-chat #ai-question { min-height:74px; padding:12px; border:1px solid rgba(143,164,207,.18); border-radius:12px; color:#eef3ff; background:rgba(9,17,33,.82); font:inherit; font-size:12px; line-height:1.55; resize:vertical; }
.ai-studio-chat #ai-send { min-height:46px; white-space:nowrap; }
.ai-studio-side { position:sticky; top:84px; }
.ai-studio-side h3 { margin:8px 0 7px; color:#edf2ff; font-size:16px; }
.ai-studio-side>p { font-size:10px; line-height:1.65; }
.ai-prompt-stack { display:grid; gap:7px; margin:18px 0; }
.ai-prompt-stack>strong { color:#a8b5ce; font-size:10px; }
.ai-prompt-stack .ai-prompt { text-align:left; padding:10px 11px; border:1px solid rgba(143,164,207,.15); border-radius:10px; color:#b9c7df; background:rgba(105,126,178,.07); font-size:10px; cursor:pointer; }
.ai-prompt-stack .ai-prompt:hover { border-color:rgba(83,202,224,.32); color:#ebfaff; }
.ai-studio-chat .fine-print { margin:0; line-height:1.55; }
.module-hub .module-symbol { color:#72d8e8; }
@media(max-width:1120px) { .study-subject-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-studio-layout{grid-template-columns:1fr}.ai-studio-side{position:static}.ai-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media(max-width:760px) { .sidebar{width:266px}.main-area{margin-left:0}.study-hub-hero,.ai-studio-hero{align-items:flex-start}.study-hub-stat{min-width:94px;padding:12px}.study-hub-tools{flex-direction:column}.study-hub-tools .filter-select{width:100%}.study-subject-grid{grid-template-columns:1fr}.ai-mode-grid{grid-template-columns:1fr 1fr}.ai-studio-status{display:none}.study-subject-actions{grid-template-columns:repeat(4,minmax(0,1fr))} }
@media(max-width:480px) { .ai-mode-grid{grid-template-columns:1fr}.study-hub-hero h2,.ai-studio-hero h2{font-size:20px}.study-hub-stat{min-width:76px}.study-hub-stat strong{font-size:23px}.ai-studio-orb{flex-basis:48px;width:48px;height:48px;border-radius:15px;font-size:23px}.ai-studio-chat .ai-compose-row{grid-template-columns:1fr}.ai-studio-chat #ai-send{width:100%} }