:root{--bg-1: #efe7da;--bg-2: #e7dccb;--bg-3: #f4ece0;--glass: rgba(255, 252, 247, .55);--glass-strong: rgba(255, 253, 249, .72);--glass-soft: rgba(255, 251, 244, .4);--glass-border: rgba(255, 255, 255, .6);--glass-border-soft: rgba(180, 150, 110, .18);--ink: #3b2c20;--ink-soft: #6f5d4c;--ink-faint: #a3917d;--amber-1: #f4c27a;--amber-2: #e8a755;--amber-3: #d98e3f;--amber-grad: linear-gradient(135deg, #f6c97e 0%, #e6a052 55%, #d98b3c 100%);--amber-soft: rgba(231, 167, 85, .16);--pill: rgba(255, 251, 244, .7);--pill-ink: #6f5d4c;--ok: #5aa777;--warn: #d8a24a;--danger: #c5564b;--shadow-card: 0 18px 40px -18px rgba(95, 70, 40, .35), 0 2px 6px rgba(95, 70, 40, .06);--shadow-soft: 0 10px 30px -16px rgba(95, 70, 40, .4);--shadow-amber: 0 12px 24px -10px rgba(217, 139, 60, .55);--radius-xl: 30px;--radius-lg: 22px;--radius-md: 16px;--radius-pill: 999px;--font-display: "Manrope", system-ui, -apple-system, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--shell-pad-x: clamp(16px, 2.4vw, 48px);--shell-pad-y: clamp(14px, 1.8vh, 30px);--shell-max: 2100px;--gap-fluid: clamp(14px, 1.4vw, 22px)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-body);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(135deg,#ffffff2e,#ffffff1f 45%,#fffdf82e),url(/assets/whiter-background-Bfl299Kh.png) center / cover no-repeat fixed}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}.glass{background:var(--glass);backdrop-filter:blur(24px) saturate(135%);-webkit-backdrop-filter:blur(24px) saturate(135%);border:1px solid var(--glass-border);box-shadow:var(--shadow-card)}.glass-soft{background:var(--glass-soft);backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);border:1px solid var(--glass-border-soft)}.app{position:relative;z-index:1;min-height:100vh;width:100%;max-width:var(--shell-max);margin:0 auto;padding:var(--shell-pad-y) var(--shell-pad-x);display:flex;flex-direction:column;gap:var(--gap-fluid)}.header{display:flex;align-items:center;gap:20px;position:sticky;top:12px;z-index:100;transition:all .25s cubic-bezier(.4,0,.2,1);padding:8px 12px;border-radius:var(--radius-lg);border:1.5px solid transparent}.header.scrolled{background:var(--glass-strong);backdrop-filter:blur(28px) saturate(140%);-webkit-backdrop-filter:blur(28px) saturate(140%);border-color:var(--glass-border);box-shadow:var(--shadow-soft);padding:12px 20px}.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:600;font-size:26px;color:var(--ink);padding-right:8px}.brand-logo{height:38px;width:auto;display:block;filter:invert(41%) sepia(82%) saturate(616%) hue-rotate(17deg) brightness(95%) contrast(95%)}.nav{display:flex;align-items:center;gap:3px;padding:6px;border-radius:var(--radius-pill);flex:1 1 auto;justify-content:flex-start;min-width:0;overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav .icon-btn{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:var(--ink-soft);text-decoration:none;transition:.18s;flex-shrink:0}.nav .icon-btn:hover{background:#fff9;color:var(--ink)}.nav .icon-btn-sm{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:var(--ink-soft);text-decoration:none;transition:.18s;flex-shrink:0}.nav .icon-btn-sm:hover{background:#fff9;color:var(--ink)}.nav .icon-btn-sm.active{background:var(--amber-soft);color:var(--amber-3)}.nav-link{padding:9px 18px;border-radius:var(--radius-pill);font-size:14.5px;font-weight:500;color:var(--ink-soft);text-decoration:none;transition:.18s}.nav-link:hover{color:var(--ink)}.nav-link.active{background:var(--amber-grad);color:#fff;font-weight:600;box-shadow:var(--shadow-amber)}.nav-divider{width:1px;height:24px;background:var(--glass-border-soft);margin:0 4px}.header-right{margin-left:auto;display:flex;align-items:center;gap:10px}.round-btn{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:var(--ink-soft);position:relative}.round-btn .dot{position:absolute;top:9px;right:10px;width:7px;height:7px;border-radius:50%;background:var(--amber-3)}.avatar{border-radius:50%;object-fit:cover;background:#d8c7b0;flex:none}.avatar-link{display:block;width:42px;height:42px;border-radius:50%;flex:none;transition:.18s;outline:2px solid transparent;outline-offset:2px}.avatar-link:hover,.avatar-link.active{outline-color:var(--amber-3)}.avatar-fallback{width:42px;height:42px;display:grid;place-items:center;color:var(--amber-3);background:var(--amber-soft);font-weight:700;font-size:14px}.title-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.back-btn{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:var(--ink-soft)}.page-title{font-family:var(--font-display);font-weight:700;font-size:clamp(26px,3vw,44px);letter-spacing:-.5px;color:var(--ink)}.title-actions{margin-left:auto;display:flex;gap:12px}.btn-soft{display:flex;align-items:center;gap:9px;padding:12px 20px;border-radius:var(--radius-pill);font-weight:500;font-size:14.5px;color:var(--ink)}.btn-icon-soft{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:var(--ink-soft)}.stats-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--gap-fluid)}.stats-left{border-radius:var(--radius-xl);padding:clamp(18px,1.8vw,30px);display:flex;flex-direction:column;justify-content:space-between}.stats-right{display:grid;grid-template-rows:1fr 1fr;gap:var(--gap-fluid)}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.metric .label{font-size:14px;color:var(--ink-soft);margin-bottom:12px}.metric .value{display:flex;align-items:center;gap:12px}.metric .num{font-family:var(--font-display);font-size:clamp(28px,2.4vw,42px);font-weight:700;color:#4a3526;line-height:1}.metric .num.amber{color:var(--amber-3)}.tag{padding:6px 13px;border-radius:var(--radius-pill);font-size:12.5px;font-weight:500;background:var(--amber-soft);color:var(--amber-3);white-space:nowrap}.tag.amber-fill{background:var(--amber-grad);color:#fff;box-shadow:var(--shadow-amber)}.timeline{margin-top:26px}.timeline-months{display:flex;justify-content:space-between;font-size:13px;color:var(--ink-soft);margin-bottom:10px;padding:0 2px}.timeline-track{display:flex;gap:8px;margin-bottom:18px}.seg{height:9px;border-radius:var(--radius-pill);background:#96785024;flex:1}.seg.fill{background:repeating-linear-gradient(45deg,var(--amber-2) 0px,var(--amber-2) 5px,var(--amber-1) 5px,var(--amber-1) 10px)}.seg.dim{background:#e7a75538}.avatar-rows{display:flex;justify-content:space-between;align-items:center}.avatar-cluster{display:flex}.avatar-cluster .avatar{width:40px;height:40px;border:3px solid rgba(255,252,247,.85);margin-left:-10px}.avatar-cluster .avatar:first-child{margin-left:0}.payout-card,.dev-card{border-radius:var(--radius-lg);padding:22px 24px}.card-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.card-head .label{font-size:14px;color:var(--ink-soft)}.big-money{font-family:var(--font-display);font-size:32px;font-weight:600;color:#4a3526}.inline-tag-row{display:flex;align-items:center;gap:12px}.progress{margin-top:16px;height:9px;border-radius:var(--radius-pill);background:#96785024;overflow:hidden}.progress>span{display:block;height:100%;border-radius:var(--radius-pill);background:repeating-linear-gradient(45deg,var(--amber-2) 0px,var(--amber-2) 5px,var(--amber-1) 5px,var(--amber-1) 10px)}.corner-btn{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#ffffff80;color:var(--ink-soft)}.filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.filters-label{display:flex;align-items:center;gap:9px;font-weight:500;color:var(--ink);margin-right:4px}.count-badge{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:600;background:var(--amber-grad);color:#fff}.filter-field{display:flex;align-items:center;gap:10px;padding:11px 16px;border-radius:var(--radius-pill);font-size:14px;color:var(--ink-soft)}.filter-field .chev{margin-left:auto}.filter-field.search{flex:1;min-width:180px}.filter-field.search input{border:none;background:none;outline:none;font-family:inherit;font-size:14px;color:var(--ink);width:100%}.filter-field.search input::placeholder{color:var(--ink-faint)}.bookings{border-radius:var(--radius-xl);padding:clamp(18px,1.8vw,28px);flex:1;min-height:0;display:flex;flex-direction:column}.bookings-top{display:flex;align-items:center;gap:16px;margin-bottom:22px;flex-wrap:wrap}.bookings-title{font-family:var(--font-display);font-size:clamp(19px,1.6vw,24px);font-weight:700;color:#4a3526}.status-tabs{display:flex;gap:6px;margin:0 auto}.status-tab{padding:9px 18px;border-radius:var(--radius-pill);font-size:14px;font-weight:500;color:var(--ink-soft);transition:.18s}.status-tab:hover{color:var(--ink)}.status-tab.active{background:var(--amber-grad);color:#fff;font-weight:600;box-shadow:var(--shadow-amber)}.bookings-body{display:grid;grid-template-columns:minmax(300px,360px) 1fr;gap:22px;flex:1;min-height:0}.booking-list{display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding-right:4px}.booking-item{display:flex;align-items:center;gap:14px;padding:13px 16px;border-radius:var(--radius-md);background:#fffcf780;border:1px solid transparent;transition:.18s;text-align:left;width:100%}.booking-item:hover{background:#fffdf9cc}.booking-item.active{background:#fffdf9eb;border-color:#e7a7558c;box-shadow:var(--shadow-soft)}.booking-item .avatar{width:42px;height:42px}.bi-main{flex:1;min-width:0}.bi-code{font-weight:600;font-size:14.5px;color:var(--ink)}.bi-sub{font-size:12.5px;color:var(--ink-faint);margin-top:2px}.bi-right{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:3px}.bi-name{font-size:14px;font-weight:500;color:var(--ink)}.bi-service{font-size:12.5px;color:var(--ink-faint)}.bi-time{font-size:14px;font-weight:600;color:var(--ink)}.pill-unsent{padding:4px 11px;border-radius:var(--radius-pill);font-size:11.5px;font-weight:600;background:var(--amber-soft);color:var(--amber-3)}.detail{border-radius:var(--radius-lg);padding:clamp(18px,1.6vw,28px);background:#fffcf780;border:1px solid var(--glass-border-soft);overflow-y:auto;min-height:0}.detail-head{display:grid;grid-template-columns:1fr 1.1fr auto;gap:20px;align-items:start}.col-label{font-size:13px;color:var(--ink-faint);margin-bottom:10px}.invoice-no{display:flex;align-items:center;gap:10px}.invoice-no .no,.detail-name{font-family:var(--font-display);font-size:26px;font-weight:600;color:#4a3526}.customer{display:flex;align-items:center;gap:10px}.customer .avatar{width:40px;height:40px}.customer .c-name{font-size:14.5px;font-weight:600;color:var(--ink)}.customer .c-role{font-size:12px;color:var(--ink-faint)}.detail-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:26px;margin-top:24px}.prep-list{display:flex;flex-direction:column;gap:12px}.prep-item{display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:var(--radius-md);background:#fffcf799;border:1px solid var(--glass-border-soft);font-size:14.5px;font-weight:500;color:var(--ink)}.prep-item .ico{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--amber-soft);color:var(--amber-3);flex:none}.svc-list{display:flex;flex-direction:column}.svc-row{display:grid;grid-template-columns:14px 1fr auto auto;gap:14px;align-items:center;padding:11px 0}.svc-bullet{width:11px;height:11px;border-radius:50%;border:3px solid var(--amber-2);background:#fff}.svc-name{font-size:14.5px;font-weight:500;color:var(--ink)}.svc-time{font-size:13px;color:var(--ink-faint)}.svc-price{font-size:14.5px;font-weight:600;color:var(--ink);text-align:right;min-width:64px}.detail-foot{display:flex;align-items:flex-end;gap:30px;margin-top:26px;padding-top:22px;border-top:1px solid var(--glass-border-soft)}.foot-block .col-label{margin-bottom:6px}.foot-money{font-family:var(--font-display);font-size:24px;font-weight:600;color:#4a3526}.btn-checkin{margin-left:auto;padding:16px 30px;border-radius:var(--radius-pill);background:var(--amber-grad);color:#fff;font-weight:600;font-size:14.5px;letter-spacing:.4px;box-shadow:var(--shadow-amber);transition:.18s}.btn-checkin:hover{filter:brightness(1.04);transform:translateY(-1px)}@media (max-width: 1100px){.app{min-height:100dvh}.stats-grid{grid-template-columns:1fr}.stats-right{grid-template-rows:auto auto}.bookings,.bookings-body{flex:initial;min-height:0}.bookings-body{grid-template-columns:1fr}.booking-list,.detail{overflow:visible}.detail-grid{grid-template-columns:1fr}.nav .icon-btn-sm,.nav-divider{display:none}}@media (max-width: 720px){.nav .nav-link{display:none}.metric-row{grid-template-columns:1fr}.status-tabs{margin:0;width:100%;overflow-x:auto}}@media (max-width: 480px){.header-right .round-btn:not(:last-child){display:none}.brand{font-size:20px;padding-right:0}}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#1e140a47;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .28s ease}.sidebar-overlay.visible{opacity:1;pointer-events:auto}.sidebar{position:fixed;top:0;left:0;height:100vh;width:340px;z-index:100;background:#fffdf9d1;backdrop-filter:blur(32px) saturate(140%);-webkit-backdrop-filter:blur(32px) saturate(140%);border-right:1px solid var(--glass-border);box-shadow:6px 0 40px -10px #5f462838;display:flex;flex-direction:column;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.sidebar.open{transform:translate(0)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:20px 18px 16px;border-bottom:1px solid var(--glass-border-soft);flex-shrink:0}.sidebar-close{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:var(--ink-soft);transition:.18s}.sidebar-close:hover{color:var(--ink);background:#ffffffb3}.sidebar-nav{flex:1;overflow-y:auto;padding:12px 12px 24px;scrollbar-width:thin;scrollbar-color:var(--glass-border-soft) transparent}.sidebar-group{margin-bottom:8px}.sidebar-group-label{display:block;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);padding:14px 12px 6px}.sidebar-item{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--ink-soft);text-decoration:none;transition:background .15s,color .15s}.sidebar-item:hover{background:#fff9;color:var(--ink)}.sidebar-item.active{background:var(--amber-soft);color:var(--amber-3);font-weight:600}.sidebar-item.active .sidebar-item-icon{color:var(--amber-3)}.sidebar-item-icon{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#ffffff8c;color:var(--ink-soft);flex-shrink:0;transition:.15s}.sidebar-item:hover .sidebar-item-icon{background:#fffc}.sidebar-item.active .sidebar-item-icon{background:#e7a75538}.nav .icon-btn.active{background:var(--amber-soft);color:var(--amber-3)}.placeholder-panel{flex:1;border-radius:var(--radius-xl);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:320px;padding:60px 40px}.placeholder-icon{color:var(--ink-faint);opacity:.7}.placeholder-label{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--ink-soft)}.placeholder-sub{font-size:14px;color:var(--ink-faint)}.btn-amber{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;border-radius:var(--radius-pill);background:var(--amber-grad);color:#fff;font-size:14px;font-weight:600;box-shadow:var(--shadow-amber);transition:opacity .18s,transform .15s;cursor:pointer;border:none}.btn-amber:hover{opacity:.9;transform:translateY(-1px)}.clients-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap-fluid)}.cstat{border-radius:var(--radius-lg);padding:18px 22px;display:flex;flex-direction:column;gap:4px}.cstat-value{font-family:var(--font-display);font-size:32px;font-weight:800;color:var(--ink);line-height:1}.cstat-value.chip-vip-inline{color:var(--amber-3)}.cstat-label{font-size:13px;color:var(--ink-faint)}.clients-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:var(--radius-pill);flex:1;min-width:240px}.search-icon{color:var(--ink-faint);flex-shrink:0}.search-input{border:none;background:transparent;font-size:14px;color:var(--ink);width:100%;outline:none}.search-input::placeholder{color:var(--ink-faint)}.filter-chips{display:flex;gap:6px}.filter-chip{padding:8px 16px;border-radius:var(--radius-pill);font-size:13px;font-weight:500;color:var(--ink-soft);background:#ffffff80;border:1px solid var(--glass-border-soft);transition:.18s;cursor:pointer}.filter-chip:hover{background:#ffffffbf;color:var(--ink)}.filter-chip.active{background:var(--amber-grad);color:#fff;border-color:transparent;box-shadow:var(--shadow-amber);font-weight:600}.clients-table{border-radius:var(--radius-xl);overflow:hidden;flex:1}.ctable-header{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1.5fr) minmax(0,.8fr) minmax(0,.9fr) minmax(0,.9fr) minmax(0,.9fr) minmax(0,1.6fr) minmax(0,.8fr) minmax(0,.5fr) minmax(0,.8fr) 40px;padding:10px 22px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint);border-bottom:1px solid var(--glass-border-soft)}.ctable-row{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1.5fr) minmax(0,.8fr) minmax(0,.9fr) minmax(0,.9fr) minmax(0,.9fr) minmax(0,1.6fr) minmax(0,.8fr) minmax(0,.5fr) minmax(0,.8fr) 40px;align-items:start;padding:13px 22px;border-bottom:1px solid rgba(180,150,110,.08);cursor:pointer;transition:background .15s}.ctable-row:last-child{border-bottom:none}.ctable-row:hover{background:#ffffff73}.ctable-empty{padding:48px;text-align:center;color:var(--ink-faint);font-size:14px}.col-client{display:flex;align-items:center;gap:12px}.client-avatar-wrap{flex-shrink:0}.client-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--glass-border)}.client-avatar.initials{display:grid;place-items:center;background:var(--amber-soft);color:var(--amber-3);font-size:14px;font-weight:700;font-family:var(--font-display)}.client-name-col{display:flex;flex-direction:column;gap:3px;min-width:0}.client-name{font-size:14px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.wallet-badge{font-size:11px;font-weight:600;color:var(--amber-3);background:var(--amber-soft);padding:2px 8px;border-radius:var(--radius-pill);width:fit-content}.col-contact{display:flex;flex-direction:column;gap:4px;min-width:0}.contact-line{display:flex;align-items:center;gap:5px;font-size:12.5px;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.contact-line svg{color:var(--ink-faint);flex-shrink:0}.visit-date{font-size:13.5px;color:var(--ink-soft)}.income-amt{font-size:14px;font-weight:600;color:var(--ink-soft)}.spent-amt{font-size:14px;font-weight:600;color:var(--ink)}.wallet-amt{font-size:14px;font-weight:600;color:var(--ok)}.col-comment{min-width:0;padding-right:14px}.comment-text{display:flex;align-items:flex-start;gap:5px;font-size:12px;color:var(--ink-soft);cursor:default}.comment-clamp{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;white-space:pre-line}.comment-text.empty{color:var(--ink-faint)}.packages-count{font-size:14px;font-weight:600;color:var(--amber-3)}.appts-count{font-size:14px;font-weight:600;color:var(--ink-soft)}.status-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:var(--radius-pill);font-size:12px;font-weight:700}.chip-vip{background:var(--amber-grad);color:#fff;box-shadow:0 4px 12px -4px #d98b3c73}.chip-active{background:#3ca06424;color:#2a8a5a}.chip-inactive{background:#a0918224;color:var(--ink-faint)}.chip-new{background:#5082dc21;color:#3a6ab0}.row-arrow{color:var(--ink-faint)}.title-with-back{display:flex;align-items:center;gap:12px}.client-hero{border-radius:var(--radius-xl);padding:24px 28px;display:flex;align-items:center;gap:24px}.hero-avatar-wrap{flex-shrink:0}.hero-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid var(--glass-border);box-shadow:var(--shadow-card)}.hero-avatar.initials{display:grid;place-items:center;background:var(--amber-soft);color:var(--amber-3);font-size:26px;font-weight:800;font-family:var(--font-display)}.hero-info{flex:1;display:flex;flex-direction:column;gap:10px}.hero-contact{display:flex;flex-wrap:wrap;gap:6px 20px}.hero-contact-item{display:flex;align-items:center;gap:6px;font-size:13.5px;color:var(--ink-soft)}.hero-contact-item svg{color:var(--ink-faint)}.hero-since{font-size:12px;color:var(--ink-faint)}.hero-stats{display:flex;gap:0;border-left:1px solid var(--glass-border-soft);padding-left:24px}.hstat{display:flex;flex-direction:column;gap:4px;padding:0 20px;border-right:1px solid var(--glass-border-soft);text-align:center;min-width:110px}.hstat:last-child{border-right:none;padding-right:0}.hstat-value{font-family:var(--font-display);font-size:22px;font-weight:800;color:var(--ink)}.hstat-value.amber{color:var(--amber-3)}.hstat-label{font-size:11.5px;color:var(--ink-faint)}.detail-tabs-wrap{display:flex;align-items:center;gap:3px;padding:6px;border-radius:var(--radius-pill);width:fit-content}.detail-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-pill);font-size:13.5px;font-weight:500;color:var(--ink-soft);transition:.18s;white-space:nowrap}.detail-tab:hover{background:#ffffffa6;color:var(--ink)}.detail-tab.active{background:var(--amber-grad);color:#fff;font-weight:600;box-shadow:var(--shadow-amber)}.tab-panel{border-radius:var(--radius-xl);padding:28px 32px;flex:1;min-height:280px}.tab-empty{text-align:center;color:var(--ink-faint);font-size:14px;padding:40px 0}.datos-section{margin-bottom:28px}.datos-heading{font-family:var(--font-display);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-faint);margin-bottom:16px}.datos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 28px}.dato-field{display:flex;flex-direction:column;gap:4px}.dato-label{font-size:11.5px;color:var(--ink-faint);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.dato-value{font-size:15px;color:var(--ink);font-weight:500}.datos-notes{font-size:14px;color:var(--ink-soft);line-height:1.6;background:#ffffff80;border-radius:var(--radius-md);padding:14px 18px;border:1px solid var(--glass-border-soft)}.tab-list{display:flex;flex-direction:column;gap:10px}.appt-row{display:grid;grid-template-columns:130px 1fr auto auto;align-items:center;gap:16px;padding:14px 18px;border-radius:var(--radius-md);background:#ffffff73;border:1px solid var(--glass-border-soft)}.appt-date{font-size:13px;font-weight:600;color:var(--ink-soft)}.appt-info{display:flex;flex-direction:column;gap:3px}.appt-service{font-size:14px;font-weight:600;color:var(--ink)}.appt-meta{font-size:12px;color:var(--ink-faint)}.appt-status-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:var(--radius-pill);font-size:12px;font-weight:600}.appt-done{background:#3ca0641f;color:#2a8a5a}.appt-pending{background:#5082dc1f;color:#3a6ab0}.appt-cancelled{background:#c83c3c1a;color:#c03030}.appt-price{font-size:15px;font-weight:700;color:var(--ink);min-width:70px;text-align:right}.order-row{display:grid;grid-template-columns:130px 1fr auto auto;align-items:center;gap:16px;padding:14px 18px;border-radius:var(--radius-md);background:#ffffff73;border:1px solid var(--glass-border-soft)}.order-date{font-size:13px;font-weight:600;color:var(--ink-soft)}.order-info{display:flex;flex-direction:column;gap:3px}.order-items{font-size:14px;font-weight:600;color:var(--ink)}.order-meta{font-size:12px;color:var(--ink-faint)}.order-total{font-size:15px;font-weight:700;color:var(--ink);min-width:80px;text-align:right}.tab-saldo{display:flex;flex-direction:column;gap:24px}.saldo-hero{display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px;background:var(--amber-soft);border-radius:var(--radius-lg);border:1px solid rgba(231,167,85,.25)}.saldo-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--amber-3);font-weight:700}.saldo-amount{font-family:var(--font-display);font-size:42px;font-weight:800;color:var(--amber-3);line-height:1}.wallet-row{display:grid;grid-template-columns:130px 1fr auto auto;align-items:center;gap:16px;padding:12px 18px;border-radius:var(--radius-md);background:#ffffff73;border:1px solid var(--glass-border-soft)}.wallet-date{font-size:13px;color:var(--ink-soft);font-weight:600}.wallet-concept{font-size:14px;color:var(--ink)}.wallet-amount{display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:700;min-width:110px;justify-content:flex-end}.wallet-amount.credit{color:#2a8a5a}.wallet-amount.debit{color:#c03030}.wallet-balance-col{font-size:13px;color:var(--ink-faint);min-width:80px;text-align:right}.tab-favoritos{display:flex;flex-direction:column;gap:24px}.fav-section{display:flex;flex-direction:column;gap:10px}.fav-chips{display:flex;flex-wrap:wrap;gap:8px}.fav-chip{padding:7px 16px;border-radius:var(--radius-pill);background:#fff9;border:1px solid var(--glass-border-soft);font-size:13.5px;font-weight:500;color:var(--ink-soft)}.tab-notas{display:flex;flex-direction:column}.notas-textarea{width:100%;resize:vertical;background:#ffffff80;border:1px solid var(--glass-border-soft);border-radius:var(--radius-md);padding:16px 18px;font-size:14px;color:var(--ink);line-height:1.6;font-family:var(--font-body);outline:none;transition:border-color .18s}.notas-textarea:focus{border-color:var(--amber-2)}@media (max-width: 1100px){.clients-stats,.datos-grid{grid-template-columns:repeat(2,1fr)}.hero-stats{display:none}}@media (max-width: 720px){.ctable-header,.ctable-row{grid-template-columns:1fr auto}.col-contact,.col-visit,.col-income,.col-spent,.col-wallet,.col-comment,.col-packages,.col-appts,.col-status{display:none}.clients-stats{grid-template-columns:repeat(2,1fr)}}.pos-layout{display:grid;grid-template-columns:1fr 360px;gap:var(--gap-fluid);flex:1;min-height:0}.pos-left{border-radius:var(--radius-xl);padding:22px 24px;display:flex;flex-direction:column;gap:18px;overflow-y:auto}.pos-right{border-radius:var(--radius-xl);padding:22px 24px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;background:#fffdf973;backdrop-filter:blur(28px) saturate(140%);-webkit-backdrop-filter:blur(28px) saturate(140%);border:1px solid var(--glass-border);box-shadow:var(--shadow-card)}.pos-section{display:flex;flex-direction:column;gap:10px}.pos-catalog-section{flex:1}.pos-section-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint)}.pos-client-selected{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:var(--radius-md);background:var(--amber-soft);border:1px solid rgba(231,167,85,.3)}.pos-client-info{display:flex;align-items:center;gap:10px}.pos-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--glass-border);flex-shrink:0}.pos-avatar.ini{display:grid;place-items:center;background:var(--amber-2);color:#fff;font-size:13px;font-weight:700;font-family:var(--font-display)}.pos-client-name{font-size:14px;font-weight:600;color:var(--ink)}.pos-client-wallet{font-size:11.5px;color:var(--amber-3);font-weight:600}.pos-close-btn{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:var(--ink-faint);transition:.15s}.pos-close-btn:hover{background:#c83c3c1a;color:#c03030}.pos-close-btn.sm{width:22px;height:22px}.pos-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:50;border-radius:var(--radius-md);box-shadow:var(--shadow-card);overflow:hidden}.pos-dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;transition:background .15s}.pos-dropdown-item:hover{background:#fff9}.pos-mini-av{width:30px;height:30px;border-radius:50%;object-fit:cover;flex-shrink:0}.pos-mini-av.ini{display:grid;place-items:center;background:var(--amber-soft);color:var(--amber-3);font-size:11px;font-weight:700}.pos-option-name{font-size:13.5px;font-weight:600;color:var(--ink)}.pos-option-sub{font-size:12px;color:var(--ink-faint)}.pos-item-toolbar{display:flex;flex-direction:column;gap:8px}.pos-tabs{display:flex;gap:4px}.pos-tab{padding:6px 14px;border-radius:var(--radius-pill);font-size:12.5px;font-weight:500;color:var(--ink-soft);background:#ffffff73;border:1px solid var(--glass-border-soft);transition:.18s;cursor:pointer}.pos-tab:hover{background:#ffffffb3;color:var(--ink)}.pos-tab.active{background:var(--amber-grad);color:#fff;border-color:transparent;font-weight:600}.pos-catalog-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}@media (max-width: 1100px){.pos-catalog-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 720px){.pos-catalog-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 480px){.pos-catalog-grid{grid-template-columns:repeat(2,1fr)}}.pos-catalog-card{display:flex;flex-direction:column;align-items:stretch;align-self:start;padding:0;border-radius:var(--radius-md);background:#ffffff80;border:1px solid var(--glass-border-soft);text-align:left;cursor:pointer;transition:.2s}.pos-catalog-card:hover{background:#ffffffe6;transform:translateY(-2px);box-shadow:0 8px 22px -6px #5f462838}.pos-cat-img-wrap{width:100%;aspect-ratio:16/9;overflow:hidden;flex-shrink:0;border-radius:var(--radius-md) var(--radius-md) 0 0}.pos-cat-img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.pos-catalog-card:hover .pos-cat-img{transform:scale(1.06)}.pos-cat-img-placeholder{width:100%;aspect-ratio:16/9;display:grid;place-items:center;background:var(--amber-soft);color:var(--amber-3);border-radius:var(--radius-md) var(--radius-md) 0 0}.pos-cat-body{display:flex;flex-direction:column;gap:3px;padding:9px 12px 12px;height:106px;box-sizing:border-box}.pos-cat-name{font-size:12.5px;font-weight:600;color:var(--ink);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pos-cat-desc{font-size:11px;color:var(--ink-faint);line-height:1.4;margin-top:1px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pos-cat-price{font-size:13.5px;font-weight:700;color:var(--amber-3);margin-top:auto}.pos-package-body{display:flex;flex-direction:column;gap:3px;padding:9px 12px 12px;height:auto;min-height:106px;box-sizing:border-box}.pos-package-items{display:flex;flex-wrap:wrap;gap:3px;margin:2px 0 4px}.pos-package-item-chip{font-size:9.5px;font-weight:600;color:var(--ink-soft);background:#0000000a;border:1px solid var(--glass-border-soft);padding:1px 5px;border-radius:4px;white-space:nowrap}.pos-package-price-row{display:flex;justify-content:space-between;align-items:baseline;margin-top:auto;padding-top:4px}.pos-package-original{font-size:10.5px;color:var(--ink-faint);text-decoration:line-through}.pos-category-chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}.pos-category-chips::-webkit-scrollbar{display:none}.pos-order-list{display:flex;flex-direction:column;gap:6px}.pos-order-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-md);background:#ffffff8c;border:1px solid var(--glass-border-soft)}.pos-order-name{flex:1;font-size:13.5px;font-weight:500;color:var(--ink)}.pos-qty{display:flex;align-items:center;gap:6px}.qty-btn{width:24px;height:24px;border-radius:50%;background:var(--amber-soft);color:var(--amber-3);display:grid;place-items:center;transition:.15s}.qty-btn:hover{background:var(--amber-2);color:#fff}.qty-num{font-size:14px;font-weight:700;color:var(--ink);min-width:18px;text-align:center}.pos-order-price{font-size:14px;font-weight:700;color:var(--ink);min-width:72px;text-align:right}.pos-right-title{font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--ink);padding-bottom:4px;border-bottom:1px solid var(--glass-border-soft)}.pos-summary-lines{display:flex;flex-direction:column;gap:8px;min-height:60px}.pos-empty-msg{font-size:13px;color:var(--ink-faint);text-align:center;padding:20px 0}.summary-line{display:flex;align-items:center;gap:8px}.sl-name{font-size:13.5px;color:var(--ink-soft);flex:1}.sl-remove{flex-shrink:0;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;border:none;cursor:pointer;background:transparent;color:var(--ink-faint);opacity:0;transition:opacity .15s,background .15s}.summary-line:hover .sl-remove{opacity:1}.sl-remove:hover{background:#b43c3c1f;color:#b43c3c}.sl-qty{font-size:11px;background:var(--amber-soft);color:var(--amber-3);padding:1px 6px;border-radius:var(--radius-pill);margin-left:6px;font-weight:600}.sl-price{font-size:14px;font-weight:600;color:var(--ink)}.pos-discount-row{display:flex;align-items:center;justify-content:space-between}.pos-discount-label{font-size:13px;font-weight:600;color:var(--ink-soft)}.pos-discount-input{display:flex;align-items:center;gap:4px;background:#ffffff8c;border:1px solid var(--glass-border-soft);border-radius:var(--radius-md);padding:6px 12px;width:120px}.di-peso{font-size:14px;color:var(--ink-faint)}.di-field{border:none;background:transparent;font-size:14px;font-weight:600;color:var(--ink);width:80px;outline:none;-moz-appearance:textfield}.di-field::-webkit-inner-spin-button{display:none}.pos-prepaid-disc-row{display:flex;align-items:center;justify-content:space-between;background:#2a8a5a14;border:1px solid rgba(42,138,90,.2);border-radius:var(--radius-md);padding:8px 12px}.ppd-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#2a8a5a}.ppd-badge{background:#2a8a5a26;color:#2a8a5a;font-size:11px;font-weight:700;padding:1px 6px;border-radius:20px}.ppd-value{font-size:14px;font-weight:700;color:#2a8a5a}.pos-sep{height:1px;background:var(--glass-border-soft)}.pos-totals{display:flex;flex-direction:column;gap:6px}.tl{display:flex;justify-content:space-between;font-size:13.5px;color:var(--ink-soft)}.tl.green{color:#2a8a5a}.tl.grand{font-family:var(--font-display);font-size:24px;font-weight:800;color:var(--amber-3);margin-top:4px}.pos-pay-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint)}.pos-pay-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.pay-btn{display:flex;align-items:center;gap:7px;padding:10px 12px;border-radius:var(--radius-md);background:#ffffff80;border:1.5px solid var(--glass-border-soft);font-size:12.5px;font-weight:500;color:var(--ink-soft);cursor:pointer;transition:.18s;flex-direction:column;align-items:flex-start}.pay-btn:hover:not(.dis){background:#fffc}.pay-btn.active{background:var(--amber-soft);border-color:var(--amber-2);color:var(--amber-3);font-weight:600}.pay-btn.dis{opacity:.38;cursor:not-allowed}.prepaid-bal{font-size:10.5px;font-weight:700;color:var(--amber-3)}.pos-checkout{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:15px;border-radius:var(--radius-lg);background:var(--amber-grad);color:#fff;font-family:var(--font-display);font-size:18px;font-weight:800;box-shadow:var(--shadow-amber);transition:opacity .18s,transform .15s;cursor:pointer;margin-top:auto}.pos-checkout:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.pos-checkout:disabled{opacity:.35;cursor:not-allowed}.pos-checkout.success{background:linear-gradient(135deg,#56c47c,#2e8b57);box-shadow:0 12px 24px -10px #2e8b5780}@media (max-width: 1100px){.pos-layout{grid-template-columns:1fr 320px}}@media (max-width: 720px){.pos-layout{grid-template-columns:1fr}.pos-right{order:-1}}.treatments-modal-grid{display:grid;grid-template-columns:1fr;gap:24px;flex:1;overflow-y:auto;padding:20px 24px}@media (min-width: 768px){.treatments-modal-grid{grid-template-columns:1fr 1fr}.treatments-modal-right{border-left:1.5px solid var(--glass-border-soft);padding-left:24px}}.form-control-wrap{display:flex;align-items:center;height:38px;background:var(--glass-soft);border:1.5px solid var(--glass-border);border-radius:var(--radius-md);padding:0 12px;width:100%;box-sizing:border-box;transition:border-color .18s,background-color .18s;flex-shrink:0}.form-control-wrap:focus-within{border-color:var(--amber-2);background:#ffffffbf}.form-control-input{border:none;background:transparent;outline:none;font-size:13px;color:var(--ink);width:100%;height:100%;box-sizing:border-box}.form-control-select{border:none;background:transparent;outline:none;font-size:13px;color:var(--ink);width:100%;height:100%;box-sizing:border-box;cursor:pointer}.form-control-textarea-wrap{display:flex;background:var(--glass-soft);border:1.5px solid var(--glass-border);border-radius:var(--radius-md);padding:0 12px;width:100%;box-sizing:border-box;transition:border-color .18s,background-color .18s;flex-shrink:0}.form-control-textarea-wrap:focus-within{border-color:var(--amber-2);background:#ffffffbf}.form-control-textarea{border:none;background:transparent;outline:none;font-size:13px;color:var(--ink);width:100%;height:80px;box-sizing:border-box;resize:none;padding:10px 0}.supplies-table-row{cursor:pointer;transition:background .15s}.supplies-table-row:hover{background:#ffffff73}.login-shell{position:relative;z-index:1;min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:380px;border-radius:var(--radius-xl);padding:clamp(28px,4vw,40px);display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.login-logo{height:44px;width:auto;filter:invert(41%) sepia(82%) saturate(616%) hue-rotate(17deg) brightness(95%) contrast(95%);margin-bottom:4px}.login-title{font-family:var(--font-display);font-weight:700;font-size:26px;color:var(--amber-3)}.login-sub{font-size:14px;color:var(--ink-soft);margin-bottom:8px}.login-field{width:100%;height:46px;gap:10px}.login-field-icon{color:var(--ink-faint);flex-shrink:0}.login-error{display:flex;align-items:center;gap:6px;width:100%;font-size:13px;color:#c5564b;background:#c5564b1a;border:1px solid rgba(197,86,75,.25);border-radius:var(--radius-md);padding:10px 14px;text-align:left}.login-submit{width:100%;justify-content:center;padding:13px 20px;font-size:15px;margin-top:6px}.login-submit:disabled{opacity:.6;cursor:not-allowed}.auth-loading{position:relative;z-index:1;min-height:100vh;display:grid;place-items:center;font-family:var(--font-display);color:var(--ink-soft);font-size:16px}