:root{font-family:Inter,"Noto Sans Bengali","Hind Siliguri",system-ui,-apple-system,"Segoe UI",sans-serif;color:#1c2a3c;background:#f5f7fa;font-size:14px;line-height:1.65;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}img{max-width:100%}
:root{--bg:#f5f7fa;--surface:#fff;--surface2:#f8fafc;--border:#e7edf3;--text:#1c2a3c;--muted:#7b8898;--primary:#275ce5;--primary2:#e9efff;--purple:#7351df;--green:#16896e;--greenlight:#e6f8f1;--orange:#ca791e;--orangelight:#fff4e6;--red:#d54e53;--redlight:#fff0f0;--shadow:0 6px 30px rgba(36,59,82,.035)}
body.dark{color-scheme:dark;--bg:#101928;--surface:#1b293d;--surface2:#223249;--border:#30425b;--text:#e7edf6;--muted:#9bb0c6;--primary:#8ba9ff;--primary2:#273f6a;--purple:#ad9af6;--green:#6bd3ae;--greenlight:#214d48;--orange:#f4b564;--orangelight:#473522;--red:#ff9da2;--redlight:#482e39;--shadow:0 10px 35px rgba(0,0,0,.12)}
body{color:var(--text);background:var(--bg)}button,input,select,textarea{color:var(--text)}:focus-visible{outline:3px solid #89aeff;outline-offset:2px}
.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:258px;background:#17283d;color:#c6d1de;display:flex;flex-direction:column;z-index:30;padding:32px 19px 18px;box-shadow:6px 0 28px rgba(24,35,52,.035)}
.brand{display:flex;align-items:center;gap:11px;padding:0 10px 43px}.brand-mark{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;color:#fff;background:#3464e9;font-size:24px;font-weight:900;letter-spacing:-2px;box-shadow:0 7px 15px rgba(43,91,226,.25)}.brand-mark span{color:#8fbdff}.brand-copy strong{font-size:16px;display:block;color:#fff;letter-spacing:-.4px}.brand-copy small{font-size:8px;display:block;letter-spacing:1.65px;font-weight:750;color:#8ca0b8}
.side-caption{padding:0 14px 11px;font-size:10px;font-weight:750;letter-spacing:2px;color:#7188a4}.extra-gap{margin-top:29px}.side-nav{display:grid;gap:5px}.side-nav a{height:45px;display:flex;gap:13px;align-items:center;padding:0 13px;border-radius:9px;font-weight:540;transition:background .18s,color .18s;position:relative}.side-nav a:hover{background:#263c54;color:#fff}.side-nav a.active{background:#304a6e;color:#fff;font-weight:720}.side-nav a.active:before{content:"";position:absolute;left:-19px;width:3px;height:27px;background:#6995ff;border-radius:0 4px 4px 0}.nav-icon{font-size:20px;width:23px;text-align:center;color:#adc0d7;line-height:1}.nav-dot{margin-left:auto;width:6px;height:6px;border-radius:100%;background:#53d4a6}.side-bottom{margin-top:auto;padding:17px 13px 0;border-top:1px solid #2c425b}.side-status{font-size:11px;color:#dce9f7;display:flex;align-items:center;gap:9px}.online-pulse{height:8px;width:8px;border-radius:50%;background:#5de0b1;box-shadow:0 0 0 4px rgba(93,224,177,.11)}.side-bottom p{font-size:11px;line-height:1.8;color:#8197af;margin-bottom:0}
.workspace{margin-left:258px;width:calc(100% - 258px);min-width:0;display:flex;flex-direction:column}.topbar{height:83px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 45px;gap:20px;flex-shrink:0}.breadcrumb{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:10px;letter-spacing:1px;font-weight:800}.breadcrumb strong{font-size:13px;color:var(--text);letter-spacing:0}.divider-dot{color:#c7d0dd}.top-actions{display:flex;align-items:center;gap:13px}.date-label{color:var(--muted);font-size:12px;margin-right:10px}.icon-button{border:1px solid var(--border);background:var(--surface);color:var(--muted);width:37px;height:37px;display:grid;place-items:center;border-radius:10px;font-size:17px}.icon-button:hover{color:var(--primary);border-color:var(--primary)}.install-btn{border:1px solid var(--border);padding:8px 14px;border-radius:9px;background:var(--surface);font-weight:720;font-size:12px}.install-btn:hover{background:var(--primary2)}.avatar{display:grid;place-items:center;border-radius:50%;background:#f0e0ce;color:#9b612b;font-size:10px;font-weight:900;width:36px;height:36px;border:2px solid var(--surface);box-shadow:0 0 0 1px var(--border)}
.menu-toggle{display:none}main{width:100%;max-width:1560px;margin:0 auto;padding:37px 44px 60px;flex:1}.footer{padding:18px 44px;text-align:center;color:var(--muted);font-size:11px}.footer span{margin:0 8px}
.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:25px;flex-wrap:wrap}.eyebrow{font-size:10px;font-weight:850;letter-spacing:2.1px;color:var(--primary);text-transform:uppercase;margin-bottom:8px}.page-heading h1,h1,h2,h3,p{margin-top:0}.page-heading h1{font-size:27px;line-height:1.25;font-weight:820;letter-spacing:-.7px;margin-bottom:6px}.page-heading p{color:var(--muted);margin-bottom:0;font-size:13px}.heading-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.button{border:1px solid var(--border);background:var(--surface);padding:10px 15px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.3;font-weight:730;font-size:12px;white-space:nowrap}.button:hover{border-color:var(--primary);color:var(--primary)}.button.primary{border-color:#2f61e7;background:#2f61e7;color:white}.button.primary:hover{background:#174bd8}.button.soft{background:var(--primary2);color:var(--primary);border-color:transparent}.button.danger{color:var(--red);border-color:var(--redlight)}.button.small{padding:7px 11px;font-size:11px}.button.full{width:100%}.button.icon-only{width:38px;height:38px;padding:0;font-size:18px}.button.selected{background:var(--primary2);color:var(--primary);border-color:var(--primary)}
.hero{background:linear-gradient(113deg,#22395a 0%,#23436d 54%,#2d60a6 100%);border-radius:17px;color:#fff;position:relative;overflow:hidden;padding:35px 39px;display:flex;justify-content:space-between;gap:35px;min-height:228px;box-shadow:0 12px 25px rgba(28,57,97,.09)}.hero:after{content:"";width:260px;height:260px;border:52px solid rgba(255,255,255,.045);position:absolute;border-radius:50%;right:-30px;top:-145px}.hero small{font-weight:800;color:#a9cafa;letter-spacing:2.3px;font-size:10px}.hero h2{font-size:29px;line-height:1.37;letter-spacing:-.5px;margin:15px 0 11px;max-width:640px}.hero h2 em{color:#a6cbff;font-style:normal}.hero p{color:#c2d6ec;font-size:12px;max-width:550px}.hero-actions{display:flex;gap:10px;margin-top:21px;flex-wrap:wrap}.hero-actions .button{border-color:rgba(255,255,255,.15)}.hero-actions .button.primary{background:#fff;color:#244a91;border-color:#fff}.hero-actions .button.ghost{background:rgba(255,255,255,.09);color:white}.hero-illustration{min-width:194px;display:flex;align-items:center;justify-content:center}.code-tile{border:1px solid rgba(255,255,255,.22);border-radius:17px;transform:rotate(-7deg);background:rgba(255,255,255,.08);padding:23px;color:#bed9ff;font-size:13px;line-height:2.1;font-family:ui-monospace,monospace;box-shadow:13px 16px 0 rgba(16,30,58,.18)}.code-tile b{color:#a8f2e1}.code-tile i{color:#ffd493;font-style:normal}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0}.stat{background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:20px 22px;min-height:118px;box-shadow:var(--shadow)}.stat-head{display:flex;justify-content:space-between;align-items:center;gap:8px;color:var(--muted);font-size:12px}.stat-icon{border-radius:9px;background:var(--primary2);color:var(--primary);width:34px;height:34px;display:grid;place-items:center;font-size:17px}.stat.green .stat-icon{color:var(--green);background:var(--greenlight)}.stat.orange .stat-icon{color:var(--orange);background:var(--orangelight)}.stat.purple .stat-icon{color:var(--purple);background:#eee9fc}.stat-value{font-size:28px;font-weight:850;line-height:1.1;letter-spacing:-.7px;margin-top:12px}.stat-foot{font-size:10px;color:var(--muted);margin-top:4px}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(295px,1fr);gap:19px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:23px 24px;min-width:0}.panel+.panel{margin-top:0}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:20px}.panel h3{font-size:15px;font-weight:820;letter-spacing:-.2px;margin:0}.panel-subtitle{font-size:11px;color:var(--muted);margin:3px 0 0}.link-action{font-size:11px;font-weight:750;color:var(--primary);white-space:nowrap}.link-action:hover{text-decoration:underline}.stack{display:grid;gap:16px}.progress-track{height:8px;background:var(--border);border-radius:50px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#356ae9,#7a9dff);border-radius:50px;transition:width .2s}.progress-text{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin:0 0 9px}.progress-text strong{color:var(--text)}.goal-row{display:flex;align-items:center;gap:14px;margin-bottom:15px}.goal-ring{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#2f64e8 var(--degree),var(--border) 0);flex-shrink:0}.goal-ring:before{content:"";background:var(--surface);position:absolute;width:56px;height:56px;border-radius:50%}.goal-ring strong{position:relative;font-size:16px}.goal-details strong{font-size:16px;display:block}.goal-details span{font-size:11px;color:var(--muted)}.topic-row{margin-bottom:15px}.topic-row:last-child{margin-bottom:0}.topic-name{display:flex;justify-content:space-between;font-size:12px;margin-bottom:6px}.topic-name span:last-child{color:var(--muted);font-size:11px}
.mini-job{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.mini-job:last-child{border:0;padding-bottom:0}.job-logo{border-radius:11px;width:41px;height:41px;flex-shrink:0;display:grid;place-items:center;font-size:12px;font-weight:900;color:#2b58cc;background:#e9efff;letter-spacing:-1px}.job-logo.bcic{background:#e1f6ee;color:#16866e}.job-logo.bpatc{background:#f4eaff;color:#7148b4}.mini-job-body{min-width:0;flex:1}.mini-job-body strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-job-body small{display:block;color:var(--muted);font-size:10px}.mini-job-right{text-align:right;white-space:nowrap;font-size:10px;font-weight:800}
.badge{border-radius:100px;padding:5px 9px;font-size:10px;font-weight:750;display:inline-flex;align-items:center;gap:5px;background:var(--primary2);color:var(--primary)}.badge.open{color:var(--green);background:var(--greenlight)}.badge.urgent{color:var(--orange);background:var(--orangelight)}.badge.closed{color:var(--muted);background:var(--surface2)}.badge.personal{background:#f3eaff;color:#8e55c1}.badge.review{color:var(--red);background:var(--redlight)}.info-banner{display:flex;align-items:center;gap:12px;padding:13px 17px;border:1px solid #d9e7fb;background:var(--primary2);border-radius:11px;margin-bottom:22px;font-size:12px;color:var(--text)}.info-banner b{color:var(--primary)}.info-banner p{margin:0}
.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.search-box{position:relative;flex:1;min-width:220px}.search-box input{padding-left:39px}.search-box:before{content:"⌕";font-size:24px;position:absolute;left:15px;top:5px;color:var(--muted)}.input,.select,.textarea{width:100%;padding:11px 13px;background:var(--surface);border:1px solid var(--border);border-radius:10px;outline:none;font-size:12px}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary2)}.select{width:auto;min-width:140px}.toolbar .select{height:43px}.checkbox-inline{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;font-weight:700;white-space:nowrap}.checkbox-inline input{accent-color:var(--primary)}.section-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,.85fr);gap:20px}.job-list{display:grid;gap:13px}.job-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:22px 23px;box-shadow:var(--shadow)}.job-top{display:flex;gap:14px;align-items:flex-start}.job-name{flex:1;min-width:0}.job-name h3{font-size:16px;line-height:1.3;margin:0 0 3px}.job-name p{font-size:11px;color:var(--muted);margin:0}.job-meta{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.job-detail{font-size:11px;border:1px solid var(--border);padding:4px 9px;border-radius:7px;color:var(--muted)}.job-note{color:var(--muted);font-size:11px;margin:0 0 15px;line-height:1.7}.job-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:14px;border-top:1px solid var(--border);flex-wrap:wrap}.job-footer .left,.job-footer .right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.job-footer .select{min-width:112px;padding:7px 9px;font-size:11px}.source-link{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:10px;padding:11px 12px;font-size:12px;margin-bottom:9px}.source-link:hover{background:var(--surface2);border-color:var(--primary)}.source-link span:first-child{width:30px;height:30px;border-radius:8px;background:var(--primary2);color:var(--primary);display:grid;place-items:center}.source-link strong{display:block}.source-link small{display:block;color:var(--muted)}.source-link .arrow{margin-left:auto;color:var(--muted)}
.learning-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:20px}.question-card{border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow);padding:29px}.question-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}.question-card h2{font-size:20px;line-height:1.65;letter-spacing:-.2px;margin:0 0 23px}.options{display:grid;gap:10px}.option{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:11px;padding:13px 15px;font-size:13px}.option:hover:not(:disabled){border-color:var(--primary);background:var(--primary2)}.option .letter{width:28px;height:28px;flex-shrink:0;border-radius:7px;background:var(--surface2);color:var(--muted);font-weight:850;display:grid;place-items:center}.option.chosen{border-color:var(--primary);background:var(--primary2)}.option.correct{border-color:var(--green);background:var(--greenlight)}.option.wrong{border-color:var(--red);background:var(--redlight)}.option.correct .letter{background:var(--green);color:white}.option.wrong .letter{background:var(--red);color:white}.explanation{border-radius:11px;background:var(--greenlight);padding:17px 20px;margin-top:19px;border-left:3px solid var(--green)}.explanation.wrong{background:var(--orangelight);border-left-color:var(--orange)}.explanation strong{font-size:12px}.explanation p{margin:6px 0 0;font-size:12px;line-height:1.9}.question-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:24px;padding-top:19px;border-top:1px solid var(--border);flex-wrap:wrap}.counter{font-size:12px;color:var(--muted)}.side-tip{font-size:12px;color:var(--muted);line-height:1.9}.topic-chip{border-radius:9px;background:var(--surface2);padding:9px 12px;font-size:11px;color:var(--muted);display:flex;justify-content:space-between;margin-bottom:7px}.topic-chip.active{background:var(--primary2);color:var(--primary);font-weight:800}.empty{text-align:center;border:1px dashed var(--border);border-radius:14px;padding:52px 25px;background:var(--surface)}.empty strong{display:block;font-size:17px}.empty p{color:var(--muted);font-size:12px;margin:8px auto 19px;max-width:420px}.empty-icon{font-size:35px;margin-bottom:10px}
.written-list{display:grid;gap:12px}.written-item{border:1px solid var(--border);border-radius:12px;background:var(--surface);overflow:hidden}.written-head{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.written-head strong{font-size:14px;display:block;line-height:1.5}.written-head span{color:var(--muted);font-size:11px}.written-actions{display:flex;gap:8px;flex-shrink:0}.written-answer{margin:0 19px 18px;padding:18px 20px;background:var(--surface2);border-left:3px solid var(--primary);border-radius:7px}.written-answer p{font-size:12px;line-height:2;margin-bottom:8px;white-space:pre-wrap}.written-answer small{font-size:11px;color:var(--muted)}
.mock-setup{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:23px 0}.form-field{display:grid;gap:7px}.form-field label{font-size:11px;font-weight:800;color:var(--muted)}.form-field .select{width:100%}.mock-status{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:17px}.timer{font-weight:850;font-variant-numeric:tabular-nums;color:var(--primary);font-size:19px;letter-spacing:.4px}.timer.danger{color:var(--red)}.mock-palette{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.palette-button{height:35px;border-radius:8px;background:var(--surface2);border:1px solid var(--border);font-size:11px;font-weight:800}.palette-button.answered{background:var(--greenlight);color:var(--green)}.palette-button.active{border:2px solid var(--primary)}.result-banner{background:var(--primary2);border-radius:14px;padding:22px 25px;margin-bottom:20px}.result-banner strong{font-size:30px;display:block}.result-banner p{margin:0;font-size:12px;color:var(--muted)}.attempt-row{display:flex;align-items:center;justify-content:space-between;gap:9px;border-bottom:1px solid var(--border);padding:12px 0;font-size:12px}.attempt-row:last-child{border:0}.attempt-row small{color:var(--muted)}.review-item{border-bottom:1px solid var(--border);padding:15px 0}.review-item p{font-size:12px;margin:5px 0}
.notes-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.notes-entry{width:100%;min-height:90px;resize:vertical}.note-item{padding:13px 0;border-bottom:1px solid var(--border);display:flex;gap:10px;align-items:flex-start}.note-item:last-child{border:0}.note-item p{flex:1;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.note-item small{font-size:10px;color:var(--muted);display:block}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}.settings-row .select{min-width:100px}.settings-row small{color:var(--muted);display:block;font-size:11px}.subtle{font-size:11px;color:var(--muted)}.muted{color:var(--muted)}.caption{font-size:10px;letter-spacing:1.5px;font-weight:850;color:var(--muted)}.kicker{font-size:11px;font-weight:800;color:var(--primary)}.mt{margin-top:20px}.mb{margin-bottom:18px}
.roadmap-week{display:flex;gap:16px;padding:20px 0;border-bottom:1px solid var(--border)}.roadmap-week:last-child{border-bottom:0;padding-bottom:0}.roadmap-number{width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;color:var(--primary);background:var(--primary2);font-size:14px;font-weight:900;border-radius:11px}.roadmap-week h3{margin:1px 0 4px}.roadmap-week p{margin-bottom:10px}.roadmap-week ul{margin:0;padding-left:18px;font-size:12px;color:var(--muted);line-height:2}
#toast{position:fixed;bottom:24px;right:23px;background:#1f364d;color:white;padding:11px 18px;border-radius:10px;font-size:12px;box-shadow:0 12px 30px rgba(0,0,0,.2);opacity:0;pointer-events:none;transform:translateY(10px);transition:.2s;z-index:100;max-width:340px}#toast.show{opacity:1;transform:translateY(0)}
.modal-backdrop{position:fixed;inset:0;z-index:90;background:rgba(9,22,41,.62);display:grid;place-items:center;padding:20px}.modal{width:min(540px,100%);max-height:90vh;overflow:auto;border-radius:16px;padding:26px;background:var(--surface);box-shadow:0 20px 80px rgba(0,0,0,.2)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal h2{font-size:18px;margin:0}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.modal .form-field{margin-bottom:13px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:13px}
.sidebar-backdrop{display:none}
@media(max-width:1250px){main{padding:29px 27px 45px}.topbar{padding:0 27px}.dashboard-grid,.section-grid{grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr)}.hero{padding:28px}.hero h2{font-size:25px}}
@media(max-width:1020px){.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.sidebar-backdrop.open{position:fixed;inset:0;display:block;background:rgba(3,14,28,.52);z-index:25}.workspace{margin-left:0;width:100%}.menu-toggle{display:grid}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.section-grid{grid-template-columns:1fr}.learning-layout{grid-template-columns:minmax(0,1fr) 235px}}
@media(max-width:700px){main{padding:25px 15px 40px}.topbar{height:69px;padding:0 15px;gap:9px}.breadcrumb>span:first-child,.breadcrumb .divider-dot{display:none}.date-label{display:none}.top-actions{gap:7px}.install-btn{padding:8px}.install-btn span{display:none}.avatar{height:32px;width:32px}.page-heading h1{font-size:24px}.hero{padding:26px 23px;min-height:unset}.hero h2{font-size:23px}.hero-illustration{display:none}.stats-grid{gap:10px;margin:15px 0}.stat{padding:15px 14px;min-height:110px}.stat-value{font-size:25px}.stat-head{font-size:10px}.panel{padding:19px 17px}.learning-layout,.notes-grid{grid-template-columns:1fr}.question-card{padding:21px 17px}.question-card h2{font-size:17px}.toolbar .select{flex:1;min-width:130px}.job-card{padding:17px}.job-top{gap:10px}.job-name h3{font-size:14px}.written-head{align-items:flex-start;flex-direction:column}.written-actions{width:100%}.written-actions .button{flex:1}.modal-grid{grid-template-columns:1fr}.footer{padding:15px}.mock-setup{grid-template-columns:1fr 1fr}.page-heading{margin-bottom:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.discovery-panel { margin-bottom: 1.35rem; }
.discovery-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 1fr)); gap: 12px; margin-top: 18px; }
.discovery-card { background: var(--surface, #fff); border: 1px solid var(--border, #e2e8ef); border-radius: 14px; padding: 16px; display: flex; flex-direction: column; gap: 11px; min-width: 0; }
.discovery-card > div { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.discovery-card h3 { font-size: 1rem; line-height: 1.4; overflow-wrap: anywhere; margin: 0; }
.discovery-card p { font-size: .86rem; opacity: .82; line-height: 1.5; margin: 0; flex: 1; }
.discovery-card .button { align-self: flex-start; }

/* CSE job preparation workspace: study academy, analytical problems, performance. */
.sidebar{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3c536c transparent}
.sidebar .brand{padding-bottom:27px}
.side-nav a{flex-shrink:0}
.side-bottom{flex-shrink:0}
.compact-stats{margin-top:0}
.toolbar .form-field{gap:5px}
.toolbar .form-field .select{min-width:180px;max-width:100%}
.unit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,370px),1fr));gap:16px;align-items:start}
.unit-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:21px 22px;box-shadow:var(--shadow);min-height:220px}
.unit-card.done{border-color:var(--green)}
.unit-header,.unit-actions,.lab-toolrow{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.unit-header{justify-content:space-between;margin-bottom:12px}
.unit-card h3{font-size:17px;margin:0 0 8px;line-height:1.45}
.unit-card>p{font-size:12px;line-height:1.85;color:var(--muted);min-height:77px}
.unit-actions{margin-top:15px}
.unit-detail{border-top:1px solid var(--border);padding-top:15px;margin-top:14px;font-size:12px;line-height:1.9}
.unit-detail h4{margin:0 0 4px;font-size:12px}
.unit-detail ul{margin:0 0 12px;padding-left:20px}
.unit-detail p{margin-bottom:8px}
.lab-layout{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:17px;align-items:start}
.lab-picker{padding:18px 13px;position:sticky;top:17px;max-height:calc(100vh - 36px);display:flex;flex-direction:column}
.lab-picker .panel-header{padding:0 8px;margin-bottom:12px}
.lab-list{overflow-y:auto;display:grid;gap:6px}
.lab-list-item{display:flex;align-items:center;gap:9px;text-align:left;background:var(--surface);color:var(--text);border:1px solid transparent;border-radius:10px;padding:10px 9px;width:100%;font-size:12px}
.lab-list-item:hover,.lab-list-item.active{background:var(--primary2);border-color:var(--primary)}
.lab-list-item>span:nth-child(2){flex:1;min-width:0}
.lab-list-item strong,.lab-list-item small{display:block}
.lab-list-item strong{line-height:1.4;font-size:11px}
.lab-list-item small{color:var(--muted);margin-top:3px;font-size:10px}
.lab-index{display:grid;place-items:center;border-radius:7px;background:var(--surface2);min-width:27px;height:27px;font-weight:800;color:var(--primary)}
.lab-work{padding:25px 27px}
.lab-work h2{font-size:22px;line-height:1.4;margin:8px 0 15px}
.lab-prompt{font-size:14px;line-height:1.9;white-space:pre-wrap}
.lab-toolrow{margin:15px 0 18px}
.hint-box{background:var(--orangelight);border-left:3px solid var(--orange);padding:13px 17px;border-radius:8px;font-size:12px;margin:16px 0}
.hint-box p{margin:6px 0 0}
.code-entry{min-height:190px;margin-top:9px;font-size:13px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.65;white-space:pre-wrap}
.reference-answer{margin-top:22px;border:1px solid var(--border);background:var(--surface2);border-radius:11px;padding:16px;font-size:12px;line-height:1.8}
.reference-answer h3{margin:0 0 11px}
.reference-answer pre{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;font-size:12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.reference-answer summary{font-weight:800;cursor:pointer;color:var(--primary)}
.reference-answer ul{padding-left:19px}
.lab-assessment{margin-top:23px;border-top:1px solid var(--border);padding-top:18px;font-size:12px}
.written-answer .code-entry{min-height:150px}
.analytics-table{overflow-x:auto}
.analytics-head,.analytics-row{display:grid;grid-template-columns:minmax(160px,1.8fr) repeat(3,minmax(58px,.7fr));gap:8px;align-items:center;padding:10px 7px;font-size:11px;min-width:380px}
.analytics-head{background:var(--surface2);font-size:10px;color:var(--muted)}
.analytics-row{border-bottom:1px solid var(--border)}
.analytics-row:last-child{border-bottom:0}
.analytics-row span{text-align:right;font-variant-numeric:tabular-nums}
.analytics-head span{text-align:right}
.analytics-row strong{font-size:11px}
.bad-accuracy{color:var(--red);font-weight:800}
.recommendation{display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--border);padding:12px 0;font-size:11px}
.recommendation>span{display:grid;place-items:center;background:var(--primary2);color:var(--primary);width:25px;height:25px;border-radius:8px;font-weight:800;flex-shrink:0}
.recommendation>div{flex:1;min-width:0}
.recommendation strong,.recommendation small{display:block}
.recommendation small{color:var(--muted);font-size:10px}
.activity-chart{display:flex;align-items:end;gap:10px;justify-content:space-around;min-height:152px;margin-top:15px}
.activity-day{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;flex:1;font-size:10px}
.activity-bar{width:min(30px,100%);border-radius:7px 7px 0 0;background:linear-gradient(#6793f6,#315bdd);min-height:3px}
.activity-day small{color:var(--muted);font-size:9px}
.activity-day strong{font-size:11px}
.pager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding:13px 2px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.lab-picker .pager{margin-top:9px;border-top:1px solid var(--border);padding:12px 4px 2px}
.previous-options{padding-left:24px;font-size:12px;line-height:1.8;margin:13px 0}
.previous-options li{padding:2px 0;overflow-wrap:anywhere}
.written-item .caption{letter-spacing:.4px;font-size:10px}
.written-answer .reference-answer p,.written-answer .reference-answer small{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:1100px){.lab-layout{grid-template-columns:225px minmax(0,1fr)}}
@media(max-width:700px){.lab-layout{grid-template-columns:1fr}.lab-picker{position:static;max-height:245px}.lab-work{padding:20px 17px}.unit-grid{grid-template-columns:1fr}.toolbar .form-field{width:100%}.toolbar .form-field .select{width:100%}.compact-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}