*{box-sizing:border-box}body{margin:0;background:#f6f5f5;color:#38282d;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:16px;line-height:1.5}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,.button{min-height:46px;border:0;border-radius:13px;padding:11px 16px;background:#684452;color:white;font-weight:650;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:disabled{opacity:.5;cursor:wait}button.quiet,.button.quiet{background:#eee8eb;color:#38282d}button:focus-visible,a:focus-visible{outline:3px solid #956c83;outline-offset:3px}a{color:#684452}h1,h2,h3,p{margin-top:0}small{font-size:14px}.shell{max-width:920px;margin:auto;padding:24px 22px 110px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.brand{font:42px Georgia,serif;line-height:1}.brand small{display:block;font:11px system-ui;letter-spacing:.2em;margin-top:7px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.13em;color:#755c68}.hero{display:flex;align-items:center;justify-content:space-between;gap:15px}.hero h1{font:clamp(28px,5vw,42px) Georgia,serif;margin-bottom:4px}.hero p{color:#746b70}.banner{border:1px solid #e2d4dc;background:#f3eaf0;padding:14px 16px;border-radius:14px;font-size:14px;margin:16px 0}.banner p{margin:4px 0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.metric{padding:16px;background:white;border:1px solid #e8e4e6;border-radius:16px}.metric span{display:block;color:#766c72;font-size:14px}.metric strong{font-size:30px}.panel{background:white;border:1px solid #e8e4e6;border-radius:20px;padding:20px;margin-top:16px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.toolbar h2{font-size:20px;margin:0}.toolbar input{max-width:180px}.days{display:flex;gap:7px;overflow:auto;padding:17px 0}.day{background:#f3f1f2;color:#75656e;min-width:62px;padding:10px 9px;display:block}.day strong{display:block;font-size:23px}.day.active{background:#684452;color:white}.appointment{display:grid;grid-template-columns:55px minmax(0,1fr);gap:12px;margin-bottom:12px}.time{padding-top:18px;font-weight:700}.time small{display:block;color:#82747b;font-weight:400}.card{display:block;text-align:left;width:100%;background:#f9f7f8;color:#38282d;border:1px solid #ebe4e8;border-left:4px solid #a66f8d}.card p{margin:5px 0;font-size:14px;font-weight:400}.card.cancelled{opacity:.6;border-left-color:#bbb}.card.blocked{background:#efeeed;border-left-color:#999}.card.completed{border-left-color:#597b65}.card-top{display:flex;justify-content:space-between;gap:8px;align-items:start}.status{font-size:12px;white-space:nowrap;background:#eee5ea;padding:3px 7px;border-radius:7px}.empty,.loading{text-align:center;padding:40px 18px;color:#75676f}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.muted{color:#7c7078;font-size:14px}.bottom{position:fixed;bottom:0;left:0;right:0;padding:9px 14px max(9px,env(safe-area-inset-bottom));display:flex;justify-content:center;gap:10px;background:rgba(255,255,255,.96);border-top:1px solid #e6dee3;z-index:3}.bottom button{background:transparent;color:#715f69;font-size:14px;display:block;min-width:90px}.bottom button.active{background:#f1e7ed;color:#533240}label{display:block;font-weight:600;font-size:14px;margin:13px 0}input,select{display:block;min-height:48px;padding:10px 12px;background:white;border:1px solid #d9cdd4;border-radius:10px;width:100%;margin-top:5px;color:#38282d}input[type=checkbox]{width:20px;min-height:20px;display:inline-block;margin:0 8px 0 0;vertical-align:middle}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check-days{display:flex;gap:10px;flex-wrap:wrap}.check-days label{margin:8px 0}.service-setting{padding:16px 0;border-bottom:1px solid #eee}.service-setting h3{margin:0}.settings-actions{margin-top:22px}.error{background:#fff0f0;border:1px solid #e5b3b3;border-radius:12px;padding:12px;color:#8b2929;margin:12px 0;white-space:pre-wrap}.gate{max-width:520px;margin:50px auto;background:white;border-radius:22px;padding:30px}.gate h1{font:36px Georgia,serif}.gate img{width:76px;border-radius:18px;margin-bottom:20px}.gate .button,.gate button{width:100%;margin:7px 0}.summary{border-radius:15px;padding:16px;background:#f4eff2;margin:16px 0}.summary p:last-child{margin-bottom:0}dialog{border:0;border-radius:22px;padding:22px;width:min(520px,calc(100% - 26px));max-height:90dvh;overflow:auto;color:#38282d;box-shadow:0 15px 70px #21111a55}dialog::backdrop{background:#21141b77}dialog>header{display:flex;justify-content:space-between;align-items:center;gap:10px}dialog h2{font:28px Georgia,serif;margin:0}.slots{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.slots button{background:#f4eff2;color:#684452}.slots button.selected{background:#684452;color:white}.slots button:disabled{opacity:.3;cursor:not-allowed}.danger{background:#fff0f0;color:#902f3f}#toast{position:fixed;bottom:92px;left:50%;transform:translateX(-50%);background:#38282d;color:white;border-radius:13px;padding:13px 20px;max-width:90%;width:max-content;z-index:10}#toast[hidden]{display:none}.footer{font-size:12px;color:#8b7d84;text-align:center;margin-top:30px}.online{font-size:12px;color:#63705e}.online.stale{color:#9b4539}@media(max-width:500px){.shell{padding:18px 14px 110px}.panel{padding:15px}.metric{padding:12px}.metric strong{font-size:27px}.hero{align-items:start}.hero button{font-size:14px}.card-top{display:block}.status{display:inline-block;margin-top:5px}.gate{margin:20px 13px;padding:24px}.grid{gap:10px}.slots{grid-template-columns:repeat(3,1fr)}}
html[data-brand=le-beauty]{--rose:#a68242;--ink:#272323;--paper:#faf7f1}html[data-brand=le-beauty] .brand{color:#272323}html[data-brand=le-beauty] .brand small{letter-spacing:.18em}html[data-brand=le-beauty] .gate img{border-radius:50%}
html[data-brand=le-beauty] body{background:#faf7f1;color:#272323}html[data-brand=le-beauty] button,html[data-brand=le-beauty] .button{background:#272323;color:#fff}html[data-brand=le-beauty] button.quiet,html[data-brand=le-beauty] .button.quiet,html[data-brand=le-beauty] .day,html[data-brand=le-beauty] .slots button{background:#eee7dc;color:#514331}html[data-brand=le-beauty] .day.active,html[data-brand=le-beauty] .slots button.selected{background:#272323;color:#fff}html[data-brand=le-beauty] a,html[data-brand=le-beauty] .eyebrow{color:#806536}html[data-brand=le-beauty] .banner,html[data-brand=le-beauty] .summary{background:#f4ede0;border-color:#d6c5a6}html[data-brand=le-beauty] .bottom button{background:transparent;color:#514331}html[data-brand=le-beauty] .bottom button.active{background:#eee7dc}html[data-brand=le-beauty] .card{color:#272323;background:#faf7f1;border-left-color:#a68242}html[data-brand=le-beauty] .card.cancelled{border-left-color:#aaa}html[data-brand=le-beauty] .card.completed{border-left-color:#597b65}html[data-brand=le-beauty] .card.blocked{border-left-color:#999}html[data-brand=le-beauty] .card .status{background:#eee7dc}html[data-brand=le-beauty] input,html[data-brand=le-beauty] select{color:#272323;min-width:0}html[data-brand=le-beauty] *{min-width:0;overflow-wrap:break-word}html[data-brand=le-beauty] .day{min-width:62px}html[data-brand=le-beauty] .bottom button{min-width:90px}@media(max-width:360px){html[data-brand=le-beauty] .grid{grid-template-columns:1fr}html[data-brand=le-beauty] .metrics{gap:7px}html[data-brand=le-beauty] .hero{flex-direction:column}html[data-brand=le-beauty] .top{gap:14px}html[data-brand=le-beauty] .top button{font-size:14px}}
