:root{--ink:#163b38;--ink2:#20534e;--gold:#b8914f;--paper:#f5f3ed;--card:#fff;--line:#deddd6;--muted:#747b77;--bad:#b94a3d;--ok:#2c8a68;--warn:#d28633;--shadow:0 12px 34px rgba(22,59,56,.09)}
[hidden]{display:none!important}
*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font:16px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{margin:0;min-height:100dvh}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}h1{font:600 clamp(2rem,9vw,3rem)/1.05 Georgia,serif;margin:.2rem 0 1.4rem}h2{font-size:1.05rem;margin:1.7rem 0 .8rem}.eyebrow{color:var(--gold);font-size:.7rem;font-weight:800;letter-spacing:.18em;margin:0 0 .45rem}.muted{color:var(--muted)}.error{color:var(--bad);font-size:.86rem;min-height:1.2rem}.offline{position:fixed;z-index:99;top:0;left:0;right:0;padding:9px;text-align:center;background:#8f3e34;color:#fff;font-size:.78rem}
.auth-shell{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 70% 10%,#dce9e4,transparent 38%),var(--paper)}.login-card{width:min(100%,420px);background:#fff;padding:34px 26px;border-radius:28px;box-shadow:var(--shadow)}.brand-mark{display:grid;place-items:center;width:62px;height:62px;border:1px solid var(--gold);border-radius:50%;font:24px Georgia,serif;margin-bottom:22px}.login-card label,.form-section label{display:grid;gap:7px;color:var(--muted);font-size:.78rem;margin-bottom:14px}.login-card input,.form-section input{width:100%;height:50px;border:1px solid var(--line);border-radius:14px;background:#fbfbf8;padding:0 14px;color:var(--ink);font-size:1rem;outline:none}.login-card input:focus,.form-section input:focus{border-color:var(--ink2);box-shadow:0 0 0 3px rgba(32,83,78,.1)}
.primary,.secondary{min-height:50px;border-radius:15px;border:0;padding:0 18px;font-weight:700}.primary{width:100%;background:var(--ink);color:#fff;box-shadow:0 7px 18px rgba(22,59,56,.18)}.secondary{width:100%;background:#e4ece9;color:var(--ink)}.topbar{position:sticky;top:0;z-index:5;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:rgba(245,243,237,.93);backdrop-filter:blur(15px);border-bottom:1px solid rgba(222,221,214,.8);font-size:.72rem;letter-spacing:.1em}.mini-mark{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid var(--gold);border-radius:50%;margin-right:9px;font:14px Georgia}.icon-btn{width:44px;height:44px;border:0;background:transparent;color:inherit;font-size:1.5rem}.content{width:min(100%,720px);margin:auto;padding:28px 16px 104px}.page{animation:up .24s ease}@keyframes up{from{opacity:0;transform:translateY(8px)}}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stats article{min-height:112px;background:var(--card);border:1px solid #e9e7df;border-radius:20px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 5px 18px rgba(22,59,56,.04)}.stats span{font-size:.75rem;color:var(--muted)}.stats strong{font:600 2rem Georgia,serif}.hero-action{margin:16px 0 5px;height:58px;background:var(--gold)}.list{display:grid;gap:9px}.list-card{background:#fff;border-radius:17px;padding:14px;display:flex;align-items:center;gap:12px;border:1px solid #e8e6df}.avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#dfe9e5;color:var(--ink);font-weight:700;flex:none}.list-card div{min-width:0}.list-card b,.list-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-card small{color:var(--muted);margin-top:3px}.status{margin-left:auto;color:var(--ok);font-size:.68rem;text-transform:uppercase}.bottom-nav{position:fixed;z-index:10;bottom:0;left:0;right:0;height:82px;padding:8px max(12px,env(safe-area-inset-left)) max(8px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-top:1px solid var(--line)}.bottom-nav button{border:0;background:transparent;color:#777;font-size:.62rem;min-height:52px}.bottom-nav button span{display:block;font-size:1.25rem;margin-bottom:2px}.bottom-nav .active{color:var(--ink);font-weight:700}.bottom-nav .nav-create span{width:50px;height:50px;display:grid;place-items:center;margin:-20px auto 0;background:var(--ink);color:#fff;border:5px solid var(--paper);border-radius:50%}
.back{border:0;background:transparent;min-height:44px;padding:0;color:var(--muted)}.steps{display:flex;gap:6px;margin:-7px 0 20px}.steps i{height:3px;flex:1;background:#dadad4;border-radius:3px}.steps i.active{background:var(--gold)}.form-section{background:#fff;padding:17px;border-radius:21px;margin-bottom:12px;border:1px solid #e9e7df}.section-title{display:flex;align-items:center;gap:10px;margin-bottom:15px}.section-title span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:#fff;font-size:.75rem}.section-title h2{margin:0}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 9px}.field-grid .wide{grid-column:1/-1}.search{position:relative;display:flex!important;align-items:center;gap:8px;height:52px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:0 13px!important;margin-bottom:12px!important;font-size:1.2rem!important}.search input{border:0!important;box-shadow:none!important;padding:0!important;background:transparent!important}.search-results{display:grid;gap:6px}.result{border:1px solid var(--line);background:#fafaf7;border-radius:13px;min-height:52px;padding:9px 11px;text-align:left;color:var(--ink)}.result small{display:block;color:var(--muted)}.selected-card{padding:13px;border-radius:15px;background:#e4efeb;margin-bottom:12px}.selected-card button{float:right;border:0;background:transparent;color:var(--bad)}.plans{display:grid;gap:8px}.plan{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:15px;padding:13px;cursor:pointer}.plan:has(input:checked){border-color:var(--ink);background:#edf3f0}.plan input{width:20px;height:20px;margin:0;accent-color:var(--ink)}.plan div{flex:1}.plan b,.plan small{display:block}.plan small{color:var(--muted)}.period-card{display:flex;align-items:end;justify-content:space-between;background:#f3f5f2;border-radius:14px;padding:13px}.period-card small,.period-card b{display:block}.period-card small{color:var(--muted);font-size:.68rem}.photo-ready{display:flex;gap:12px;align-items:center}.photo-ready img{width:72px;height:72px;border-radius:14px;object-fit:cover}.photo-ready button{display:block;border:0;background:none;color:var(--gold);padding:5px 0}.success{text-align:center;padding-top:7vh}.success-icon{width:90px;height:90px;border-radius:50%;background:var(--ok);color:#fff;display:grid;place-items:center;font-size:2.5rem;margin:0 auto 22px;box-shadow:0 0 0 12px rgba(44,138,104,.1)}.receipt{text-align:left;background:#fff;border-radius:20px;padding:18px;margin:24px 0}.receipt div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}.empty{padding:50px 20px;text-align:center;border:1px dashed var(--line);border-radius:20px;color:var(--muted)}
dialog{padding:0;border:0;margin:0;width:100vw;max-width:none;height:100dvh;max-height:none;background:#081916;color:#fff}dialog::backdrop{background:#081916}.camera-shell{height:100%;display:flex;flex-direction:column}.camera-head{height:66px;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;text-align:center;padding:0 10px}.video-wrap,.preview-wrap{position:relative;overflow:hidden;flex:1;min-height:320px;background:#000}.video-wrap video,.preview-wrap img{width:100%;height:100%;object-fit:cover}.video-wrap video{transform:scaleX(-1)}.face-guide{position:absolute;width:min(60vw,270px);height:min(78vw,350px);left:50%;top:48%;transform:translate(-50%,-50%);border:3px solid #aaa;border-radius:48% 48% 44% 44%;box-shadow:0 0 0 100vmax rgba(0,0,0,.30);transition:border-color .2s}.face-guide.warn{border-color:var(--warn)}.face-guide.good{border-color:#49d59e}.scan-line{position:absolute;left:22%;right:22%;top:30%;height:1px;background:rgba(255,255,255,.4);animation:scan 2.4s ease-in-out infinite}@keyframes scan{50%{top:68%}}.camera-status{text-align:center;padding:17px 12px 8px;min-height:74px}.camera-status b,.camera-status span{display:block}.camera-status span{color:#a6b3af;font-size:.78rem;margin-top:3px}.capture{display:block;width:74px;height:74px;border:3px solid #fff;border-radius:50%;background:transparent;margin:8px auto 24px;padding:6px}.capture i{display:block;width:100%;height:100%;border-radius:50%;background:#fff}.capture:not(:disabled) i{background:#49d59e}.preview-actions{display:grid;grid-template-columns:1fr 1.3fr;gap:9px;padding:18px}.preview-actions .primary{height:52px}
@media(min-width:760px){.content{padding-top:42px}.bottom-nav{left:50%;transform:translateX(-50%);width:600px;border-radius:22px 22px 0 0}.camera-shell{width:500px;margin:auto}.field-grid{grid-template-columns:1fr 1fr}}
.customer-link{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer}.customer-link:hover{border-color:#cab88a;box-shadow:0 8px 24px rgba(22,48,42,.08)}.list-copy{display:flex;flex:1;min-width:0;flex-direction:column}.list-copy b,.list-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chevron{font-size:1.75rem;color:var(--muted);line-height:1}.profile-head{display:flex;align-items:center;gap:18px;margin:10px 0 22px}.profile-head h1{margin:3px 0;font-size:1.55rem}.profile-head p{margin:0;color:var(--muted)}.detail-photo{width:88px;height:88px;border-radius:24px;object-fit:cover;flex:0 0 auto}.detail-initials{display:grid;place-items:center;background:var(--ink);color:#fff;font-weight:800;font-size:1.5rem}.eyebrow{font-size:.68rem!important;letter-spacing:.13em;color:var(--gold)!important;font-weight:800}.detail-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:4px 17px;margin-bottom:22px}.detail-row,.visit-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.detail-row:last-child,.visit-row:last-child{border-bottom:0}.detail-row span,.visit-row span{min-width:0}.detail-row small,.visit-row small{display:block;color:var(--muted);margin-top:3px}.detail-row b{text-align:right;overflow-wrap:anywhere}.current-membership{position:relative;overflow:hidden;background:linear-gradient(135deg,#163f36,#0b2923);color:#fff;border-radius:22px;padding:22px;margin:0 0 14px}.current-membership h2{margin:4px 0 18px}.current-membership>div{display:flex;gap:10px;color:#ccd8d5;margin-bottom:16px}.current-membership .status{background:rgba(255,255,255,.12);color:#fff}.detail-list{display:grid;gap:10px;margin-bottom:22px}.history-card{display:grid;grid-template-columns:1fr auto;gap:8px 12px;background:#fff;border:1px solid var(--line);border-radius:17px;padding:15px}.history-card div{min-width:0}.history-card small{display:block;color:var(--muted);margin-top:3px}.history-card p{grid-column:1/-1;margin:0;color:var(--muted);font-size:.84rem}.sync-ok{color:var(--ok)}.sync-wait{color:var(--warn)}.empty.compact{padding:22px 10px;border:0}.back{border:0;background:none;color:var(--ink);font:inherit;font-weight:750;padding:7px 0 12px;cursor:pointer}