@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--blue-900:#0f172a;--blue-800:#1e293b;--blue-700:#1e3a8a;--blue-600:#2563eb;--blue-500:#3b82f6;--blue-50:#eff6ff;--teal-800:#115e59;--teal-700:#0f766e;--teal-600:#0d9488;--teal-500:#14b8a6;--teal-50:#f0fdfa;--green-700:#047857;--green-600:#059669;--green-500:#10b981;--green-50:#ecfdf5;--warn-700:#b45309;--warn:#d97706;--warn-50:#fffbeb;--danger-700:#b91c1c;--danger:#dc2626;--danger-50:#fef2f2;--bg:#f8fafc;--surface:#fff;--surface-muted:#f1f5f9;--surface-hover:#f8fafc;--border:#e2e8f0;--border-hover:#cbd5e1;--text:#0f172a;--text-muted:#64748b;--text-dim:#94a3b8;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-xs:0 1px 2px 0 #0f172a0a;--shadow-sm:0 1px 3px 0 #0f172a0f, 0 1px 2px -1px #0f172a0f;--shadow-md:0 4px 6px -1px #0f172a0f, 0 2px 4px -2px #0f172a0f;--shadow-lg:0 10px 15px -3px #0f172a0d, 0 4px 6px -4px #0f172a0d;--shadow-xl:0 20px 25px -5px #0f172a0a, 0 8px 10px -6px #0f172a0a;--shadow:var(--shadow-sm);--font-display:"Plus Jakarta Sans", sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, Menlo, monospace}*{box-sizing:border-box}body{background-color:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:15px;line-height:1.55}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--blue-900);letter-spacing:-.02em;margin:0 0 8px;font-weight:700}h1{font-size:30px;line-height:1.25}h2{font-size:24px;line-height:1.3}h3{font-size:19px;line-height:1.35}h4{font-size:16px;line-height:1.4}a{color:var(--blue-600);text-decoration:none;transition:color .15s}a:hover{color:var(--blue-700)}.app-shell{flex-direction:column;min-height:100vh;display:flex}.tri-rail{background:linear-gradient(90deg,#2563eb 0%,#0d9488 50%,#10b981 100%);height:3px}.topbar{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:50;background:#ffffffeb;position:sticky;top:0;box-shadow:0 1px 3px #00000005}.topbar-inner{justify-content:space-between;align-items:center;max-width:1160px;margin:0 auto;padding:12px 24px;display:flex}.brand{font-family:var(--font-display);color:var(--blue-900);letter-spacing:-.03em;align-items:center;gap:10px;font-size:21px;font-weight:800;display:flex}.brand-dot{background:linear-gradient(135deg, var(--blue-600), var(--teal-500));border-radius:50%;width:10px;height:10px;box-shadow:0 0 10px #2563eb66}.container{flex:1;width:100%;max-width:1160px;margin:0 auto;padding:28px 24px 48px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px;transition:border-color .18s,box-shadow .18s,transform .18s}.card-interactive{cursor:pointer}.card-interactive:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field label{color:var(--text-muted);letter-spacing:-.01em;font-size:13px;font-weight:600}.field input,.field select,.field textarea,input[type=text],input[type=password],input[type=email],input[type=number],input[type=date],select,textarea{font-family:var(--font-body);border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--surface);color:var(--text);width:100%;padding:10px 14px;font-size:14px;line-height:1.4;transition:all .15s}.field input:hover,.field select:hover,.field textarea:hover,select:hover{border-color:var(--border-hover)}.field input:focus,.field select:focus,.field textarea:focus,select:focus,textarea:focus{border-color:var(--blue-600);outline:none;box-shadow:0 0 0 3px #2563eb1f}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748B'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px 16px;padding-right:36px!important}select:disabled{background-color:var(--surface-muted);color:var(--text-dim);cursor:not-allowed;opacity:.7}input[type=checkbox],input[type=radio]{accent-color:var(--blue-600);cursor:pointer;width:16px;height:16px}.btn{font-family:var(--font-body);border:1px solid var(--border);background-color:var(--surface);color:var(--blue-900);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:all .16s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn:hover:not(:disabled){background-color:var(--surface-muted);border-color:var(--border-hover);box-shadow:var(--shadow-xs);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-primary{background:linear-gradient(135deg,#1e3a8a 0%,#0f766e 100%);border:none;box-shadow:0 2px 6px #1e3a8a33;color:#fff!important}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8 0%,#0d9488 100%);transform:translateY(-1px);box-shadow:0 4px 12px #1e3a8a47}.btn-danger{color:var(--danger);background-color:#fef2f2;border-color:#fecaca}.btn-danger:hover:not(:disabled){background-color:#fee2e2;border-color:#fca5a5}.badge{border-radius:var(--radius-full);border:1px solid #0000;align-items:center;gap:4px;padding:3px 9px;font-size:12px;font-weight:600;line-height:1.35;display:inline-flex}.badge-role-student{background:var(--blue-50);color:var(--blue-700);border-color:#dbeafe}.badge-role-parent{background:var(--teal-50);color:var(--teal-700);border-color:#ccfbf1}.badge-role-teacher{background:var(--green-50);color:var(--green-700);border-color:#d1fae5}.badge-role-admin{background:var(--danger-50);color:var(--danger-700);border-color:#fee2e2}.badge-changed{background:var(--warn-50);color:var(--warn-700);border-color:#fef3c7}table{border-collapse:separate;border-spacing:0;background:var(--surface);border-radius:var(--radius-md);width:100%;overflow:hidden}th,td{text-align:left;border-bottom:1px solid var(--border);padding:13px 16px;font-size:14px}th{background-color:var(--surface-muted);color:var(--text-muted);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}tr:last-child td{border-bottom:none}tr:hover td{background-color:#f8fafc}.mono{font-family:var(--font-mono);font-size:13px;font-weight:500}.error-text{color:var(--danger);margin-top:4px;font-size:13px;font-weight:500}.center-screen{background:radial-gradient(circle at 20% 20%, #2563eb0d, transparent 40%), radial-gradient(circle at 80% 80%, #10b9810d, transparent 40%), var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}