@import"https://fonts.googleapis.com/css2?family=Newsreader:opsz,wght@12..72,400;600&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:Space Grotesk,system-ui,sans-serif;line-height:1.5;font-weight:400;color:#122223;background-color:#f5efe6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #122223;--muted: #5a6b6a;--sand: #f5efe6;--paper: #fffaf3;--teal: #2a9d8f;--coral: #e76f51;--sun: #f4a261;--stone: #e4dbcf;--stroke: rgba(18, 34, 35, .12);--shadow: 0 20px 60px rgba(18, 34, 35, .12)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top,#fff3df,#f5efe6 55%,#efe4d4)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(rgba(42,157,143,.08) 1px,transparent 1px);background-size:22px 22px;opacity:.6}#app{max-width:1240px;margin:0 auto;padding:32px 24px 48px}h1,h2,h3{font-family:Newsreader,serif;color:var(--ink);margin:0 0 12px}h1{font-size:clamp(2.6rem,5vw,3.6rem);line-height:1.05}h2{font-size:clamp(1.4rem,2.5vw,1.8rem)}p{margin:0 0 12px;color:var(--muted)}.app{display:flex;flex-direction:column;gap:24px}.banner{background:#122223d9;color:#fff;padding:8px 14px;border-radius:999px;font-size:.85rem;font-weight:600;align-self:flex-start}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;align-items:center;padding:28px;background:var(--paper);border-radius:28px;border:1px solid var(--stroke);box-shadow:var(--shadow);animation:rise .6s ease-out}.hero-text{display:flex;flex-direction:column;gap:12px}.link-button{align-self:flex-start;border:none;background:transparent;color:var(--teal);font-weight:600;cursor:pointer;padding:0}.link-button:hover{text-decoration:underline}.pill{align-self:flex-start;padding:6px 12px;background:#2a9d8f1f;border-radius:999px;font-size:.85rem;font-weight:600;color:var(--teal)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-impact{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.hero-impact div{background:#fff;border-radius:16px;padding:12px 14px;border:1px solid var(--stroke);box-shadow:0 10px 20px #1222230f}.hero-impact strong{display:block;font-size:1.2rem;color:var(--ink)}.hero-impact span{color:var(--muted);font-size:.85rem}.hero-cta{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.hero-cta .btn{text-decoration:none}.demo-banner{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:12px 16px;border-radius:16px;background:#2a9d8f1f;border:1px solid rgba(42,157,143,.25);font-weight:600;color:var(--ink)}.demo-banner span{color:var(--muted);font-weight:500}.demo-focus{outline:3px solid rgba(42,157,143,.5);box-shadow:0 0 0 6px #2a9d8f1f}.login-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;width:100%}.session-chip{background:#2a9d8f1f;color:var(--teal);padding:8px 12px;border-radius:999px;font-weight:600}.hero-foot{font-size:.9rem;color:var(--muted)}.hero-card{background:#fff;border-radius:20px;padding:20px;border:1px solid var(--stroke)}.style-carousel{margin-top:16px;overflow:hidden;border-radius:18px;border:1px solid var(--stroke);background:#fff;padding:12px}.style-track{display:flex;gap:12px;width:max-content;animation:carousel 16s linear infinite}.style-carousel:hover .style-track{animation-play-state:paused}.style-card{border-radius:16px;padding:14px;color:#fff;display:flex;flex-direction:column;gap:6px;min-height:120px;min-width:160px;justify-content:flex-end;background-color:var(--card-accent, #2a9d8f);background-image:linear-gradient(160deg,#00000059,#0000),var(--card-image);background-size:cover;background-position:center}.style-card span{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;opacity:.85}.style-card strong{font-size:1rem}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0}.stat-grid span{display:block;font-size:1.6rem;font-weight:700;color:var(--ink)}.stat-grid small{color:var(--muted)}.toolbar{display:flex;flex-direction:column;gap:16px}.role-toggle{display:flex;gap:8px}.chip{border-radius:999px;border:1px solid var(--stroke);padding:8px 16px;background:#fff;font-weight:600;color:var(--muted);cursor:pointer;transition:all .2s ease}.chip.active,.chip:hover{background:var(--teal);color:#fff;border-color:transparent}.date-picker{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.date-btn{border:1px solid var(--stroke);background:#fff;border-radius:14px;padding:10px 14px;cursor:pointer;font-weight:600;color:var(--muted);min-width:110px;transition:all .2s ease}.date-btn.active,.date-btn:hover{border-color:var(--teal);color:var(--ink);box-shadow:0 10px 18px #2a9d8f1f}.dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.panel{background:#fff;border-radius:20px;padding:20px;border:1px solid var(--stroke);box-shadow:0 12px 30px #12222314;display:flex;flex-direction:column;gap:16px}.panel-head p{margin:0}.now-banner{margin-top:8px;padding:10px 12px;border-radius:12px;background:#2a9d8f14;color:var(--ink);font-weight:600;display:flex;flex-wrap:wrap;gap:6px 12px;font-size:.95rem}.notice-stack{margin-top:12px;padding:12px;border-radius:14px;background:#fff6ee;border:1px solid rgba(231,111,81,.25);display:flex;flex-direction:column;gap:10px}.notice-stack h3{margin:0;font-size:1rem}.notice-stack .notice{display:flex;flex-direction:column;gap:10px}.now-banner span:last-child{color:var(--muted);font-weight:500}.slot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.slot{border:1px solid var(--stroke);border-radius:14px;padding:12px;text-align:left;background:#faf6ef;cursor:pointer;display:flex;flex-direction:column;gap:4px;transition:all .2s ease}.slot.available:hover{border-color:var(--teal);transform:translateY(-2px)}.slot.selected{border-color:var(--teal);background:#2a9d8f1f}.slot.booked{background:#f0ebe4;color:var(--muted);cursor:not-allowed}.slot small{font-size:.75rem;color:inherit}.form{display:flex;flex-direction:column;gap:12px}label{display:flex;flex-direction:column;gap:6px;font-weight:600;color:var(--ink)}.label-row{display:inline-flex;align-items:center;gap:8px}.help{width:22px;height:22px;border-radius:50%;border:1px solid var(--stroke);background:#fff;font-size:.85rem;font-weight:700;cursor:pointer}.popover{position:relative;margin-top:6px;padding:12px;border-radius:12px;background:#fff;border:1px solid var(--stroke);box-shadow:0 12px 24px #1222231f;font-weight:400;color:var(--muted);line-height:1.35}.popover strong{display:block;margin-bottom:6px;color:var(--ink)}.popover[aria-hidden=true]{display:none}input,select{border-radius:10px;border:1px solid var(--stroke);padding:10px 12px;font-family:inherit;font-size:.95rem}input[readonly]{background:#f8f3eb;color:var(--muted)}.btn{border-radius:999px;border:none;padding:12px 18px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn.primary{background:var(--teal);color:#fff;box-shadow:0 10px 22px #2a9d8f33}.btn.primary:hover{transform:translateY(-2px)}.btn.ghost{background:#fff;border:1px solid var(--stroke);color:var(--ink)}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.info-card{padding:16px;background:var(--paper);border-radius:16px;border:1px dashed var(--stone)}.inline-form{display:flex;gap:8px}.inline-form input{flex:1}.inline-actions{display:flex;flex-wrap:wrap;gap:10px}.list{display:flex;flex-direction:column;gap:12px}.highlight-card{border:2px solid rgba(231,111,81,.35);background:linear-gradient(135deg,#fff6ee,#fff);border-radius:18px;padding:16px;box-shadow:0 14px 30px #e76f511f}.list-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:12px;background:#f8f3eb}.list-actions{display:flex;flex-direction:column;gap:6px;align-items:flex-end;text-align:right}.list-item strong{display:block}.list-item span,.muted{color:var(--muted);font-size:.9rem}.notice{padding:12px 16px;border-radius:12px;font-weight:600}.notice.info{background:#2a9d8f26;color:var(--teal)}.notice.success{background:#2e7d321f;color:#2e7d32}.notice.warning{background:#e76f5126;color:var(--coral)}.empty{color:var(--muted);font-size:.95rem}.footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:.9rem;color:var(--muted)}.modal-backdrop{position:fixed;inset:0;background:#12222366;display:flex;align-items:center;justify-content:center;padding:20px;z-index:10}.modal{background:#fff;border-radius:20px;max-width:560px;width:100%;padding:20px;border:1px solid var(--stroke);box-shadow:var(--shadow)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.modal-body ul{margin:8px 0 16px;padding-left:20px;color:var(--muted)}.modal-body li{margin-bottom:6px}.icon-button{border:1px solid var(--stroke);background:#fff;border-radius:999px;padding:6px 12px;cursor:pointer;font-weight:600}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes carousel{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:720px){.hero{padding:20px}.inline-form{flex-direction:column}.stat-grid{grid-template-columns:1fr}}