@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{font-family:Inter,system-ui,sans-serif;color:#0f172a;background-color:#f8fafc;line-height:1.5}*{box-sizing:border-box}body,#root{margin:0;min-height:100vh;background:#f4f6fb}.page{width:min(1200px,100%);margin:0 auto;padding:32px clamp(16px,4vw,24px) 64px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px;flex-wrap:wrap}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.1em;color:#64748b;margin:0 0 4px}.card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 10px 30px #0f172a14}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin-bottom:20px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#fff;padding:20px;border-radius:16px;box-shadow:0 8px 25px #0f172a0d}.stat-card h2{margin:4px 0 8px;font-size:32px}.card-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px}.plans .plan-list{display:flex;gap:12px}.plans .plan-list div{flex:1;background:#eef2ff;padding:14px;border-radius:12px}.table,table{width:100%;border-collapse:collapse;font-size:14px}table th{text-align:left;font-weight:600;color:#475569;padding-bottom:10px}table td{padding:10px 0;border-bottom:1px solid #e2e8f0}.badge{padding:4px 10px;border-radius:999px;font-size:12px}.badge.scheduled{background:#e0f2fe;color:#0369a1}.badge.in-progress{background:#fff7ed;color:#c2410c}.badge.completed{background:#dcfce7;color:#15803d}.badge.canceled{background:#fee2e2;color:#b91c1c}.booking-form{display:flex;flex-direction:column;gap:12px}.booking-form select,.booking-form textarea,form input,form select,form textarea{border:1px solid #cbd5f5;border-radius:10px;padding:10px 12px;font-size:14px;font-family:inherit}.booking-form textarea{min-height:80px}button{border:none;border-radius:12px;padding:12px 20px;background:#2563eb;color:#fff;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}button:hover{transform:translateY(-1px);box-shadow:0 10px 20px #2563eb33}button.ghost{background:transparent;color:#2563eb;border:1px solid #bfdbfe}.auth-layout{min-height:100vh;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.auth-panel{padding:60px 80px;background:#fff;display:flex;flex-direction:column;justify-content:center;gap:16px}.auth-panel form{display:flex;flex-direction:column;gap:12px}.auth-panel label{font-size:13px;color:#475569}.auth-panel .hint{font-size:12px;background:#f1f5f9;padding:12px;border-radius:10px}.auth-hero{background:linear-gradient(135deg,#0f172a,#1d4ed8);display:flex;align-items:center;justify-content:center}.auth-hero img{max-width:90%}.slots{display:flex;gap:16px;overflow-x:auto}.slot-bars{display:flex;flex-direction:column;gap:8px}.slot{display:flex;align-items:center;justify-content:space-between;gap:12px}.slot progress{width:120px;height:6px;border-radius:999px}.slot progress::-webkit-progress-bar{background:#e2e8f0;border-radius:999px}.slot progress::-webkit-progress-value{background:#38bdf8;border-radius:999px}.booking-table{display:flex;flex-direction:column;gap:12px;max-height:420px;overflow-y:auto}.booking-row{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid #e2e8f0;border-radius:12px;gap:16px}.actions{display:flex;gap:6px;flex-wrap:wrap}.pill{background:#e2e8f0;color:#1e293b;padding:6px 12px;border-radius:999px;font-size:12px}.pill.active{background:#2563eb;color:#fff}.success{color:#15803d;font-size:14px}.error{color:#b91c1c;font-size:14px}@media(max-width:900px){.grid{grid-template-columns:1fr}.plans .plan-list,.slots{flex-direction:column}.auth-panel{padding:40px}}@media(max-width:768px){.page{padding:24px 16px 48px}.page-header{flex-direction:column;align-items:flex-start}.card{padding:20px}.booking-row{flex-direction:column;align-items:flex-start;width:100%}.auth-panel{padding:32px}}@media(max-width:640px){table,.table{display:block;overflow-x:auto;white-space:nowrap}table tbody{display:table;width:100%}.stats-grid,.auth-layout{grid-template-columns:1fr}.auth-hero{display:none}button,.pill{width:100%;text-align:center}}