:root{--cp-primary:var(--color-primary,#6366f1);--cp-primary-hover:var(--color-primary-dark,#4f46e5);--cp-surface:#fff;--cp-surface-alt:#f9fafb;--cp-border:#e5e7eb;--cp-text:#111827;--cp-text-muted:#6b7280;--cp-radius:8px;--cp-shadow:0 1px 3px #00000014, 0 1px 2px #0000000f}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--cp-surface-alt);color:var(--cp-text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.cp-shell{flex-direction:column;min-height:100vh;display:flex}.cp-header{background:var(--cp-surface);border-bottom:1px solid var(--cp-border);z-index:100;justify-content:space-between;align-items:center;height:60px;padding:0 24px;display:flex;position:sticky;top:0}.cp-logo{object-fit:contain;max-width:160px;height:32px}.cp-header-nav{align-items:center;gap:4px;display:flex}.cp-nav-link{border-radius:var(--cp-radius);color:var(--cp-text-muted);align-items:center;gap:6px;padding:6px 12px;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.cp-nav-link:hover,.cp-nav-link.active{background:var(--cp-surface-alt);color:var(--cp-text)}.cp-header-user{color:var(--cp-text-muted);align-items:center;gap:10px;font-size:.875rem;display:flex}.cp-body{flex:1;width:100%;max-width:900px;margin:0 auto;padding:32px 24px}.cp-auth-page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.cp-auth-wrap{flex-direction:column;align-items:center;gap:24px;width:100%;max-width:400px;display:flex}.cp-auth-logo-wrap{text-align:center}.cp-auth-logo{object-fit:contain;max-width:180px;max-height:56px}.cp-auth-tenant-name{color:var(--cp-text);font-size:1.1rem;font-weight:700}.cp-auth-card{background:var(--cp-surface);border:1px solid var(--cp-border);box-shadow:var(--cp-shadow);border-radius:12px;width:100%;padding:28px 28px 24px}.cp-auth-title{color:var(--cp-text);margin-bottom:4px;font-size:1.25rem;font-weight:700}.cp-auth-subtitle{color:var(--cp-text-muted);margin-bottom:20px;font-size:.875rem}.cp-field{flex-direction:column;gap:5px;margin-bottom:14px;display:flex}.cp-field label{color:var(--cp-text);font-size:.8125rem;font-weight:600}.cp-field input,.cp-field select,.cp-field textarea{border:1px solid var(--cp-border);border-radius:var(--cp-radius);width:100%;color:var(--cp-text);background:var(--cp-surface);outline:none;padding:9px 12px;font-size:.9375rem;transition:border-color .15s,box-shadow .15s}.cp-field input:focus,.cp-field select:focus,.cp-field textarea:focus{border-color:var(--cp-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--cp-primary) 15%, transparent)}.cp-btn{border-radius:var(--cp-radius);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:.9375rem;font-weight:600;text-decoration:none;transition:background .15s,opacity .15s;display:inline-flex}.cp-btn-primary{background:var(--cp-primary);color:#fff}.cp-btn-primary:hover:not(:disabled){background:var(--cp-primary-hover)}.cp-btn-full{width:100%}.cp-btn:disabled{opacity:.6;cursor:not-allowed}.cp-btn-ghost{border:1px solid var(--cp-border);color:var(--cp-text);background:0 0}.cp-btn-ghost:hover:not(:disabled){background:var(--cp-surface-alt)}.cp-btn-danger{color:#fff;background:#ef4444}.cp-btn-danger:hover:not(:disabled){background:#dc2626}.cp-alert-error{color:#b91c1c;border-radius:var(--cp-radius);background:#fef2f2;border:1px solid #fecaca;margin-top:4px;padding:10px 14px;font-size:.875rem}.cp-link{color:var(--cp-primary);font-weight:500;text-decoration:none}.cp-link:hover{text-decoration:underline}.cp-auth-footer{color:var(--cp-text-muted);text-align:center;font-size:.8125rem}.cp-badge{border-radius:20px;align-items:center;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.cp-badge-active{color:#065f46;background:#d1fae5}.cp-badge-trialing{color:#1e40af;background:#dbeafe}.cp-badge-past-due{color:#92400e;background:#fef3c7}.cp-badge-cancelled{color:#6b7280;background:#f3f4f6}.cp-badge-paused{color:#5b21b6;background:#ede9fe}.cp-card{background:var(--cp-surface);border:1px solid var(--cp-border);box-shadow:var(--cp-shadow);border-radius:12px;padding:20px 24px}.cp-card-title{color:var(--cp-text);margin-bottom:12px;font-size:1rem;font-weight:700}.cp-grid-2{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.cp-booking-item{border-bottom:1px solid var(--cp-border);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.cp-booking-item:last-child{border-bottom:none}.cp-booking-session{font-size:.9rem;font-weight:600}.cp-booking-meta{color:var(--cp-text-muted);margin-top:2px;font-size:.8125rem}.cp-membership-card{background:linear-gradient(135deg, var(--cp-primary) 0%, var(--cp-primary-hover) 100%);color:#fff;border-radius:12px;padding:20px 24px}.cp-membership-plan{font-size:1.1rem;font-weight:700}.cp-membership-price{opacity:.85;margin-top:2px;font-size:.875rem}.cp-membership-dates{opacity:.75;margin-top:8px;font-size:.8rem}.cp-page-title{color:var(--cp-text);margin-bottom:4px;font-size:1.5rem;font-weight:800}.cp-page-subtitle{color:var(--cp-text-muted);margin-bottom:24px;font-size:.9rem}.cp-loading,.cp-empty{text-align:center;color:var(--cp-text-muted);padding:40px 24px;font-size:.9rem}.cp-checkbox-row{color:var(--cp-text);cursor:pointer;align-items:center;gap:8px;font-size:.875rem;display:flex}.cp-checkbox-row input[type=checkbox]{cursor:pointer;width:16px;height:16px}@media (width<=640px){.cp-body{padding:20px 16px}.cp-auth-card{padding:20px}.cp-header{padding:0 16px}}@media (width<=767px){.cp-header{padding:0 14px}.cp-header-user #user-name{display:none}.cp-header-nav{z-index:100;background:var(--cp-surface);border-top:1px solid var(--cp-border);padding-bottom:env(safe-area-inset-bottom);gap:0;display:flex;position:fixed;bottom:0;left:0;right:0}.cp-nav-link{border-radius:0;flex-direction:column;flex:1;justify-content:center;gap:3px;min-height:52px;padding:8px 2px;font-size:.6875rem}.cp-nav-link.active{color:var(--cp-accent,#2563eb);background:0 0}.cp-nav-link:before{content:"";width:22px;height:22px;-webkit-mask:var(--ico) center / contain no-repeat;-webkit-mask:var(--ico) center / contain no-repeat;mask:var(--ico) center / contain no-repeat;background:currentColor}#nav-home{--ico:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"/><polyline points=\"9 22 9 12 15 12 15 22\"/></svg>")}#nav-bookings{--ico:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"/></svg>")}#nav-membership{--ico:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2l3 6 6 .9-4.5 4.2 1 6.4-5.5-3-5.5 3 1-6.4L3 8.9 9 8z\"/></svg>")}#nav-account{--ico:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"8\" r=\"4\"/><path d=\"M4 21v-1a6 6 0 0 1 6-6h4a6 6 0 0 1 6 6v1\"/></svg>")}.cp-body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}}