:root{--green-50:#f0fdf4;--green-100:#dcfce7;--green-200:#bbf7d0;--green-300:#86efac;--green-400:#4ade80;--green-500:#22c55e;--green-600:#16a34a;--green-700:#15803d;--green-800:#166534;--green-900:#14532d;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--white:#ffffff;--red-500:#ef4444;--red-600:#dc2626;--orange-500:#f97316;--orange-100:#fff7ed;--blue-500:#3b82f6;--blue-100:#eff6ff;--purple-100:#faf5ff;--radius:12px;--radius-lg:16px;--radius-sm:8px;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--ease:cubic-bezier(0.4,0,0.2,1);--ease-bounce:cubic-bezier(0.34,1.56,0.64,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-sans);color:var(--gray-800);background:var(--gray-50);line-height:1.6}button,input,select,textarea{font:inherit}a,button{cursor:pointer}a{text-decoration:none;color:inherit}button{border:0;background:transparent}img{max-width:100%;display:block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes progressFill{0%{width:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:0s!important;transition-duration:0s!important}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--green-50) 0,var(--green-100) 50%,var(--green-50) 100%);position:relative;overflow:hidden}.login-page:before{width:300px;height:300px;background:var(--green-400);top:-100px;right:-80px;animation:float 6s ease-in-out infinite}.login-page:after,.login-page:before{content:"";position:absolute;border-radius:50%;opacity:.15}.login-page:after{width:200px;height:200px;background:var(--green-500);bottom:-60px;left:-40px;animation:float 8s ease-in-out infinite reverse}.login-card{width:min(420px,100%);background:var(--white);border-radius:20px;padding:48px 40px;box-shadow:0 20px 60px rgba(0,0,0,.08);position:relative;z-index:1;animation:scaleIn .4s var(--ease) both}.login-brand{gap:14px;margin-bottom:36px}.login-brand,.login-brand-icon{display:flex;align-items:center}.login-brand-icon{width:52px;height:52px;background:linear-gradient(135deg,var(--green-500),var(--green-600));border-radius:16px;justify-content:center;color:white;box-shadow:0 4px 12px rgba(22,163,74,.3)}.login-brand-text strong{display:block;font-size:26px;font-weight:800;color:var(--gray-900);letter-spacing:-.5px}.login-brand-text small{font-size:13px;color:var(--gray-400)}.login-card h1{font-size:24px;font-weight:800;color:var(--gray-900);margin-bottom:8px}.login-copy{font-size:14px;color:var(--gray-500);margin-bottom:28px}.login-form{gap:16px}.login-form,.login-form label{display:flex;flex-direction:column}.login-form label{gap:6px;font-size:13px;font-weight:600;color:var(--gray-700)}.login-form input{width:100%;padding:12px 16px;border:2px solid var(--gray-200);border-radius:10px;font-size:14px;color:var(--gray-800);background:var(--gray-50);transition:border-color .15s,box-shadow .15s,background .15s}.login-form input::placeholder{color:var(--gray-400)}.login-form input:focus{outline:none;border-color:var(--green-500);box-shadow:0 0 0 4px rgba(34,197,94,.1);background:var(--white)}.form-error{padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;font-size:13px;color:var(--red-600);display:flex;align-items:center;gap:6px}.btn-primary,.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;background:linear-gradient(135deg,var(--green-500),var(--green-600));color:white;border:none;border-radius:10px;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px rgba(22,163,74,.3);width:100%;margin-top:8px}.btn-primary:hover,.primary-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(22,163,74,.4)}.demo-hint{margin-top:24px;padding-top:20px;border-top:1px solid var(--gray-100)}.demo-hint b{display:block;font-size:12px;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;text-align:center}.demo-hint-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.demo-btn{padding:10px 12px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:8px;cursor:pointer;transition:all .15s;text-align:left;display:block;width:100%}.demo-btn:hover{background:var(--green-50);border-color:var(--green-300)}.demo-btn strong{display:block;font-size:13px;font-weight:600;color:var(--gray-800)}.demo-btn span{font-size:11px;color:var(--gray-400)}.portal-page{display:flex;min-height:100vh}.portal-sidebar{width:260px;background:var(--white);border-right:1px solid var(--gray-200);padding:24px 16px;display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto;flex-shrink:0;animation:slideInLeft .4s var(--ease) both}.portal-main{flex:1 1;min-width:0}.portal-brand{gap:12px;padding:0 8px 32px;text-decoration:none}.brand-mark,.portal-brand{display:flex;align-items:center}.brand-mark{width:40px;height:40px;background:linear-gradient(135deg,var(--green-500),var(--green-600));border-radius:12px;justify-content:center;color:white;flex-shrink:0}.portal-brand strong{display:block;font-size:20px;font-weight:800;color:var(--gray-900);letter-spacing:-.5px}.portal-brand small{display:block;font-size:12px;color:var(--gray-400)}.portal-profile{display:flex;align-items:center;gap:12px;padding:12px;background:var(--gray-50);border-radius:var(--radius);margin-bottom:24px;border:none}.portal-profile:hover{border-color:transparent}.avatar{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--green-400),var(--green-600));color:white;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.avatar-teacher{background:linear-gradient(135deg,#818cf8,#6366f1)}.avatar-methodist{background:linear-gradient(135deg,#f472b6,#ec4899)}.avatar-admin{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.profile-copy b{display:block;font-size:13px;font-weight:600;color:var(--gray-800)}.profile-copy small{display:block;font-size:12px;color:var(--gray-500);margin-top:2px}.portal-nav{flex:1 1}.nav-group{margin-bottom:24px}.nav-label{font-size:11px;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.5px;padding:0 12px;margin-bottom:8px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;color:var(--gray-600);font-size:14px;font-weight:500;transition:all .15s;text-decoration:none;position:relative}.nav-item:hover{background:var(--gray-100);color:var(--gray-800)}.nav-item.active{background:var(--green-50);color:var(--green-700);font-weight:600}.nav-icon{width:20px;text-align:center;font-size:16px}.nav-badge{margin-left:auto;background:var(--orange-500);color:white;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.sidebar-footer{margin-top:auto;padding-top:16px;border-top:1px solid var(--gray-200)}.help-card{display:block;padding:16px;background:var(--green-50);border-radius:var(--radius);margin-bottom:12px;text-decoration:none;color:inherit;transition:background .15s}.help-card:hover{background:var(--green-100)}.help-card strong{display:block;font-size:13px;font-weight:600;color:var(--gray-800);margin-bottom:4px}.help-card span{display:block;font-size:12px;color:var(--gray-500);margin-bottom:8px}.help-card b{display:block;font-size:12px;color:var(--green-600);font-weight:600}.portal-logout{width:100%;padding:10px 12px;background:transparent;border:none;color:var(--gray-500);font-size:13px;text-align:left;cursor:pointer;border-radius:8px;font-family:inherit;transition:all .15s}.portal-logout:hover{background:#fef2f2;color:var(--red-500)}.portal-topbar{height:56px;background:var(--white);border-bottom:1px solid var(--gray-200);padding:0 32px;display:flex;align-items:center;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:10}.portal-topbar-breadcrumb{font-size:13px;color:var(--gray-500)}.portal-topbar-home{color:var(--gray-500)}.portal-topbar-home:hover{color:var(--green-600)}.portal-topbar-sep{padding:0 8px;color:var(--gray-300)}.portal-topbar-current{color:var(--gray-800);font-weight:600}.portal-topbar-actions{display:flex;align-items:center;gap:8px}.topbar-popup-wrap{position:relative}.topbar-icon-btn{width:36px;height:36px;border-radius:8px;border:1px solid var(--gray-200);background:var(--white);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--gray-500);transition:all .15s}.topbar-icon-btn:hover{background:var(--gray-50);color:var(--gray-700);border-color:var(--gray-300)}.topbar-avatar-btn{background:none;border:none;cursor:pointer;padding:0}.topbar-popup{position:absolute;top:calc(100% + 8px);right:0;width:360px;background:var(--white);border:1px solid var(--gray-200);border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.12);z-index:100;animation:scaleIn .15s var(--ease);overflow:hidden}.profile-popup{padding:16px;width:260px}.profile-popup-link{display:flex;align-items:center;gap:8px;display:block;width:100%;padding:8px 12px;border-radius:8px;border:none;background:none;font-size:13px;font-weight:500;color:var(--gray-700);text-align:left;cursor:pointer;text-decoration:none;font-family:var(--font-sans);transition:background .15s}.profile-popup-link:hover{background:var(--gray-50)}.notif-popup-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--gray-100)}.notif-popup-header b{font-size:14px}.notif-count{font-size:11px;font-weight:700;background:var(--green-500);color:white;padding:1px 7px;border-radius:10px}.notif-popup-list{max-height:320px;overflow-y:auto}.notif-item{display:flex;gap:10px;padding:10px 16px;text-decoration:none;color:inherit;transition:background .15s;border-bottom:1px solid var(--gray-50)}.notif-item:hover{background:var(--gray-50)}.notif-item.read{opacity:.6}.notif-icon{width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:var(--gray-100);color:var(--gray-600);flex-shrink:0;margin-top:2px}.notif-text{flex:1 1;min-width:0}.notif-text b{font-size:13px;display:block}.notif-text small{font-size:12px;color:var(--gray-500);display:block;margin-top:1px}.notif-popup-footer{display:block;text-align:center;padding:10px;border-top:1px solid var(--gray-100);font-size:13px;font-weight:600;color:var(--green-600);text-decoration:none;transition:background .15s}.notif-popup-footer:hover{background:var(--green-50)}.portal-content{padding:32px;max-width:1200px}.portal-heading{margin-bottom:32px;animation:fadeInUp .4s var(--ease) both}.eyebrow{display:block;font-size:12px;font-weight:600;color:var(--green-600);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.portal-heading h1{font-size:28px;font-weight:800;color:var(--gray-900);letter-spacing:-.5px}.portal-heading p{font-size:14px;color:var(--gray-500);margin-top:4px}.btn-outline,.btn-secondary,.secondary-button{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:8px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s;border:none;background:var(--gray-100);color:var(--gray-700)}.btn-outline:hover,.btn-secondary:hover,.secondary-button:hover{background:var(--gray-200)}.btn-outline{background:transparent;border:1px solid var(--gray-200);color:var(--gray-600)}.btn-outline:hover{background:var(--gray-50);border-color:var(--gray-300)}.btn-ghost{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .15s;border:none;background:transparent;color:var(--gray-600)}.btn-ghost:hover{background:var(--gray-100)}.btn-danger{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:8px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s;border:1px solid #fecaca;background:#fef2f2;color:var(--red-500)}.btn-danger:hover{background:#fee2e2}.card,.content-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);padding:24px;transition:box-shadow .2s}.card:hover,.content-card:hover{box-shadow:var(--shadow-md)}.badge,.material-status{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:4px 10px;border-radius:6px}.badge-green,.badge-success,.material-status.published{background:var(--green-100);color:var(--green-700)}.badge-orange,.badge-warning{background:var(--orange-100);color:var(--orange-500)}.badge-blue,.badge-info{background:var(--blue-100);color:var(--blue-500)}.badge-default,.badge-gray{background:var(--gray-100);color:var(--gray-500)}.hero-card{background:linear-gradient(135deg,var(--green-500),var(--green-600));border-radius:var(--radius-lg);padding:32px;color:white;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;animation:fadeInUp .4s var(--ease) .05s both}.hero-card-content{max-width:500px}.hero-card-content h2{font-size:24px;font-weight:700;margin:8px 0}.hero-card-content p{font-size:14px;opacity:.85;margin-bottom:20px}.hero-card-progress{display:flex;align-items:center;gap:12px;margin-bottom:20px}.hero-card-deco{width:120px;height:120px;background:rgba(255,255,255,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;animation:float 4s ease-in-out infinite}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-bottom:24px}.stat-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);padding:20px;display:flex;align-items:center;gap:16px;transition:box-shadow .2s}.stat-card:hover{box-shadow:var(--shadow-md)}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.stat-icon.green{background:var(--green-100);color:var(--green-600)}.stat-icon.orange{background:var(--orange-100);color:var(--orange-500)}.stat-icon.blue{background:var(--blue-100);color:var(--blue-500)}.stat-icon.purple{background:var(--purple-100);color:#9333ea}.stat-value{font-size:28px;font-weight:800;color:var(--gray-900)}.stat-label{font-size:13px;color:var(--gray-600)}.stat-note{font-size:12px;color:var(--gray-400);margin-top:2px}.grid-2{grid-template-columns:1fr 1fr;grid-gap:16px}.grid-2,.grid-3{display:grid;gap:16px;margin-bottom:24px}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:16px}.grid-4{grid-template-columns:repeat(4,1fr);grid-gap:16px}.grid-4,.grid-cards{display:grid;gap:16px;margin-bottom:24px}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:16px}.card-section{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);padding:24px}.card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.card-title{font-size:16px;font-weight:700;color:var(--gray-900)}.card-link{font-size:13px;color:var(--green-600);font-weight:500}.card-link:hover{color:var(--green-700)}.progress-bar{flex:1 1;height:6px;background:var(--gray-100);border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:3px;background:var(--green-500);transition:width .5s ease;animation:progressFill .8s var(--ease) both}.progress-bar-fill.orange{background:var(--orange-500)}.progress-bar-fill.red{background:var(--red-500)}.progress-label{font-size:14px;font-weight:700;flex-shrink:0}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th{text-align:left;padding:12px 16px;font-size:12px;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.5px;background:var(--gray-50)}.data-table td,.data-table th{border-bottom:1px solid var(--gray-100)}.data-table td{padding:14px 16px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--gray-50)}.data-table .grade{font-weight:700;font-size:15px}.data-table .grade-5{color:var(--green-600)}.data-table .grade-4{color:var(--blue-500)}.data-table .grade-3{color:var(--orange-500)}.data-table .grade-empty{color:var(--gray-300)}.data-table .avg{font-weight:800;font-size:16px;color:var(--green-600)}.focus-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--gray-100)}.focus-row:last-child{border-bottom:none}.date-badge{width:44px;height:44px;background:#fef2f2;color:var(--red-500);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0}.date-badge small{font-size:10px;font-weight:500;opacity:.7}.focus-info{flex:1 1;min-width:0}.focus-info b{display:block;font-size:13px;font-weight:600}.focus-info span{font-size:12px;color:var(--gray-500)}.discipline-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--gray-100)}.discipline-row:last-child{border-bottom:none}.discipline-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0;color:white}.discipline-icon.coral{background:linear-gradient(135deg,#f472b6,#ec4899)}.discipline-icon.blue{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.discipline-icon.yellow{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.discipline-icon.purple{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.discipline-info{flex:1 1;min-width:0}.discipline-info b{display:block;font-size:13px;font-weight:600}.discipline-info span{font-size:12px;color:var(--gray-500)}.discipline-grade{font-size:14px;font-weight:700;color:var(--green-600);width:24px;text-align:right}.grade-box{background:var(--green-50);border:1px solid var(--green-200);border-radius:12px;padding:20px;margin-bottom:16px;display:flex;align-items:center;gap:16px}.grade-box strong{font-size:32px;font-weight:800;color:var(--green-700)}.grade-box span{font-size:12px;color:var(--gray-500);line-height:1.5}.grade-line{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--gray-100);font-size:13px}.grade-line:last-child{border-bottom:none}.grade-line b{font-weight:600}.week-row{display:flex;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--gray-100);margin-bottom:12px}.week-day{text-align:center;font-size:11px;color:var(--gray-400)}.week-day span{display:block}.week-day b{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin:6px auto 0;border-radius:8px;font-size:13px;font-weight:500;color:var(--gray-600)}.week-day.today b{background:var(--green-500);color:white}.lesson-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--gray-100)}.lesson-row:last-child{border-bottom:none}.lesson-time{font-size:13px;font-weight:600;color:var(--gray-500);width:50px}.lesson-info{flex:1 1}.lesson-info b{display:block;font-size:13px;font-weight:600}.lesson-info span{font-size:12px;color:var(--gray-500)}.trail{display:flex;align-items:center;gap:8px;margin-bottom:24px;flex-wrap:wrap}.trail-item{font-size:13px;color:var(--gray-500);cursor:pointer;transition:color .15s}.trail-item:hover{color:var(--green-600)}.trail-item.active{color:var(--gray-800);font-weight:600;cursor:default}.trail-sep{color:var(--gray-300);font-size:12px}.study-card{display:block;padding:24px;cursor:pointer;transition:all .2s;text-decoration:none;color:inherit;position:relative}.study-card:hover{border-color:var(--green-300);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.study-card-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:16px;color:white}.study-card-icon.green{background:linear-gradient(135deg,var(--green-400),var(--green-600))}.study-card-icon.blue{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.study-card-icon.purple{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.study-card-icon.orange{background:linear-gradient(135deg,#fb923c,#f97316)}.study-card-icon.coral{background:linear-gradient(135deg,#f472b6,#ec4899)}.study-card-title{font-size:17px;font-weight:700;color:var(--gray-900);margin-bottom:4px}.study-card-subtitle{font-size:13px;color:var(--gray-500);margin-bottom:16px}.study-card-stats{display:flex;gap:16px}.study-card-stat{font-size:12px;color:var(--gray-400)}.study-card-stat strong{color:var(--gray-600);font-weight:600}.study-card-arrow{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:var(--gray-300);font-size:18px;transition:all .2s}.study-card:hover .study-card-arrow{color:var(--green-500);transform:translateY(-50%) translateX(4px)}.study-card-wrapper{position:relative;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s}.study-card-wrapper:hover{border-color:var(--green-300);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.study-card-wrapper .study-card{border:none;border-radius:0}.study-card-wrapper .study-card:hover{border:none;box-shadow:none;transform:none}.study-card-actions{padding:0 24px 16px;opacity:0;transition:opacity .2s}.study-card-wrapper:hover .study-card-actions{opacity:1}.disc-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s;margin-bottom:12px}.disc-card:hover{box-shadow:var(--shadow-md)}.disc-card-header{display:flex;align-items:center;gap:14px;padding:20px 24px;cursor:pointer;transition:background .15s}.disc-card-header:hover{background:var(--gray-50)}.disc-card-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:white;flex-shrink:0}.disc-card-info{flex:1 1}.disc-card-info h3{font-size:15px;font-weight:700;color:var(--gray-900)}.disc-card-info p{font-size:12px;color:var(--gray-400)}.disc-card-chevron{color:var(--gray-300);transition:transform .2s;font-size:14px}.disc-card.open .disc-card-chevron{transform:rotate(180deg)}.disc-card-body{padding:0 24px 20px;display:none}.disc-card.open .disc-card-body{display:block;animation:fadeInUp .3s var(--ease) both}.disc-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--gray-100);cursor:pointer;transition:background .1s;text-decoration:none;color:inherit}.disc-item:last-child{border-bottom:none}.disc-item:hover{background:var(--gray-50);margin:0 -12px;padding:10px 12px;border-radius:8px}.disc-item-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.disc-item-icon.lecture{background:var(--green-100);color:var(--green-600)}.disc-item-icon.test{background:#fef2f2;color:#ef4444}.disc-item-icon.practice{background:var(--orange-100);color:var(--orange-500)}.disc-item-info{flex:1 1;min-width:0}.disc-item-info b{display:block;font-size:13px;font-weight:600;color:var(--gray-800)}.disc-item-info span{font-size:12px;color:var(--gray-400)}.disc-item-badge{font-size:11px;font-weight:600;padding:3px 8px;border-radius:4px;flex-shrink:0}.disc-item-badge.new{background:var(--green-100);color:var(--green-700)}.disc-item-badge.pending{background:var(--orange-100);color:var(--orange-500)}.disc-item-badge.done{background:var(--gray-100);color:var(--gray-500)}.disc-actions{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--gray-100)}.disc-add-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border:1px dashed var(--gray-300);border-radius:6px;font-size:12px;font-weight:600;color:var(--gray-400);cursor:pointer;transition:all .15s;text-decoration:none}.disc-add-btn:hover{border-color:var(--green-400);color:var(--green-600);background:var(--green-50)}.disc-section{margin-bottom:8px}.disc-section-label{display:block;font-size:11px;font-weight:700;color:var(--gray-400);text-transform:uppercase;letter-spacing:.5px;padding:8px 0 4px}.disc-item-icon.practice{background:var(--blue-100);color:#1d4ed8}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--gray-200);border-radius:var(--radius);overflow:hidden}.cal-head{padding:10px 4px;text-align:center;font-size:11px;font-weight:700;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px;background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.cal-cell{min-height:100px;padding:8px;background:var(--white);cursor:pointer;transition:all .2s var(--ease);border-right:1px solid var(--gray-100);border-bottom:1px solid var(--gray-100);position:relative}.cal-cell:nth-child(7n){border-right:none}.cal-cell:hover{background:var(--gray-50);transform:scale(1.01);z-index:1}.cal-cell.today{background:var(--green-50)}.cal-cell.selected{box-shadow:inset 0 0 0 2px var(--green-500)}.cal-num{font-size:13px;font-weight:600;color:var(--gray-600);margin-bottom:6px}.cal-cell.today .cal-num{width:26px;height:26px;background:var(--green-500);color:white;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 2px 8px rgba(22,163,74,.3)}.cal-cell.other-month .cal-num{color:var(--gray-300)}.cal-chip{font-size:11px;font-weight:600;padding:3px 7px;border-radius:6px;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block;line-height:1.3}.cal-chip.lesson{background:var(--green-100);color:var(--green-700)}.cal-chip.test{background:#fef2f2;color:#dc2626}.cal-chip.practice{background:var(--orange-100);color:#c2410c}.cal-chip.other{background:var(--blue-100);color:#1d4ed8}.tb{display:flex;flex-direction:column;gap:20px}.tb-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:28px}.tb-card-header{gap:14px;margin-bottom:24px}.tb-card-header,.tb-card-icon{display:flex;align-items:center}.tb-card-icon{width:42px;height:42px;border-radius:12px;background:var(--green-50);color:var(--green-600);justify-content:center;font-size:18px;flex-shrink:0}.tb-card-header h3{font-size:17px;font-weight:700;color:var(--gray-900);margin:0}.tb-card-header p{font-size:13px;color:var(--gray-500);margin:2px 0 0}.tb-settings-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.tb-field{display:flex;flex-direction:column;gap:5px}.tb-field label{font-size:13px;font-weight:600;color:var(--gray-700)}.tb-field .tb-hint{font-weight:400;color:var(--gray-400)}.tb-field-wide{grid-column:1/-1}.tb-field input,.tb-field select,.tb-field textarea{padding:10px 14px;border:2px solid var(--gray-200);border-radius:var(--radius-sm);font-size:14px;font-family:var(--font-sans);background:var(--white);color:var(--gray-800);transition:border-color .2s var(--ease),box-shadow .2s var(--ease);outline:none;width:100%;box-sizing:border-box}.tb-field input:focus,.tb-field select:focus,.tb-field textarea:focus{border-color:var(--green-400);box-shadow:0 0 0 3px var(--green-100)}.tb-field textarea{resize:vertical;min-height:60px}.tb-input-suffix{display:flex;align-items:center;gap:0}.tb-input-suffix input{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.tb-input-suffix span{padding:10px 12px;background:var(--gray-50);border:2px solid var(--gray-200);border-left:none;border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:13px;font-weight:600;color:var(--gray-500);white-space:nowrap}.tb-questions-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.tb-questions-info h3{font-size:17px;font-weight:700;color:var(--gray-900);margin:0}.tb-stats{display:flex;align-items:center;gap:8px;margin-top:4px}.tb-stat{font-size:13px;color:var(--gray-500);font-weight:500}.tb-stat-sep{color:var(--gray-300)}.tb-add-buttons{display:flex;gap:8px;flex-wrap:wrap}.tb-add-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-sm);border:1.5px dashed var(--gray-300);background:var(--white);font-size:13px;font-weight:600;color:var(--gray-600);cursor:pointer;transition:all .2s var(--ease);font-family:var(--font-sans)}.tb-add-btn:hover{border-color:var(--green-400);color:var(--green-600);background:var(--green-50)}.tb-add-icon{font-size:15px;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;color:currentColor}.tb-questions{display:flex;flex-direction:column;gap:8px}.tb-empty{text-align:center;padding:48px 24px;background:var(--white);border:2px dashed var(--gray-200);border-radius:var(--radius-lg)}.tb-empty-icon{width:64px;height:64px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;border-radius:18px;background:var(--green-50);color:var(--green-600)}.tb-empty h4{font-size:16px;font-weight:700;color:var(--gray-800);margin:0 0 4px}.tb-empty p{font-size:13px;color:var(--gray-400);margin:0}.tb-question{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);transition:all .2s var(--ease);overflow:hidden}.tb-question:hover{border-color:var(--gray-300)}.tb-question.active{border-color:var(--green-300);box-shadow:0 0 0 3px var(--green-50)}.tb-q-header{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;transition:background .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tb-q-header:hover{background:var(--gray-50)}.tb-q-drag{display:flex;flex-direction:column;gap:1px}.tb-q-move{width:20px;height:16px;border:none;background:none;cursor:pointer;font-size:10px;color:var(--gray-400);display:flex;align-items:center;justify-content:center;border-radius:3px;transition:all .15s}.tb-q-move:hover:not(:disabled){background:var(--gray-200);color:var(--gray-700)}.tb-q-move:disabled{opacity:.2;cursor:default}.tb-q-num{width:28px;height:28px;border-radius:8px;background:var(--gray-100);font-size:12px;font-weight:700;color:var(--gray-500);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tb-question.active .tb-q-num{background:var(--green-100);color:var(--green-700)}.tb-q-summary{flex:1 1;min-width:0;display:flex;align-items:center;gap:10px}.tb-q-type-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:3px 8px;border-radius:6px;background:var(--gray-100);color:var(--gray-600);white-space:nowrap;flex-shrink:0}.tb-question.active .tb-q-type-badge{background:var(--green-50);color:var(--green-700)}.tb-q-preview{font-size:13px;color:var(--gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tb-question.active .tb-q-preview{color:var(--gray-700)}.tb-q-points{font-size:13px;font-weight:700;color:var(--green-600);white-space:nowrap;flex-shrink:0}.tb-q-chevron{display:inline-flex;align-items:center;color:var(--gray-400);flex-shrink:0}.tb-q-body{padding:0 16px 20px;display:flex;flex-direction:column;gap:16px;border-top:1px solid var(--gray-100);animation:fadeIn .2s var(--ease)}.tb-q-meta{display:grid;grid-template-columns:1fr 120px;grid-gap:12px;gap:12px;padding-top:16px}.tb-q-prompt{width:100%;min-height:80px;padding:12px 14px;border:2px solid var(--gray-200);border-radius:var(--radius-sm);font-size:14px;font-family:var(--font-sans);color:var(--gray-800);resize:vertical;outline:none;line-height:1.6;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}.tb-q-prompt:focus{border-color:var(--green-400);box-shadow:0 0 0 3px var(--green-100)}.tb-q-options{display:flex;flex-direction:column;gap:8px}.tb-q-options label{font-size:13px;font-weight:600;color:var(--gray-700)}.tb-q-option-list{display:flex;flex-direction:column;gap:6px}.tb-q-option{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);transition:all .15s var(--ease);background:var(--white)}.tb-q-option:hover{border-color:var(--gray-300);background:var(--gray-50)}.tb-q-option.correct{border-color:var(--green-300);background:var(--green-50)}.tb-q-option-check{width:22px;height:22px;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0}.tb-radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--gray-300);transition:all .15s;display:block;position:relative}.tb-radio.checked{border-color:var(--green-500);background:var(--green-500)}.tb-radio.checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background:white}.tb-checkbox{width:18px;height:18px;border-radius:5px;border:2px solid var(--gray-300);transition:all .15s;display:block;position:relative}.tb-checkbox.checked{border-color:var(--green-500);background:var(--green-500)}.tb-checkbox.checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;font-weight:800;color:white;line-height:1}.tb-q-option input{flex:1 1;border:none;background:none;font-size:14px;font-family:var(--font-sans);color:var(--gray-800);outline:none;padding:0}.tb-q-option-remove{width:24px;height:24px;border:none;background:none;cursor:pointer;font-size:16px;color:var(--gray-400);border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.tb-q-option-remove:hover{background:#fef2f2;color:var(--red-500)}.tb-q-add-option{padding:8px 14px;border:1.5px dashed var(--gray-300);border-radius:var(--radius-sm);background:none;font-size:13px;font-weight:600;color:var(--gray-500);cursor:pointer;transition:all .15s var(--ease);font-family:var(--font-sans);margin-top:2px}.tb-q-add-option:hover{border-color:var(--green-400);color:var(--green-600);background:var(--green-50)}.tb-q-hint{display:flex;gap:12px;padding:14px 16px;background:var(--gray-50);border-radius:var(--radius-sm);border:1px solid var(--gray-200)}.tb-q-hint.code{background:#f8fafc;border-color:#e2e8f0}.tb-q-hint-icon{font-size:18px;flex-shrink:0;color:var(--gray-500)}.tb-q-hint code b{font-size:14px;color:var(--gray-800)}.tb-q-hint p{font-size:13px;color:var(--gray-500);margin:4px 0 0;line-height:1.5}.tb-q-actions{display:flex;gap:8px;padding-top:8px;border-top:1px solid var(--gray-100)}.tb-q-action{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--gray-200);border-radius:var(--radius-sm);background:var(--white);font-size:12px;font-weight:600;color:var(--gray-500);cursor:pointer;transition:all .15s;font-family:var(--font-sans)}.tb-q-action:hover{background:var(--gray-50);color:var(--gray-700)}.tb-q-action.danger:hover{background:#fef2f2;color:var(--red-500);border-color:#fecaca}.tb-footer{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);gap:16px;flex-wrap:wrap}.tb-notice{font-size:13px;color:var(--gray-500);font-weight:500}.tb-footer-buttons{display:flex;gap:10px}.tb-btn{padding:10px 24px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s var(--ease);font-family:var(--font-sans);border:none}.tb-btn-primary{background:var(--green-500);color:white;box-shadow:0 2px 8px rgba(22,163,74,.3)}.tb-btn-primary:hover{background:var(--green-600);transform:translateY(-1px);box-shadow:0 4px 12px rgba(22,163,74,.35)}.tb-btn-secondary{background:var(--white);color:var(--gray-600);border:1.5px solid var(--gray-200)}.tb-btn-secondary:hover{background:var(--gray-50);border-color:var(--gray-300)}@media (max-width:640px){.tb-settings-grid{grid-template-columns:1fr}.tb-field-wide{grid-column:auto}.tb-add-buttons{gap:6px}.tb-add-btn span:last-child{display:none}.tb-q-meta{grid-template-columns:1fr}.tb-footer{flex-direction:column;text-align:center}}.ne-code-block{border-radius:var(--radius);overflow:hidden;margin:12px 0;border:1px solid var(--gray-200)}.ne-code-header{padding:6px 14px;background:var(--gray-800);border-bottom:1px solid var(--gray-700)}.ne-code-lang{text-transform:uppercase;letter-spacing:.5px}.ne-code-copy,.ne-code-lang{font-size:11px;font-weight:600;color:var(--gray-400)}.ne-code-copy{background:none;border:1px solid var(--gray-600);border-radius:4px;padding:2px 8px;cursor:pointer;font-family:var(--font-sans);transition:all .15s}.ne-code-copy:hover{color:white;border-color:var(--gray-400)}.ne-code-pre{margin:0;padding:16px;background:var(--gray-900);overflow-x:auto;font-size:13px;line-height:1.6}.ne-code-pre code{font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;color:#e2e8f0}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#6b7280}.token.punctuation{color:#9ca3af}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#f97316}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#22c55e}.token.entity,.token.operator,.token.url{color:#38bdf8}.token.atrule,.token.attr-value,.token.keyword{color:#a78bfa}.token.class-name,.token.function{color:#38bdf8}.token.important,.token.regex,.token.variable{color:#fbbf24}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.chat-layout{display:flex;height:calc(100vh - 200px);min-height:400px;margin:0 -32px;border-radius:0}.chat-layout-full{margin:0 -32px -32px;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--gray-200);height:min(680px,calc(100vh - 160px));min-height:480px;background:var(--white);box-shadow:0 12px 35px rgba(17,24,39,.06)}.chat-list{width:280px;border-right:1px solid var(--gray-200);background:var(--white);overflow-y:auto}.chat-list-header{padding:16px;border-bottom:1px solid var(--gray-100)}.chat-list-header h3{font-size:14px;font-weight:700}.chat-contact{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background .15s;border-bottom:1px solid var(--gray-100)}.chat-contact:hover{background:var(--gray-50)}.chat-contact.active{background:linear-gradient(90deg,var(--green-50),#f8fffa);box-shadow:inset 3px 0 0 var(--green-500)}.chat-contact-info{flex:1 1;min-width:0}.chat-contact-info b{display:block;font-size:13px;font-weight:600}.chat-contact-info span{font-size:12px;color:var(--gray-400);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-main{flex:1 1;display:flex;flex-direction:column;min-height:0;background:linear-gradient(180deg,#ffffff,#fbfdfc)}.chat-header{padding:16px 24px;border-bottom:1px solid var(--gray-200);background:rgba(255,255,255,.9);box-shadow:0 2px 12px rgba(17,24,39,.03)}.chat-messages{flex:1 1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:12px;min-height:0}.chat-bubble{position:relative;box-shadow:0 2px 8px rgba(17,24,39,.04);animation:fadeInUp .25s var(--ease) both;max-width:70%;padding:12px 16px;border-radius:16px;font-size:14px;line-height:1.5}.chat-bubble.mine{align-self:flex-end;background:var(--green-600);color:white;border-bottom-right-radius:4px}.chat-bubble.theirs{align-self:flex-start;background:var(--gray-100);color:var(--gray-800);border-bottom-left-radius:4px}.chat-bubble small{display:block;font-size:11px;margin-top:4px;opacity:.6}.chat-input-wrap{position:relative;padding:16px 24px;border-top:1px solid var(--gray-200);background:var(--white);display:flex;gap:8px;flex-shrink:0}.chat-input{flex:1 1;padding:10px 16px;border:2px solid var(--gray-200);border-radius:24px;font-size:14px;font-family:inherit;outline:none;transition:border-color .15s}.chat-input:focus{border-color:var(--green-500);box-shadow:0 0 0 4px rgba(34,197,94,.1)}.chat-empty-icon{width:72px;height:72px;border-radius:22px;background:linear-gradient(135deg,var(--green-50),#eef2ff);color:var(--green-600);box-shadow:0 12px 28px rgba(34,197,94,.12)}.chat-empty-icon svg{width:32px;height:32px}.chat-input-wrap .primary-button{flex-shrink:0}.result-info-icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:10px;color:var(--green-600);background:var(--green-50)}.tabs{display:flex;gap:4px;margin-bottom:24px;background:var(--gray-100);border-radius:10px;padding:4px;width:-moz-fit-content;width:fit-content}.tab{padding:8px 20px;border-radius:8px;font-size:13px;font-weight:600;color:var(--gray-500);cursor:pointer;transition:all .15s;border:none;background:transparent;font-family:inherit}.tab:hover{color:var(--gray-700)}.tab.active{background:var(--white);color:var(--gray-900);box-shadow:var(--shadow-sm)}.review-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);margin-bottom:16px;overflow:hidden;transition:box-shadow .2s}.review-card:hover{box-shadow:var(--shadow-md)}.review-header{gap:16px;padding:20px 24px;cursor:pointer}.review-avatar,.review-header{display:flex;align-items:center}.review-avatar{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#818cf8,#6366f1);color:white;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.review-info{flex:1 1}.review-info h3{font-size:15px;font-weight:700;color:var(--gray-900)}.review-info p{font-size:13px;color:var(--gray-500)}.review-chevron{color:var(--gray-400);transition:transform .2s;font-size:14px}.review-card.open .review-chevron{transform:rotate(180deg)}.review-body{padding:0 24px 24px;display:none}.review-card.open .review-body{display:block;animation:fadeInUp .3s var(--ease) both}.review-answer{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius);padding:16px;margin-bottom:12px}.review-answer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.review-answer-q{font-size:13px;font-weight:600;color:var(--gray-800)}.review-answer-text{font-size:14px;color:var(--gray-700);line-height:1.6}.review-answer-text,.review-grading{padding:12px;background:var(--white);border:1px solid var(--gray-200);border-radius:8px}.review-grading{display:flex;align-items:center;gap:12px;margin-top:12px}.review-grading label{font-size:13px;font-weight:600;color:var(--gray-600)}.review-grading input{width:80px;padding:8px 12px;border:2px solid var(--gray-200);border-radius:8px;font-size:14px;font-weight:600;text-align:center}.review-grading input:focus{outline:none;border-color:var(--green-500)}.transfer-info{background:var(--green-50);border:1px solid var(--green-200);border-radius:var(--radius);padding:20px;margin-bottom:32px;display:flex;align-items:center;gap:16px}.transfer-info-icon{width:48px;height:48px;background:var(--green-100);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.transfer-info-text h3{font-size:15px;font-weight:700;color:var(--gray-900)}.transfer-info-text p{font-size:13px;color:var(--gray-500)}.transfer-actions{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding:16px 20px;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius)}.transfer-actions-left{display:flex;gap:8px}.transfer-actions-right{font-size:13px;color:var(--gray-500)}.transfer-actions-right strong{color:var(--gray-800)}.group-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);margin-bottom:20px;overflow:hidden}.group-header{gap:16px;padding:20px 24px;border-bottom:1px solid var(--gray-100)}.group-checkbox,.group-header{display:flex;align-items:center}.group-checkbox{width:20px;height:20px;border:2px solid var(--gray-300);border-radius:6px;cursor:pointer;justify-content:center;transition:all .15s;flex-shrink:0}.group-checkbox.checked{border-color:var(--green-500);background:var(--green-500)}.group-checkbox.checked:after{content:"✓";color:white;font-size:12px;font-weight:700}.student-name{gap:12px}.student-avatar,.student-name{display:flex;align-items:center}.student-avatar{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--green-400),var(--green-600));color:white;justify-content:center;font-weight:700;font-size:11px;flex-shrink:0}.student-status{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600}.student-status .dot{width:6px;height:6px;border-radius:50%}.status-ready{color:var(--green-600)}.status-ready .dot{background:var(--green-500)}.status-warning{color:var(--orange-500)}.status-warning .dot{background:var(--orange-500)}.empty-state{text-align:center;padding:48px 24px}.empty-state-icon{width:64px;height:64px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;border-radius:18px;background:var(--green-50);color:var(--green-600)}.empty-state-title{font-size:18px;font-weight:700;color:var(--gray-900);margin-bottom:4px}.empty-state-description{font-size:14px;color:var(--gray-500);margin-bottom:16px}.module-alert{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:var(--red-500);animation:fadeInUp .3s var(--ease) both}.module-alert,.module-success{padding:12px 16px;font-size:13px;margin-bottom:16px}.module-success{background:var(--green-50);border:1px solid var(--green-200);border-radius:8px;color:var(--green-700)}.tests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:16px;gap:16px}.test-card-link{text-decoration:none;color:inherit;display:block}.test-card-header{padding:20px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;display:flex;align-items:center;justify-content:space-between}.test-card-header.mark-0{background:linear-gradient(135deg,var(--green-400),var(--green-600))}.test-card-header.mark-1{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.test-card-header.mark-2{background:linear-gradient(135deg,#fb923c,#f97316)}.test-card-header.mark-3{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.test-card-icon{font-size:24px}.test-card-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.test-card-discipline{font-size:13px;color:var(--gray-500)}.test-card-title{font-size:16px;font-weight:700;color:var(--gray-900);margin-bottom:4px}.test-card-description{font-size:13px;color:var(--gray-500);margin-bottom:12px}.test-card-stats{display:flex;gap:16px;margin-bottom:8px}.test-card-stats,.test-card-window{font-size:12px;color:var(--gray-400)}.test-card-window{padding-top:8px;border-top:1px solid var(--gray-100)}.word-editor{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden}.ribbon{background:var(--gray-50);-webkit-user-select:none;-moz-user-select:none;user-select:none}.ribbon,.ribbon-tabs{border-bottom:1px solid var(--gray-200)}.ribbon-tabs{display:flex;gap:0;padding:0 16px}.ribbon-tab{padding:8px 16px;font-size:12px;font-weight:600;color:var(--gray-500);cursor:pointer;background:transparent;font-family:inherit;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s}.ribbon-tab:hover{color:var(--gray-700);background:rgba(0,0,0,.02)}.ribbon-tab.active{color:var(--green-700);border-bottom-color:var(--green-500);background:var(--white)}.ribbon-body{display:flex;align-items:flex-start;gap:0;padding:8px 12px;overflow-x:auto;min-height:56px}.ribbon-group{display:flex;flex-direction:column;align-items:center;min-width:0}.ribbon-group-label{font-size:9px;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;white-space:nowrap}.ribbon-group-items{display:flex;align-items:center;gap:2px}.ribbon-sep{height:36px;margin:8px;flex-shrink:0}.ribbon-sep,.ribbon-sep-v{width:1px;background:var(--gray-200)}.ribbon-sep-v{height:20px;margin:0 2px}.ribbon-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 8px;border-radius:4px;border:1px solid transparent;background:transparent;cursor:pointer;transition:all .1s;font-family:inherit}.ribbon-btn:hover{background:var(--white);border-color:var(--gray-200);box-shadow:0 1px 2px rgba(0,0,0,.06)}.ribbon-btn-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;color:var(--gray-700)}.ribbon-btn-text{font-size:9px;font-weight:500;color:var(--gray-600);white-space:nowrap}.ribbon-btn-sm{width:28px;height:28px;border-radius:4px;border:1px solid transparent;background:transparent;cursor:pointer;font-size:13px;font-weight:600;font-family:inherit;color:var(--gray-700);display:flex;align-items:center;justify-content:center;transition:all .1s}.ribbon-btn-sm:hover{background:var(--white);border-color:var(--gray-200);box-shadow:0 1px 2px rgba(0,0,0,.06)}.ribbon-btn-sm:active{background:var(--green-50);border-color:var(--green-300)}.ribbon-select{padding:4px 8px;border:1px solid var(--gray-200);border-radius:4px;font-size:12px;font-family:inherit;color:var(--gray-700);background:var(--white);cursor:pointer;min-width:120px}.ribbon-select:focus{outline:none;border-color:var(--green-500)}.doc-props{padding:24px 40px 0}.doc-title{width:100%;border:none;outline:none;font-size:32px;font-weight:800;color:var(--gray-900);letter-spacing:-.5px;padding:0;background:transparent;font-family:inherit;line-height:1.3}.doc-title::placeholder{color:var(--gray-300)}.doc-meta-row{display:flex;align-items:center;gap:12px;margin-top:12px;padding-bottom:16px;border-bottom:1px solid var(--gray-100)}.doc-discipline{padding:6px 12px;border:1px solid var(--gray-200);border-radius:8px;font-size:13px;font-family:inherit;color:var(--gray-600);background:var(--gray-50);cursor:pointer;flex-shrink:0}.doc-discipline:focus{outline:none;border-color:var(--green-500)}.doc-description{flex:1 1;border:none;outline:none;font-size:14px;color:var(--gray-500);background:transparent;font-family:inherit;padding:4px 0}.doc-description::placeholder{color:var(--gray-300)}.doc-content{padding:16px 40px 32px;min-height:400px}.doc-block{position:relative;padding:4px 8px;margin:2px 0;border-radius:6px;border:1px solid transparent;transition:all .1s}.doc-block:hover{border-color:var(--gray-200);background:var(--gray-50)}.doc-block.active{border-color:var(--green-300);background:var(--green-50)}.doc-block.drag-over{border-top:2px solid var(--green-500)}.doc-block:hover .doc-block-toolbar{opacity:1}.doc-block-toolbar{position:absolute;left:-36px;top:4px;display:flex;flex-direction:column;gap:2px;opacity:0;transition:opacity .15s}.doc-block-drag{width:24px;height:20px;border:none;background:transparent;color:var(--gray-300);cursor:-webkit-grab;cursor:grab;font-size:12px;border-radius:3px;display:flex;align-items:center;justify-content:center}.doc-block-drag:hover{color:var(--gray-500);background:var(--gray-200)}.doc-block-drag svg{pointer-events:none}.doc-block-action{width:24px;height:20px;border:none;background:transparent;color:var(--gray-300);cursor:pointer;font-size:11px;border-radius:3px;display:flex;align-items:center;justify-content:center;font-family:inherit}.doc-block-action:hover{color:var(--gray-600);background:var(--gray-200)}.doc-block-delete:hover{color:var(--red-500);background:#fef2f2}.doc-text{width:100%;border:none;outline:none;font-size:15px;color:var(--gray-700);padding:2px 4px;background:transparent;font-family:inherit;line-height:1.7;min-height:1.7em}.doc-text:empty:before{content:attr(data-placeholder);color:var(--gray-300);pointer-events:none}.doc-heading{width:100%;border:none;outline:none;font-size:24px;font-weight:800;color:var(--gray-900);padding:4px;background:transparent;font-family:inherit;line-height:1.3;letter-spacing:-.3px}.doc-heading:empty:before{content:attr(data-placeholder);color:var(--gray-300);pointer-events:none}.doc-callout{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:var(--green-50);border-left:3px solid var(--green-400);border-radius:0 8px 8px 0}.doc-callout-icon{font-size:16px;flex-shrink:0;margin-top:2px}.doc-callout>div{flex:1 1;font-size:14px;color:var(--gray-700);line-height:1.6;outline:none}.doc-callout>div:empty:before{content:attr(data-placeholder);color:var(--gray-400);pointer-events:none}.doc-table-wrap{margin:8px 0;overflow-x:auto}.doc-table{width:100%;border-collapse:collapse;font-size:13px}.doc-table th{background:var(--gray-50);font-weight:600;text-align:left;padding:8px 12px;border:1px solid var(--gray-200)}.doc-table th input{width:100%;border:none;outline:none;background:transparent;font-size:13px;font-weight:600;font-family:inherit;color:var(--gray-700)}.doc-table td{padding:8px 12px;border:1px solid var(--gray-200)}.doc-table td input{width:100%;border:none;outline:none;background:transparent;font-size:13px;font-family:inherit;color:var(--gray-700)}.doc-table td input:focus{background:var(--green-50);border-radius:4px}.doc-table-actions{display:flex;gap:8px;margin-top:8px}.doc-table-actions button{padding:4px 10px;border:1px dashed var(--gray-300);border-radius:6px;font-size:11px;font-weight:600;color:var(--gray-400);cursor:pointer;transition:all .15s;font-family:inherit;background:transparent}.doc-table-actions button:hover{border-color:var(--green-400);color:var(--green-600);background:var(--green-50)}.doc-chart{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);padding:20px;margin:8px 0}.doc-chart-bars{display:flex;align-items:flex-end;gap:12px;height:160px;margin-bottom:12px}.doc-chart-col{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end}.doc-chart-col b{font-size:11px;font-weight:600;color:var(--gray-600)}.doc-chart-bar{width:100%;background:linear-gradient(180deg,var(--green-400),var(--green-600));border-radius:6px 6px 0 0;transition:height .3s ease;min-height:4px}.doc-chart-col>input{width:100%;text-align:center;border:none;outline:none;font-size:11px;color:var(--gray-500);background:transparent;font-family:inherit;padding:2px}.doc-chart-data{display:flex;flex-direction:column;gap:6px;padding-top:12px;border-top:1px solid var(--gray-100)}.doc-chart-datum{display:flex;align-items:center;gap:8px}.doc-chart-label-input{flex:1 1;padding:4px 8px;border:1px solid var(--gray-200);border-radius:4px;font-size:12px;font-family:inherit;color:var(--gray-700);outline:none}.doc-chart-label-input:focus{border-color:var(--green-500)}.doc-chart-value-input{width:60px;padding:4px 8px;border:1px solid var(--gray-200);border-radius:4px;font-size:12px;font-family:inherit;color:var(--gray-700);text-align:center;outline:none}.doc-chart-value-input:focus{border-color:var(--green-500)}.doc-chart-remove{width:22px;height:22px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--gray-300);font-size:12px;flex-shrink:0;cursor:pointer;background:transparent;border:none;transition:all .1s}.doc-chart-remove:hover{background:#fef2f2;color:var(--red-500)}.doc-chart-add{padding:4px 10px;border:1px dashed var(--gray-300);border-radius:6px;font-size:11px;font-weight:600;color:var(--gray-400);cursor:pointer;transition:all .15s;font-family:inherit;background:transparent;margin-top:4px}.doc-chart-add:hover{border-color:var(--green-400);color:var(--green-600);background:var(--green-50)}.doc-code{background:var(--gray-900);border-radius:var(--radius);overflow:hidden;margin:8px 0}.doc-code-header{display:flex;align-items:center;padding:8px 16px;background:rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.1)}.doc-code-header select{background:rgba(255,255,255,.1);border:none;color:rgba(255,255,255,.7);font-size:12px;padding:2px 8px;border-radius:4px;font-family:inherit;cursor:pointer}.doc-code-body{display:flex;min-height:100px;position:relative}.doc-code-body textarea{width:100%;height:100%;color:transparent;caret-color:white;background:transparent;border:none;outline:none;resize:none;z-index:2}.doc-code-body textarea,.doc-code-preview{position:absolute;inset:0;padding:16px;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;line-height:1.7;white-space:pre;overflow:auto}.doc-code-preview{color:#e2e8f0;pointer-events:none}.doc-code-preview code{font-family:inherit}.doc-code-body .kw{color:#c084fc;font-weight:500}.doc-code-body .str{color:#86efac}.doc-code-body .cm{color:rgba(255,255,255,.35);font-style:italic}.doc-code-body .num{color:#fbbf24}.doc-code-body .fn{color:#60a5fa}.doc-add-block{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;margin:8px 0;border:1px dashed var(--gray-300);border-radius:8px;color:var(--gray-400);font-size:13px;cursor:pointer;transition:all .15s;width:100%;font-family:inherit;background:transparent}.doc-add-block:hover{border-color:var(--green-400);color:var(--green-600);background:var(--green-50)}.notion-editor{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);min-height:600px;position:relative}.ne-meta{padding:32px 40px 0}.ne-title{width:100%;border:none;outline:none;font-size:32px;font-weight:800;color:var(--gray-900);letter-spacing:-.5px;padding:0;background:transparent;font-family:inherit;line-height:1.3}.ne-title::placeholder{color:var(--gray-300)}.ne-meta-row{display:flex;align-items:center;gap:12px;margin-top:12px;padding-bottom:16px;border-bottom:1px solid var(--gray-100)}.ne-discipline{padding:6px 12px;border:1px solid var(--gray-200);border-radius:8px;font-size:13px;font-family:inherit;color:var(--gray-600);background:var(--gray-50);cursor:pointer;flex-shrink:0}.ne-discipline:focus{outline:none;border-color:var(--green-500)}.ne-description{flex:1 1;border:none;outline:none;font-size:14px;color:var(--gray-500);background:transparent;font-family:inherit;resize:none;padding:4px 0}.ne-description::placeholder{color:var(--gray-300)}.ne-content{padding:16px 40px 32px;position:relative}.ne-block{position:relative;padding:3px 0;border-radius:4px;transition:background .1s;margin-left:32px}.ne-block:hover{background:var(--gray-50)}.ne-block.dragging{opacity:.4}.ne-block.drag-over{border-top:2px solid var(--green-500)}.ne-block-inner{position:relative}.ne-block:hover .ne-drag-handle{opacity:1}.ne-drag-handle{position:absolute;left:-28px;top:4px;width:20px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--gray-300);cursor:-webkit-grab;cursor:grab;opacity:0;transition:opacity .15s;font-size:13px;border-radius:3px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ne-drag-handle:hover{color:var(--gray-500);background:var(--gray-100)}.ne-delete-btn{position:absolute;right:-8px;top:4px;width:22px;height:22px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--gray-300);font-size:14px;opacity:0;transition:all .1s}.ne-delete-btn:hover{background:#fef2f2;color:var(--red-500);opacity:1}.ne-block:hover .ne-delete-btn{opacity:.5}.ne-text{width:100%;border:none;outline:none;font-size:15px;color:var(--gray-700);padding:3px 0;background:transparent;font-family:inherit;line-height:1.7;min-height:1.7em}.ne-text:empty:before{content:attr(data-placeholder);color:var(--gray-300);pointer-events:none}.ne-heading,.ne-text:focus{outline:none}.ne-heading{width:100%;border:none;font-size:24px;font-weight:800;color:var(--gray-900);padding:4px 0;background:transparent;font-family:inherit;line-height:1.3;letter-spacing:-.3px}.ne-heading.h3{font-size:18px;font-weight:700}.ne-heading:empty:before,.ne-heading:empty[data-placeholder]:before{content:attr(data-placeholder);color:var(--gray-300);pointer-events:none}.ne-callout{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:var(--green-50);border-left:3px solid var(--green-400);border-radius:0 8px 8px 0;margin:4px 0}.ne-callout-icon{font-size:16px;flex-shrink:0;margin-top:2px}.ne-callout>div{flex:1 1;font-size:14px;color:var(--gray-700);line-height:1.6;outline:none}.ne-callout>div:empty:before{content:attr(data-placeholder);color:var(--gray-400);pointer-events:none}.ne-table{margin:8px 0}.ne-table-title{font-size:14px;font-weight:600;color:var(--gray-800);padding:4px 0 8px;outline:none;border:none;background:transparent;font-family:inherit}.ne-table-title:empty:before{content:attr(data-placeholder);color:var(--gray-300);pointer-events:none}.ne-table-scroll{overflow-x:auto}.ne-table-scroll table{width:100%;border-collapse:collapse;font-size:13px}.ne-table-scroll th{background:var(--gray-50);font-weight:600;text-align:left;padding:8px 12px;border:1px solid var(--gray-200);color:var(--gray-600)}.ne-table-scroll th input{width:100%;border:none;outline:none;background:transparent;font-size:13px;font-weight:600;font-family:inherit;color:var(--gray-700)}.ne-table-scroll td{padding:8px 12px;border:1px solid var(--gray-200)}.ne-table-scroll td input{width:100%;border:none;outline:none;background:transparent;font-size:13px;font-family:inherit;color:var(--gray-700)}.ne-table-scroll td input:focus{background:var(--green-50);border-radius:4px}.ne-table-actions{display:flex;gap:8px;margin-top:8px}.ne-table-actions button{padding:4px 10px;border:1px dashed var(--gray-300);border-radius:6px;font-size:11px;font-weight:600;color:var(--gray-400);cursor:pointer;transition:all .15s;font-family:inherit;background:transparent}.ne-table-actions button:hover{border-color:var(--green-400);color:var(--green-600);background:var(--green-50)}.ne-chart{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);padding:20px;margin:8px 0}.ne-chart-title{font-size:14px;font-weight:600;color:var(--gray-800);padding:0 0 12px;outline:none;border:none;background:transparent;font-family:inherit;width:100%}.ne-chart-title:empty:before{content:attr(data-placeholder);color:var(--gray-300);pointer-events:none}.ne-chart-bars{display:flex;align-items:flex-end;gap:12px;height:180px;padding:0 4px;margin-bottom:12px}.ne-chart-col{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end}.ne-chart-col b{font-size:11px;font-weight:600;color:var(--gray-600)}.ne-chart-bar{width:100%;background:linear-gradient(180deg,var(--green-400),var(--green-600));border-radius:6px 6px 0 0;transition:height .3s ease;min-height:4px;display:flex;align-items:flex-start;justify-content:center;padding-top:6px}.ne-chart-bar b{color:white;font-size:11px}.ne-chart-col>input{width:100%;text-align:center;border:none;outline:none;font-size:11px;color:var(--gray-500);background:transparent;font-family:inherit;padding:2px}.ne-chart-data{display:flex;flex-direction:column;gap:6px;padding-top:12px;border-top:1px solid var(--gray-100)}.ne-chart-datum{display:flex;align-items:center;gap:8px}.ne-chart-label-input{flex:1 1;padding:4px 8px;border:1px solid var(--gray-200);border-radius:4px;font-size:12px;font-family:inherit;color:var(--gray-700);outline:none}.ne-chart-label-input:focus{border-color:var(--green-500)}.ne-chart-value-input{width:60px;padding:4px 8px;border:1px solid var(--gray-200);border-radius:4px;font-size:12px;font-family:inherit;color:var(--gray-700);text-align:center;outline:none}.ne-chart-value-input:focus{border-color:var(--green-500)}.ne-chart-remove{width:22px;height:22px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--gray-300);font-size:12px;flex-shrink:0;cursor:pointer;background:transparent;border:none;transition:all .1s}.ne-chart-remove:hover{background:#fef2f2;color:var(--red-500)}.ne-chart-actions{margin-top:8px}.ne-chart-actions button{padding:4px 10px;border:1px dashed var(--gray-300);border-radius:6px;font-size:11px;font-weight:600;color:var(--gray-400);cursor:pointer;transition:all .15s;font-family:inherit;background:transparent}.ne-chart-actions button:hover{border-color:var(--green-400);color:var(--green-600);background:var(--green-50)}.ne-code{background:var(--gray-900);border-radius:var(--radius);overflow:hidden;margin:8px 0}.ne-code-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.1)}.ne-code-header select{background:rgba(255,255,255,.1);border:none;color:rgba(255,255,255,.7);font-size:12px;padding:2px 8px;border-radius:4px;font-family:inherit;cursor:pointer}.ne-code-body{display:flex;min-height:120px;position:relative}.ne-code-body textarea{width:100%;height:100%;color:transparent;caret-color:white;background:transparent;border:none;outline:none;resize:none;z-index:2}.ne-code-body textarea,.ne-code-preview{position:absolute;inset:0;padding:16px;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;line-height:1.7;white-space:pre;overflow:auto}.ne-code-preview{color:#e2e8f0;pointer-events:none}.ne-code-preview code{font-family:inherit}.ne-code-body .kw{color:#c084fc;font-weight:500}.ne-code-body .str{color:#86efac}.ne-code-body .cm{color:rgba(255,255,255,.35);font-style:italic}.ne-code-body .num{color:#fbbf24}.ne-code-body .fn{color:#60a5fa}.ne-add-block{padding:4px 0;margin-left:32px}.ne-add-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px dashed var(--gray-300);border-radius:8px;color:var(--gray-400);font-size:13px;cursor:pointer;transition:all .15s;width:-moz-fit-content;width:fit-content;font-family:inherit;background:transparent}.ne-add-btn:hover{border-color:var(--green-400);color:var(--green-600);background:var(--green-50)}.ne-menu{display:flex;flex-wrap:wrap;gap:4px;padding:8px;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);box-shadow:var(--shadow-md);animation:fadeInUp .15s var(--ease) both}.ne-menu-item{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;color:var(--gray-600);cursor:pointer;transition:all .1s;font-family:inherit;background:transparent;border:none}.ne-menu-item:hover{background:var(--green-50);color:var(--green-700)}.ne-menu-icon{font-size:14px;width:20px;text-align:center}.ne-status{display:flex;align-items:center;gap:6px;padding:12px 16px;border-top:1px solid var(--gray-100);font-size:12px;color:var(--gray-400)}.ne-status .unsaved{color:var(--orange-500)}.ne-floating{position:fixed;z-index:100;background:var(--gray-900);border-radius:8px;padding:4px;display:flex;gap:1px;box-shadow:0 4px 16px rgba(0,0,0,.25);animation:fadeInUp .1s var(--ease) both;transform:translateX(-50%)}.ne-floating button{width:30px;height:30px;border:none;background:transparent;color:rgba(255,255,255,.7);border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;font-family:inherit;display:flex;align-items:center;justify-content:center;transition:all .1s}.ne-floating button:hover{background:rgba(255,255,255,.15);color:white}.ne-floating-sep{width:1px;background:rgba(255,255,255,.15);margin:4px 2px}.reader-layout{display:grid;grid-template-columns:1fr 280px;grid-gap:24px;gap:24px;align-items:start}.reader-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:32px}.reader-meta{display:flex;gap:20px;font-size:12px;color:var(--gray-400);margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--gray-100)}.reader-content h2{font-size:22px;font-weight:800;color:var(--gray-900);margin:24px 0 12px}.reader-content h3{font-size:17px;font-weight:700;color:var(--gray-900);margin:20px 0 8px}.reader-content p{font-size:15px;color:var(--gray-700);line-height:1.7;margin-bottom:12px}.reader-content blockquote{border-left:3px solid var(--green-400);padding:12px 16px;margin:12px 0;background:var(--green-50);border-radius:0 8px 8px 0;font-size:14px;color:var(--gray-600);font-style:italic}.reader-content li{font-size:15px;color:var(--gray-700);padding-left:20px;margin-bottom:6px;position:relative}.reader-content li:before{content:"•";position:absolute;left:4px;color:var(--green-500);font-weight:700}.reader-content strong{font-weight:700;color:var(--gray-900)}.reader-content code{background:var(--gray-100);padding:2px 6px;border-radius:4px;font-size:13px;font-family:JetBrains Mono,monospace;color:var(--green-700)}.reader-table{margin:16px 0}.reader-table h3{font-size:15px;font-weight:700;margin-bottom:8px}.reader-table table{width:100%;border-collapse:collapse;font-size:14px}.reader-table th{background:var(--gray-50);font-weight:600;text-align:left}.reader-table td,.reader-table th{padding:10px 12px;border:1px solid var(--gray-200)}.reader-chart{margin:16px 0}.reader-chart h3{font-size:15px;font-weight:700;margin-bottom:12px}.reader-chart-bars{display:flex;align-items:flex-end;gap:12px;height:160px}.reader-chart-bars>div{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end}.reader-chart-bars span{display:block;width:100%;background:linear-gradient(180deg,var(--green-400),var(--green-600));border-radius:6px 6px 0 0}.reader-chart-bars span b{color:white;font-size:11px;padding-top:4px;display:block;text-align:center}.reader-chart-bars small{font-size:11px;color:var(--gray-500)}.reader-code{margin:16px 0;background:var(--gray-900);border-radius:var(--radius);overflow:hidden}.reader-code span{display:block;padding:6px 16px;font-size:11px;color:rgba(255,255,255,.4);background:rgba(255,255,255,.05)}.reader-code pre{padding:16px;color:#e2e8f0;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.7;overflow-x:auto}.content-spacer{height:16px}.reader-aside{position:-webkit-sticky;position:sticky;top:80px;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:20px}.reader-aside h3{font-size:14px;font-weight:700;margin:8px 0 12px}.reader-aside a{display:block;font-size:13px;color:var(--gray-500);padding:4px 0;transition:color .15s}.reader-aside a:hover{color:var(--green-600)}.reader-tip{margin-top:20px;padding:16px;background:var(--green-50);border-radius:var(--radius)}.reader-tip span{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;color:var(--green-600);background:var(--green-100);border-radius:8px}.reader-tip p{font-size:12px;color:var(--gray-500);margin-top:4px;line-height:1.5}.material-status.large{padding:8px 16px;font-size:12px;font-weight:600;border-radius:8px}.material-status.published{background:var(--green-100);color:var(--green-700)}.material-status.draft{background:var(--gray-100);color:var(--gray-500)}.hamburger{display:none;position:fixed;top:14px;left:14px;z-index:1001;width:40px;height:40px;border-radius:10px;border:1px solid var(--gray-200);background:var(--white);box-shadow:var(--shadow-md);cursor:pointer;align-items:center;justify-content:center;font-size:18px;color:var(--gray-700)}.hamburger:hover{background:var(--gray-50)}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.3);z-index:999}@media (max-width:768px){.hamburger{display:flex}.portal-page{flex-direction:column}.portal-sidebar{position:fixed;top:0;left:-280px;width:280px;height:100vh;z-index:1000;transition:left .3s var(--ease);box-shadow:var(--shadow-xl);border-right:none;overflow-y:auto}.portal-sidebar.open{left:0}.sidebar-overlay.open{display:block}.portal-main{padding-top:60px}.portal-content{padding:16px}.portal-heading h1{font-size:22px}.grid-2,.grid-3,.grid-4,.grid-cards{grid-template-columns:1fr}.stats-row{grid-template-columns:1fr 1fr}.disc-card-body{padding:0 12px 12px}.disc-actions{flex-wrap:wrap}.disc-add-btn{font-size:11px;padding:4px 8px}.card-section{padding:16px}.tb-settings-grid{grid-template-columns:1fr}.tb-field-wide{grid-column:auto}.tb-add-buttons{gap:4px}.tb-add-btn span:last-child{display:none}.tb-q-meta{grid-template-columns:1fr}.tb-footer{flex-direction:column;text-align:center}.study-card{padding:16px}.study-card-icon{width:40px;height:40px;font-size:18px}.study-card-title{font-size:15px}.trail{flex-wrap:wrap}.trail-item{font-size:12px}.chat-layout{flex-direction:column;height:auto}.chat-list{width:100%;max-height:200px;border-bottom:1px solid var(--gray-200);border-right:none}.chat-messages{min-height:400px}}@media (max-width:480px){.portal-heading h1{font-size:18px}.portal-heading p{font-size:13px}.stat-card{padding:12px}.stat-card strong{font-size:22px}.portal-content{padding:12px}}