:root{--bg: #f8f5ff;--surface: #ffffff;--surface-strong: #faf8ff;--surface-soft: #f5f3ff;--primary: #7c6cff;--primary-dark: #5a2db5;--secondary: #4f46e5;--accent: #9333ea;--muted: #64748b;--text: #0f172a;--text-soft: #334155;--border: rgba(15, 23, 42, .08);--shadow: 0 18px 46px rgba(15, 23, 42, .12);--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--radius: 8px;--max-width: 1280px}*{box-sizing:border-box}html{scroll-behavior:smooth;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:13px}body{margin:0;min-height:100%;background:radial-gradient(circle at top left,rgba(124,108,255,.14),transparent 26%),radial-gradient(circle at bottom right,rgba(56,189,248,.12),transparent 20%),linear-gradient(180deg,#f3f0ff,#faf8ff 45%,#f5f3ff);color:var(--text);line-height:1.35;-webkit-font-smoothing:antialiased}::selection{background:#7c6cff2e;color:var(--text)}button,input,textarea,select{font:inherit;color:inherit;background:transparent}button,.btn{border:none;border-radius:calc(var(--radius) - 2px);padding:8px 12px;cursor:pointer;font-weight:700;line-height:1.1;display:inline-flex;align-items:center;justify-content:center;min-height:34px;transition:transform .12s ease,box-shadow .12s ease,background .12s ease,border-color .12s ease;text-decoration:none}button:focus-visible,.btn:focus-visible{outline:3px solid rgba(124,108,255,.32);outline-offset:2px}button:hover,.btn:hover{transform:translateY(-1px)}button:disabled,.btn:disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:none}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}input,textarea,select{width:100%;border-radius:calc(var(--radius) - 2px);border:1px solid rgba(15,23,42,.08);background:#fff;color:var(--text);padding:8px 10px;outline:none;transition:border-color .12s ease,box-shadow .12s ease}input:focus,textarea:focus,select:focus{border-color:#7c6cff73;box-shadow:0 0 0 4px #7c6cff1f}textarea{resize:vertical;min-height:80px}fieldset{border:0;margin:0;padding:0}ul{margin:0;padding:0;list-style:none}.page-title{margin:0 0 10px;font-size:clamp(1.5rem,1.9vw,1.8rem);letter-spacing:-.03em;color:var(--text)}.section-title{display:block;margin-bottom:12px;font-size:1rem;font-weight:700;color:#111827}.page-subtitle{margin:0;color:var(--muted);font-size:.92rem}.container{width:min(100%,calc(var(--max-width) - 2.5rem));margin:0 auto;padding:0 1.2rem}.page-card,.card,.glass-card{background:#ffffffeb;border-radius:var(--radius);box-shadow:0 18px 48px #6366f11f}.glass-card{background:#ffffffd1;backdrop-filter:blur(18px);border:1px solid rgba(124,108,255,.16)}.card{padding:.6rem}.section-block{padding:.6rem;background:var(--surface-soft);border-radius:var(--radius);border:1px solid rgba(15,23,42,.04)}.page-actions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 18px 40px #7c6cff38}.btn-secondary{color:var(--text);background:#eff2ff;border:1px solid rgba(99,102,241,.18)}.btn-ghost{color:var(--text-soft);background:transparent;border:1px solid rgba(15,23,42,.08)}.btn-primary:hover{box-shadow:0 22px 45px #7c6cff47}.btn-secondary:hover,.btn-ghost:hover{background:#f8f7ff}.badge,.tag{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .6rem;border-radius:999px;font-size:.75rem;font-weight:700;background:#7c6cff1f;color:var(--primary-dark)}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-width:70px;padding:.35rem .6rem;border-radius:999px;font-size:.72rem;font-weight:700;text-transform:uppercase}.status-pill.success{background:#22c55e24;color:#166534}.status-pill.warning{background:#f59e0b24;color:#92400e}.status-pill.danger{background:#ef444424;color:#b91c1c}.table-wrapper{overflow-x:auto}.table{width:100%;border-collapse:separate;border-spacing:0;min-width:420px}.table th,.table td{padding:.5rem .8rem;text-align:left;border-bottom:1px solid rgba(15,23,42,.06)}.table th{color:var(--text-soft);font-size:.85rem;font-weight:700}.table tbody tr:hover{background:#7c6cff0a}.avatar,.teacher-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;font-weight:800}.avatar.large,.teacher-avatar.large{width:72px;height:72px}.avatar img,.teacher-avatar img{width:100%;height:100%;object-fit:cover;display:block}.teacher-avatar.placeholder{background:linear-gradient(135deg,#7c3aed,#6366f1);color:#fff}.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:.5rem .85rem;border-radius:999px;font-size:.85rem;font-weight:700;line-height:1}.status-badge.pending{background:#f59e0b29;color:#92400e}.status-badge.booked{background:#3b82f629;color:#1d4ed8}.status-badge.cancelled{background:#ef444429;color:#b91c1c}.status-badge.completed{background:#22c55e29;color:#166534}.input-group{display:grid;gap:.65rem}.input-group label{color:var(--text-soft);font-size:.92rem;font-weight:600}.input-group .hint{color:var(--muted);font-size:.85rem}.form-grid{display:grid;gap:1.5rem}.form-grid.columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 920px){.form-grid.columns-2,.form-grid.columns-3{grid-template-columns:1fr}}.empty-state{padding:2rem;border-radius:var(--radius);background:#f8f6ff;border:1px dashed rgba(124,108,255,.22);color:var(--muted)}.pm-backdrop{position:fixed!important;inset:0!important;width:100vw;height:100vh;background:#0000008c;display:flex!important;align-items:center;justify-content:center;z-index:99999!important;padding:16px}.pm-backdrop .placement-modal{display:flex;flex-direction:column;align-items:center;text-align:center;padding:56px 40px 48px;width:100%;max-width:480px;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;font-family:Times New Roman,serif;animation:pm-in .25s ease}@keyframes pm-in{0%{transform:scale(.88) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.pm-backdrop .pm-icon{font-size:56px;line-height:1;margin-bottom:16px}.pm-backdrop .pm-title{font-size:28px;font-weight:700;color:#111827;margin:0 0 10px}.pm-backdrop .pm-sub{font-size:14px;color:#6b7280;margin:0 0 16px}.pm-backdrop .pm-level{font-size:56px;font-weight:700;color:#1e3a8a;letter-spacing:-.02em;line-height:1;margin-bottom:12px}.pm-backdrop .pm-rec{font-size:13px;color:#9ca3af;font-style:italic;margin:0 0 32px}.pm-backdrop .pm-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.pm-backdrop .pm-start-btn{padding:12px 32px;background:#1e3a8a;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:700;font-family:Times New Roman,serif;cursor:pointer;transition:background .2s}.pm-backdrop .pm-start-btn:hover:not(:disabled){background:#1d4ed8}.pm-backdrop .pm-start-btn:disabled{opacity:.6;cursor:not-allowed}