:root{--brand-blue: #1a4b9c;--brand-green: #1e9a2c;--brand-navy: #0b192c;--brand-light-grey: #f4f6f9;--brand-white: #ffffff;--brand-blue-tint: #e6eefa;--brand-green-tint: #ebf7ec;--font-sans: "Geist", system-ui, -apple-system, sans-serif;--font-heading: "Sora", "Geist", sans-serif;--font-mono: "Geist Mono", ui-monospace, SFMono-Regular, monospace;--bg-primary: var(--brand-light-grey);--bg-secondary: #eef2f7;--bg-surface: var(--brand-white);--bg-surface-hover: var(--brand-light-grey);--border-subtle: #e2e7ee;--border-strong: #cbd3de;--border-focus: #b9cdf0;--text-primary: var(--brand-navy);--text-secondary: #3f4f66;--text-muted: #8a97a8;--disabled-bg: #e5e8ed;--disabled-fg: #8a97a8;--primary-50: var(--brand-blue-tint);--primary-100: #d3e0f5;--primary-200: #adc3ea;--primary-300: #7f9fd9;--primary-400: #4a73bf;--primary-500: var(--brand-blue);--primary-600: #153e82;--primary-700: #113267;--primary-800: #0d264f;--primary-900: #0b192c;--primary-glow: rgba(26, 75, 156, .15);--primary-contrast: #ffffff;--emerald-50: var(--brand-green-tint);--emerald-100: #d4efd7;--emerald-200: #a9dfb0;--emerald-300: #74c97f;--emerald-400: #43b351;--emerald-500: #25a634;--emerald-600: var(--brand-green);--emerald-700: #187f24;--emerald-800: #13641d;--emerald-900: #0e4a15;--amber-50: #fffbeb;--amber-100: #fef3c7;--amber-200: #fde68a;--amber-300: #fcd34d;--amber-400: #fbbf24;--amber-500: #f59e0b;--amber-600: #d97706;--amber-700: #b45309;--amber-800: #92400e;--amber-900: #78350f;--sky-50: #f0f9ff;--sky-100: #e0f2fe;--sky-200: #bae6fd;--sky-300: #7dd3fc;--sky-400: #38bdf8;--sky-500: #0ea5e9;--sky-600: #0284c7;--sky-700: #0369a1;--sky-800: #075985;--sky-900: #0c4a6e;--purple-50: #faf5ff;--purple-100: #f3e8ff;--purple-200: #e9d5ff;--purple-300: #d8b4fe;--purple-400: #c084fc;--purple-500: #a855f7;--purple-600: #9333ea;--purple-700: #7e22ce;--purple-800: #6b21a8;--purple-900: #581c87;--rose-50: #fdf2f8;--rose-100: #fce7f3;--rose-200: #fbcfe8;--rose-300: #f9a8d4;--rose-400: #f472b6;--rose-500: #f43f5e;--rose-600: #e11d48;--rose-700: #be123c;--rose-800: #9f1239;--rose-900: #881337;--danger-50: #fef2f2;--danger-100: #fee2e2;--danger-200: #fecaca;--danger-300: #fca5a5;--danger-400: #f87171;--danger-500: #ef4444;--danger-600: #dc2626;--danger-700: #b91c1c;--danger-800: #991b1b;--danger-900: #7f1d1d;--overlay-backdrop: rgba(11, 25, 44, .45)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh}body{font-size:15px}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--text-primary)}h1{font-weight:800}h2,h3{font-weight:700}h4,h5,h6{font-weight:600}.text-caption{font-family:var(--font-sans);font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary)}code,pre,kbd{font-family:var(--font-mono)}.icon-tile{display:inline-flex;align-items:center;justify-content:center;width:3.25rem;height:3.25rem;border-radius:12px;background:var(--brand-blue-tint);color:var(--brand-blue)}.icon-tile-green{background:var(--brand-green-tint);color:var(--brand-green)}.glass-panel{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d}.glass-panel-hover{transition:all .2s ease}.glass-panel-hover:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000d;border-color:var(--border-strong)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-weight:500;font-size:.875rem;border-radius:8px;background:var(--primary-500);color:var(--primary-contrast);border:1px solid transparent;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.btn-primary:hover{background:var(--primary-600);box-shadow:0 4px 12px var(--primary-glow)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-weight:500;font-size:.875rem;border-radius:8px;background:var(--bg-surface);color:var(--brand-green);border:1.5px solid var(--brand-green);cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:var(--brand-green-tint)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-weight:500;font-size:.875rem;border-radius:8px;background:transparent;color:var(--text-primary);border:1px solid transparent;cursor:pointer;transition:color .2s ease}.btn-ghost:hover{color:var(--brand-blue)}.btn-primary:disabled,.btn-secondary:disabled,.btn-ghost:disabled{background:var(--disabled-bg);color:var(--disabled-fg);border-color:transparent;box-shadow:none;cursor:not-allowed}.input-field{width:100%;padding:.625rem .875rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-primary);font-size:.875rem;outline:none;transition:border-color .2s,box-shadow .2s;box-shadow:0 1px 2px #00000005}.input-field:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--border-focus)}.input-field::placeholder{color:var(--text-muted)}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.725rem;font-weight:600;border-radius:9999px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.badge-owner{background:var(--amber-100);color:var(--amber-700);border:1px solid var(--amber-200)}.badge-admin{background:var(--danger-100);color:var(--danger-700);border:1px solid var(--danger-200)}.badge-sales{background:var(--emerald-100);color:var(--emerald-700);border:1px solid var(--emerald-200)}.badge-staff{background:var(--sky-100);color:var(--sky-700);border:1px solid var(--sky-200)}.badge-tutor{background:var(--purple-100);color:var(--purple-700);border:1px solid var(--purple-200)}.badge-student{background:var(--primary-100);color:var(--primary-700);border:1px solid var(--primary-200)}.badge-success{background:var(--emerald-100);color:var(--emerald-800);border:1px solid var(--emerald-300)}.badge-warning{background:var(--amber-100);color:var(--amber-700);border:1px solid var(--amber-200)}.badge-danger{background:var(--danger-100);color:var(--danger-700);border:1px solid var(--danger-200)}.badge-info{background:var(--sky-100);color:var(--sky-700);border:1px solid var(--sky-200)}.badge-primary{background:var(--primary-100);color:var(--primary-600);border:1px solid var(--primary-200)}.badge-purple{background:var(--purple-100);color:var(--purple-700);border:1px solid var(--purple-200)}.badge-rose{background:var(--rose-100);color:var(--rose-700);border:1px solid var(--rose-200)}.hero-banner{padding:2rem;border-radius:12px;display:flex;flex-direction:column;gap:.5rem}.hero-banner-indigo{background:linear-gradient(135deg,var(--primary-50) 0%,var(--bg-primary) 50%,var(--bg-surface) 100%);border:1px solid var(--primary-200)}.hero-banner-emerald{background:linear-gradient(135deg,var(--emerald-50) 0%,var(--bg-primary) 100%);border:1px solid var(--emerald-200)}.hero-banner-amber{background:linear-gradient(135deg,var(--amber-50) 0%,var(--bg-primary) 100%);border:1px solid var(--amber-200)}.hero-banner-sky{background:linear-gradient(135deg,var(--sky-50) 0%,var(--bg-primary) 100%);border:1px solid var(--sky-200)}.hero-banner-purple{background:linear-gradient(135deg,var(--purple-50) 0%,var(--bg-primary) 100%);border:1px solid var(--purple-200)}.hero-banner-rose{background:linear-gradient(135deg,var(--rose-50) 0%,var(--bg-primary) 100%);border:1px solid var(--rose-200)}.notice-banner{border-radius:10px;padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.notice-warning{background:var(--amber-50);border:1px solid var(--amber-200);color:var(--amber-900)}.notice-success{background:var(--emerald-50);border:1px solid var(--emerald-300);color:var(--emerald-900)}.notice-info{background:var(--sky-50);border:1px solid var(--sky-200);color:var(--sky-900)}.notice-danger{background:var(--danger-50);border:1px solid var(--danger-200);color:var(--danger-900)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:60;padding:1rem}.modal-container{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000000d;width:100%;max-height:90vh;overflow-y:auto}.access-pass{background:var(--emerald-50);border:1px solid var(--emerald-200);border-radius:10px;padding:1.25rem}.access-pass-password{background:var(--bg-surface);border:1.5px dashed var(--emerald-600);border-radius:8px;padding:.875rem;box-shadow:0 1px 2px #0000000a}.stat-card{padding:1.25rem;border-radius:12px;background:var(--bg-surface);border:1px solid var(--border-subtle);display:flex;flex-direction:column;justify-content:space-between}.diploma-card{padding:3rem;border-radius:16px;background:linear-gradient(135deg,var(--bg-surface) 0%,#fffdf5 50%,var(--bg-surface) 100%);border:4px double var(--amber-600);box-shadow:0 20px 25px -5px #d9770614,0 8px 10px -6px #0000000d;text-align:center;position:relative;overflow:hidden}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.app-shell{display:flex;min-height:100vh;background:var(--bg-primary)}.app-sidebar{width:260px;flex-shrink:0;background:var(--bg-surface);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.app-main{flex:1;min-width:0;padding:2rem 2.5rem}.app-main-inner{width:100%;max-width:1600px;margin:0 auto}.app-topbar,.app-sidebar-backdrop{display:none}@media (max-width: 1023.98px){.app-shell{flex-direction:column}.app-topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:.75rem;height:60px;padding:0 1rem;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle)}.app-topbar-menu{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-left:-.5rem;border:none;border-radius:10px;background:transparent;color:var(--text-primary);cursor:pointer}.app-topbar-menu:hover{background:var(--bg-secondary)}.app-topbar-role{margin-left:auto}.app-sidebar{position:fixed;inset:0 auto 0 0;z-index:50;width:min(300px,86vw);height:100dvh;transform:translate(-100%);visibility:hidden;transition:transform .25s ease,visibility 0s linear .25s;box-shadow:0 10px 40px #0b192c2e}.app-sidebar[data-open=true]{transform:translate(0);visibility:visible;transition:transform .25s ease,visibility 0s}td a[href^="tel:"],td a[href^="mailto:"]{min-height:28px}td button{min-height:32px}.app-sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;background:var(--overlay-backdrop)}body.nav-open{overflow:hidden}.app-main{padding:1.5rem}}@media (max-width: 639.98px){.app-main{padding:1rem}h1{font-size:clamp(1.375rem,6vw,1.75rem)!important;line-height:1.25}h2{font-size:clamp(1.125rem,5vw,1.375rem)!important}.hero-banner{padding:1.25rem}.notice-banner{padding:1rem}.glass-panel[style*=padding]{padding:1.125rem!important}.modal-overlay{padding:.5rem;align-items:flex-end}.modal-container{max-height:92dvh;border-radius:16px 16px 0 0}.btn-primary,.btn-secondary,.btn-ghost{min-height:44px}}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 639.98px){.form-grid-2{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.app-sidebar{transition:none}}