*{box-sizing:border-box}body{color:#1f2937;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}h1,h2,h3,h4,h5,h6,p{margin-top:0}button,input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.app-shell{background-color:#f8fafc;min-height:100vh;display:flex}.app-main{flex:1;min-width:0;min-height:100vh;overflow-y:auto}.mobile-topbar,.sidebar-backdrop{display:none}.page-content{margin:0 auto;padding:32px}.stat-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.dashboard-two-col{grid-template-columns:3fr 2fr;gap:24px;display:grid}.form-grid-2{grid-template-columns:1fr 1fr;gap:0 20px;display:grid}.notes-shell{height:100vh;display:flex;overflow:hidden}.notes-list{border-right:1px solid #e5e7eb;flex-direction:column;flex-shrink:0;width:300px;display:flex}.notes-list-scroll{flex:1;overflow-y:auto}.notes-editor{flex-direction:column;flex:1;display:flex;overflow:hidden}.notes-back-btn{display:none}.table-scroll{overflow-x:auto}.table-scroll>.table-min{min-width:640px}@media (width<=900px){.stat-grid{grid-template-columns:repeat(2,1fr)}.dashboard-two-col{grid-template-columns:1fr}}@media (width<=768px){.app-shell{flex-direction:column}.page-content{padding:16px}.form-grid-2{grid-template-columns:1fr}.mobile-topbar{z-index:30;color:#f1f5f9;background-color:#1e293b;align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky;top:0}.app-sidebar{z-index:50;width:260px;transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.app-sidebar.open{transform:translate(0);box-shadow:0 0 40px #00000059}.sidebar-backdrop{z-index:40;background-color:#0f172a80;display:block;position:fixed;inset:0}.notes-shell{flex-direction:column;height:auto;min-height:calc(100vh - 57px);overflow:visible}.notes-list{border-bottom:1px solid #e5e7eb;border-right:none;width:100%}.notes-list-scroll{max-height:45vh}.notes-shell.editing .notes-list{display:none}.notes-shell.editing .notes-editor{min-height:calc(100vh - 57px)}.notes-back-btn{display:inline-flex}.login-hero{display:none!important}.login-panel{width:100%!important;padding:32px 24px!important}}.modal-box{max-height:calc(100dvh - 32px)}.login-brand-mobile{display:none}.exam-grid{grid-template-columns:1fr 1.2fr;display:grid}@media (width<=768px){input,select,textarea{font-size:16px!important}.card{padding:16px!important}.info-row{flex-direction:column;gap:2px!important}.info-row-label{width:auto!important}.page-actions{width:100%}.exam-grid{grid-template-columns:1fr;overflow:visible!important}.exam-grid>div{border-right:none!important;padding:16px!important;overflow:visible!important}.login-brand-mobile{align-items:center;gap:12px;margin-bottom:28px;display:flex}.exam-header{flex-wrap:wrap;gap:8px;padding:10px 16px!important}}.cham-buoc{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.cham-buoc>div+div{border-left:1px solid #e2e8f0}.cham-thanh-duoi{z-index:20;position:sticky;bottom:0}@media (width<=900px){.cham-buoc{grid-template-columns:1fr}.cham-buoc>div+div{border-top:1px solid #e2e8f0;border-left:none}}@media print{aside,button,nav,.mobile-topbar{display:none!important}main{margin-left:0!important}body{background:#fff!important}.card{break-inside:avoid}}