:root{--bg:#e9ebe4;--bg-deep:#d5e0da;--ink:#14201c;--muted:#5b6b64;--panel:#f9f7f1;--line:#c5d2cb;--accent:#1f5c4a;--accent-2:#2f7a62;--danger:#9b2c2c;--ok:#1b5e3b;--side:#10241c;--side-text:#d7e6df;--accent-gold:#a8793f;--accent-gold-bg:#a8793f1f;--accent-rose:#b8766f;--warn:#9a6e1f;color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%, #cfe0d7 0%, transparent 55%), radial-gradient(900px 500px at 100% 0%, #e3cfc2 0%, transparent 50%), var(--bg);font-family:IBM Plex Sans,system-ui,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-height:100vh;margin:0}h1,h2,.brand strong{letter-spacing:-.02em;font-family:Fraunces,Georgia,serif;font-weight:700}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{background:var(--accent);color:#f4fff9;cursor:pointer;border:0;border-radius:10px;padding:.65rem 1rem}button:hover{background:var(--accent-2)}button.ghost{color:var(--ink);border:1px solid var(--line);background:0 0}button:disabled{opacity:.6;cursor:wait}label{gap:.35rem;margin-bottom:.85rem;font-size:.92rem;display:grid}input,select{border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;padding:.65rem .75rem;font-size:16px}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235b6b64' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right .7rem center;background-repeat:no-repeat;padding-right:2.25rem}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);padding:.7rem .5rem;font-size:.95rem}th{color:var(--muted);font-weight:500}.table-scroll{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.table-scroll table{width:max-content;min-width:100%}.shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.side{background:linear-gradient(180deg, #143028, var(--side));color:var(--side-text);flex-direction:column;gap:.85rem;padding:1.25rem 1rem;display:flex}.brand{align-items:center;gap:.75rem;display:flex}.brand-mark{color:#fff;background:#2f7a62;border-radius:12px;place-items:center;width:42px;height:42px;font-family:Fraunces,serif;font-weight:700;display:grid}.brand p,.who span{opacity:.7;margin:0;font-size:.82rem}.brand strong{display:block}.brand{position:relative}.nav-close,.mobile-topbar,.nav-overlay{display:none}.side nav{align-content:start;gap:.15rem;display:grid}.nav{color:var(--side-text);opacity:.82;border-radius:10px;padding:.5rem .75rem}.nav:hover,.nav.active{opacity:1;background:#ffffff14}.store-picker{color:var(--side-text);gap:.35rem;margin:0;font-size:.82rem;display:grid}.store-picker select{width:100%;color:var(--side-text);background:#00000040;border:1px solid #fff3;border-radius:8px;padding:.45rem .55rem}.side-foot{border-top:1px solid #ffffff1f;gap:.75rem;margin-top:auto;padding-top:1rem;display:grid}.side-foot .ghost{color:var(--side-text);border-color:#fff3}.who{display:grid}.main{padding:1.5rem 1.75rem 2.5rem}.page{max-width:1100px}.page-head{margin-bottom:1.25rem}.page-head h1{margin:0 0 .25rem;font-size:2rem}.breadcrumb{background:var(--side);color:var(--side-text);letter-spacing:.03em;opacity:.92;border-radius:10px;margin-bottom:1.25rem;padding:.55rem 1rem;font-size:.8rem}.breadcrumb .crumb-current{color:#fff;font-weight:600}.muted{color:var(--muted);margin:0}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;margin-bottom:1rem;padding:1.1rem 1.2rem;box-shadow:0 10px 30px #14281e0a}.panel h2{margin:0 0 .85rem;font-size:1.15rem}.stat-grid{grid-template-columns:repeat(4,1fr);gap:.85rem;margin-bottom:1rem;display:grid}.stat{background:var(--panel);border:1px solid var(--line);border-radius:16px;gap:.35rem;padding:1rem;display:grid}.stat span{color:var(--muted);font-size:.85rem}.stat strong{font-family:Fraunces,serif;font-size:1.6rem}.split-2,.grid-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.inline-form{align-items:center;gap:.75rem;display:flex}.inline-form input,.inline-form select{width:auto;min-width:180px}.error{color:var(--danger)}.ok{color:var(--ok)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin:0 0 .5rem;font-size:.75rem}.login-page{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.login-card{background:var(--panel);border:1px solid var(--line);border-radius:20px;width:min(420px,100%);padding:1.75rem;box-shadow:0 20px 50px #10241c14}.login-card h1{margin:0 0 .35rem}.login-card .muted{margin-bottom:1.25rem}.login-card button{width:100%;margin-top:.5rem}.view-switch{background:var(--panel);border:1px solid var(--line);border-radius:10px;gap:.25rem;margin-bottom:1rem;padding:.25rem;display:inline-flex}.view-switch button{color:var(--muted);background:0 0;border-radius:8px;padding:.4rem .85rem}.view-switch button:hover{background:#1f5c4a14}.view-switch button.active{background:var(--accent);color:#f4fff9}.cal-toolbar{align-items:center;gap:.75rem;margin-bottom:.85rem;display:flex}.cal-toolbar h2{min-width:9em;margin:0;font-size:1.15rem}.cal-toolbar button.ghost{padding:.45rem .7rem}.cal-month-head,.cal-month-grid{grid-template-columns:repeat(7,1fr);display:grid}.cal-weekday{text-align:center;color:var(--muted);padding:.4rem 0;font-size:.82rem}.cal-day{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;flex-direction:column;gap:.25rem;min-height:96px;margin:2px;padding:.35rem;display:flex}.cal-day:hover{border-color:var(--accent-2)}.cal-day-muted{opacity:.45}.cal-day-today{border-color:var(--accent);border-width:2px}.cal-day-num{font-size:.85rem;font-weight:600}.cal-day-events{flex-direction:column;gap:2px;display:flex;overflow:hidden}.cal-event-pill{color:var(--accent);white-space:nowrap;text-overflow:ellipsis;background:#1f5c4a1f;border-radius:6px;padding:1px 5px;font-size:.72rem;overflow:hidden}.cal-event-more{color:var(--muted);font-size:.72rem}.cal-event-confirmed{color:var(--accent);background:#1f5c4a1f}.cal-event-completed{color:var(--ok);background:#1b5e3b26}.cal-event-cancelled{color:var(--danger);background:#9b2c2c1f;text-decoration:line-through}.cal-week-head{grid-template-columns:60px repeat(7,1fr);display:grid}.cal-week-body{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:60px repeat(7,1fr);display:grid;overflow-x:auto}.cal-week-hours{display:grid;position:relative}.cal-hour-label{color:var(--muted);text-align:right;padding-right:.4rem;font-size:.72rem;transform:translateY(-.6em)}.cal-week-col{border-right:1px solid var(--line);display:grid;position:relative}.cal-week-col:before{content:"";background-image:repeating-linear-gradient(to bottom, var(--line) 0, var(--line) 1px, transparent 1px, transparent 56px);pointer-events:none;position:absolute;inset:0}.cal-event-block{color:var(--accent);border-left:3px solid var(--accent);background:#1f5c4a26;border-radius:6px;margin:1px 2px;padding:2px 5px;font-size:.72rem;line-height:1.2;overflow:hidden}.cal-event-block.cal-event-completed{border-color:var(--ok);color:var(--ok);background:#1b5e3b2e}.cal-event-block.cal-event-cancelled{border-color:var(--danger);color:var(--danger);background:#9b2c2c26;text-decoration:line-through}.cal-event-therapist{opacity:.75}@media (width<=900px){.shell{grid-template-columns:1fr;display:block}.mobile-topbar{z-index:20;background:var(--side);color:var(--side-text);align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex;position:sticky;top:0}.mobile-topbar strong{font-family:Fraunces,Georgia,serif}button.nav-toggle{color:var(--side-text);border-color:#ffffff4d;justify-content:center;align-items:center;padding:.5rem;display:inline-flex}.nav-overlay{z-index:29;background:#0a141080;display:block;position:fixed;inset:0}.side{z-index:30;width:min(280px,82vw);transition:transform .22s;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-100%);box-shadow:8px 0 24px #00000040}.side.open{transform:translate(0)}button.nav-close{color:var(--side-text);border-color:#ffffff4d;justify-content:center;align-items:center;padding:.3rem .6rem;display:inline-flex;position:absolute;top:0;right:0}.stat-grid,.split-2,.grid-2{grid-template-columns:1fr}.inline-form{flex-wrap:wrap}.inline-form input,.inline-form select{flex:140px;min-width:0}.breadcrumb{display:none}button,.nav,input,select{min-height:44px}input[type=checkbox]{width:22px;height:22px;min-height:0}input[type=time],input[type=date]{min-height:44px}.page{padding-left:0;padding-right:0}.main{padding:1rem 1rem 2rem}th,td{padding:.6rem .4rem}.inline-form button{flex:auto;min-width:0}}.line-settings-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=760px){.line-settings-grid{grid-template-columns:1fr}}@media (width<=480px){.page-head h1{font-size:1.5rem}.line-settings-save{width:100%}}.label-text{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.status-badge{white-space:nowrap;border-radius:6px;align-items:center;gap:.25rem;padding:.2rem .55rem;font-size:.8rem;font-weight:500;display:inline-flex}.status-badge.status-set{color:var(--ok);background:#1b5e3b26;border:1px solid #1b5e3b40}.status-badge.status-unset{color:#9a6e1f;background:#cb8a2e1f;border:1px solid #cb8a2e40}.status-badge.status-confirmed{color:var(--accent);background:#1f5c4a1a;border:1px solid #1f5c4a40}.status-badge.status-completed{color:var(--ok);background:#1b5e3b26;border:1px solid #1b5e3b40}.status-badge.status-no_show{color:var(--warn);background:#9a6e1f1f;border:1px solid #9a6e1f40}.status-badge.status-cancelled{color:var(--danger);background:#9b2c2c1a;border:1px solid #9b2c2c40;text-decoration:line-through}.status-badge.rate-hourly{background:var(--accent-gold-bg);color:var(--accent-gold);border:1px solid #a8793f4d}.status-badge.rate-percentage{color:var(--muted);border:1px solid var(--line);background:#5b6b641a}.appt-list-cards{display:none}.appt-card{border:1px solid var(--line);background:#fff;border-radius:14px;gap:.5rem;margin-bottom:.75rem;padding:.9rem 1rem;display:grid}.appt-card-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.appt-card-meta{color:var(--muted);flex-wrap:wrap;gap:.5rem 1rem;font-size:.88rem;display:flex}.appt-card .inline-form{margin-top:.25rem}@media (width<=900px){.appt-list-table{display:none}.appt-list-cards{display:block}}.line-settings-status{border:1px solid var(--line);background:#1f5c4a0a;border-radius:12px;flex-wrap:wrap;gap:1.5rem;margin:1rem 0;padding:1rem;display:flex}.status-item{align-items:center;gap:.5rem;font-size:.95rem;display:flex}.status-icon{border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.85rem;font-weight:700;display:inline-flex}.status-item.configured .status-icon{background:var(--ok);color:#fff}.status-item.unconfigured .status-icon{background:var(--line);color:var(--muted)}.status-item.configured span:last-child{color:var(--ok);font-weight:500}.status-item.unconfigured span:last-child{color:var(--muted)}.customer-selector{border:1px solid var(--line);background:#ffffff80;border-radius:12px;padding:1rem}.customer-selector-tabs{border-bottom:1px solid var(--line);gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.customer-selector-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:500;transition:all .2s}.customer-selector-tabs button.active{background:var(--accent);color:#fff}.customer-selector-tabs button:hover:not(.active){background:var(--bg-deep)}.search-input-wrapper{margin-bottom:.5rem;position:relative}.search-input{width:100%;padding-right:2.5rem}.clear-btn{background:var(--danger);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:.25rem .5rem;font-size:.875rem;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.customer-dropdown{border:1px solid var(--line);background:#fff;border-radius:8px;max-height:300px;margin-top:.5rem;overflow-y:auto}.customer-card{border-bottom:1px solid var(--line);cursor:pointer;padding:.75rem;transition:background .2s}.customer-card:last-child{border-bottom:none}.customer-card:hover{background:var(--bg)}.customer-name{color:var(--ink);margin-bottom:.25rem;font-weight:600}.customer-meta{color:var(--muted);gap:1rem;font-size:.875rem;display:flex}.customer-meta .phone:before{content:"📱 "}.customer-meta .visits:before{content:"🔄 "}.customer-meta .last-visit:before{content:"📅 "}.customer-quick label{margin-bottom:.75rem;display:block}.toast-container{z-index:9999;flex-direction:column;gap:.5rem;max-width:400px;display:flex;position:fixed;top:1rem;right:1rem}.toast{cursor:pointer;background:#fff;border-left:4px solid;border-radius:12px;align-items:center;gap:.75rem;padding:1rem 1.25rem;transition:opacity .2s,transform .2s;animation:.3s ease-out toast-slide-in;display:flex;box-shadow:0 4px 12px #00000026}.toast:hover{opacity:.9;transform:translate(-4px)}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:1rem;font-weight:700;display:flex}.toast-message{color:var(--ink);flex:1;font-weight:500}.toast-success{border-left-color:var(--ok)}.toast-success .toast-icon{background:var(--ok);color:#fff}.toast-error{border-left-color:var(--danger)}.toast-error .toast-icon{background:var(--danger);color:#fff}.toast-info{border-left-color:var(--accent)}.toast-info .toast-icon{background:var(--accent);color:#fff}.booking-page{background:radial-gradient(1200px 600px at 10% -10%, #cfe0d7 0%, transparent 55%), radial-gradient(900px 500px at 100% 0%, #e3cfc2 0%, transparent 50%), var(--bg);place-items:start center;min-height:100vh;padding:1.5rem 1rem 3rem;display:grid}.booking-card{background:var(--panel);border:1px solid var(--line);border-radius:20px;width:min(560px,100%);margin-top:1rem;padding:1.5rem 1.25rem 1.75rem;box-shadow:0 20px 50px #10241c14}.booking-card h1{margin:.1rem 0 .35rem}.booking-card>.muted{margin-bottom:1rem}.booking-card button{width:100%;min-height:48px;font-size:1rem}.booking-section{border-top:1px solid var(--line);margin-top:1.1rem;padding-top:1.1rem}.booking-section h2{margin:0 0 .75rem;font-size:1.05rem}.booking-item-list{gap:.6rem;margin-bottom:.25rem;display:grid}.booking-item{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:14px;align-items:center;gap:.75rem;min-height:44px;margin-bottom:0;padding:.75rem .9rem;display:flex}.booking-item input[type=checkbox]{flex-shrink:0;width:22px;height:22px}.booking-item-main{flex-direction:column;gap:.15rem;display:flex}.booking-total{margin:.75rem 0;font-size:1.05rem}.booking-total strong{font-family:Fraunces,serif}.booking-confirm{text-align:center;justify-items:center;gap:.5rem;display:grid}.booking-confirm-badge{font-size:.85rem}.booking-confirm-amount{margin:.25rem 0;font-family:Fraunces,serif;font-size:2rem}.booking-confirm button{margin-top:1rem}
