:root{--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;--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--green-50:#f0fdf4;--green-100:#dcfce7;--green-500:#22c55e;--green-600:#16a34a;--green-700:#15803d;--purple-50:#faf5ff;--purple-100:#f3e8ff;--purple-500:#a855f7;--purple-600:#9333ea;--purple-700:#7c3aed;--orange-50:#fff7ed;--orange-100:#ffedd5;--orange-500:#f97316;--orange-600:#ea580c;--orange-700:#c2410c;--success-50:var(--green-50);--success-500:var(--green-500);--success-600:var(--green-600);--warning-50:var(--orange-50);--warning-500:var(--orange-500);--warning-600:var(--orange-600);--error-50:#fef2f2;--error-100:#fee2e2;--error-500:#ef4444;--error-600:#dc2626;--info-50:var(--blue-50);--info-500:var(--blue-500);--info-600:var(--blue-600);--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-none:0;--radius-sm:.125rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--transition-fast:.15s ease-in-out;--transition-normal:.25s ease-in-out;--transition-slow:.35s ease-in-out;--sidebar-width:15rem;--sidebar-collapsed-width:4rem;--topbar-height:4rem;--content-max-width:1200px;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080}*,:before,:after{box-sizing:border-box}html{font-family:var(--font-sans);line-height:var(--leading-normal);-webkit-text-size-adjust:100%;tab-size:4}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--gray-900);background-color:var(--gray-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-gray-50{color:var(--gray-50)}.text-gray-100{color:var(--gray-100)}.text-gray-200{color:var(--gray-200)}.text-gray-300{color:var(--gray-300)}.text-gray-400{color:var(--gray-400)}.text-gray-500{color:var(--gray-500)}.text-gray-600{color:var(--gray-600)}.text-gray-700{color:var(--gray-700)}.text-gray-800{color:var(--gray-800)}.text-gray-900{color:var(--gray-900)}.text-blue-500{color:var(--blue-500)}.text-blue-600{color:var(--blue-600)}.text-green-500{color:var(--green-500)}.text-green-600{color:var(--green-600)}.text-purple-500{color:var(--purple-500)}.text-purple-600{color:var(--purple-600)}.text-orange-500{color:var(--orange-500)}.text-orange-600{color:var(--orange-600)}.bg-gray-50{background-color:var(--gray-50)}.bg-gray-100{background-color:var(--gray-100)}.bg-gray-200{background-color:var(--gray-200)}.bg-gray-300{background-color:var(--gray-300)}.bg-gray-400{background-color:var(--gray-400)}.bg-gray-500{background-color:var(--gray-500)}.bg-gray-600{background-color:var(--gray-600)}.bg-gray-700{background-color:var(--gray-700)}.bg-gray-800{background-color:var(--gray-800)}.bg-gray-900{background-color:var(--gray-900)}.bg-blue-50{background-color:var(--blue-50)}.bg-blue-500{background-color:var(--blue-500)}.bg-blue-600{background-color:var(--blue-600)}.bg-green-50{background-color:var(--green-50)}.bg-green-500{background-color:var(--green-500)}.bg-green-600{background-color:var(--green-600)}.bg-purple-50{background-color:var(--purple-50)}.bg-purple-500{background-color:var(--purple-500)}.bg-purple-600{background-color:var(--purple-600)}.bg-orange-50{background-color:var(--orange-50)}.bg-orange-500{background-color:var(--orange-500)}.bg-orange-600{background-color:var(--orange-600)}.border-gray-200{border-color:var(--gray-200)}.border-gray-300{border-color:var(--gray-300)}.border-blue-500{border-color:var(--blue-500)}.border-green-500{border-color:var(--green-500)}.border-purple-500{border-color:var(--purple-500)}.border-orange-500{border-color:var(--orange-500)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-5{margin:var(--space-5)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.transition-fast{transition:var(--transition-fast)}.transition-normal{transition:var(--transition-normal)}.transition-slow{transition:var(--transition-slow)}.btn{border-radius:var(--radius-md);font-weight:var(--font-medium);transition:var(--transition-fast);cursor:pointer;padding:var(--space-2)var(--space-4);font-size:var(--text-sm);line-height:var(--leading-tight);border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.btn-primary{background-color:var(--blue-600);color:#fff;border-color:var(--blue-600)}.btn-primary:hover{background-color:var(--blue-700);border-color:var(--blue-700)}.btn-secondary{background-color:var(--gray-100);color:var(--gray-700);border-color:var(--gray-300)}.btn-secondary:hover{background-color:var(--gray-200);border-color:var(--gray-400)}.btn-outline{color:var(--gray-700);border-color:var(--gray-300);background-color:#0000}.btn-outline:hover{background-color:var(--gray-50);border-color:var(--gray-400)}.card{border-radius:var(--radius-lg);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);transition:var(--transition-normal);background-color:#fff}.card:hover{box-shadow:var(--shadow-md)}.card-header{padding:var(--space-6);border-bottom:1px solid var(--gray-200)}.card-content{padding:var(--space-6)}.card-footer{padding:var(--space-6);border-top:1px solid var(--gray-200)}.badge{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-1)var(--space-2);line-height:var(--leading-tight);align-items:center;display:inline-flex}.badge-primary{background-color:var(--blue-50);color:var(--blue-700)}.badge-success{background-color:var(--green-50);color:var(--green-700)}.badge-warning{background-color:var(--orange-50);color:var(--orange-700)}.badge-error{background-color:var(--error-50);color:var(--error-600)}.input{border-radius:var(--radius-md);border:1px solid var(--gray-300);width:100%;padding:var(--space-2)var(--space-3);font-size:var(--text-sm);transition:var(--transition-fast);background-color:#fff}.input:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px var(--blue-50);outline:none}.input:disabled{background-color:var(--gray-50);color:var(--gray-500);cursor:not-allowed}.theme-student{--primary-color:var(--blue-600);--primary-light:var(--blue-50);--accent-color:var(--green-500)}.theme-teacher{--primary-color:var(--purple-600);--primary-light:var(--purple-50);--accent-color:var(--orange-500)}.theme-admin{--primary-color:var(--gray-700);--primary-light:var(--gray-50);--accent-color:var(--blue-500)}@media (max-width:640px){.sm\:hidden{display:none}.sm\:block{display:block}.sm\:text-sm{font-size:var(--text-sm)}.sm\:p-2{padding:var(--space-2)}}@media (max-width:768px){.md\:hidden{display:none}.md\:block{display:block}.md\:text-base{font-size:var(--text-base)}.md\:p-4{padding:var(--space-4)}}@media (max-width:1024px){.lg\:hidden{display:none}.lg\:block{display:block}.lg\:text-lg{font-size:var(--text-lg)}.lg\:p-6{padding:var(--space-6)}}.focus-visible:focus{outline:2px solid var(--blue-500);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:high){:root{--gray-200:#000;--gray-300:#000;--gray-400:#000;--gray-500:#000;--gray-600:#000;--gray-700:#000;--gray-800:#000;--gray-900:#000}}