:root{
--bg:#07142e;
--bg-soft:#0a1d42;
--bg-elev:#0d234f;
--bg-panel:rgba(10,26,62,.78);
--stroke:rgba(255,255,255,.1);
--stroke-strong:rgba(255,163,26,.35);
--text:#f5f8ff;
--muted:#b2c1e2;
--accent:#ff8a00;
--accent-2:#ffc44d;
--success:#36d78d;
--danger:#ff6b6b;
--shadow:0 24px 60px rgba(0,0,0,.35);
--radius:24px;
--radius-lg:32px;
--radius-sm:16px;
--shell:min(1180px, calc(100vw - 32px));
--shell-mobile:min(430px, calc(100vw - 20px));
--transition:.22s ease;
font-synthesis-weight:none;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at top,#10366c 0,#07142e 45%,#040914 100%);color:var(--text);min-height:100vh}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.shell{width:var(--shell);margin:0 auto}
.public-body,.admin-body{display:flex;flex-direction:column;min-height:100vh}
.system-footer{padding:18px 0 28px;color:rgba(245,248,255,.72)}
.footer-inner{display:flex;gap:6px;align-items:center}
.footer-center{justify-content:center;flex-direction:column;text-align:center;font-size:.92rem}
.public-footer{padding-top:0}
.admin-footer{background:linear-gradient(180deg,rgba(5,10,24,0),rgba(5,10,24,.65))}
.btn{border:none;border-radius:18px;padding:12px 18px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:transform var(--transition),box-shadow var(--transition),background var(--transition),border-color var(--transition)}
.btn:hover{transform:translateY(-1px)}
.btn.primary{background:linear-gradient(135deg,var(--accent),#ff9d2f);color:#fff;box-shadow:0 14px 26px rgba(255,138,0,.24)}
.btn.subtle{background:rgba(255,255,255,.06);color:var(--text);border:1px solid rgba(255,255,255,.12)}
.btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.14);color:var(--text)}
.btn.wide{width:100%}
.notice{border-radius:18px;padding:14px 16px;margin:0 0 18px;font-weight:600}
.notice.success{background:rgba(54,215,141,.14);border:1px solid rgba(54,215,141,.35);color:#c8ffe2}
.notice.error{background:rgba(255,107,107,.14);border:1px solid rgba(255,107,107,.35);color:#ffd6d6}
.eyebrow{display:inline-block;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:#94b4ff;font-weight:800}
.public-desktop-notice{display:block;min-height:calc(100vh - 84px);padding:44px 0 18px}
.desktop-stage{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center;min-height:calc(100vh - 140px)}
.desktop-copy h1{font-size:clamp(2.8rem,5vw,5rem);line-height:.98;margin:10px 0 18px;max-width:9ch}
.desktop-copy p{font-size:1.22rem;line-height:1.75;color:var(--muted);max-width:42rem}
.desktop-device-wrap{display:flex;justify-content:center}
.desktop-device{width:min(420px,80vw);aspect-ratio:10/20;border-radius:48px;padding:16px;background:linear-gradient(145deg,#1b1f29,#090b10);box-shadow:0 36px 100px rgba(0,0,0,.48),inset 0 0 0 1px rgba(255,255,255,.08);position:relative}
.desktop-device:before{content:"";position:absolute;top:12px;left:50%;transform:translateX(-50%);width:36%;height:26px;border-radius:0 0 18px 18px;background:#06090e}
.desktop-screen{position:relative;height:100%;border-radius:34px;overflow:hidden;padding:26px 18px;background:radial-gradient(circle at 35% 20%,rgba(43,102,255,.33),transparent 28%),linear-gradient(180deg,#07193f,#081126 62%,#050914)}
.device-glow{position:absolute;inset:auto -10% -20% auto;width:220px;height:220px;background:radial-gradient(circle,rgba(255,138,0,.42),transparent 62%);filter:blur(14px)}
.device-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px;position:relative;z-index:1}
.device-header span,.device-header i{width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.15);display:block}
.device-header b{font-size:1rem;font-weight:800;letter-spacing:.02em}
.device-card{position:relative;z-index:1;border-radius:24px;background:linear-gradient(180deg,rgba(14,35,79,.94),rgba(8,19,46,.94));border:1px solid rgba(255,163,26,.22);box-shadow:var(--shadow);margin-bottom:14px;min-height:86px}
.device-card.big{min-height:190px}
.device-card.small{min-height:64px;background:linear-gradient(135deg,rgba(13,35,79,.94),rgba(255,138,0,.22))}
.public-mobile-experience{display:none;position:relative;overflow:hidden;padding:10px 0 100px}
.mobile-app-shell{position:relative;width:var(--shell-mobile);margin:0 auto;min-height:100vh}
.mobile-bg-orb{position:fixed;pointer-events:none;filter:blur(22px);opacity:.8;z-index:0}
.orb-1{top:10%;left:-36px;width:180px;height:180px;background:radial-gradient(circle,rgba(62,135,255,.36),transparent 70%);animation:floatOrb 10s ease-in-out infinite}
.orb-2{right:-28px;bottom:26%;width:190px;height:190px;background:radial-gradient(circle,rgba(255,138,0,.28),transparent 72%);animation:floatOrb 13s ease-in-out infinite reverse}
.mobile-bg-grid{position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(180deg,rgba(0,0,0,.75),transparent);pointer-events:none;opacity:.18}
@keyframes floatOrb{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}
.mobile-home{position:relative;z-index:1;display:flex;flex-direction:column;gap:18px;padding-bottom:34px}
.admin-access-float{position:fixed;right:max(16px,calc((100vw - var(--shell-mobile))/2 + 6px));bottom:92px;width:62px;height:62px;border-radius:50%;background:linear-gradient(180deg,rgba(10,26,62,.92),rgba(6,12,28,.94));box-shadow:0 22px 42px rgba(0,0,0,.42);display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,163,26,.35);z-index:20}
.admin-access-float img{width:48px;height:48px;border-radius:50%;object-fit:cover}
.store-hero,.specialists-section,.specialist-detail,.booking-panel{position:relative;background:linear-gradient(180deg,rgba(10,26,62,.86),rgba(7,20,46,.9));border:1px solid rgba(255,255,255,.08);border-radius:28px;box-shadow:var(--shadow);backdrop-filter:blur(14px)}
.store-hero{padding:22px 18px 20px}
.store-identity{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.store-logo-public{width:90px;height:90px;border-radius:50%;border:1px solid var(--ui-border-strong,var(--ui-border));background:transparent;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:none}
.store-logo-public span{font-size:1.6rem;font-weight:900;letter-spacing:.03em}
.store-logo-public.has-image img{width:100%;height:100%;object-fit:cover}
.store-title h1{margin:0;font-size:1.84rem;line-height:1.05}
.store-title p{margin:5px 0 0;color:var(--muted);font-size:1rem}
.store-info-list{display:flex;flex-direction:column;gap:12px;margin:18px 0}
.info-item{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}
.info-item svg{width:18px;height:18px;fill:var(--accent);flex:none;margin-top:2px}
.info-item span{color:#e8efff;line-height:1.55}
.location-panel{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:20px;overflow:hidden}
.location-panel summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;cursor:pointer}
.location-panel summary::-webkit-details-marker{display:none}
.summary-copy{display:flex;flex-direction:column;gap:4px}
.summary-copy small,.summary-action{color:var(--muted)}
.summary-action{font-weight:700;text-transform:lowercase}
.location-map{padding:0 14px 14px}
.location-map iframe{width:100%;height:220px;border:0;border-radius:18px;margin-bottom:12px;background:#16325f}
.store-socials{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:18px}
.social-pill{width:50px;height:50px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(0,0,0,.18)}
.social-pill svg{width:22px;height:22px;fill:currentColor}
.social-pill.compact{width:38px;height:38px;border-radius:12px}
.social-pill.is-disabled{opacity:1}
.section-heading{padding:18px 18px 0}
.section-heading h2{margin:0 0 6px;font-size:1.4rem}
.section-heading p{margin:0;color:var(--muted)}
.team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px}
.specialist-card{padding:16px 14px 14px;border-radius:22px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}
.specialist-photo{width:84px;height:84px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,196,77,.9);box-shadow:0 14px 28px rgba(0,0,0,.2)}
.specialist-photo img,.detail-photo img{width:100%;height:100%;object-fit:cover}
.specialist-status{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.06);font-size:.82rem;color:#d7e7ff}
.specialist-status i{width:8px;height:8px;border-radius:50%;display:block}
.specialist-status.online i{background:var(--success);box-shadow:0 0 0 4px rgba(54,215,141,.12)}
.specialist-status.offline i{background:#8b95ad}
.specialist-name{margin:0;font-size:1.06rem;line-height:1.2}
.specialist-role{margin:0;color:var(--accent-2);font-weight:700;font-size:.92rem}
.specialist-socials{display:flex;justify-content:center;gap:8px}
.details-section{display:flex;flex-direction:column;gap:16px}
.specialist-detail{padding:18px}
.detail-card{display:flex;flex-direction:column;gap:16px}
.detail-top{display:flex;align-items:center;gap:14px}
.detail-photo{width:92px;height:92px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,196,77,.9)}
.detail-head h2{margin:0 0 4px;font-size:1.52rem}
.detail-head p{margin:0;color:var(--accent-2);font-weight:700}
.detail-head-row{margin-bottom:8px}
.rating-row{display:flex;align-items:center;gap:8px;color:#dce6ff;margin-top:10px}
.rating-row svg{width:18px;height:18px;fill:var(--accent-2)}
.specialist-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.specialist-stats article{padding:14px 10px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);text-align:center}
.specialist-stats strong{display:block;font-size:1.1rem}
.specialist-stats span{display:block;color:var(--muted);font-size:.82rem;margin-top:4px}
.detail-copy h3{margin:0 0 10px;font-size:1.1rem}
.detail-copy p{margin:0;color:#dfe8ff;line-height:1.65}
.service-list{display:flex;flex-direction:column;gap:10px}
.service-item{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:var(--text);border-radius:18px;padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left}
.service-item span{display:flex;flex-direction:column;gap:4px}
.service-item small{color:var(--muted)}
.time-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}
.slot-chip{padding:12px 6px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:var(--text);font-weight:700}
.slot-chip:hover,.slot-chip.is-selected{background:linear-gradient(135deg,var(--accent),#ff9d2f);border-color:transparent}
.booking-panel{padding:18px}
.booking-card{padding:0}
.form-card{background:transparent;border:none;box-shadow:none}
.form-grid{display:grid;gap:14px}
.form-grid label{display:grid;gap:8px;font-weight:700;color:#f4f8ff}
.form-grid input,.form-grid select,.form-grid textarea{width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:var(--text);padding:14px 14px;border-radius:16px;outline:none;transition:border-color var(--transition),box-shadow var(--transition),background var(--transition)}
.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:rgba(255,163,26,.55);box-shadow:0 0 0 4px rgba(255,138,0,.12)}
.form-grid textarea{resize:vertical;min-height:100px}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.success-booking{padding:24px 18px;border-radius:24px;background:linear-gradient(180deg,rgba(13,35,79,.96),rgba(9,18,40,.96));border:1px solid rgba(54,215,141,.25);margin-bottom:18px;text-align:center}
.success-icon{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at center,#41dd91,#1cbf6d);margin:0 auto 12px;font-size:2rem;font-weight:900;color:#fff;box-shadow:0 18px 32px rgba(31,191,110,.24)}
.success-booking h2{margin:0 0 8px;font-size:1.52rem}
.success-booking p{margin:0;color:var(--muted)}
.success-code{margin-top:12px;padding:12px;border-radius:16px;background:rgba(255,255,255,.05)}
.ghost-anchor{height:6px}
.bottom-nav-mobile{position:sticky;bottom:12px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:rgba(6,12,28,.92);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:10px 12px;box-shadow:0 22px 40px rgba(0,0,0,.28);margin-top:6px}
.bottom-nav-mobile a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--muted);font-size:.78rem;padding:6px;border-radius:16px;min-height:60px}
.bottom-nav-mobile a span{font-size:1.15rem;line-height:1}
.bottom-nav-mobile a.is-active,.bottom-nav-mobile a:hover{color:#fff;background:rgba(255,138,0,.15)}
.auth-page{display:grid;place-items:center;min-height:calc(100vh - 92px);padding:28px 16px}
.auth-card{width:min(480px,100%);padding:28px;border-radius:28px;background:linear-gradient(180deg,rgba(10,26,62,.9),rgba(7,20,46,.96));border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow)}
.auth-brand{width:96px;height:96px;border-radius:24px;background:rgba(255,255,255,.05);display:grid;place-items:center;margin:0 auto 18px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}
.auth-brand img{width:82px;height:82px;object-fit:contain}
.auth-card h1{text-align:center;margin:0 0 8px;font-size:1.9rem}
.auth-card>p{text-align:center;color:var(--muted);line-height:1.65;margin:0 0 18px}
.back-link{display:inline-flex;margin-top:16px;color:#b9c9eb;font-weight:700}
.admin-shell{display:flex;flex-direction:column;min-height:100vh}
.admin-header{position:sticky;top:0;z-index:30;background:rgba(4,9,20,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}
.admin-header-inner{display:flex;align-items:center;gap:16px;min-height:84px}
.admin-brand{display:flex;align-items:center;gap:14px;min-width:max-content}
.brand-mark{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--accent),#ffb347);display:grid;place-items:center;font-weight:900;color:#0b1731;box-shadow:0 14px 28px rgba(255,138,0,.22)}
.admin-brand b{display:block;font-size:1rem}
.admin-brand small{color:var(--muted)}
.menu-toggle{margin-left:auto;display:none;width:46px;height:46px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:#fff}
.admin-nav{display:flex;align-items:center;gap:10px;flex:1;justify-content:center;flex-wrap:wrap}
.admin-nav form{margin:0}
.admin-link{padding:11px 14px;border-radius:16px;color:var(--muted);font-weight:700;background:transparent;border:none}
.admin-link:hover,.admin-link.is-active{background:rgba(255,138,0,.14);color:#fff}
.admin-link.ghost{border:1px solid rgba(255,255,255,.1)}
.admin-header-side{display:flex;align-items:center;gap:12px;margin-left:auto}
.admin-version{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#d7e6ff;font-size:.85rem}
.admin-user{display:flex;flex-direction:column;align-items:flex-end}
.admin-user strong{font-size:.96rem}
.admin-user small{color:var(--muted)}
.admin-main{padding:26px 0 38px;flex:1}
.admin-content{display:flex;flex-direction:column;gap:20px}
.panel{padding:22px;border-radius:28px;background:linear-gradient(180deg,rgba(10,26,62,.9),rgba(7,20,46,.92));border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow)}
.panel.narrow{max-width:960px}
.panel-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}
.panel-head.wrap{align-items:flex-start}
.panel h2{margin:0 0 6px;font-size:1.5rem}
.panel p{margin:0;color:var(--muted);line-height:1.65}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}
.metric-card{padding:18px;border-radius:22px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.metric-card span{display:block;color:var(--muted);font-weight:700}
.metric-card strong{display:block;font-size:2rem;margin:8px 0 5px}
.metric-card small{color:#d8e4ff}
.admin-hero-grid{display:grid;grid-template-columns:1.45fr .95fr;gap:20px}
.profile-panel .profile-lines{display:flex;flex-direction:column;gap:8px;margin:14px 0 18px;color:#dce7ff}
.profile-actions{display:flex;gap:10px;flex-wrap:wrap}
.card{padding:20px;border-radius:24px;background:linear-gradient(180deg,rgba(10,26,62,.82),rgba(7,20,46,.9));border:1px solid rgba(255,255,255,.08)}
.filters{display:grid;grid-template-columns:1fr 1fr auto auto;gap:12px;align-items:end;margin-bottom:18px}
.filters input,.filters select,.filters textarea,.form-grid input,.form-grid select,.form-grid textarea{background:rgba(255,255,255,.05);color:var(--text)}
.table-wrap{overflow:auto;border-radius:20px;border:1px solid rgba(255,255,255,.08)}
table{width:100%;border-collapse:collapse;background:rgba(4,9,20,.2)}
th,td{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.06);text-align:left;vertical-align:top}
th{background:rgba(255,255,255,.04);color:#dce8ff;font-size:.92rem}
tr:last-child td{border-bottom:none}
.tag{display:inline-flex;padding:8px 12px;border-radius:999px;font-weight:800;font-size:.8rem}
.tag.confirmed{background:rgba(54,215,141,.18);color:#cbffe4}
.tag.scheduled{background:rgba(75,156,255,.18);color:#d9e7ff}
.tag.completed{background:rgba(255,196,77,.18);color:#ffe9a6}
.tag.canceled,.tag.no_show{background:rgba(255,107,107,.18);color:#ffd8d8}
.check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.check-item,.day-grid .row,.service-grid .row,.backup-row,.log-row{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.day-grid,.service-grid{display:grid;gap:10px}
.actions{display:flex;gap:10px;flex-wrap:wrap}
.info-box{margin-top:16px;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.info-box code{display:block;margin:10px 0 8px;padding:10px 12px;border-radius:14px;background:rgba(0,0,0,.24);color:#f5f8ff;overflow:auto}
.form-actions{display:flex;justify-content:flex-end;margin-top:16px}
.switch{display:inline-flex;align-items:center;justify-content:center}
.switch input{position:absolute;opacity:0;pointer-events:none}
.switch span{width:56px;height:32px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12);display:block;position:relative;transition:background var(--transition),border-color var(--transition)}
.switch span:before{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform var(--transition)}
.switch input:checked + span{background:rgba(255,138,0,.28);border-color:rgba(255,163,26,.45)}
.switch input:checked + span:before{transform:translateX(24px);background:linear-gradient(135deg,var(--accent),#ffb347)}
.update-page{display:grid;gap:20px}
.update-main{display:grid;grid-template-columns:1.25fr .95fr;gap:20px}
.current-release,.update-upload,.backups-card,.technical-logs{padding:18px;border-radius:22px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.current-release h3,.update-upload h3,.backups-card h3,.technical-logs h3{margin:0 0 8px}
.update-file{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-radius:16px;border:1px dashed rgba(255,255,255,.16);margin-top:14px;background:rgba(255,255,255,.03)}
.stability-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.stability-strip article{padding:14px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.progress-track{height:10px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),#ffb347);border-radius:999px;transition:width .25s ease}
.progress-steps{display:grid;gap:10px;margin-top:14px}
.step-item{display:flex;justify-content:space-between;gap:12px;padding:11px 12px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.step-item.active{border-color:rgba(255,163,26,.36);background:rgba(255,138,0,.08)}
.step-item.done{border-color:rgba(54,215,141,.3);background:rgba(54,215,141,.08)}
.backup-list,.logs-list{display:grid;gap:10px;margin-top:14px}
.backup-row{justify-content:space-between;gap:14px;flex-wrap:wrap}
.backup-row .meta,.log-row .meta{display:flex;flex-direction:column;gap:4px;min-width:220px}
.backup-row .meta strong,.log-row .meta strong{overflow-wrap:anywhere}
.backup-row form.inline-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.backup-row input[type=text]{width:220px}
.log-row{justify-content:space-between;gap:14px}
.empty-state{padding:16px;border-radius:18px;background:rgba(255,255,255,.04);border:1px dashed rgba(255,255,255,.12);color:var(--muted)}
@media (max-width:1100px){
.desktop-stage,.admin-hero-grid,.update-main,.metric-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
.public-desktop-notice{display:none}
.public-mobile-experience{display:block}
.admin-header-inner{flex-wrap:wrap;align-items:center;padding:14px 0}
.menu-toggle{display:inline-grid;place-items:center}
.admin-nav{display:none;order:3;width:100%;justify-content:flex-start;padding-top:8px}
.admin-header.nav-open .admin-nav{display:flex}
.admin-header-side{margin-left:0}
.admin-hero-grid,.update-main,.metric-grid,.filters{grid-template-columns:1fr}
}
@media (max-width:640px){
.desktop-copy h1{font-size:2.4rem}
.grid-2,.specialist-stats,.time-grid{grid-template-columns:1fr}
.panel,.auth-card,.store-hero,.specialists-section,.specialist-detail,.booking-panel{border-radius:24px}
.table-wrap table{min-width:720px}
}
@media (max-width:390px){
.mobile-app-shell{width:min(100vw - 14px,430px)}
.team-grid{grid-template-columns:1fr 1fr;gap:10px;padding:14px}
.specialist-card{padding:14px 10px}
.specialist-photo{width:72px;height:72px}
}
:root{--admin-box:1320px}
.admin-body .admin-header{position:sticky;top:0;z-index:80;background:rgba(4,9,20,.94);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px)}
.admin-body .admin-header-inner{width:100%;max-width:none;margin:0;padding:0 28px;min-height:78px;display:flex;align-items:center;gap:18px;flex-wrap:nowrap}
.admin-body .admin-brand{display:flex;align-items:center;gap:11px;flex:0 0 auto;white-space:nowrap}
.admin-body .admin-brand .brand-mark{width:42px;height:42px;border-radius:13px;font-size:.88rem}
.admin-body .admin-brand b{display:block;white-space:nowrap;font-size:.98rem}
.admin-body .admin-brand small{display:block;white-space:nowrap;font-size:.76rem;color:var(--muted)}
.admin-body .admin-nav{display:flex;align-items:center;justify-content:center;gap:5px;flex:1 1 auto;min-width:0;flex-wrap:nowrap;white-space:nowrap;overflow:visible}
.admin-body .admin-link,.admin-body .admin-menu>summary{list-style:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;border-radius:12px;font-size:.88rem;font-weight:750;color:#b9c9eb;background:transparent;border:0;cursor:pointer;white-space:nowrap;line-height:1}
.admin-body .admin-menu>summary::-webkit-details-marker{display:none}
.admin-body .admin-menu>summary:after{content:'⌄';font-size:.8rem;opacity:.75;transform:translateY(-1px)}
.admin-body .admin-link:hover,.admin-body .admin-link.is-active,.admin-body .admin-menu.is-active>summary,.admin-body .admin-menu[open]>summary{background:rgba(255,138,0,.14);color:#fff}
.admin-body .admin-menu{position:relative;flex:0 0 auto}
.admin-body .admin-submenu{position:absolute;top:calc(100% + 9px);left:0;min-width:210px;padding:8px;border-radius:16px;background:#09172f;border:1px solid rgba(255,255,255,.1);box-shadow:0 22px 50px rgba(0,0,0,.4);display:grid;gap:3px;z-index:90}
.admin-body .admin-menu:not([open]) .admin-submenu{display:none}
.admin-body .admin-submenu a,.admin-body .admin-submenu button{width:100%;border:0;background:transparent;color:#dce7ff;text-align:left;padding:10px 11px;border-radius:11px;font-weight:700;white-space:nowrap}
.admin-body .admin-submenu a:hover,.admin-body .admin-submenu button:hover{background:rgba(255,255,255,.07)}
.admin-body .admin-submenu form{margin:0}
.admin-body .admin-header-side{display:flex;align-items:center;gap:10px;flex:0 0 auto;margin-left:0;white-space:nowrap}
.admin-body .admin-version{padding:7px 10px;font-size:.78rem}
.admin-body .admin-user{max-width:150px;min-width:0}
.admin-body .admin-user strong{display:block;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-body .admin-user small{display:block;white-space:nowrap}
.admin-body .menu-toggle{display:none;flex:0 0 auto}
.admin-body .admin-main{width:100%;padding:24px 0 42px}
.admin-body .admin-content{width:min(var(--admin-box),calc(100vw - 48px));max-width:var(--admin-box);margin:0 auto;display:flex;flex-direction:column;gap:18px;min-width:0}
.admin-body .admin-footer .shell{width:min(var(--admin-box),calc(100vw - 48px));max-width:var(--admin-box)}
.admin-body .panel{min-width:0;padding:20px;border-radius:24px}
.admin-body .panel h1,.admin-body .panel h2,.admin-body .panel h3,.admin-body .panel-title-line h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-body .panel-head{gap:18px;min-width:0}
.admin-body .panel-head>div{min-width:0}
.admin-body .panel-head p{max-width:820px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-body .panel-title-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;min-width:0}
.admin-body .panel-title-line h2{margin:0;min-width:0}
.admin-body .saved-chip{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:999px;background:rgba(54,215,141,.14);border:1px solid rgba(54,215,141,.28);color:#c9ffe3;font-size:.78rem;font-weight:800;white-space:nowrap}
.admin-body .single-line{display:block;white-space:nowrap}
.admin-body .cell-ellipsis{display:block;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-body .actions,.admin-body .status-form,.admin-body .rename-form,.admin-body .backup-actions{display:flex;align-items:center;gap:7px;flex-wrap:nowrap;white-space:nowrap}
.admin-body .actions form,.admin-body .backup-actions form{margin:0;flex:0 0 auto}
.admin-body .btn,.admin-body button{white-space:nowrap}
.admin-body .table-wrap{width:100%;overflow-x:auto;border-radius:18px;border:1px solid rgba(255,255,255,.08)}
.admin-body .admin-data-table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:900px}
.admin-body .admin-data-table th,.admin-body .admin-data-table td{padding:13px 14px;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid rgba(255,255,255,.06)}
.admin-body .admin-data-table th{font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:#aebfe1;background:rgba(255,255,255,.035)}
.admin-body .admin-data-table tr:last-child td{border-bottom:0}
.admin-body .appointments-table th:nth-child(1){width:150px}.admin-body .appointments-table th:nth-child(2){width:170px}.admin-body .appointments-table th:nth-child(3){width:190px}.admin-body .appointments-table th:nth-child(4){width:180px}.admin-body .appointments-table th:nth-child(5){width:170px}.admin-body .appointments-table th:nth-child(6){width:130px}.admin-body .appointments-table th:nth-child(7){width:215px}
.admin-body .services-table th:nth-child(1){width:30%}.admin-body .services-table th:nth-child(2){width:22%}.admin-body .services-table th:nth-child(3){width:110px}.admin-body .services-table th:nth-child(4){width:120px}.admin-body .services-table th:nth-child(5){width:100px}.admin-body .services-table th:nth-child(6){width:190px}
.admin-body .professionals-table th:nth-child(1){width:34%}.admin-body .professionals-table th:nth-child(2){width:20%}.admin-body .professionals-table th:nth-child(3){width:90px}.admin-body .professionals-table th:nth-child(4){width:100px}.admin-body .professionals-table th:nth-child(5){width:190px}
.admin-body .access-table th:first-child{width:auto}.admin-body .access-table th:not(:first-child){width:150px;text-align:center}.admin-body .access-table td:not(:first-child){text-align:center}
.admin-body .module-line{display:flex;align-items:center;gap:6px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-body .module-line b{flex:0 0 auto}.admin-body .module-line span{min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}
.admin-body .professional-inline{display:flex;align-items:center;gap:10px;min-width:0}
.admin-body .professional-inline img{width:38px;height:38px;border-radius:50%;object-fit:cover;flex:0 0 auto;border:1px solid rgba(255,196,77,.5)}
.admin-body .status{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:999px;font-size:.78rem;font-weight:850;white-space:nowrap}
.admin-body .s-confirmed,.admin-body .s-completed{background:rgba(54,215,141,.14);color:#c8ffe2;border:1px solid rgba(54,215,141,.24)}
.admin-body .s-scheduled{background:rgba(77,143,255,.14);color:#d9e6ff;border:1px solid rgba(77,143,255,.22)}
.admin-body .s-canceled,.admin-body .s-no_show{background:rgba(255,107,107,.14);color:#ffd7d7;border:1px solid rgba(255,107,107,.22)}
.admin-body .split{display:grid;grid-template-columns:minmax(320px,.74fr) minmax(0,1.26fr);gap:18px;align-items:start}
.admin-body .split-wide{grid-template-columns:minmax(440px,.95fr) minmax(0,1.05fr)}
.admin-body .grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.admin-body fieldset{min-width:0;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:16px;margin:0}
.admin-body legend{padding:0 7px;font-size:.84rem;font-weight:800;color:#dce6ff;white-space:nowrap}
.admin-body .check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.admin-body .schedule-grid{display:grid;gap:8px}
.admin-body .schedule-row{display:grid;grid-template-columns:82px 1fr 1fr 105px;gap:8px;align-items:center;padding:8px;border-radius:13px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055)}
.admin-body .schedule-row input,.admin-body .schedule-row select{min-width:0;padding:10px}
.admin-body .image-upload-row{display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;align-items:center;padding:14px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}
.admin-body .image-preview{width:112px;height:112px;border-radius:22px;object-fit:cover;background:#07142e;border:1px solid rgba(255,196,77,.35)}
.admin-body .logo-preview{object-fit:contain;padding:8px;background:#061126}
.admin-body .upload-field{display:grid;gap:8px;min-width:0}
.admin-body .upload-field>span{font-weight:850;color:var(--ui-text);white-space:nowrap}
.admin-body .upload-field small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-body .upload-field input[type=file]{width:100%;padding:10px;border:1px dashed rgba(255,255,255,.16);border-radius:13px;background:rgba(255,255,255,.03)}
.admin-body .settings-panel{width:100%}
.admin-body .settings-foot-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.admin-body .settings-foot-row .info-box{margin:0;min-width:0}
.admin-body .settings-foot-row .info-box code,.admin-body .settings-foot-row .info-box p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-body .switch{display:inline-flex;align-items:center;justify-content:center;width:52px;height:28px;position:relative}
.admin-body .switch input{position:absolute;opacity:0;pointer-events:none}
.admin-body .switch span{width:48px;height:27px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.13);position:relative;display:block;transition:.2s ease}
.admin-body .switch span:before{content:'';position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:50%;background:#fff;transition:.2s ease}
.admin-body .switch input:checked+span{background:rgba(255,138,0,.32);border-color:rgba(255,163,26,.5)}
.admin-body .switch input:checked+span:before{transform:translateX(21px);background:#ff9b1d}
.admin-body .update-page{display:grid;gap:18px}
.admin-body .update-main{display:block}
.admin-body .update-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;min-width:0}
.admin-body .update-title-row>div:first-child{min-width:0}.admin-body .update-title-row h2,.admin-body .update-title-row p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-body .current-release{flex:0 0 130px;display:grid;gap:4px;text-align:center;padding:14px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.admin-body .current-release strong{font-size:1.35rem;color:#ffd28b}.admin-body .current-release small,.admin-body .current-release span{color:var(--muted);font-size:.76rem}
.admin-body .update-upload{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin-top:16px;padding:14px;border:1px dashed rgba(255,255,255,.13);border-radius:17px;background:rgba(255,255,255,.025)}
.admin-body .update-file{display:grid;gap:7px;min-width:0}.admin-body .update-file>span{font-weight:850}.admin-body .update-file small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-body .update-file input{width:100%}
.admin-body .stability-strip{display:flex;flex-wrap:nowrap;gap:7px;overflow:hidden;margin-top:12px}.admin-body .stability-strip span{display:inline-flex;flex:0 0 auto;padding:7px 9px;border-radius:999px;background:rgba(255,138,0,.08);border:1px solid rgba(255,163,26,.18);font-size:.74rem;color:#ffe0ad;white-space:nowrap}
.admin-body .update-progress{display:grid;gap:14px}.admin-body .progress-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px}.admin-body .progress-head h2{margin:4px 0 0}.admin-body .progress-head strong{font-size:1.5rem;color:#ffad37}
.admin-body .progress-track{height:10px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden}.admin-body [data-progress-bar]{display:block;height:100%;width:0;background:linear-gradient(90deg,#ff8a00,#ffc44d);border-radius:999px;transition:width .25s ease}
.admin-body .progress-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;list-style:none;padding:0;margin:0}.admin-body .progress-steps li{display:flex;gap:9px;padding:11px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.025);min-width:0}.admin-body .progress-steps i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);font-style:normal;flex:0 0 auto}.admin-body .progress-steps div{min-width:0}.admin-body .progress-steps b,.admin-body .progress-steps small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-body .progress-steps small{color:var(--muted);font-size:.72rem;margin-top:3px}.admin-body .progress-steps li.active{border-color:rgba(255,163,26,.38);background:rgba(255,138,0,.08)}.admin-body .progress-steps li.done{border-color:rgba(54,215,141,.3);background:rgba(54,215,141,.07)}.admin-body .progress-steps li.error{border-color:rgba(255,107,107,.36);background:rgba(255,107,107,.08)}
.admin-body .progress-console{padding:12px 14px;border-radius:14px;background:#040914;border:1px solid rgba(255,255,255,.07);color:#c8d8f8;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-body .backup-panel-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.admin-body .backup-head-tools{display:flex;align-items:center;gap:12px;flex:0 0 auto}.admin-body .backup-summary{display:flex;align-items:center;gap:7px;white-space:nowrap;color:var(--muted)}.admin-body .backup-summary b{font-size:1.2rem;color:#ffb34c}.admin-body .backup-summary strong{color:#fff}
.admin-body .backup-table table{width:100%;table-layout:fixed;min-width:980px}.admin-body .backup-col-name{width:auto}.admin-body .backup-col-size{width:105px}.admin-body .backup-col-actions{width:455px}.admin-body .backup-file-cell{min-width:0}.admin-body .backup-name-line{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.admin-body .backup-name-line b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-body .backup-size-cell{white-space:nowrap}.admin-body .rename-form input[type=text]{width:145px;min-width:0}.admin-body .log-chip{display:inline-flex;max-width:100%;padding:7px 9px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#c7d4ef}.admin-body .logs-meta{display:flex;gap:7px;flex-wrap:nowrap;overflow:hidden;margin-bottom:10px}
.admin-body .btn.tiny{padding:8px 10px;border-radius:10px;font-size:.76rem}.admin-body .btn.danger{background:rgba(255,107,107,.12);color:#ffd4d4;border:1px solid rgba(255,107,107,.24)}
@media (min-width:1366px){
.admin-body .admin-header-inner{padding-left:24px;padding-right:24px}
.admin-body .admin-link,.admin-body .admin-menu>summary{padding-left:11px;padding-right:11px}
}
@media (max-width:1180px){
.admin-body .menu-toggle{display:grid;place-items:center;margin-left:0}
.admin-body .admin-nav{display:none;position:absolute;top:78px;left:16px;right:16px;align-items:stretch;justify-content:flex-start;flex-direction:column;padding:10px;background:#07142e;border:1px solid rgba(255,255,255,.1);border-radius:18px;box-shadow:0 24px 54px rgba(0,0,0,.44)}
.admin-body .admin-header.nav-open .admin-nav{display:flex}
.admin-body .admin-link,.admin-body .admin-menu>summary{width:100%;justify-content:flex-start}
.admin-body .admin-menu{width:100%}.admin-body .admin-submenu{position:static;margin-top:4px;box-shadow:none;background:rgba(255,255,255,.03)}
.admin-body .admin-header-side{margin-left:auto}
}
@media (max-width:900px){
.admin-body .admin-content{width:min(100% - 24px,var(--admin-box))}
.admin-body .split,.admin-body .split-wide{grid-template-columns:1fr}
.admin-body .grid-3{grid-template-columns:1fr}
.admin-body .settings-foot-row{grid-template-columns:1fr}
.admin-body .progress-steps{grid-template-columns:1fr}
.admin-body .update-upload{grid-template-columns:1fr}
.admin-body .stability-strip{overflow-x:auto}
.admin-body .image-upload-row{grid-template-columns:88px 1fr}.admin-body .image-preview{width:88px;height:88px}
}
.admin-body .engine-chip{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:999px;font-size:.76rem;font-weight:800;white-space:nowrap}
.admin-body .engine-chip.ok{background:rgba(54,215,141,.12);border:1px solid rgba(54,215,141,.24);color:#caffdf}
.admin-body .engine-chip.warn{background:rgba(255,196,77,.12);border:1px solid rgba(255,196,77,.25);color:#ffe7aa}
.admin-body .image-preview.has-local-preview{outline:2px solid rgba(255,196,77,.72);outline-offset:3px;box-shadow:0 12px 28px rgba(0,0,0,.26)}
.admin-body .upload-field input[type=file]{cursor:pointer}
@media (min-width:901px){
body.public-body{height:100dvh;min-height:100dvh;overflow:hidden}
body.public-body .public-desktop-notice{display:grid;place-items:center;flex:1 1 auto;min-height:0;padding:18px 24px;overflow:hidden}
body.public-body .public-footer{flex:0 0 auto;padding:10px 0 16px}
body.public-body .footer-inner{min-height:0}
.desktop-mobile-message{width:min(760px,calc(100vw - 48px));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;margin:0 auto}
.desktop-store-logo{width:112px;height:112px;object-fit:contain;border-radius:26px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.08);padding:9px;box-shadow:0 18px 50px rgba(0,0,0,.24)}
.desktop-mobile-message .eyebrow{margin:0;color:#8fb0ff}
.desktop-mobile-message h1{margin:0;color:var(--accent-2);font-size:clamp(3rem,5vw,5.2rem);line-height:1;letter-spacing:-.045em}
.desktop-mobile-message p{margin:0;max-width:720px;color:#dbe7ff;font-size:1.18rem;line-height:1.6}
}
.admin-body .admin-brand b{max-width:220px;overflow:hidden;text-overflow:ellipsis}
.admin-body .admin-profile-menu{position:relative;flex:0 0 auto;margin-left:auto}
.admin-body .admin-profile-menu>summary{list-style:none;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;min-width:72px;padding:0 4px;color:#fff;cursor:pointer;line-height:1.08}
.admin-body .admin-profile-menu>summary::-webkit-details-marker{display:none}
.admin-body .admin-profile-menu>summary strong{font-size:.88rem;font-weight:800;white-space:nowrap}
.admin-body .admin-profile-menu>summary small{margin-top:4px;color:var(--muted);font-size:.76rem;font-weight:700;white-space:nowrap}
.admin-body .admin-profile-submenu{position:absolute;right:0;top:calc(100% + 14px);min-width:220px;padding:8px;border-radius:16px;background:#09172f;border:1px solid rgba(255,255,255,.1);box-shadow:0 22px 50px rgba(0,0,0,.4);display:grid;gap:3px;z-index:96}
.admin-body .admin-profile-menu:not([open]) .admin-profile-submenu{display:none}
.admin-body .admin-profile-submenu a,.admin-body .admin-profile-submenu button{width:100%;border:0;background:transparent;color:#dce7ff;text-align:left;padding:10px 11px;border-radius:11px;font-weight:700;white-space:nowrap}
.admin-body .admin-profile-submenu a:hover,.admin-body .admin-profile-submenu button:hover{background:rgba(255,255,255,.07)}
.admin-body .admin-profile-submenu form{margin:0}
.admin-body .admin-menu .admin-submenu{transition:opacity .14s ease,transform .14s ease}
.admin-body .admin-menu[open] .admin-submenu{animation:menuReveal .14s ease both}
@keyframes menuReveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
.admin-body .settings-foot-row.single{display:grid;grid-template-columns:1fr;width:100%}
.admin-body .settings-foot-row.single .info-box.full{width:100%}
.admin-body .settings-foot-row.single .info-box.full code{max-width:100%}
.admin-body .image-preview{display:block}
.admin-body .image-preview.preview-error{opacity:.55;filter:grayscale(.2)}
.admin-body .hours-grid{display:grid;gap:10px}
.admin-body .hours-row{display:grid;grid-template-columns:52px 170px 1fr 42px 1fr;gap:10px;align-items:center;padding:10px 12px;border-radius:15px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.admin-body .hours-row b{white-space:nowrap}
.admin-body .hours-separator{text-align:center;color:var(--muted);font-size:.84rem}
.admin-body .admin-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.admin-body .admin-setting-card{display:flex;flex-direction:column;gap:6px;padding:17px;border-radius:17px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);transition:transform .16s ease,border-color .16s ease,background .16s ease}
.admin-body .admin-setting-card:hover{transform:translateY(-1px);border-color:rgba(255,163,26,.35);background:rgba(255,138,0,.06)}
.admin-body .admin-setting-card span{color:var(--muted);font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top-nav-mobile{position:sticky;top:8px;z-index:24;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0 12px;padding:9px 10px;background:rgba(5,13,31,.9);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:0 16px 34px rgba(0,0,0,.28)}
.top-store-brand{display:flex;align-items:center;gap:9px;min-width:0;max-width:58%}
.top-store-brand img{width:36px;height:36px;border-radius:12px;object-fit:contain;background:#08162f;border:1px solid rgba(255,196,77,.28);padding:3px;flex:0 0 auto}
.top-store-brand span{font-weight:800;font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top-quick-links{display:flex;align-items:center;gap:6px}
.top-quick-links a{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);color:#dfe8ff;font-size:1rem;font-weight:900}
.top-quick-links a:hover{background:rgba(255,138,0,.14);color:#fff}
.info-item.info-link span{display:flex;flex-direction:column;gap:2px;min-width:0}
.info-item.info-link b{font-size:.8rem;color:var(--accent-2)}
.info-item.info-link small{font-size:.94rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bottom-nav-mobile{position:fixed;left:50%;transform:translateX(-50%);bottom:max(10px,env(safe-area-inset-bottom));z-index:25;width:min(410px,calc(100vw - 20px));margin:0}
.mobile-home{padding-bottom:102px}
@media (max-width:1180px){
.admin-body .admin-profile-menu{margin-left:auto}
.admin-body .admin-profile-submenu{right:0}
}
@media (max-width:900px){
body.public-body{overflow:auto}
.admin-body .hours-row{grid-template-columns:52px 1fr 1fr;gap:8px}
.admin-body .hours-row b{grid-column:2/-1}
.admin-body .hours-separator{display:none}
.admin-body .admin-settings-grid{grid-template-columns:1fr}
.admin-body .admin-profile-menu{order:2;margin-left:auto}
.admin-body .menu-toggle{order:3}
}
@media (max-width:430px){
.top-nav-mobile{top:6px;margin-top:6px}
.top-store-brand{max-width:54%}
.top-quick-links a{width:34px;height:34px}
}
body.public-body .store-hero.store-hero-flat,
body.public-body .specialists-section.specialists-section-flat{
background:transparent;
border:0;
border-radius:0;
box-shadow:none;
backdrop-filter:none;
}
body.public-body .store-hero.store-hero-flat{
padding:8px 2px 0;
}
body.public-body .specialists-section.specialists-section-flat{
padding:0;
}
body.public-body .specialists-section-flat .section-heading{
padding:6px 4px 0;
}
body.public-body .specialists-section-flat .team-grid{
padding:14px 0 0;
gap:12px;
}
body.public-body .location-panel-primary{
margin-top:18px;
background:rgba(255,255,255,.045);
border:1px solid rgba(255,255,255,.08);
box-shadow:0 12px 28px rgba(0,0,0,.14);
}
body.public-body .location-panel-primary summary{
display:grid;
grid-template-columns:auto minmax(0,1fr) auto;
align-items:center;
gap:10px;
padding:13px 14px;
}
body.public-body .location-summary-icon{
width:38px;
height:38px;
border-radius:13px;
display:grid;
place-items:center;
background:rgba(255,138,0,.12);
border:1px solid rgba(255,163,26,.2);
}
body.public-body .location-summary-icon svg{
width:19px;
height:19px;
fill:var(--accent);
}
body.public-body .location-panel-primary .summary-copy{
min-width:0;
}
body.public-body .location-panel-primary .summary-copy small{
display:block;
margin-top:3px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
body.public-body .location-panel-primary[open] .summary-action{
color:var(--accent-2);
}
body.public-body .location-map{
padding:0 0 2px;
}
body.public-body .location-map iframe{
width:100%;
height:245px;
border-radius:18px;
margin:0 0 10px;
background:#10264d;
}
body.public-body .location-map .btn{
margin-bottom:0;
}
body.public-body .store-socials{
margin-top:14px;
}
body.public-body .store-info-list,
body.public-body .admin-access-float{
display:none!important;
}
.bottom-access-link .bottom-access-avatar{
width:29px;
height:29px;
border-radius:50%;
display:grid;
place-items:center;
overflow:hidden;
border:1.5px solid rgba(255,196,77,.68);
background:#0b1d42;
box-shadow:0 6px 14px rgba(0,0,0,.24);
}
.bottom-access-link .bottom-access-avatar img{
width:100%;
height:100%;
object-fit:cover;
}
.bottom-nav-mobile .bottom-access-link{
gap:4px;
}
body.public-body .public-mobile-experience{
padding-bottom:0;
}
body.public-body .mobile-home{
padding-bottom:10px;
gap:14px;
}
body.public-body .booking-panel{
margin-bottom:0;
}
body.public-body .public-footer{
position:relative;
z-index:3;
padding:5px 0 calc(88px + env(safe-area-inset-bottom));
}
body.public-body .public-footer .footer-inner{
gap:2px;
font-size:.78rem;
line-height:1.35;
}
.bottom-nav-mobile{
bottom:max(8px,env(safe-area-inset-bottom));
padding:8px 10px;
min-height:68px;
}
.bottom-nav-mobile a{
min-height:48px;
padding:4px;
gap:4px;
}
.bottom-nav-mobile a span:not(.bottom-access-avatar){
font-size:1.05rem;
}
.bottom-nav-mobile a small{
font-size:.7rem;
}
@media (max-width:430px){
body.public-body .specialists-section-flat .team-grid{
gap:9px;
}
body.public-body .location-panel-primary summary{
grid-template-columns:auto minmax(0,1fr);
}
body.public-body .location-panel-primary .summary-action{
display:none;
}
body.public-body .location-map iframe{
height:225px;
}
}
body.public-body .location-panel-primary summary{
grid-template-columns:auto minmax(0,1fr) auto;
padding:13px 14px;
}
body.public-body .location-panel-primary .summary-copy{
display:flex;
align-items:center;
min-width:0;
}
body.public-body .location-panel-primary .summary-copy b{
color:#f5f8ff;
line-height:1;
}
body.public-body .location-panel-primary .summary-copy small{display:none!important}
body.public-body .location-panel-primary .summary-action{
justify-self:end;
align-self:center;
white-space:nowrap;
color:var(--accent-2);
font-size:.82rem;
font-weight:800;
}
body.public-body .map-address-line{
margin:0 0 10px;
padding:0 2px;
font-size:.78rem;
line-height:1.35;
color:var(--muted);
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
body.public-body .specialist-detail .detail-top{
width:100%;
justify-content:center;
gap:14px;
}
body.public-body .specialist-detail .detail-head{
display:flex;
flex-direction:column;
align-items:flex-start;
text-align:left;
min-width:0;
}
body.public-body .specialist-detail .detail-head h2,
body.public-body .specialist-detail .detail-head p,
body.public-body .specialist-detail .rating-row{max-width:100%}
body.public-body .specialist-detail .detail-copy h3{
color:var(--accent-2);
font-weight:850;
}
body.public-body .specialist-detail .detail-head > p{color:var(--accent-2)}
body.public-body .booking-panel > .section-heading{
padding:0 0 14px;
text-align:center;
}
body.public-body .booking-panel > .section-heading h2{
color:var(--accent-2);
margin:0 0 5px;
font-size:1.36rem;
line-height:1.1;
}
body.public-body .booking-panel > .section-heading p{
margin:0 auto;
color:var(--muted);
font-size:clamp(.69rem,2.75vw,.79rem);
line-height:1.25;
white-space:nowrap;
letter-spacing:-.012em;
}
body.public-body .public-footer{
display:block!important;
margin:0;
padding:6px 0 calc(78px + env(safe-area-inset-bottom));
min-height:0;
}
body.public-body .public-footer .footer-inner{
min-height:0;
padding:0;
line-height:1.25;
}
body.public-body .booking-panel + .ghost-anchor{height:0}
body.public-body .mobile-home{gap:12px;padding-bottom:0}
@media (max-width:430px){
body.public-body .location-panel-primary summary{grid-template-columns:auto minmax(0,1fr) auto}
body.public-body .location-panel-primary .summary-action{display:block}
body.public-body .specialist-detail .detail-top{gap:11px}
body.public-body .specialist-detail .detail-photo{width:82px;height:82px;flex:0 0 82px}
}
@media (min-width:901px){
body.public-body:not(.auth-layout){
height:100dvh;
min-height:100dvh;
overflow:hidden;
background:#061126;
}
body.public-body:not(.auth-layout) .public-desktop-notice{
position:relative;
isolation:isolate;
display:grid;
place-items:center;
flex:1 1 auto;
min-height:0;
padding:16px 24px 8px;
overflow:hidden;
background:
radial-gradient(circle at 18% 24%,rgba(27,103,235,.18),transparent 27%),
radial-gradient(circle at 82% 68%,rgba(255,138,0,.12),transparent 26%),
linear-gradient(180deg,#07142e 0%,#061126 58%,#040a17 100%);
}
body.public-body:not(.auth-layout) .public-desktop-notice::before{
content:"";
position:absolute;
inset:-22%;
z-index:-2;
opacity:.28;
background-image:
linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),
radial-gradient(circle,rgba(255,196,77,.42) 0 2px,transparent 3px);
background-size:72px 72px,72px 72px,216px 216px;
animation:desktopAgendaGrid 18s linear infinite;
transform:rotate(-4deg) scale(1.08);
}
body.public-body:not(.auth-layout) .public-desktop-notice::after{
content:"";
position:absolute;
width:min(62vw,860px);
aspect-ratio:1;
z-index:-1;
border-radius:50%;
border:1px solid rgba(255,196,77,.12);
box-shadow:
0 0 0 70px rgba(255,255,255,.018),
0 0 0 140px rgba(255,255,255,.012);
animation:desktopAgendaPulse 7s ease-in-out infinite;
}
@keyframes desktopAgendaGrid{
from{background-position:0 0,0 0,0 0}
to{background-position:144px 72px,144px 72px,216px 216px}
}
@keyframes desktopAgendaPulse{
0%,100%{transform:scale(.94) rotate(0deg);opacity:.34}
50%{transform:scale(1.04) rotate(8deg);opacity:.62}
}
.desktop-mobile-message{
position:relative;
z-index:2;
width:min(820px,calc(100vw - 48px));
gap:12px;
}
.desktop-store-logo{
width:164px;
height:164px;
padding:10px;
border-radius:34px;
background:rgba(7,20,46,.48);
border:1px solid rgba(255,196,77,.2);
box-shadow:0 24px 70px rgba(0,0,0,.32);
}
.desktop-mobile-message .eyebrow{
color:#91adf5;
font-size:.78rem;
}
.desktop-mobile-message h1{
color:var(--accent-2);
}
.desktop-mobile-message p{
color:#cbd9f6;
}
body.public-body:not(.auth-layout) .public-footer{
margin-top:auto;
flex:0 0 auto;
padding:4px 0 10px;
background:transparent;
}
body.public-body:not(.auth-layout) .public-footer .footer-inner{
min-height:0;
line-height:1.25;
}
}
@media (max-width:900px){
body.public-body{
background:linear-gradient(155deg,var(--ui-bg) 0%,var(--ui-bg-2) 52%,var(--ui-bg) 100%);
background-size:100% 100%;
animation:none;
}
@keyframes mobileUnifiedBackground{
from{background-position:0% 0%,100% 30%,0 0}
to{background-position:35% 22%,60% 78%,0 0}
}
body.public-body .public-mobile-experience,
body.public-body .mobile-app-shell,
body.public-body .mobile-home{
background:transparent!important;
}
body.public-body .mobile-bg-orb,
body.public-body .mobile-bg-grid{
display:none!important;
}
}
body.public-body .specialists-section-flat .section-heading h2,
body.public-body .booking-panel > .section-heading h2,
body.public-body .specialist-detail .detail-copy h3,
body.public-body .specialist-detail .detail-head > p,
body.public-body .booking-panel .form-grid label,
body.public-body .specialist-role,
body.public-body .specialist-status{
color:var(--accent-2)!important;
}
body.public-body .specialist-status.online i,
body.public-body .specialist-status.offline i{
background:var(--accent-2)!important;
box-shadow:0 0 0 4px rgba(255,196,77,.12)!important;
}
body.public-body .specialists-section-flat .section-heading p,
body.public-body .booking-panel > .section-heading p{
color:#b9c7e5;
}
body.public-body .map-address-line{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:2px;
margin:0 0 10px;
padding:0 2px;
font-size:.78rem;
line-height:1.35;
color:var(--muted);
white-space:normal;
overflow:visible;
text-overflow:clip;
}
body.public-body .map-address-line span{
display:block;
max-width:100%;
overflow-wrap:anywhere;
}
body.public-body .map-address-secondary{
color:#d4def1;
}
@media (max-width:900px){
body.public-body:not(.auth-layout) .public-footer{
padding:12px 0 calc(96px + env(safe-area-inset-bottom));
}
body.public-body:not(.auth-layout) .public-footer .footer-inner{
gap:2px;
}
}
.public-url-control{max-width:100%}
.public-url-preview{display:flex;align-items:center;gap:12px;min-height:50px;padding:12px 14px;border:1px solid var(--line,rgba(255,255,255,.1));border-radius:14px;background:rgba(255,255,255,.035);min-width:0}
.public-url-preview>span{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted,#9aa6bb);white-space:nowrap}
.public-url-preview code{display:block;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:transparent;padding:0;color:inherit;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88rem}
.public-url-preview .btn{flex:0 0 auto}
@media(max-width:700px){.public-url-preview{align-items:flex-start;flex-wrap:wrap}.public-url-preview>span{width:100%}.public-url-preview code{width:100%;flex-basis:100%}}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
body.public-body .agendador-root-page{min-height:100svh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 28% 24%,rgba(255,163,26,.09),transparent 30%),radial-gradient(circle at 76% 68%,rgba(49,94,164,.12),transparent 34%),#050b17}
body.public-body .agendador-root-brand{display:grid;justify-items:center;gap:8px;text-align:center}
body.public-body .agendador-root-brand img{display:block;width:min(210px,52vw);max-height:110px;object-fit:contain}
body.public-body .agendador-root-brand span{font-size:.76rem;font-weight:850;letter-spacing:.18em;text-transform:uppercase;color:#ffb33d}
body.public-body .agendador-root-brand h1{margin:0;color:#f7f9ff;font-size:clamp(1.8rem,4vw,3rem);letter-spacing:-.04em}
.admin-body .backup-bulk-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:12px 0 10px;padding:10px 12px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.025)}
.admin-body .backup-select-all{display:inline-flex;align-items:center;gap:9px;font-weight:800;color:#dce7ff;white-space:nowrap;cursor:pointer}
.admin-body .backup-select-all input,.admin-body .backup-select-cell input{width:17px;height:17px;margin:0;accent-color:#ff9b1d;cursor:pointer}
.admin-body .backup-select-all input:disabled,.admin-body .backup-select-cell input:disabled{cursor:not-allowed;opacity:.5}
.admin-body .backup-bulk-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:nowrap;margin-left:auto}
.admin-body .backup-bulk-actions form{margin:0}
.admin-body .backup-bulk-actions .btn{white-space:nowrap}
.admin-body .btn:disabled{opacity:.45;cursor:not-allowed;filter:saturate(.55)}
.admin-body .backup-table table{width:100%;table-layout:fixed;min-width:0}
.admin-body .backup-col-select{width:44px}
.admin-body .backup-col-name{width:auto}
.admin-body .backup-col-size{width:112px}
.admin-body .backup-col-actions{width:515px}
.admin-body .backup-select-cell{text-align:center;padding-left:8px!important;padding-right:8px!important;overflow:visible!important}
.admin-body .backup-size-cell{text-align:right;padding-right:16px!important}
.admin-body .backup-actions-head{text-align:right;padding-right:14px!important}
.admin-body .backup-actions{justify-content:flex-end;width:100%;padding-left:8px!important;padding-right:14px!important}
.admin-body .backup-actions .rename-form{flex:0 1 292px;min-width:0}
.admin-body .backup-actions .rename-form input[type=text]{width:178px;min-width:120px;max-width:178px}
.admin-body .backup-actions>a,.admin-body .backup-actions>form{flex:0 0 auto}
@media (max-width:1180px){
.admin-body .backup-bulk-bar{align-items:flex-start;flex-direction:column}
.admin-body .backup-bulk-actions{width:100%;justify-content:flex-start;overflow-x:auto}
.admin-body .backup-table{overflow-x:auto}
.admin-body .backup-table table{min-width:1030px}
}
.admin-body .update-upload{
grid-template-columns:minmax(0,1fr) 210px;
gap:10px;
align-items:stretch;
padding:10px;
min-height:0;
}
.admin-body .update-file{
display:grid;
align-content:center;
gap:6px;
min-width:0;
padding:2px 4px;
cursor:pointer;
}
.admin-body .update-file>span{
line-height:1.1;
}
.admin-body .update-file-line{
display:flex;
align-items:center;
gap:9px;
min-width:0;
white-space:nowrap;
}
.admin-body .update-file-picker{
display:inline-flex;
align-items:center;
justify-content:center;
flex:0 0 auto;
min-height:30px;
padding:6px 10px;
border-radius:9px;
border:1px solid rgba(255,255,255,.18);
background:#fff;
color:#111827;
font-size:.78rem;
font-weight:750;
}
.admin-body .update-file-name{
flex:0 1 auto;
min-width:0;
max-width:260px;
overflow:hidden;
text-overflow:ellipsis;
color:#eef4ff;
font-size:.79rem;
}
.admin-body .update-file-line small{
flex:1 1 auto;
min-width:0;
margin-left:2px;
overflow:hidden;
text-overflow:ellipsis;
color:var(--muted);
font-size:.75rem;
}
.admin-body .update-start{
width:100%;
min-width:0;
height:100%;
min-height:58px;
align-self:stretch;
border-radius:14px;
}
.admin-body .backup-bulk-bar{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
align-items:center;
min-height:58px;
padding:9px 12px;
}
.admin-body .backup-select-all{
display:inline-flex;
align-items:center;
align-self:center;
gap:10px;
min-height:38px;
line-height:1;
}
.admin-body .backup-select-all input,
.admin-body .backup-select-cell input{
display:block;
flex:0 0 17px;
width:17px;
height:17px;
margin:0;
vertical-align:middle;
}
.admin-body .backup-select-all span{
display:block;
line-height:17px;
}
.admin-body .backup-bulk-actions{
align-self:center;
}
.admin-body .backup-table th,
.admin-body .backup-table td{
vertical-align:middle;
}
.admin-body .update-history-table table{
width:100%;
table-layout:fixed;
min-width:0;
}
.admin-body .update-history-col-version{width:38%}
.admin-body .update-history-col-status{width:24%}
.admin-body .update-history-col-date{width:38%}
.admin-body .update-history-table th,
.admin-body .update-history-table td{
vertical-align:middle;
}
.admin-body .update-history-date-head,
.admin-body .update-history-date{
text-align:right;
padding-right:18px!important;
}
.admin-body .update-history-date small{
white-space:nowrap;
}
.admin-body .update-history-status{
text-align:center;
}
.admin-body .update-history-pagination{
display:flex;
align-items:center;
justify-content:flex-end;
gap:7px;
margin-top:12px;
min-height:34px;
}
.admin-body .update-history-page{
display:inline-flex;
align-items:center;
justify-content:center;
width:32px;
height:32px;
border-radius:9px;
border:1px solid rgba(255,255,255,.09);
background:rgba(255,255,255,.035);
color:#dce7ff;
text-decoration:none;
font-size:.78rem;
font-weight:800;
}
.admin-body .update-history-page:hover{
background:rgba(255,255,255,.07);
}
.admin-body .update-history-page.current{
border-color:rgba(255,163,26,.42);
background:rgba(255,138,0,.12);
color:#ffd28b;
}
.admin-body .update-history-pagination small{
margin-left:4px;
color:var(--muted);
white-space:nowrap;
}
@media (max-width:900px){
.admin-body .update-upload{grid-template-columns:1fr}
.admin-body .update-file-line{overflow-x:auto}
.admin-body .update-file-name{max-width:210px}
.admin-body .update-start{min-height:48px}
.admin-body .backup-bulk-bar{grid-template-columns:1fr;gap:8px}
.admin-body .update-history-table table{min-width:620px}
.admin-body .update-history-pagination{justify-content:flex-start;overflow-x:auto}
}
.global-save-progress{
position:fixed;
z-index:12000;
top:12px;
left:50%;
width:min(410px,calc(100vw - 24px));
transform:translate(-50%,-18px);
opacity:0;
pointer-events:none;
transition:opacity .16s ease,transform .16s ease;
}
.global-save-progress.is-visible{
opacity:1;
transform:translate(-50%,0);
}
.global-save-progress-card{
padding:10px 12px 11px;
border:1px solid rgba(255,177,58,.30);
border-radius:14px;
background:rgba(5,15,34,.96);
box-shadow:0 16px 44px rgba(0,0,0,.36),0 0 28px rgba(255,138,0,.10);
backdrop-filter:blur(12px);
}
.global-save-progress-meta{
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
margin-bottom:7px;
color:#f5f8ff;
font-size:.78rem;
line-height:1;
}
.global-save-progress-meta strong{
min-width:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
color:#ffc15a;
}
.global-save-progress-meta span{
flex:0 0 auto;
color:#dbe7ff;
font-variant-numeric:tabular-nums;
font-weight:800;
}
.global-save-progress-track{
height:5px;
overflow:hidden;
border-radius:999px;
background:rgba(255,255,255,.09);
}
.global-save-progress-track>span{
display:block;
width:0;
height:100%;
border-radius:inherit;
background:linear-gradient(90deg,#ff8a00,#ffc44d);
box-shadow:0 0 16px rgba(255,166,34,.36);
transition:width .20s ease;
}
.admin-body .backup-bulk-bar{
min-height:62px;
padding:10px 12px;
align-items:center;
}
.admin-body .backup-select-all{
height:42px;
min-height:42px;
padding:0 4px;
align-items:center;
line-height:42px;
}
.admin-body .backup-select-all span{
line-height:1;
}
.admin-body .backup-bulk-actions{
display:flex;
align-items:center;
gap:8px;
height:42px;
}
.admin-body .backup-bulk-actions form{
display:flex;
align-items:stretch;
height:42px;
margin:0;
}
.admin-body .backup-bulk-actions .btn{
height:42px;
min-height:42px;
padding-top:0;
padding-bottom:0;
border-radius:12px;
}
.admin-body .backup-bulk-actions form:first-child .btn{min-width:178px}
.admin-body .backup-bulk-actions form:last-child .btn{min-width:126px}
.admin-body .backup-actions{
min-height:38px;
align-items:center;
gap:7px;
}
.admin-body .backup-actions>a.btn,
.admin-body .backup-actions>form>.btn,
.admin-body .backup-actions .rename-form>.btn,
.admin-body .backup-actions .rename-form>input[type=text]{
height:36px;
min-height:36px;
box-sizing:border-box;
margin:0;
}
.admin-body .backup-actions .rename-form{
display:flex;
align-items:center;
height:36px;
gap:7px;
margin:0;
}
.admin-body .backup-actions .rename-form input[type=text]{
padding-top:0;
padding-bottom:0;
line-height:34px;
}
.admin-body .backup-actions .btn{
padding-top:0;
padding-bottom:0;
align-items:center;
justify-content:center;
}
@media (max-width:900px){
.global-save-progress{top:8px;width:calc(100vw - 16px)}
.admin-body .backup-bulk-actions{height:auto;min-height:42px}
}
.admin-body .backup-bulk-actions form:first-child .btn,
.admin-body .backup-bulk-actions form:last-child .btn{
width:176px;
min-width:176px;
}
.admin-body .update-upload{
align-items:stretch;
}
.admin-body .update-file,
.admin-body .update-start{
min-height:62px;
box-sizing:border-box;
}
.admin-body .update-file{
justify-content:center;
}
.admin-body .update-start{
height:62px;
align-self:center;
}
@media (max-width:900px){
.admin-body .backup-bulk-actions form:first-child .btn,
.admin-body .backup-bulk-actions form:last-child .btn{
width:auto;
min-width:150px;
}
.admin-body .update-file,
.admin-body .update-start{min-height:52px}
.admin-body .update-start{height:52px}
}
.admin-body .update-upload{
grid-template-columns:minmax(0,1fr) 210px;
gap:10px;
align-items:center;
}
.admin-body .update-file{
margin:0;
min-height:62px;
height:62px;
padding:7px 12px;
box-sizing:border-box;
align-content:center;
justify-items:end;
justify-content:stretch;
}
.admin-body .update-file>span,
.admin-body .update-file-line{
width:min(680px,100%);
max-width:680px;
box-sizing:border-box;
}
.admin-body .update-file>span{
text-align:left;
margin:0;
}
.admin-body .update-file-line{
justify-content:flex-end;
align-items:center;
min-height:30px;
}
.admin-body .update-file-line small{
flex:0 1 auto;
}
.admin-body .update-start{
margin:0;
min-height:62px;
height:62px;
align-self:center;
box-sizing:border-box;
}
@media (max-width:900px){
.admin-body .update-file{
margin:0;
width:100%;
height:auto;
min-height:52px;
justify-items:stretch;
}
.admin-body .update-file>span,
.admin-body .update-file-line{
width:100%;
max-width:none;
}
.admin-body .update-file-line{
justify-content:flex-start;
}
.admin-body .update-start{
width:100%;
height:52px;
min-height:52px;
}
}
.admin-body .update-upload{
grid-template-columns:minmax(0,1fr) 210px;
gap:10px;
align-items:stretch;
}
.admin-body .update-file{
margin:0;
width:100%;
min-width:0;
min-height:62px;
height:62px;
padding:7px 12px;
box-sizing:border-box;
align-content:center;
justify-content:stretch;
justify-items:stretch;
}
.admin-body .update-file>span,
.admin-body .update-file-line{
width:100%;
max-width:none;
box-sizing:border-box;
}
.admin-body .update-file>span{
text-align:left;
margin:0;
}
.admin-body .update-file-line{
justify-content:flex-start;
align-items:center;
min-height:30px;
overflow:hidden;
}
.admin-body .update-file-name{
min-width:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.admin-body .update-file-line small{
flex:0 0 auto;
white-space:nowrap;
}
.admin-body .update-start{
margin:0;
width:100%;
min-height:62px;
height:62px;
align-self:stretch;
box-sizing:border-box;
}
@media (max-width:900px){
.admin-body .update-upload{grid-template-columns:1fr}
.admin-body .update-file{
width:100%;
height:auto;
min-height:52px;
}
.admin-body .update-file-line{
justify-content:flex-start;
flex-wrap:wrap;
}
.admin-body .update-file-line small{
flex:1 1 100%;
}
.admin-body .update-start{
width:100%;
min-height:52px;
height:52px;
}
}
.admin-body .admin-header-inner{
min-height:76px;
padding-left:30px;
padding-right:30px;
gap:20px;
}
.admin-body .admin-brand{gap:12px;max-width:300px}
.admin-body .admin-brand-logo{
width:46px;
height:46px;
flex:0 0 46px;
display:grid;
place-items:center;
border-radius:14px;
background:linear-gradient(145deg,rgba(255,154,31,.18),rgba(255,255,255,.035));
border:1px solid rgba(255,177,68,.28);
box-shadow:0 12px 28px rgba(0,0,0,.24);
overflow:hidden;
}
.admin-body .admin-brand-logo img{width:38px;height:38px;object-fit:contain;display:block}
.admin-body .admin-brand b{font-size:.96rem;letter-spacing:-.01em}
.admin-body .admin-brand small{font-size:.72rem;letter-spacing:.03em}
.admin-body .admin-nav{gap:4px}
.admin-body .admin-link,
.admin-body .admin-menu>summary{
min-height:38px;
padding:0 13px;
border-radius:10px;
font-size:.84rem;
transition:background .16s ease,color .16s ease,transform .16s ease;
}
.admin-body .admin-link:hover,
.admin-body .admin-menu>summary:hover{transform:translateY(-1px)}
.admin-body .admin-submenu{
top:calc(100% + 11px);
min-width:238px;
padding:7px;
border-radius:14px;
background:rgba(6,17,38,.985);
box-shadow:0 24px 54px rgba(0,0,0,.44);
}
.admin-body .admin-submenu a{padding:11px 12px;border-radius:9px;font-size:.84rem}
.admin-body .admin-profile-menu>summary{min-width:68px;padding:0 2px}
.admin-body .ceo-dashboard{display:grid;gap:16px}
.admin-body .ceo-dashboard-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:22px;
min-height:108px;
padding:22px 24px;
border-radius:24px;
background:
radial-gradient(circle at 76% -30%,rgba(255,145,22,.18),transparent 42%),
linear-gradient(145deg,rgba(11,31,70,.96),rgba(6,18,43,.96));
border:1px solid rgba(255,255,255,.085);
box-shadow:0 18px 44px rgba(0,0,0,.24);
}
.admin-body .ceo-dashboard-head>div:first-child{min-width:0}
.admin-body .ceo-dashboard-head .eyebrow,
.admin-body .ceo-panel-head .eyebrow{
display:block;
margin:0 0 5px;
color:#ffb24c;
font-size:.7rem;
letter-spacing:.15em;
text-transform:uppercase;
font-weight:850;
}
.admin-body .ceo-dashboard-head h1{margin:0;color:#fff;font-size:1.78rem;line-height:1.08;letter-spacing:-.035em}
.admin-body .ceo-dashboard-head p{margin:7px 0 0;max-width:760px;color:#9fb2d5;font-size:.9rem;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-body .ceo-dashboard-actions{display:flex;align-items:center;gap:9px;flex:0 0 auto}
.admin-body .ceo-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.admin-body .ceo-kpi-card{
min-width:0;
min-height:116px;
display:flex;
align-items:center;
gap:15px;
padding:17px 18px;
border-radius:20px;
background:linear-gradient(160deg,rgba(13,34,76,.92),rgba(7,20,47,.96));
border:1px solid rgba(255,255,255,.075);
box-shadow:0 12px 30px rgba(0,0,0,.18);
transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.admin-body .ceo-kpi-card:hover{transform:translateY(-2px);border-color:rgba(255,158,34,.36);background:linear-gradient(160deg,rgba(16,40,88,.96),rgba(8,23,54,.98))}
.admin-body .ceo-kpi-icon{
width:48px;
height:48px;
flex:0 0 48px;
display:grid;
place-items:center;
border-radius:15px;
background:linear-gradient(145deg,#ff8e14,#ffb344);
box-shadow:0 12px 26px rgba(255,139,21,.22);
}
.admin-body .ceo-kpi-icon svg{width:23px;height:23px;fill:none;stroke:#07152e;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.admin-body .ceo-kpi-card>div{min-width:0;display:grid;gap:2px}
.admin-body .ceo-kpi-card small{color:#93a8ce;font-size:.75rem;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-body .ceo-kpi-card strong{color:#fff;font-size:1.7rem;line-height:1;font-weight:900;letter-spacing:-.04em}
.admin-body .ceo-kpi-card>div>span{color:#cdd9ef;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-body .ceo-dashboard-main{display:grid;grid-template-columns:minmax(0,1.52fr) minmax(340px,.74fr);gap:16px;align-items:stretch}
.admin-body .ceo-dashboard-lower{display:grid;grid-template-columns:minmax(0,1.52fr) minmax(340px,.74fr);gap:16px;align-items:stretch}
.admin-body .ceo-dashboard .panel{padding:19px 20px;border-radius:22px;background:linear-gradient(160deg,rgba(10,29,65,.94),rgba(6,18,43,.96));box-shadow:0 16px 38px rgba(0,0,0,.2)}
.admin-body .ceo-panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;min-width:0}
.admin-body .ceo-panel-head>div{min-width:0}
.admin-body .ceo-panel-head h2{margin:0;color:#fff;font-size:1.15rem;letter-spacing:-.02em}
.admin-body .ceo-panel-head>a{color:#ffb24c;font-size:.76rem;font-weight:800;white-space:nowrap}
.admin-body .ceo-agenda-list{display:grid;border-top:1px solid rgba(255,255,255,.055)}
.admin-body .ceo-agenda-row{
display:grid;
grid-template-columns:72px minmax(0,1.3fr) minmax(120px,.85fr) 112px;
align-items:center;
gap:13px;
min-height:62px;
padding:9px 2px;
border-bottom:1px solid rgba(255,255,255,.055);
}
.admin-body .ceo-agenda-row:last-child{border-bottom:0}
.admin-body .ceo-agenda-time{display:grid;gap:2px}
.admin-body .ceo-agenda-time b{font-size:.92rem;color:#fff}
.admin-body .ceo-agenda-time small{color:#ffae42;font-size:.68rem;font-weight:800}
.admin-body .ceo-agenda-client{display:grid;gap:2px;min-width:0}
.admin-body .ceo-agenda-client b,
.admin-body .ceo-agenda-client span,
.admin-body .ceo-agenda-pro{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-body .ceo-agenda-client b{font-size:.83rem;color:#f5f8ff}
.admin-body .ceo-agenda-client span,.admin-body .ceo-agenda-pro{color:#98acd0;font-size:.74rem}
.admin-body .ceo-empty{min-height:180px;display:grid;place-items:center;align-content:center;text-align:center;gap:6px;color:#aebfe0}
.admin-body .ceo-empty span{color:#fff;font-size:1rem;font-weight:800}
.admin-body .ceo-empty p{font-size:.82rem}
.admin-body .ceo-store-card{display:flex;flex-direction:column}
.admin-body .ceo-store-identity{display:flex;align-items:center;gap:14px;padding:8px 0 15px;border-bottom:1px solid rgba(255,255,255,.06)}
.admin-body .ceo-store-identity img{width:74px;height:74px;flex:0 0 74px;border-radius:18px;object-fit:contain;background:rgba(255,255,255,.035);border:1px solid rgba(255,177,68,.22);padding:6px}
.admin-body .ceo-store-identity>div{min-width:0}
.admin-body .ceo-store-identity h3{margin:0 0 4px;color:#fff;font-size:1.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-body .ceo-store-identity p{margin:0;color:#9eb0d0;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-body .ceo-store-meta{display:grid;gap:12px;padding:15px 0;margin-bottom:auto}
.admin-body .ceo-store-meta>div{display:grid;gap:4px;min-width:0}
.admin-body .ceo-store-meta small{color:#879dc4;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.admin-body .ceo-store-meta b{color:#dce6f9;font-size:.78rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-body .ceo-store-card>.btn{width:100%;justify-content:center;margin-top:2px}
.admin-body .ceo-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.admin-body .ceo-quick-link{
min-width:0;
display:grid;
grid-template-columns:36px minmax(0,1fr) 18px;
align-items:center;
gap:10px;
min-height:70px;
padding:10px 12px;
border-radius:15px;
background:rgba(255,255,255,.027);
border:1px solid rgba(255,255,255,.065);
transition:background .16s ease,border-color .16s ease,transform .16s ease;
}
.admin-body .ceo-quick-link:hover{background:rgba(255,145,22,.075);border-color:rgba(255,165,46,.26);transform:translateY(-1px)}
.admin-body .ceo-quick-link>span{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:rgba(255,145,22,.12);color:#ff9e2a}
.admin-body .ceo-quick-link svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.admin-body .ceo-quick-link>div{min-width:0;display:grid;gap:2px}
.admin-body .ceo-quick-link b{color:#f3f7ff;font-size:.79rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-body .ceo-quick-link small{color:#8ea3ca;font-size:.67rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-body .ceo-quick-link i{font-style:normal;color:#6f86ae;font-size:.9rem;text-align:right}
.admin-body .ceo-access-card{display:flex;flex-direction:column}
.admin-body .ceo-access-number{display:flex;align-items:baseline;gap:8px;margin:2px 0 14px}
.admin-body .ceo-access-number strong{font-size:2.2rem;color:#fff;line-height:1;font-weight:900;letter-spacing:-.05em}
.admin-body .ceo-access-number span{color:#93a7ca;font-size:.77rem}
.admin-body .ceo-current-user{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border-radius:15px;background:rgba(255,255,255,.032);border:1px solid rgba(255,255,255,.06)}
.admin-body .ceo-user-avatar,.admin-body .admin-user-list-avatar{display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#ff8d12,#ffb348);color:#07142e;font-weight:900}
.admin-body .ceo-user-avatar{width:42px;height:42px}
.admin-body .ceo-brand-avatar{overflow:hidden;border-radius:11px;background:#07142e;border:1px solid rgba(255,255,255,.08);padding:4px}
.admin-body .ceo-brand-avatar img{display:block;width:100%;height:100%;object-fit:contain;border-radius:7px}
.admin-body .identity-panel-full{width:100%;max-width:none}
.admin-body .ceo-current-user>div{min-width:0;display:grid;gap:2px}
.admin-body .ceo-current-user b,.admin-body .ceo-current-user small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-body .ceo-current-user b{font-size:.8rem;color:#fff}.admin-body .ceo-current-user small{font-size:.68rem;color:#8ea3c9}
.admin-body .ceo-access-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.admin-body .ceo-access-links a{display:flex;align-items:center;justify-content:center;min-height:38px;padding:8px;border-radius:11px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);color:#d8e4f8;font-size:.72rem;font-weight:750;text-align:center}
.admin-body .admin-users-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.7fr);gap:16px;align-items:start}
.admin-body .admin-users-intro{margin:-7px 0 15px;color:#8fa5cb;font-size:.78rem}
.admin-body .admin-users-table{min-width:760px}
.admin-body .admin-users-table th:nth-child(1){width:42%}
.admin-body .admin-users-table th:nth-child(2){width:20%}
.admin-body .admin-users-table th:nth-child(3){width:20%}
.admin-body .admin-users-table th:nth-child(4){width:18%}
.admin-body .admin-user-cell{display:flex;align-items:center;gap:10px;min-width:0}
.admin-body .admin-user-list-avatar{width:36px;height:36px;flex:0 0 36px;font-size:.77rem}
.admin-body .admin-user-cell>span:last-child{display:grid;gap:2px}
.admin-body .admin-user-cell small{color:#8fa3c7;font-size:.7rem;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-body .admin-user-note{display:block;margin-top:4px;color:#ffbd63;font-size:.65rem;font-weight:750;white-space:nowrap}
.admin-body .admin-user-editor{position:sticky;top:94px}
.admin-body .admin-user-editor label>small{display:block;margin-top:6px;color:#879bc0;font-size:.68rem;line-height:1.35}
@media (max-width:1180px){
.admin-body .ceo-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.admin-body .ceo-dashboard-main,.admin-body .ceo-dashboard-lower,.admin-body .admin-users-layout{grid-template-columns:1fr}
.admin-body .admin-user-editor{position:static}
}
@media (max-width:900px){
.admin-body .ceo-dashboard-head{align-items:flex-start;flex-direction:column}
.admin-body .ceo-dashboard-actions{width:100%;flex-wrap:wrap}
.admin-body .ceo-dashboard-actions .btn{flex:1 1 180px}
.admin-body .ceo-kpi-grid{grid-template-columns:1fr}
.admin-body .ceo-dashboard-main,.admin-body .ceo-dashboard-lower{grid-template-columns:1fr}
.admin-body .ceo-quick-grid{grid-template-columns:1fr 1fr}
.admin-body .ceo-agenda-row{grid-template-columns:62px minmax(0,1fr) auto}
.admin-body .ceo-agenda-pro{display:none}
.admin-body .ceo-dashboard-head p{white-space:normal}
}
.admin-body .admin-user-list-avatar{overflow:hidden}
.admin-body .admin-user-list-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.admin-body .admin-avatar-upload .image-preview{width:72px;height:72px;border-radius:50%;object-fit:cover}
.specialist-stats.specialist-stats-real{grid-template-columns:minmax(0,180px);justify-content:center}
.availability-empty{display:block;width:100%;padding:12px 14px;text-align:center;color:var(--muted);font-size:.86rem}
.public-empty{grid-column:1/-1;text-align:center;padding:20px 14px}
.password-panel{
width:min(620px,100%);
}
.password-change-form{
margin-top:18px;
}
.password-change-form label{
gap:8px;
}
.password-input-shell input{
padding-right:52px!important;
}
.password-change-form .btn.wide{
width:100%;
min-height:48px;
}
@media (max-height:720px){
body.public-body.auth-layout .auth-page{padding:8px 16px 6px}
body.public-body.auth-layout .auth-card-premium{padding:18px 24px 16px}
body.public-body.auth-layout .auth-store-identity{gap:5px;margin-bottom:10px}
body.public-body.auth-layout .auth-card-premium .auth-store-logo{width:82px;height:82px;border-radius:22px}
body.public-body.auth-layout .auth-title-block{margin-bottom:12px}
body.public-body.auth-layout .auth-title-block h1{font-size:1.38rem}
body.public-body.auth-layout .auth-form-premium{gap:10px}
body.public-body.auth-layout .auth-input-shell{min-height:48px}
body.public-body.auth-layout .auth-input-shell input{min-height:46px}
body.public-body.auth-layout .auth-submit{min-height:46px}
body.public-body.auth-layout .auth-back{margin-top:9px}
}
@media (min-width:901px){
body.public-body:not(.auth-layout){
position:relative;
}
body.public-body:not(.auth-layout) .public-desktop-notice{
min-height:100dvh;
padding-bottom:72px;
}
body.public-body:not(.auth-layout) .public-footer{
position:absolute;
left:0;
right:0;
bottom:0;
z-index:6;
margin:0;
padding:0 0 10px;
background:transparent!important;
border:0!important;
box-shadow:none!important;
}
}
@media (max-width:900px){
body.public-body .specialists-section-flat .section-heading{
width:100%;
text-align:center;
}
body.public-body .specialists-section-flat .section-heading h2,
body.public-body .specialists-section-flat .section-heading p{
width:100%;
text-align:center;
margin-left:auto;
margin-right:auto;
}
}
@media (max-width:900px){
body.public-body:not(.auth-layout){
background:
radial-gradient(circle at 16% 10%,rgba(24,69,160,.13),transparent 27%),
radial-gradient(circle at 86% 44%,rgba(255,138,0,.065),transparent 24%),
linear-gradient(155deg,#020713 0%,#041127 46%,#01040b 100%)!important;
background-size:145% 145%,145% 145%,100% 100%;
}
body.public-body:not(.auth-layout) .store-hero,
body.public-body:not(.auth-layout) .specialists-section,
body.public-body:not(.auth-layout) .specialist-detail,
body.public-body:not(.auth-layout) .booking-panel{
background:linear-gradient(180deg,rgba(5,15,36,.90),rgba(2,8,20,.94));
}
}
@media (min-width:901px){
body.public-body:not(.auth-layout),
body.public-body:not(.auth-layout) .public-desktop-notice{
background-color:#020611;
}
body.public-body:not(.auth-layout) .public-desktop-notice{
background:
radial-gradient(circle at 18% 24%,rgba(24,78,178,.13),transparent 28%),
radial-gradient(circle at 82% 68%,rgba(255,138,0,.07),transparent 27%),
linear-gradient(180deg,#030918 0%,#020714 58%,#010309 100%);
}
}
body.public-body .location-panel-primary summary{
grid-template-columns:minmax(0,1fr) auto!important;
gap:12px;
}
body.public-body .location-panel-primary .summary-copy{
min-width:0;
}
body.public-body .location-panel-primary .summary-copy b{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
body.public-body .location-panel-primary .summary-action{
display:inline-flex!important;
align-items:center;
justify-content:flex-end;
gap:7px;
white-space:nowrap;
}
body.public-body .location-panel-primary .summary-action-icon{
width:28px;
height:28px;
border-radius:9px;
display:grid;
place-items:center;
background:rgba(255,138,0,.10);
border:1px solid rgba(255,196,77,.20);
flex:0 0 28px;
}
body.public-body .location-panel-primary .summary-action-icon svg{
width:15px;
height:15px;
fill:var(--accent-2);
}
@media (max-width:360px){
body.public-body .location-panel-primary .summary-copy b{font-size:.88rem}
body.public-body .location-panel-primary .summary-action{font-size:.76rem;gap:5px}
}
body.public-body .bottom-access-link .bottom-access-avatar{
background:#020713;
border-color:rgba(255,196,77,.78);
}
body.public-body .bottom-access-link .bottom-access-avatar img{
object-fit:cover;
}
.admin-body .address-admin-grid{
display:grid;
grid-template-columns:minmax(0,1fr) 180px;
gap:14px;
align-items:end;
}
@media (max-width:760px){
.admin-body .address-admin-grid{grid-template-columns:1fr}
}
.admin-body .admin-active-store{
color:var(--accent-2);
font-weight:850;
margin-left:5px;
}
.admin-body .admin-active-store::before{
content:'·';
color:rgba(255,196,77,.58);
margin-right:5px;
}
body.public-body .map-address-line{
width:100%;
align-items:center!important;
justify-content:center;
text-align:center;
gap:3px;
padding:1px 8px 2px;
}
body.public-body .map-address-primary{
color:#f4f7ff;
font-weight:760;
}
body.public-body .map-address-secondary{
color:#d3def4;
font-weight:650;
}
body.public-body .map-address-postal{
color:#8fa4ca;
font-size:.72rem;
letter-spacing:.02em;
}
body.public-body .accepted-payments{
display:flex;
flex-direction:column;
align-items:center;
gap:6px;
margin-top:2px;
padding-top:8px;
text-align:center;
}
body.public-body .payment-brands{
width:100%;
display:flex;
align-items:center;
justify-content:center;
gap:7px;
flex-wrap:nowrap;
}
body.public-body .payment-brands img{
display:block;
width:40px;
height:27px;
object-fit:contain;
padding:3px 4px;
border-radius:7px;
background:#f8fafc;
border:1px solid rgba(255,255,255,.18);
box-shadow:0 4px 12px rgba(0,0,0,.18);
}
body.public-body .payment-brands img:first-child{
background:#f5fffd;
}
body.public-body .accepted-payments p{
margin:0;
max-width:100%;
color:#9fb0cf;
font-size:clamp(.64rem,2.55vw,.72rem);
line-height:1.25;
white-space:normal;
}
@media (max-width:360px){
body.public-body .payment-brands{gap:5px}
body.public-body .payment-brands img{width:35px;height:24px;padding:3px}
body.public-body .accepted-payments p{font-size:.62rem}
}
@media (max-width:900px){
body.public-body:not(.auth-layout){
background:linear-gradient(155deg,var(--ui-bg) 0%,var(--ui-bg-2) 52%,var(--ui-bg) 100%)!important;
background-size:100% 100%!important;
animation:none!important;
}
@keyframes publicDarkFlow{
0%{background-position:0% 0%,100% 12%,20% 100%,0 0}
45%{background-position:36% 22%,64% 54%,52% 72%,0 0}
100%{background-position:66% 38%,22% 88%,88% 44%,0 0}
}
body.public-body:not(.auth-layout) .mobile-bg-orb{
display:none!important;
position:fixed;
z-index:0;
pointer-events:none;
border-radius:50%;
filter:blur(72px);
opacity:.34;
will-change:transform,opacity;
}
body.public-body:not(.auth-layout) .mobile-bg-orb.orb-1{
width:210px;height:210px;left:-72px;top:18%;
background:rgba(93,76,176,.24);
animation:publicOrbOne 13s ease-in-out infinite alternate;
}
body.public-body:not(.auth-layout) .mobile-bg-orb.orb-2{
width:230px;height:230px;right:-92px;top:58%;
background:rgba(119,61,132,.23);
animation:publicOrbTwo 16s ease-in-out infinite alternate;
}
@keyframes publicOrbOne{
from{transform:translate3d(0,-18px,0) scale(.92);opacity:.24}
to{transform:translate3d(92px,120px,0) scale(1.14);opacity:.42}
}
@keyframes publicOrbTwo{
from{transform:translate3d(0,42px,0) scale(1.08);opacity:.22}
to{transform:translate3d(-104px,-108px,0) scale(.88);opacity:.40}
}
body.public-body:not(.auth-layout) .mobile-bg-grid{
display:none!important;
position:fixed;
inset:0;
z-index:0;
pointer-events:none;
opacity:.055;
background-image:
linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px);
background-size:46px 46px;
mask-image:linear-gradient(to bottom,transparent 0%,#000 18%,#000 82%,transparent 100%);
animation:publicGridDrift 24s linear infinite;
}
@keyframes publicGridDrift{to{background-position:46px 46px,46px 46px}}
body.public-body:not(.auth-layout) .mobile-home{
position:relative;
z-index:1;
}
body.public-body:not(.auth-layout) .top-nav-mobile,
body.public-body:not(.auth-layout) .bottom-nav-mobile{
background:var(--ui-header)!important;
border-color:var(--ui-border-strong,var(--ui-border))!important;
box-shadow:var(--ui-shadow)!important;
}
body.public-body:not(.auth-layout) .top-quick-links a,
body.public-body:not(.auth-layout) .bottom-nav-mobile a{
transition:background .2s ease,color .2s ease,transform .2s ease;
}
body.public-body:not(.auth-layout) .top-quick-links a:hover,
body.public-body:not(.auth-layout) .bottom-nav-mobile a.is-active,
body.public-body:not(.auth-layout) .bottom-nav-mobile a:hover{
background:var(--ui-accent-soft)!important;
color:var(--ui-accent-strong)!important;
}
}
body.public-body .location-panel-primary{
box-shadow:none!important;
background:var(--ui-surface-2)!important;
}
body.public-body .location-panel-primary summary{
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:7px!important;
text-align:center;
}
body.public-body .location-panel-primary .summary-copy,
body.public-body .location-panel-primary .summary-action{
display:inline-flex!important;
align-items:center!important;
flex:0 0 auto!important;
width:auto!important;
min-width:0;
font-family:inherit!important;
font-size:.82rem!important;
font-weight:760!important;
line-height:1.1!important;
letter-spacing:0!important;
text-transform:none!important;
}
body.public-body .location-panel-primary .summary-copy b{
color:var(--ui-text)!important;
font:inherit!important;
white-space:nowrap!important;
}
body.public-body .location-panel-primary .summary-action{
justify-content:flex-start!important;
gap:5px!important;
color:var(--accent-2)!important;
}
body.public-body .location-panel-primary .summary-action-icon{
width:22px!important;
height:22px!important;
border-radius:7px!important;
background:transparent!important;
border:0!important;
}
body.public-body .location-panel-primary .summary-action-icon svg{
width:14px!important;
height:14px!important;
}
body.public-body .store-socials .social-pill{
box-shadow:none!important;
background:var(--ui-surface-2)!important;
border-color:var(--ui-border)!important;
}
body.public-body .location-map .btn,
body.public-body .location-map .btn.subtle{
box-shadow:none!important;
background:var(--ui-surface-2)!important;
border-color:var(--ui-border)!important;
}
body.public-body .accepted-payments{
margin-top:0!important;
padding-top:0!important;
gap:6px;
}
@media (max-width:360px){
body.public-body .location-panel-primary summary{gap:5px!important;padding-left:8px!important;padding-right:8px!important}
body.public-body .location-panel-primary .summary-copy,
body.public-body .location-panel-primary .summary-action{font-size:.75rem!important}
body.public-body .location-panel-primary .summary-action-icon{width:19px!important;height:19px!important}
}
@media (max-width:900px){
body.public-body:not(.auth-layout) .public-mobile-experience,
body.public-body:not(.auth-layout) .mobile-app-shell,
body.public-body:not(.auth-layout) .mobile-home,
body.public-body:not(.auth-layout) .store-hero.store-hero-flat,
body.public-body:not(.auth-layout) .specialists-section.specialists-section-flat{
background:transparent!important;
box-shadow:none!important;
}
body.public-body:not(.auth-layout) .store-hero.store-hero-flat,
body.public-body:not(.auth-layout) .specialists-section.specialists-section-flat{
border:0!important;
backdrop-filter:none!important;
}
body.public-body:not(.auth-layout) .store-socials{
background:transparent!important;
box-shadow:none!important;
}
}
body.public-body .location-panel-primary summary{
display:flex!important;
align-items:center!important;
justify-content:center!important;
padding:13px 12px!important;
text-align:center!important;
}
body.public-body .location-summary-inline{
display:inline-flex;
align-items:center;
justify-content:center;
gap:5px;
width:auto;
max-width:100%;
min-width:0;
line-height:1.1;
}
body.public-body .location-summary-inline>b{
color:var(--ui-text)!important;
font-family:inherit!important;
font-size:.82rem!important;
font-weight:760!important;
letter-spacing:0!important;
white-space:nowrap;
}
body.public-body .location-summary-inline .summary-action{
display:inline-flex!important;
align-items:center!important;
justify-content:flex-start!important;
gap:2px!important;
width:auto!important;
min-width:0!important;
margin:0!important;
padding:0!important;
color:var(--accent-2)!important;
font-family:inherit!important;
font-size:.82rem!important;
font-weight:760!important;
line-height:1.1!important;
letter-spacing:0!important;
white-space:nowrap!important;
}
body.public-body .location-summary-inline .summary-action-icon{
display:inline-grid!important;
place-items:center!important;
width:17px!important;
height:17px!important;
min-width:17px!important;
flex:0 0 17px!important;
margin:0 0 0 1px!important;
padding:0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
}
body.public-body .location-summary-inline .summary-action-icon svg{
width:13px!important;
height:13px!important;
display:block!important;
fill:var(--accent-2)!important;
}
body.public-body .map-address-line{
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
gap:2px!important;
width:100%!important;
margin:0 0 10px!important;
padding:0 10px!important;
color:var(--ui-text)!important;
font-size:.78rem!important;
line-height:1.35!important;
text-align:center!important;
white-space:normal!important;
overflow:visible!important;
text-overflow:clip!important;
}
body.public-body .map-address-line span{
display:block!important;
width:100%!important;
max-width:100%!important;
margin:0!important;
text-align:center!important;
white-space:normal!important;
overflow:visible!important;
text-overflow:clip!important;
}
body.public-body .map-address-extra{
color:var(--ui-text)!important;
font-weight:800!important;
}
body.public-body .map-address-primary{
color:var(--ui-text)!important;
font-weight:800!important;
}
body.public-body .map-address-secondary{
color:var(--ui-muted)!important;
font-weight:700!important;
}
body.public-body .map-address-postal{display:none!important}
.admin-body .store-address-fieldset .form-grid{gap:14px}
.admin-body .address-street-grid{
display:grid;
grid-template-columns:minmax(0,1fr) 150px;
gap:14px;
align-items:end;
}
.admin-body .address-locality-grid{
display:grid;
grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) 110px;
gap:14px;
align-items:end;
}
.admin-body .address-country-grid{
display:grid;
grid-template-columns:minmax(0,1fr) 180px;
gap:14px;
align-items:end;
}
.admin-body .store-address-fieldset label small{
display:inline;
margin-left:5px;
color:var(--muted);
font-size:.72rem;
font-weight:650;
}
@media (max-width:760px){
.admin-body .address-street-grid,
.admin-body .address-locality-grid,
.admin-body .address-country-grid{grid-template-columns:1fr}
}
@media (max-width:360px){
body.public-body .location-summary-inline{gap:4px}
body.public-body .location-summary-inline>b,
body.public-body .location-summary-inline .summary-action{font-size:.75rem!important}
body.public-body .location-summary-inline .summary-action-icon{width:15px!important;height:15px!important;min-width:15px!important;flex-basis:15px!important}
body.public-body .location-summary-inline .summary-action-icon svg{width:12px!important;height:12px!important}
}
.admin-body input[name="business_state"]{text-transform:uppercase}
.public-body input[type="date"]{color-scheme:inherit}
.public-body input[type="date"]::-webkit-calendar-picker-indicator{
filter:invert(1) brightness(2) contrast(1.05);
opacity:.96;
cursor:pointer;
}
body.public-body .specialist-detail .detail-top{
justify-content:center!important;
align-items:center!important;
gap:12px!important;
}
body.public-body .specialist-detail .detail-head{
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
justify-content:center!important;
text-align:left!important;
min-width:0!important;
}
body.public-body .specialist-detail .detail-head-row{
width:100%!important;
margin:0 0 8px!important;
padding:0!important;
}
body.public-body .specialist-detail .detail-head-row .specialist-status{
display:inline-flex!important;
align-items:center!important;
justify-content:flex-start!important;
gap:6px!important;
margin:0!important;
padding:0!important;
min-height:0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
line-height:1.15!important;
}
body.public-body .specialist-detail .detail-head-row .specialist-status i{
flex:0 0 8px!important;
width:8px!important;
height:8px!important;
margin:0!important;
}
body.public-body .specialist-detail .detail-head h2,
body.public-body .specialist-detail .detail-head > p{
width:100%!important;
margin-left:0!important;
padding-left:0!important;
text-align:left!important;
}
body.public-body .specialist-detail .detail-head h2{
margin-top:0!important;
margin-bottom:5px!important;
}
body.public-body .specialist-detail .detail-head > p{
margin-top:0!important;
margin-bottom:0!important;
}
body.public-body:not(.auth-layout) .bottom-nav-mobile{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
column-gap:0!important;
row-gap:0!important;
align-items:stretch!important;
}
body.public-body:not(.auth-layout) .bottom-nav-mobile > a{
width:100%!important;
min-width:0!important;
margin:0!important;
justify-self:stretch!important;
align-self:stretch!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
}
body.public-body:not(.auth-layout) .bottom-nav-mobile > a > span:not(.bottom-access-avatar),
body.public-body:not(.auth-layout) .bottom-nav-mobile > a > .bottom-access-avatar{
width:30px!important;
height:30px!important;
min-width:30px!important;
margin-left:auto!important;
margin-right:auto!important;
display:grid!important;
place-items:center!important;
}
body.public-body:not(.auth-layout) .bottom-nav-mobile .bottom-access-avatar{
border-radius:50%!important;
}
body.review-layout{
min-height:100vh;
background:#020611;
}
.review-page{
min-height:calc(100vh - 70px);
display:grid;
place-items:center;
padding:28px 18px 92px;
background:
radial-gradient(circle at 18% 18%,rgba(95,50,122,.18),transparent 32%),
radial-gradient(circle at 82% 76%,rgba(255,173,37,.08),transparent 30%),
#020611;
}
.review-card{
width:min(100%,620px);
border:1px solid rgba(154,171,210,.16);
border-radius:26px;
background:rgba(8,20,47,.94);
box-shadow:0 24px 70px rgba(0,0,0,.35);
padding:26px;
}
.review-brand{display:flex;align-items:center;gap:13px;margin-bottom:22px}
.review-brand img{width:54px;height:54px;object-fit:contain;border-radius:14px;background:#000}
.review-brand div{display:flex;flex-direction:column;gap:2px;min-width:0}
.review-brand b{font-size:17px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.review-brand span{font-size:12px;color:#9fb3db}
.review-title{text-align:center;margin:4px 0 22px}
.review-title h1,.review-card>h1{margin:5px 0 7px;color:#ffbd3f;font-size:clamp(26px,5vw,34px)}
.review-title p,.review-card>p{margin:0;color:#b8c8e7}
.review-appointment-summary{display:flex;flex-direction:column;gap:4px;padding:14px 16px;margin:0 0 18px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(154,171,210,.12);text-align:center}
.review-appointment-summary strong{color:#fff}
.review-appointment-summary span{color:#aebddd;font-size:13px}
.review-form{display:grid;gap:14px}
.review-rating{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0;padding:12px 14px;border:1px solid rgba(154,171,210,.14);border-radius:15px;background:rgba(255,255,255,.025)}
.review-rating legend{float:left;width:auto;padding:0;margin:0;color:#ffbd3f;font-weight:800}
.review-stars{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:4px}
.review-stars input{position:absolute;opacity:0;pointer-events:none}
.review-stars label{font-size:28px;line-height:1;color:#46536c;cursor:pointer;transition:color .15s ease,transform .15s ease}
.review-stars label:hover,.review-stars label:hover~label,.review-stars input:checked~label{color:#ffbd3f}
.review-stars label:hover{transform:translateY(-1px)}
.review-comment{display:grid;gap:7px;color:#ffbd3f;font-weight:800}
.review-comment small{color:#93a6cc;font-weight:600}
.review-comment textarea{resize:vertical;min-height:105px}
.review-success{text-align:center;padding:10px 0 18px}
.review-success>span{display:block;font-size:44px;color:#ffbd3f}
.review-success h1{margin:5px 0;color:#fff}
.review-success p{color:#afbfdf}
.review-success strong{display:inline-block;margin-top:8px;color:#ffbd3f;font-size:22px}
.specialist-rating{display:inline-flex;align-items:center;justify-content:center;margin:-2px 0 6px;color:#ffbd3f;font-size:13px;font-weight:800}
.appointment-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;white-space:nowrap}
.appointment-actions .status-form{margin:0}
.reviews-admin{display:grid;gap:18px}
.review-overall{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;min-width:110px}
.review-overall strong{font-size:28px;color:#ffbd3f}
.review-overall span{font-size:12px;color:#a9b8d7}
.review-pro-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.review-pro-card{padding:16px;border:1px solid rgba(157,175,214,.13);border-radius:16px;background:rgba(255,255,255,.025)}
.review-pro-card>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}
.review-pro-card b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff}
.review-pro-score{color:#ffbd3f;font-weight:900;white-space:nowrap}
.review-pro-card>small{display:block;margin:4px 0 12px;color:#91a4cc}
.review-pro-card dl{display:grid;gap:7px;margin:0}
.review-pro-card dl div{display:flex;align-items:center;justify-content:space-between;gap:10px}
.review-pro-card dt{color:#aebddd;font-size:12px}
.review-pro-card dd{margin:0;color:#fff;font-weight:800}
.review-table-score{color:#ffbd3f;font-weight:900;white-space:nowrap}
.reviews-table th:nth-child(1){width:150px}.reviews-table th:nth-child(2){width:190px}.reviews-table th:nth-child(3){width:180px}.reviews-table th:nth-child(4){width:90px}.reviews-table th:nth-child(5){width:160px}
.feature-center .panel-head{margin-bottom:14px}
.feature-table .access-group-row th{padding:9px 14px;background:rgba(255,189,63,.08);color:#ffbd3f;text-transform:uppercase;letter-spacing:.11em;font-size:11px;text-align:left}
.feature-table td:not(:first-child),.feature-table th:not(:first-child){width:140px;text-align:center}
.feature-table .module-line{max-width:none}
@media(max-width:900px){
.review-pro-grid{grid-template-columns:1fr}
.review-rating{align-items:flex-start;flex-direction:column}
.review-stars{width:100%;justify-content:center}
.review-card{padding:20px}
}
@media (max-width:900px){
body.public-body:not(.auth-layout) .top-nav-mobile{
min-height:62px;
padding:8px 9px 8px 10px!important;
border-radius:19px!important;
gap:10px!important;
background:var(--ui-header)!important;
border:1px solid var(--ui-border-strong,var(--ui-border))!important;
box-shadow:var(--ui-shadow)!important;
}
body.public-body:not(.auth-layout) .top-store-brand{
flex:1 1 auto;
max-width:none!important;
gap:10px;
min-width:0;
}
body.public-body:not(.auth-layout) .top-store-brand img{
width:38px;
height:38px;
border-radius:11px;
padding:2px;
background:rgba(2,6,17,.72);
border-color:rgba(255,196,77,.34);
}
body.public-body:not(.auth-layout) .top-store-brand span{
font-size:.9rem;
letter-spacing:.005em;
}
body.public-body:not(.auth-layout) .top-app-actions{
display:flex;
align-items:center;
gap:7px;
flex:0 0 auto;
}
body.public-body:not(.auth-layout) .top-action-button{
width:39px;
height:39px;
border-radius:13px;
display:grid;
place-items:center;
color:#f2eff7;
background:rgba(255,255,255,.055);
border:1px solid rgba(255,255,255,.09);
box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
transition:transform .16s ease,background .16s ease,border-color .16s ease,color .16s ease;
}
body.public-body:not(.auth-layout) .top-action-button:active{
transform:scale(.94);
}
body.public-body:not(.auth-layout) .top-action-button:hover,
body.public-body:not(.auth-layout) .top-action-button:focus-visible{
color:#ffc44d;
border-color:rgba(255,196,77,.32);
background:var(--ui-accent-soft);
}
body.public-body:not(.auth-layout) .top-action-primary{
color:var(--ui-on-accent)!important;
background:linear-gradient(135deg,var(--ui-accent),var(--ui-accent-2))!important;
border-color:transparent!important;
box-shadow:0 8px 18px var(--ui-accent-soft)!important;
}
body.public-body:not(.auth-layout) .top-action-icon,
body.public-body:not(.auth-layout) .top-action-icon svg{
width:20px;
height:20px;
display:block;
}
body.public-body:not(.auth-layout) .top-action-icon svg{
fill:none!important;
stroke:currentColor!important;
stroke-width:1.85!important;
stroke-linecap:round!important;
stroke-linejoin:round!important;
}
body.public-body:not(.auth-layout) .top-action-icon svg path,
body.public-body:not(.auth-layout) .top-action-icon svg circle{
fill:none!important;
stroke:currentColor!important;
}
body.public-body:not(.auth-layout) .bottom-nav-mobile{
width:min(420px,calc(100vw - 18px))!important;
min-height:70px!important;
padding:6px 7px!important;
border-radius:23px!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:0!important;
background:var(--ui-nav)!important;
border:1px solid var(--ui-border-strong,var(--ui-border))!important;
box-shadow:var(--ui-shadow)!important;
backdrop-filter:blur(20px)!important;
}
body.public-body:not(.auth-layout) .bottom-nav-mobile > a{
position:relative;
min-height:57px!important;
padding:4px 2px 3px!important;
gap:3px!important;
border-radius:16px!important;
color:var(--ui-muted)!important;
background:transparent!important;
transition:color .16s ease,transform .16s ease!important;
}
body.public-body:not(.auth-layout) .bottom-nav-mobile > a::before{
content:"";
position:absolute;
top:1px;
left:50%;
width:18px;
height:3px;
border-radius:999px;
transform:translateX(-50%) scaleX(.45);
opacity:0;
background:var(--ui-accent);
transition:opacity .16s ease,transform .16s ease;
}
body.public-body:not(.auth-layout) .bottom-nav-mobile > a:active{
transform:scale(.96);
}
body.public-body:not(.auth-layout) .bottom-nav-mobile > a.is-active{
color:var(--ui-accent-strong)!important;
background:var(--ui-accent-soft)!important;
}
body.public-body:not(.auth-layout) .bottom-nav-mobile > a.is-active::before{
opacity:1;
transform:translateX(-50%) scaleX(1);
}
body.public-body:not(.auth-layout) .bottom-nav-icon,
body.public-body:not(.auth-layout) .bottom-access-avatar{
width:31px!important;
height:31px!important;
min-width:31px!important;
display:grid!important;
place-items:center!important;
margin:0 auto!important;
}
body.public-body:not(.auth-layout) .bottom-nav-icon{
border-radius:11px;
}
body.public-body:not(.auth-layout) .bottom-nav-icon svg{
width:21px;
height:21px;
display:block;
fill:none!important;
stroke:currentColor!important;
stroke-width:1.8!important;
stroke-linecap:round!important;
stroke-linejoin:round!important;
}
body.public-body:not(.auth-layout) .bottom-nav-icon svg path,
body.public-body:not(.auth-layout) .bottom-nav-icon svg circle,
body.public-body:not(.auth-layout) .bottom-nav-icon svg rect{
fill:none!important;
stroke:currentColor!important;
}
body.public-body:not(.auth-layout) .bottom-nav-mobile > a.is-active .bottom-nav-icon{
background:var(--ui-accent-soft);
}
body.public-body:not(.auth-layout) .bottom-access-avatar{
width:29px!important;
height:29px!important;
min-width:29px!important;
border:1.5px solid var(--ui-accent)!important;
box-shadow:none!important;
background:var(--ui-surface-3)!important;
}
body.public-body:not(.auth-layout) .bottom-nav-mobile small{
font-size:.67rem!important;
line-height:1!important;
font-weight:700!important;
letter-spacing:.005em;
white-space:nowrap;
}
}
@media (max-width:360px){
body.public-body:not(.auth-layout) .top-store-brand span{font-size:.82rem}
body.public-body:not(.auth-layout) .bottom-nav-mobile small{font-size:.62rem!important}
}
body.public-body .field-optional{
margin-left:4px;
color:#9aa8c3;
font-size:.7rem;
font-weight:650;
text-transform:lowercase;
letter-spacing:0;
}
body.public-body .payment-methods-fieldset{
margin:0;
padding:0;
border:0;
min-width:0;
}
body.public-body .payment-methods-fieldset>legend{
margin:0 0 8px;
padding:0;
color:var(--accent-2);
font-size:.86rem;
font-weight:800;
}
body.public-body .payment-method-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:8px;
}
body.public-body .payment-method-option{
display:block;
min-width:0;
cursor:pointer;
}
body.public-body .payment-method-option>input{
position:absolute;
opacity:0;
pointer-events:none;
}
body.public-body .payment-method-card{
min-height:74px;
display:grid;
grid-template-columns:30px minmax(0,1fr) 14px;
align-items:center;
gap:8px;
padding:10px;
border:1px solid rgba(255,255,255,.09);
border-radius:13px;
background:rgba(16,20,36,.62);
transition:border-color .16s ease,background .16s ease,transform .16s ease;
}
body.public-body .payment-method-option:active .payment-method-card{transform:scale(.985)}
body.public-body .payment-method-option>input:checked + .payment-method-card{
border-color:rgba(255,196,77,.72);
background:rgba(255,196,77,.07);
}
body.public-body .payment-method-icon{
width:30px;
height:30px;
display:grid;
place-items:center;
color:#ffc44d;
}
body.public-body .payment-method-icon svg{
width:24px;
height:24px;
fill:none;
stroke:currentColor;
stroke-width:1.7;
stroke-linecap:round;
stroke-linejoin:round;
}
body.public-body .payment-method-icon img{
width:25px;
height:25px;
object-fit:contain;
}
body.public-body .payment-method-copy{
min-width:0;
display:flex;
flex-direction:column;
gap:3px;
}
body.public-body .payment-method-copy b{
color:#f6f8ff;
font-size:.78rem;
line-height:1.16;
}
body.public-body .payment-method-copy small{
color:#929fba;
font-size:.58rem;
line-height:1.18;
text-transform:lowercase;
}
body.public-body .payment-method-check{
width:12px;
height:12px;
border:1.5px solid rgba(255,255,255,.28);
border-radius:50%;
position:relative;
}
body.public-body .payment-method-option>input:checked + .payment-method-card .payment-method-check{
border-color:#ffc44d;
}
body.public-body .payment-method-option>input:checked + .payment-method-card .payment-method-check::after{
content:"";
position:absolute;
inset:2px;
border-radius:50%;
background:var(--ui-accent);
}
.admin-body .payment-admin-panel,
.admin-body .gateway-panel{width:100%;max-width:none}
.admin-body .payment-admin-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
}
.admin-body .payment-admin-method{
display:grid;
grid-template-columns:42px minmax(0,1fr) auto;
gap:12px;
align-items:center;
min-height:84px;
padding:14px;
border:1px solid var(--line);
border-radius:14px;
background:rgba(255,255,255,.02);
}
.admin-body .payment-admin-method>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:3px}
.admin-body .payment-admin-method b{color:var(--ui-text)}
.admin-body .payment-admin-method small{color:var(--muted);font-size:.72rem;line-height:1.25}
.admin-body .payment-admin-icon{
width:42px;height:42px;border-radius:12px;display:grid;place-items:center;
background:rgba(255,196,77,.08);color:var(--accent-2)
}
.admin-body .payment-admin-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.admin-body .payment-admin-icon img{width:27px;height:27px;object-fit:contain}
.admin-body .gateway-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.admin-body .gateway-column{display:grid;gap:14px;align-content:start;min-width:0}
.admin-body .gateway-card{
display:grid;gap:13px;padding:16px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.02);align-self:start
}
.admin-body .gateway-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.admin-body .gateway-head>div{display:flex;flex-direction:column;gap:3px}
.admin-body .gateway-head b{font-size:1rem}.admin-body .gateway-head small{color:var(--muted)}
.admin-body .appointments-table th:nth-child(6),
.admin-body .appointments-table td:nth-child(6){white-space:nowrap}
@media (max-width:760px){
.admin-body .payment-admin-grid,.admin-body .gateway-grid{grid-template-columns:1fr}
.admin-body .gateway-column{grid-template-columns:1fr}
}
@media (max-width:340px){
body.public-body .payment-method-grid{grid-template-columns:1fr}
}
.admin-body .hours-admin-panel{width:100%;max-width:none}
.admin-body .gateway-card{
grid-template-rows:auto 54px auto auto;
align-content:start;
}
.admin-body .gateway-toggle-row{
min-height:54px;
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
padding:10px 12px;
border:1px solid rgba(255,255,255,.075);
border-radius:13px;
background:rgba(255,255,255,.025);
}
.admin-body .gateway-toggle-row>strong{
display:block;
margin:0;
color:var(--ui-text);
font-size:.9rem;
line-height:1.2;
white-space:nowrap;
}
.admin-body .gateway-switch{
flex:0 0 52px;
width:52px;
height:28px;
margin:0;
padding:0;
display:inline-flex;
align-items:center;
justify-content:center;
}
.admin-body .gateway-switch input{
width:1px !important;
height:1px !important;
padding:0 !important;
margin:0 !important;
}
.admin-body .gateway-card>label:not(.switch){
margin:0;
align-self:end;
}
.admin-body .gateway-head{
min-height:48px;
}
.admin-body .gateway-head>span,
.admin-body .gateway-head>.status{
align-self:flex-start;
}
.admin-body .professionals-admin-page{
width:100%;
max-width:1320px;
margin:0 auto;
display:grid;
gap:18px;
}
.admin-body .professional-editor-panel,
.admin-body .professionals-list-panel{
width:100%;
max-width:none;
}
.admin-body .professional-page-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:18px;
margin-bottom:18px;
}
.admin-body .professional-page-head>div{min-width:0}
.admin-body .professional-page-head h2{margin:2px 0 5px}
.admin-body .professional-page-head p{
margin:0;
color:var(--muted);
font-size:.88rem;
line-height:1.35;
}
.admin-body .professional-page-head.compact-head{align-items:center}
.admin-body .record-count{
flex:0 0 auto;
display:inline-flex;
align-items:center;
justify-content:center;
min-height:34px;
padding:0 12px;
border:1px solid rgba(255,196,77,.18);
border-radius:10px;
background:rgba(255,196,77,.055);
color:#ffd470;
font-size:.76rem;
font-weight:800;
white-space:nowrap;
}
.admin-body .professional-editor-form{display:grid;gap:18px}
.admin-body .professional-editor-grid{
display:grid;
grid-template-columns:minmax(0,.92fr) minmax(560px,1.08fr);
gap:18px;
align-items:start;
}
.admin-body .professional-profile-column,
.admin-body .professional-schedule-column{
min-width:0;
display:grid;
gap:14px;
}
.admin-body .professional-section{
padding:16px;
border-radius:16px;
background:rgba(255,255,255,.018);
border:1px solid rgba(255,255,255,.075);
}
.admin-body .professional-section>legend{
color:var(--ui-text);
font-size:.82rem;
letter-spacing:.01em;
}
.admin-body .professional-photo-upload{
grid-template-columns:104px minmax(0,1fr);
padding:14px 16px;
border-radius:16px;
}
.admin-body .professional-photo-upload .image-preview{
width:104px;
height:104px;
border-radius:18px;
}
.admin-body .professional-photo-upload .upload-field small{
white-space:normal;
line-height:1.3;
}
.admin-body .professional-service-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:9px;
}
.admin-body .professional-service-option{
position:relative;
display:block;
min-width:0;
cursor:pointer;
}
.admin-body .professional-service-option>input{
position:absolute;
opacity:0;
pointer-events:none;
}
.admin-body .professional-service-box{
min-height:46px;
display:grid;
grid-template-columns:18px minmax(0,1fr);
align-items:center;
gap:9px;
padding:10px 12px;
border:1px solid rgba(255,255,255,.085);
border-radius:12px;
background:rgba(255,255,255,.025);
transition:border-color .16s ease,background .16s ease;
}
.admin-body .professional-service-box i{
width:16px;
height:16px;
border:1px solid rgba(255,255,255,.28);
border-radius:5px;
position:relative;
}
.admin-body .professional-service-box b{
min-width:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
font-size:.8rem;
}
.admin-body .professional-service-option>input:checked + .professional-service-box{
border-color:rgba(255,163,26,.42);
background:rgba(255,153,0,.07);
}
.admin-body .professional-service-option>input:checked + .professional-service-box i{
border-color:#ffad2f;
background:#ff9a16;
}
.admin-body .professional-service-option>input:checked + .professional-service-box i:after{
content:"";
position:absolute;
left:4px;
top:1px;
width:5px;
height:9px;
border:solid #081126;
border-width:0 2px 2px 0;
transform:rotate(45deg);
}
.admin-body .section-help{
margin:0 0 12px;
color:var(--muted);
font-size:.76rem;
line-height:1.35;
}
.admin-body .professional-schedule-grid{display:grid;gap:8px}
.admin-body .professional-schedule-head,
.admin-body .professional-schedule-row{
display:grid;
grid-template-columns:minmax(130px,1.15fr) minmax(112px,.9fr) minmax(112px,.9fr) minmax(108px,.85fr);
gap:10px;
align-items:center;
}
.admin-body .professional-schedule-head{
padding:0 10px 4px;
color:#98abd0;
font-size:.69rem;
font-weight:800;
letter-spacing:.055em;
text-transform:uppercase;
}
.admin-body .professional-schedule-row{
min-height:58px;
padding:8px 10px;
border:1px solid rgba(255,255,255,.065);
border-radius:13px;
background:rgba(255,255,255,.022);
}
.admin-body .professional-schedule-row input[type=time],
.admin-body .professional-schedule-row select{
min-width:0;
width:100%;
height:40px;
padding:8px 10px;
border-radius:11px;
}
.admin-body .professional-day-toggle{
display:grid!important;
grid-template-columns:38px minmax(0,1fr);
gap:9px!important;
align-items:center;
min-width:0;
cursor:pointer;
}
.admin-body .professional-day-toggle>input{
position:absolute;
opacity:0;
pointer-events:none;
}
.admin-body .professional-day-toggle>span{
width:36px;
height:21px;
border-radius:999px;
background:rgba(255,255,255,.11);
border:1px solid rgba(255,255,255,.12);
position:relative;
transition:.16s ease;
}
.admin-body .professional-day-toggle>span:before{
content:"";
position:absolute;
width:15px;
height:15px;
top:2px;
left:2px;
border-radius:50%;
background:#d8e0f2;
transition:.16s ease;
}
.admin-body .professional-day-toggle>input:checked + span{
background:rgba(255,153,0,.28);
border-color:rgba(255,163,26,.44);
}
.admin-body .professional-day-toggle>input:checked + span:before{
transform:translateX(15px);
background:#ffad2f;
}
.admin-body .professional-day-toggle b{
min-width:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
font-size:.78rem;
}
.admin-body .professional-form-actions{
display:flex;
justify-content:flex-end;
padding-top:1px;
}
.admin-body .professional-form-actions .btn{
min-width:260px;
min-height:46px;
}
.admin-body .professional-list-table{table-layout:fixed;width:100%}
.admin-body .professional-list-table th:nth-child(1){width:34%}
.admin-body .professional-list-table th:nth-child(2){width:20%}
.admin-body .professional-list-table th:nth-child(3){width:11%;text-align:center}
.admin-body .professional-list-table th:nth-child(4){width:14%}
.admin-body .professional-list-table th:nth-child(5){width:21%;text-align:right}
.admin-body .professional-list-table td:nth-child(3){text-align:center}
.admin-body .professional-list-table td:last-child{text-align:right}
.admin-body .professional-list-table .actions{justify-content:flex-end}
.admin-body .professional-inline span{
display:flex;
flex-direction:column;
gap:2px;
min-width:0;
}
.admin-body .professional-inline small{
color:var(--muted);
font-size:.72rem;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.admin-body .text-center{text-align:center}
body.public-body .payment-method-grid{
grid-template-columns:1fr!important;
gap:9px;
}
body.public-body .payment-method-card{
width:100%;
min-height:64px;
grid-template-columns:38px minmax(0,1fr) 18px;
gap:10px;
padding:11px 13px;
border-radius:14px;
}
body.public-body .payment-method-icon{
width:38px;
height:38px;
}
body.public-body .payment-method-icon svg{width:27px;height:27px}
body.public-body .payment-method-icon img{width:29px;height:29px}
body.public-body .payment-method-copy{gap:2px}
body.public-body .payment-method-copy b{
font-size:.82rem;
line-height:1.18;
}
body.public-body .payment-method-copy small{
font-size:.61rem;
line-height:1.22;
}
body.public-body .payment-method-check{
width:15px;
height:15px;
}
@media (max-width:1080px){
.admin-body .professional-editor-grid{grid-template-columns:1fr}
.admin-body .professional-schedule-column{grid-row:auto}
}
@media (max-width:760px){
.admin-body .professional-service-grid{grid-template-columns:1fr}
.admin-body .professional-schedule-head{display:none}
.admin-body .professional-schedule-row{
grid-template-columns:1fr 1fr;
gap:8px;
}
.admin-body .professional-day-toggle{grid-column:1/-1}
.admin-body .professional-form-actions .btn{width:100%;min-width:0}
}
.admin-body .hours-admin-panel .panel-subcopy{
margin:6px 0 0;
color:var(--muted);
font-size:.88rem;
line-height:1.45;
}
.admin-body .hours-grid-v2{gap:8px}
.admin-body .hours-admin-head{
display:grid;
grid-template-columns:minmax(210px,.9fr) minmax(330px,1fr) minmax(330px,1fr);
gap:12px;
align-items:end;
padding:0 14px 6px;
color:#93a7cf;
font-size:.72rem;
font-weight:800;
letter-spacing:.04em;
text-transform:uppercase;
}
.admin-body .hours-admin-head span:nth-child(2),
.admin-body .hours-admin-head span:nth-child(3){text-align:center}
.admin-body .hours-admin-head small{
color:var(--muted);
font-size:.66rem;
font-weight:650;
letter-spacing:0;
text-transform:none;
}
.admin-body .hours-row.hours-row-v2{
display:grid;
grid-template-columns:minmax(210px,.9fr) minmax(330px,1fr) minmax(330px,1fr);
gap:12px;
align-items:center;
padding:10px 12px;
border-radius:15px;
background:rgba(255,255,255,.025);
border:1px solid rgba(255,255,255,.065);
}
.admin-body .hours-day-control{
min-width:0;
display:flex;
align-items:center;
gap:12px;
}
.admin-body .hours-day-control b{white-space:nowrap}
.admin-body .hours-period{
display:grid;
grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);
align-items:center;
gap:7px;
}
.admin-body .hours-period>span{
color:var(--muted);
font-size:.78rem;
text-align:center;
}
.admin-body .hours-period input[type="time"]{
width:100%;
min-width:0;
}
.admin-body .hours-period-secondary input[type="time"]:placeholder-shown{opacity:.75}
@media(max-width:900px){
.admin-body .hours-admin-head{display:none}
.admin-body .hours-row.hours-row-v2{grid-template-columns:1fr;gap:9px;padding:12px}
.admin-body .hours-day-control{padding-bottom:3px}
.admin-body .hours-period{grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr)}
.admin-body .hours-period-secondary{padding-top:8px;border-top:1px dashed rgba(255,255,255,.08)}
}
.admin-body .services-admin-page,
.admin-body .appointments-admin-page,
.admin-body .hours-admin-page,
.admin-body .professionals-admin-page,
.admin-body .admin-users-page,
.admin-body .system-admin-page{
width:100%;
max-width:1320px;
margin:0 auto;
min-width:0;
}
.admin-body .services-admin-page,
.admin-body .appointments-admin-page,
.admin-body .hours-admin-page,
.admin-body .admin-users-page,
.admin-body .system-admin-page{display:grid;gap:18px}
.admin-body .service-editor-panel,
.admin-body .services-list-panel{width:100%;max-width:none;min-width:0}
.admin-body .service-page-head{
display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px
}
.admin-body .service-page-head h2{margin:2px 0 5px}
.admin-body .service-page-head p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.4}
.admin-body .service-editor-form{
display:grid;
grid-template-columns:minmax(280px,1.5fr) minmax(210px,1fr) 140px 155px 190px;
gap:12px;
align-items:end;
}
.admin-body .service-editor-form label{min-width:0;display:grid;gap:7px;margin:0}
.admin-body .service-editor-form label>span{font-size:.79rem;font-weight:800;color:var(--ui-text)}
.admin-body .service-editor-form input{height:46px;min-width:0}
.admin-body .service-editor-form .btn{height:46px;width:100%;margin:0}
.admin-body .services-table-shell{
width:100%;overflow:hidden;border:1px solid rgba(255,255,255,.075);border-radius:16px
}
.admin-body .services-table-premium{
width:100%;min-width:0!important;table-layout:fixed;border-collapse:collapse
}
.admin-body .services-table-premium th:nth-child(1){width:28%}
.admin-body .services-table-premium th:nth-child(2){width:20%}
.admin-body .services-table-premium th:nth-child(3){width:12%}
.admin-body .services-table-premium th:nth-child(4){width:12%}
.admin-body .services-table-premium th:nth-child(5){width:12%}
.admin-body .services-table-premium th:nth-child(6){width:16%}
.admin-body .services-table-premium .actions{justify-content:flex-end;gap:6px}
.admin-body .services-table-premium .actions .btn{min-width:70px}
.admin-body .appointments-command-panel,
.admin-body .appointments-list-panel{width:100%;max-width:none}
.admin-body .appointments-command-head,
.admin-body .appointments-list-head{
display:flex;align-items:flex-start;justify-content:space-between;gap:22px
}
.admin-body .appointments-command-head h2,
.admin-body .appointments-list-head h2{margin:2px 0 5px}
.admin-body .appointments-command-head p,
.admin-body .appointments-list-head p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.4}
.admin-body .appointment-filter-bar{
display:grid;grid-template-columns:180px 96px 92px;gap:8px;align-items:end;flex:0 0 auto
}
.admin-body .appointment-filter-bar label{display:grid;gap:6px;margin:0}
.admin-body .appointment-filter-bar label>span{font-size:.69rem;font-weight:800;color:#9fb1d3;text-transform:uppercase;letter-spacing:.045em}
.admin-body .appointment-filter-bar input,
.admin-body .appointment-filter-bar .btn{height:42px;margin:0}
.admin-body .appointments-summary-grid{
display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:18px
}
.admin-body .agenda-summary-card{
min-height:94px;padding:14px 15px;border:1px solid rgba(255,255,255,.07);border-radius:15px;
background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));display:grid;align-content:center;gap:2px
}
.admin-body .agenda-summary-card span{font-size:.72rem;color:#9fb1d3;font-weight:750}
.admin-body .agenda-summary-card strong{font-size:1.7rem;line-height:1;color:#fff;margin:3px 0}
.admin-body .agenda-summary-card small{font-size:.67rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-body .appointments-list-head{align-items:center;margin-bottom:14px}
.admin-body .appointments-premium-list{display:grid;gap:8px}
.admin-body .appointment-premium-row{
display:grid;
grid-template-columns:105px minmax(280px,1.55fr) minmax(150px,.65fr) 130px minmax(270px,.95fr);
gap:14px;align-items:center;min-height:82px;padding:11px 13px;
border:1px solid rgba(255,255,255,.07);border-radius:15px;background:rgba(255,255,255,.018);
position:relative;overflow:hidden
}
.admin-body .appointment-premium-row:before{
content:"";position:absolute;left:0;top:11px;bottom:11px;width:3px;border-radius:0 4px 4px 0;background:#7483a6
}
.admin-body .appointment-premium-row.status-scheduled:before{background:#f0b743}
.admin-body .appointment-premium-row.status-confirmed:before{background:#4fd4ac}
.admin-body .appointment-premium-row.status-completed:before{background:#6ea8ff}
.admin-body .appointment-premium-row.status-canceled:before,
.admin-body .appointment-premium-row.status-no_show:before{background:#d36b7b}
.admin-body .appointment-date-block{display:grid;gap:3px;padding-left:7px}
.admin-body .appointment-date-block strong{font-size:1.05rem;color:#fff}
.admin-body .appointment-date-block span{font-size:.74rem;color:#b8c5df}
.admin-body .appointment-main-block{min-width:0;display:grid;gap:3px}
.admin-body .appointment-main-block b,
.admin-body .appointment-main-block span,
.admin-body .appointment-main-block small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-body .appointment-main-block b{font-size:.9rem;color:#fff}
.admin-body .appointment-main-block span{font-size:.77rem;color:#c9d5ed}
.admin-body .appointment-main-block small{font-size:.68rem;color:#8496bb}
.admin-body .appointment-payment-block{display:grid;gap:3px;min-width:0}
.admin-body .appointment-payment-block span{font-size:.64rem;text-transform:uppercase;letter-spacing:.05em;color:#8194ba;font-weight:800}
.admin-body .appointment-payment-block b{font-size:.76rem;color:#eef3ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-body .appointment-status-block{display:flex;justify-content:center}
.admin-body .appointment-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0}
.admin-body .appointment-row-actions .status-form{display:grid;grid-template-columns:minmax(132px,1fr) 66px;gap:6px;align-items:center;min-width:0}
.admin-body .appointment-row-actions select{height:36px;padding:6px 8px;font-size:.72rem;min-width:0}
.admin-body .appointment-row-actions .btn{height:36px;margin:0}
.admin-body .admin-pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:16px}
.admin-body .admin-pagination a{
min-width:34px;height:34px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;
border:1px solid rgba(255,255,255,.09);border-radius:10px;color:#cdd8ee;text-decoration:none;font-size:.75rem;font-weight:800
}
.admin-body .admin-pagination a:hover,.admin-body .admin-pagination a.is-current{border-color:rgba(255,167,39,.45);background:rgba(255,153,0,.11);color:#ffc44d}
.admin-body .appointments-empty{min-height:160px;display:grid;place-items:center}
.admin-body .hours-admin-page{grid-template-columns:1fr}
.admin-body .hours-admin-panel,
.admin-body .schedule-exceptions-panel{width:100%;max-width:none;min-width:0;overflow:hidden}
.admin-body .exception-editor-form{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));
gap:10px;align-items:end;margin-top:16px;min-width:0;width:100%;max-width:100%;box-sizing:border-box;overflow:clip
}
.admin-body .exception-editor-form label{display:grid;gap:7px;margin:0;min-width:0;max-width:100%;width:100%}
.admin-body .exception-editor-form label>span{font-size:.72rem;font-weight:800;color:#a9b9d8}
.admin-body .exception-editor-form input,
.admin-body .exception-editor-form select,
.admin-body .exception-editor-form .btn{height:42px;min-width:0;max-width:100%;width:100%;margin:0;box-sizing:border-box}
.admin-body .exception-editor-form>.btn{
grid-column:1/-1;justify-self:stretch;width:100%;max-width:100%;white-space:normal
}
.admin-body .exception-time-pair{display:grid;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);gap:5px;align-items:center;min-width:0;width:100%;max-width:100%}
.admin-body .exception-time-pair i{text-align:center;color:#8fa1c3;font-style:normal;font-size:.7rem}
.admin-body .schedule-exception-table{margin-top:14px;border:1px solid rgba(255,255,255,.07);border-radius:15px;overflow:hidden}
.admin-body .schedule-exception-table table{min-width:0!important;width:100%;table-layout:fixed}
.admin-body .schedule-exception-table th:nth-child(1){width:13%}
.admin-body .schedule-exception-table th:nth-child(2){width:18%}
.admin-body .schedule-exception-table th:nth-child(3){width:25%}
.admin-body .schedule-exception-table th:nth-child(4){width:32%}
.admin-body .schedule-exception-table th:nth-child(5){width:12%}
.admin-body .schedule-exception-table td:last-child{text-align:right}
.admin-body .professional-editor-grid{align-items:stretch}
.admin-body .professional-profile-column,
.admin-body .professional-schedule-column{height:100%}
.admin-body .professional-schedule-section{height:100%}
.admin-body .professional-section .grid-3 input,
.admin-body .professional-section input,
.admin-body .professional-section textarea,
.admin-body .professional-section select{
background:var(--ui-surface-2)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important
}
.admin-body .professional-section .grid-3{gap:10px}
.admin-body .professional-section .grid-3 label{min-width:0;display:grid;gap:7px}
.admin-body .professional-section .grid-3 label:before{content:""}
.admin-body .professional-form-actions{padding-top:0}
.admin-body .professional-form-actions .btn{width:100%;min-width:0;min-height:48px}
.admin-body .professional-editor-panel{overflow:hidden}
.admin-body .admin-users-page{grid-template-columns:1fr}
.admin-body .admin-users-hero,
.admin-body .admin-users-list,
.admin-body .admin-user-editor{width:100%;max-width:none}
.admin-body .admin-users-hero-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.admin-body .admin-users-hero-head h2{margin:2px 0 5px}
.admin-body .admin-users-hero-head p{margin:0;max-width:760px;color:var(--muted);font-size:.85rem;line-height:1.45}
.admin-body .access-profile-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:17px}
.admin-body .access-profile-summary>div{
min-height:88px;padding:13px 15px;border:1px solid rgba(255,255,255,.065);border-radius:14px;background:rgba(255,255,255,.02);display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:10px
}
.admin-body .access-profile-summary>div.is-live{border-color:rgba(255,168,40,.28);background:rgba(255,153,0,.055)}
.admin-body .access-profile-summary span{font-size:.78rem;font-weight:850;color:#f7f9ff}
.admin-body .access-profile-summary strong{grid-row:1/3;grid-column:2;font-size:1.55rem;color:#ffc44d}
.admin-body .access-profile-summary small{font-size:.67rem;color:#8799bb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-body .admin-users-table-shell{border:1px solid rgba(255,255,255,.07);border-radius:15px;overflow:hidden}
.admin-body .admin-users-table{min-width:0!important;width:100%;table-layout:fixed}
.admin-body .admin-users-table th:nth-child(1){width:34%}
.admin-body .admin-users-table th:nth-child(2){width:12%}
.admin-body .admin-users-table th:nth-child(3){width:18%}
.admin-body .admin-users-table th:nth-child(4){width:20%}
.admin-body .admin-users-table th:nth-child(5){width:16%}
.admin-body .admin-users-table td:last-child{text-align:right}
.admin-body .admin-users-table .actions{justify-content:flex-end}
.admin-body .role-chip{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 9px;border:1px solid rgba(255,196,77,.2);border-radius:9px;background:rgba(255,196,77,.055);color:#ffd06c;font-size:.69rem;font-weight:850}
.admin-body .admin-user-editor-form{
display:grid;grid-template-columns:minmax(270px,.85fr) minmax(220px,1fr) minmax(250px,1.15fr) minmax(280px,1.2fr) 175px;gap:12px;align-items:end
}
.admin-body .admin-user-editor-form>label{min-width:0;display:grid;gap:7px;margin:0}
.admin-body .admin-user-editor-form>label>span{font-size:.74rem;font-weight:800;color:#f5f8ff}
.admin-body .admin-user-editor-form .admin-avatar-upload{margin:0;min-width:0;height:100%}
.admin-body .admin-user-editor-form .admin-avatar-upload .image-preview{width:64px;height:64px}
.admin-body .admin-user-editor-form input,
.admin-body .admin-user-editor-form .btn{height:46px;margin:0}
.admin-body .admin-user-password-field small{position:absolute;opacity:0;pointer-events:none}
.admin-body .system-command-center,
.admin-body .system-chart-panel,
.admin-body .system-links-panel{width:100%;max-width:none}
.admin-body .system-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.admin-body .system-page-head h2{margin:2px 0 5px}
.admin-body .system-page-head p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.45;max-width:780px}
.admin-body .system-version-badge{flex:0 0 auto;display:inline-flex;align-items:center;min-height:34px;padding:0 11px;border:1px solid rgba(255,196,77,.18);border-radius:10px;color:#ffd06b;background:rgba(255,196,77,.055);font-size:.72rem;font-weight:850}
.admin-body .system-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:18px}
.admin-body .system-kpi-grid>div{min-height:86px;padding:13px 14px;border:1px solid rgba(255,255,255,.065);border-radius:14px;background:rgba(255,255,255,.018);display:grid;align-content:center;gap:3px}
.admin-body .system-kpi-grid span{font-size:.67rem;color:#91a4c7;font-weight:750}
.admin-body .system-kpi-grid strong{font-size:1.55rem;color:#fff}
.admin-body .system-admin-grid{display:grid;grid-template-columns:minmax(360px,.72fr) minmax(0,1.28fr);gap:18px;align-items:stretch}
.admin-body .system-mini-chart{height:230px;display:grid;grid-template-columns:repeat(7,1fr);gap:10px;align-items:end;padding:22px 8px 4px;margin-top:10px;border-top:1px solid rgba(255,255,255,.05)}
.admin-body .system-chart-bar{height:100%;display:grid;grid-template-rows:1fr auto auto;gap:4px;align-items:end;text-align:center;position:relative}
.admin-body .system-chart-bar>span{width:min(38px,70%);min-height:5px;justify-self:center;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#ffc44d,#ff8d13);box-shadow:0 6px 18px rgba(255,145,16,.12)}
.admin-body .system-chart-bar b{font-size:.66rem;color:#f7f9ff}.admin-body .system-chart-bar small{font-size:.61rem;color:#8092b5}
.admin-body .premium-settings-grid{margin-top:12px}
.admin-body .premium-settings-grid .admin-setting-card{min-height:88px;transition:transform .16s ease,border-color .16s ease,background .16s ease}
.admin-body .premium-settings-grid .admin-setting-card:hover{transform:translateY(-2px);border-color:rgba(255,173,47,.32);background:rgba(255,153,0,.045)}
@media (max-width:1180px){
.admin-body .service-editor-form{grid-template-columns:1.3fr 1fr 120px 140px}.admin-body .service-editor-form .btn{grid-column:1/-1}
.admin-body .exception-editor-form{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-body .exception-editor-form>.btn{grid-column:1/-1;justify-self:stretch;width:100%}
.admin-body .admin-user-editor-form{grid-template-columns:1fr 1fr}.admin-body .admin-user-editor-form .admin-avatar-upload{grid-column:1/-1}.admin-body .admin-user-editor-form .btn{grid-column:1/-1}
.admin-body .appointment-premium-row{grid-template-columns:95px minmax(220px,1.4fr) minmax(130px,.7fr) 120px}.admin-body .appointment-row-actions{grid-column:1/-1;padding-left:7px}
}
@media (max-width:900px){
.admin-body .appointments-summary-grid,.admin-body .system-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.admin-body .system-admin-grid{grid-template-columns:1fr}
.admin-body .access-profile-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
.admin-body .appointments-command-head,.admin-body .appointments-list-head,.admin-body .service-page-head,.admin-body .system-page-head,.admin-body .admin-users-hero-head{flex-direction:column}
.admin-body .appointment-filter-bar{width:100%;grid-template-columns:1fr auto auto}
.admin-body .exception-editor-form{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:620px){
.admin-body .exception-editor-form{grid-template-columns:minmax(0,1fr)}
.admin-body .exception-editor-form>.btn{width:100%;justify-self:stretch}
}
.admin-body .professional-profile-column{grid-template-rows:auto auto auto minmax(0,1fr)}
.admin-body .professional-profile-column>.professional-section:last-child{height:100%}
.admin-body .service-editor-form{
grid-template-columns:minmax(300px,1.55fr) minmax(230px,1fr) 150px 165px;
align-items:end;
}
.admin-body .service-editor-form>.btn{
grid-column:1/-1;
justify-self:end;
width:min(230px,100%);
min-width:190px;
height:46px;
margin:0;
}
.admin-body .admin-user-editor-form{
display:grid;
grid-template-columns:260px minmax(240px,1fr) minmax(260px,1fr);
grid-template-areas:
"avatar name email"
"avatar password password"
"avatar action action";
gap:14px 16px;
align-items:stretch;
}
.admin-body .admin-user-editor-form .admin-avatar-upload{
grid-area:avatar;
min-height:214px;
padding:18px;
border:1px solid rgba(255,255,255,.075);
border-radius:16px;
background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
display:grid;
grid-template-columns:1fr;
align-content:center;
justify-items:center;
gap:14px;
}
.admin-body .admin-user-editor-form .admin-avatar-upload .image-preview{
width:104px;
height:104px;
border-radius:22px;
object-fit:cover;
border:1px solid rgba(255,181,55,.26);
box-shadow:0 12px 30px rgba(0,0,0,.2);
}
.admin-body .admin-user-editor-form .admin-avatar-upload .upload-field{
width:100%;
min-width:0;
display:grid;
gap:8px;
text-align:center;
}
.admin-body .admin-user-editor-form .admin-avatar-upload .upload-field>span{
font-size:.76rem;
font-weight:850;
color:#f5f8ff;
}
.admin-body .admin-user-editor-form .admin-avatar-upload input[type=file]{
width:100%;
min-width:0;
height:auto;
padding:9px;
border-radius:12px;
background:#142442;
color:#dce7fb;
}
.admin-body .admin-user-editor-form>label:nth-of-type(1){grid-area:name}
.admin-body .admin-user-editor-form>label:nth-of-type(2){grid-area:email}
.admin-body .admin-user-editor-form .admin-user-password-field{grid-area:password;position:relative}
.admin-body .admin-user-editor-form>.btn{grid-area:action;justify-self:end;width:min(260px,100%);min-width:210px}
.admin-body .admin-user-editor-form>label input,
.admin-body .admin-user-editor-form .password-input-shell,
.admin-body .admin-user-editor-form .password-input-shell input{width:100%;min-width:0}
@media (max-width:1180px){
.admin-body .service-editor-form{grid-template-columns:1.3fr 1fr 120px 140px}
.admin-body .service-editor-form>.btn{grid-column:1/-1;justify-self:end}
.admin-body .admin-user-editor-form{
grid-template-columns:220px 1fr 1fr;
}
}
@media (max-width:900px){
.admin-body .admin-user-editor-form{
grid-template-columns:1fr 1fr;
grid-template-areas:
"avatar avatar"
"name email"
"password password"
"action action";
}
.admin-body .admin-user-editor-form .admin-avatar-upload{min-height:0;grid-template-columns:100px 1fr;justify-items:stretch;text-align:left}
.admin-body .admin-user-editor-form .admin-avatar-upload .image-preview{width:88px;height:88px}
.admin-body .admin-user-editor-form>.btn{justify-self:stretch;width:100%}
}
.admin-body .modern-image-upload{
display:grid;
grid-template-columns:128px minmax(0,1fr);
gap:18px;
align-items:center;
padding:16px;
border:1px solid rgba(255,255,255,.08);
border-radius:18px;
background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
min-width:0;
}
.admin-body .modern-image-upload .image-preview-frame{
display:grid;
gap:7px;
justify-items:center;
min-width:0;
}
.admin-body .modern-image-upload .image-preview-frame>span{
font-size:.66rem;
font-weight:850;
letter-spacing:.12em;
text-transform:uppercase;
color:#8fa5cb;
}
.admin-body .modern-image-upload .image-preview{
width:108px;
height:108px;
border-radius:18px;
object-fit:cover;
border:1px solid rgba(255,181,55,.24);
background:#071226;
box-shadow:0 12px 28px rgba(0,0,0,.18);
}
.admin-body .modern-image-upload .upload-field{
width:100%;
min-width:0;
display:grid;
gap:9px;
text-align:left;
}
.admin-body .modern-image-upload .upload-field>span{
color:#f7f9ff;
font-size:.82rem;
font-weight:850;
white-space:normal;
}
.admin-body .image-file-control{
display:grid;
grid-template-columns:max-content minmax(0,1fr);
align-items:center;
gap:10px;
width:100%;
min-width:0;
}
.admin-body .image-file-button{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:40px;
padding:0 15px;
border-radius:11px;
border:1px solid rgba(255,181,55,.35);
background:rgba(255,145,20,.12);
color:#ffb73b;
font-size:.76rem;
font-weight:850;
cursor:pointer;
white-space:nowrap;
}
.admin-body .image-file-button:hover{
background:rgba(255,145,20,.18);
border-color:rgba(255,181,55,.55);
}
.admin-body .image-file-name{
display:block;
min-width:0;
width:100%;
padding:10px 12px;
border-radius:11px;
border:1px solid rgba(255,255,255,.08);
background:#101e37;
color:#b9c8e3;
font-size:.74rem;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.admin-body .modern-image-upload .image-upload-spec{
display:block;
color:#8fa5cb;
font-size:.68rem;
line-height:1.45;
white-space:normal;
overflow:visible;
text-overflow:clip;
}
.admin-body .admin-user-editor-form .admin-avatar-upload{
grid-area:avatar;
min-height:250px;
padding:18px;
display:grid;
grid-template-columns:1fr;
align-content:center;
justify-items:stretch;
gap:14px;
text-align:left;
}
.admin-body .admin-user-editor-form .admin-avatar-upload .image-preview-frame{
justify-self:center;
}
.admin-body .admin-user-editor-form .admin-avatar-upload .image-preview{
width:118px;
height:118px;
border-radius:24px;
}
.admin-body .admin-user-editor-form .admin-avatar-upload .upload-field{
width:100%;
min-width:0;
}
.admin-body .admin-user-editor-form .admin-avatar-upload .image-file-control{
grid-template-columns:1fr;
}
.admin-body .admin-user-editor-form .admin-avatar-upload .image-file-button{
width:100%;
}
.admin-body .admin-user-editor-form .admin-avatar-upload .image-file-name{
text-align:center;
}
.admin-body .professional-photo-upload .image-preview,
.admin-body .business-logo-upload .image-preview,
.admin-body .system-brand-upload .image-preview{width:108px;height:108px}
@media (max-width:900px){
.admin-body .modern-image-upload{grid-template-columns:96px minmax(0,1fr);padding:13px;gap:14px}
.admin-body .modern-image-upload .image-preview{width:84px;height:84px}
.admin-body .image-file-control{grid-template-columns:1fr}
.admin-body .image-file-button{width:100%}
.admin-body .admin-user-editor-form .admin-avatar-upload{grid-template-columns:96px minmax(0,1fr);align-items:center;min-height:0}
.admin-body .admin-user-editor-form .admin-avatar-upload .image-preview-frame{justify-self:start}
.admin-body .admin-user-editor-form .admin-avatar-upload .image-preview{width:84px;height:84px}
}
.role-chip.role-gestor{border-color:rgba(255,173,51,.42);background:rgba(255,145,18,.12);color:#ffba48}.access-profile-summary .manager-live{border-color:rgba(255,173,51,.28)!important;background:linear-gradient(135deg,rgba(255,145,18,.11),rgba(122,73,152,.09))}
.manager-body{background:#061329;color:#f7f8fc}.manager-body .admin-footer{margin:20px auto 0;max-width:1320px;padding-bottom:24px}.manager-shell{min-height:100vh;background:radial-gradient(circle at 12% 5%,rgba(48,100,185,.16),transparent 30%),radial-gradient(circle at 88% 12%,rgba(126,75,156,.14),transparent 28%),#061329}.manager-topbar{position:sticky;top:0;z-index:80;background:rgba(3,10,24,.96);backdrop-filter:blur(18px);border-bottom:1px solid rgba(112,147,204,.18);box-shadow:0 12px 38px rgba(0,0,0,.18)}.manager-topbar-inner{width:min(100% - 36px,1320px);min-height:72px;margin:auto;display:grid;grid-template-columns:minmax(250px,1fr) auto minmax(220px,1fr);align-items:center;gap:22px}.manager-brand{display:flex;align-items:center;gap:12px;min-width:0;color:#fff;text-decoration:none}.manager-brand img{width:44px;height:44px;border-radius:13px;object-fit:cover;border:1px solid rgba(255,183,65,.34);box-shadow:0 8px 24px rgba(0,0,0,.28)}.manager-brand span{display:flex;flex-direction:column;min-width:0}.manager-brand b,.manager-brand small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manager-brand b{font-size:15px}.manager-brand small{font-size:11px;color:#9eb1d3;margin-top:2px}.manager-desktop-nav{display:flex;align-items:center;justify-content:center;gap:6px}.manager-nav-link,.manager-more>summary{min-height:38px;padding:0 12px;border-radius:11px;display:flex;align-items:center;justify-content:center;color:#b9c8e4;font-size:13px;font-weight:750;text-decoration:none;cursor:pointer;white-space:nowrap}.manager-nav-link:hover,.manager-nav-link.is-active,.manager-more[open]>summary{background:rgba(255,150,29,.12);color:#ffc052}.manager-more{position:relative}.manager-more>summary{list-style:none}.manager-more>summary::-webkit-details-marker{display:none}.manager-more>div{position:absolute;right:0;top:46px;min-width:220px;padding:8px;background:#0b1830;border:1px solid rgba(124,156,209,.2);border-radius:14px;box-shadow:0 22px 50px rgba(0,0,0,.42);display:grid;gap:4px}.manager-more>div .manager-nav-link{justify-content:flex-start}.manager-user-menu{position:relative;justify-self:end}.manager-user-menu>summary{list-style:none;display:flex;align-items:center;justify-content:flex-end;gap:10px;cursor:pointer;min-width:0}.manager-user-menu>summary::-webkit-details-marker{display:none}.manager-user-menu>summary img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,180,57,.48)}.manager-user-menu>summary span{display:flex;flex-direction:column;align-items:flex-end;min-width:0}.manager-user-menu>summary b{font-size:13px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manager-user-menu>summary small{font-size:10px;color:#ffb43e;text-transform:uppercase;letter-spacing:.08em}.manager-user-menu>div{position:absolute;right:0;top:50px;width:235px;padding:9px;background:#0b1830;border:1px solid rgba(124,156,209,.2);border-radius:14px;box-shadow:0 22px 50px rgba(0,0,0,.42);display:grid;gap:4px}.manager-user-menu>div>a,.manager-user-menu button{width:100%;border:0;background:transparent;color:#cfdbef;text-align:left;text-decoration:none;padding:10px 12px;border-radius:9px;font:inherit;font-size:13px;font-weight:700}.manager-user-menu>div>a:hover,.manager-user-menu button:hover{background:rgba(255,164,38,.1);color:#ffc052}.manager-user-menu form{margin:0}.manager-main{padding:26px 18px 10px}.manager-content{width:min(100%,1320px);margin:auto}.manager-bottom-nav{display:none}
.manager-page,.manager-dashboard{display:grid;gap:18px}.manager-hero,.manager-page-head{border:1px solid rgba(120,155,211,.18);background:linear-gradient(135deg,rgba(14,38,78,.94),rgba(9,26,55,.94));border-radius:22px;padding:24px 26px;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:0 20px 48px rgba(1,8,20,.2)}.manager-hero h1,.manager-page-head h1{margin:4px 0 6px;font-size:clamp(26px,3vw,36px);line-height:1.02}.manager-hero p,.manager-page-head p{margin:0;color:#aebfdd;max-width:720px}.manager-body .eyebrow{color:#ffb743}.manager-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.manager-kpis article{min-width:0;padding:17px 18px;border-radius:18px;border:1px solid rgba(119,151,205,.18);background:linear-gradient(180deg,rgba(18,42,82,.88),rgba(11,29,59,.92));box-shadow:0 16px 36px rgba(0,0,0,.13)}.manager-kpis span,.manager-kpis small{display:block;color:#91a6ca;font-size:11px}.manager-kpis strong{display:block;margin:7px 0 3px;font-size:25px;color:#fff}.manager-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.75fr);gap:16px}.manager-card{border:1px solid rgba(119,151,205,.18);background:linear-gradient(180deg,rgba(13,34,70,.94),rgba(9,25,53,.96));border-radius:20px;padding:20px;box-shadow:0 18px 44px rgba(1,8,20,.16);min-width:0}.manager-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.manager-card-head h2{margin:0;font-size:20px}.manager-card-head span,.manager-card-head a{color:#9eb0d1;font-size:12px;text-decoration:none}.manager-card-head a:hover{color:#ffc052}.manager-agenda-item{display:grid;grid-template-columns:68px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid rgba(115,149,205,.12)}.manager-agenda-item:last-child{border-bottom:0}.manager-agenda-item time{height:52px;border-radius:13px;background:rgba(255,159,28,.1);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ffc052;font-size:11px}.manager-agenda-item time b{font-size:16px}.manager-agenda-item>div{display:flex;flex-direction:column;min-width:0}.manager-agenda-item strong,.manager-agenda-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manager-agenda-item span{color:#9fb2d2;font-size:12px;margin-top:3px}.manager-mini-action{color:#ffb643;font-size:11px;font-weight:800;text-decoration:none}.manager-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.manager-quick-grid a{padding:15px;border-radius:14px;border:1px solid rgba(125,157,208,.16);background:rgba(17,43,82,.68);text-decoration:none;color:#fff;display:flex;flex-direction:column;gap:5px}.manager-quick-grid a span{font-size:11px;color:#9fb0cf}.manager-quick-grid a:hover{border-color:rgba(255,176,56,.35);transform:translateY(-1px)}.manager-filter{display:flex;align-items:center;gap:8px}.manager-filter input{min-height:42px;border-radius:11px;border:1px solid rgba(127,159,208,.24);background:#101f3d;color:#fff;padding:0 12px}.manager-appointment-list,.manager-client-list,.manager-service-list,.manager-review-list{display:grid}.manager-appointment{display:grid;grid-template-columns:72px minmax(0,1fr) minmax(300px,auto);align-items:center;gap:15px;padding:14px 0;border-bottom:1px solid rgba(119,151,205,.12)}.manager-appointment:last-child{border-bottom:0}.manager-appointment-time{height:60px;border-radius:14px;background:rgba(255,161,29,.1);display:flex;flex-direction:column;align-items:center;justify-content:center}.manager-appointment-time b{font-size:12px;color:#ffbd4f}.manager-appointment-time span{font-size:18px;font-weight:850}.manager-appointment-copy{display:flex;flex-direction:column;min-width:0}.manager-appointment-copy strong{font-size:15px}.manager-appointment-copy span,.manager-appointment-copy small{color:#9fb0ce;font-size:12px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manager-status-form{display:flex;align-items:center;justify-content:flex-end;gap:7px}.manager-status-form select{min-height:38px;border-radius:10px;background:var(--ui-surface-2);color:var(--ui-text);border:1px solid var(--ui-border-strong,var(--ui-border));padding:0 10px}.manager-pagination{display:flex;justify-content:center;gap:6px;padding-top:16px}.manager-pagination a{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;text-decoration:none;color:#b9c8e1;border:1px solid rgba(126,157,207,.2)}.manager-pagination a.is-current{background:#ff9916;color:#fff;border-color:#ff9916}.manager-team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.manager-team-card{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:13px;padding:14px;border-radius:16px;border:1px solid rgba(124,156,207,.16);background:var(--ui-surface-2)}.manager-team-card>img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,181,60,.52)}.manager-team-main{display:flex;flex-direction:column;min-width:0}.manager-team-main span,.manager-team-main small{color:#9fb0cf;margin-top:3px;font-size:12px}.manager-team-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.manager-online,.manager-offline{font-size:11px;font-weight:850;color:#ffc052}.manager-offline{color:#8797b5}.manager-client-row{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(420px,1.4fr) auto;align-items:center;gap:18px;padding:14px 0;border-bottom:1px solid rgba(119,151,205,.12)}.manager-client-row>div{display:flex;flex-direction:column;min-width:0}.manager-client-row>div span,.manager-client-row>div small{font-size:12px;color:#9fb0cf;margin-top:3px}.manager-client-row dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0}.manager-client-row dl div{padding:8px 10px;border-radius:11px;background:var(--ui-surface-2)}.manager-client-row dt{font-size:9px;color:#849ac0;text-transform:uppercase}.manager-client-row dd{margin:4px 0 0;font-weight:800;font-size:12px}.manager-review-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.manager-review-summary article{padding:14px;border-radius:14px;background:var(--ui-surface-2);display:flex;flex-direction:column}.manager-review-summary strong{color:#ffc052;font-size:20px}.manager-review-summary b{margin-top:5px}.manager-review-summary small{color:#91a4c5;margin-top:3px}.manager-review-row{padding:13px 0;border-bottom:1px solid rgba(119,151,205,.12)}.manager-review-row>div{display:flex;gap:10px;align-items:center}.manager-review-row strong{color:#ffc052}.manager-review-row p{margin:6px 0;color:#dce4f1}.manager-review-row small{color:#8ea2c5}.manager-service-form{display:grid;grid-template-columns:1.5fr 1fr .55fr .7fr auto;gap:10px;align-items:end}.manager-service-form label,.manager-store-form label{display:grid;gap:6px;color:var(--ui-text);font-size:12px;font-weight:750}.manager-service-form input,.manager-store-form input{min-height:44px;border-radius:11px;background:var(--ui-surface-2);color:var(--ui-text);border:1px solid var(--ui-border-strong,var(--ui-border));padding:0 12px}.manager-service-row{display:grid;grid-template-columns:minmax(240px,1.2fr) minmax(300px,1fr) auto;align-items:center;gap:15px;padding:13px 0;border-bottom:1px solid rgba(119,151,205,.12)}.manager-service-row>div:first-child{display:flex;flex-direction:column}.manager-service-row>div:first-child span{font-size:12px;color:#91a5c7;margin-top:3px}.manager-service-row>div:nth-child(2){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:10px}.manager-hours-grid{display:grid;gap:8px;margin-bottom:16px}.manager-hours-row{display:grid;grid-template-columns:42px minmax(118px,.8fr) minmax(110px,1fr) 20px minmax(110px,1fr) minmax(110px,1fr) 20px minmax(110px,1fr);align-items:center;gap:8px;padding:9px 10px;border-radius:13px;background:var(--ui-surface-2);border:1px solid var(--ui-border)}.manager-hours-row input{width:100%;min-height:40px;border-radius:10px;border:1px solid rgba(125,157,208,.22);background:#132442;color:#fff;padding:0 9px}.manager-hours-row>span{text-align:center;color:#8fa5ca}.manager-exception-form{display:grid;grid-template-columns:1fr 1fr 1.3fr repeat(4,.8fr) auto;gap:8px;align-items:center}.manager-exception-form input,.manager-exception-form select{min-width:0;min-height:42px;border-radius:10px;border:1px solid rgba(125,157,208,.22);background:#132442;color:#fff;padding:0 10px}.manager-exception-list{margin-top:14px;display:grid;gap:8px}.manager-exception-list article{display:grid;grid-template-columns:120px 140px 1fr auto;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:var(--ui-surface-2)}.manager-store-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.manager-store-form label:first-of-type{grid-column:1/-1}.manager-store-form button{grid-column:1/-1}.manager-gateway-status{display:grid;grid-template-columns:1fr 1fr;gap:10px}.manager-gateway-status article{padding:14px;border-radius:13px;background:var(--ui-surface-2);display:flex;justify-content:space-between;gap:12px}.manager-hint{display:block;margin-top:10px;color:#879bc0}.manager-empty{padding:26px;text-align:center;color:#8fa3c6}.manager-body .payment-admin-panel,.manager-body .panel{max-width:none}.manager-body .payment-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1100px){.manager-topbar-inner{grid-template-columns:minmax(210px,1fr) auto}.manager-desktop-nav{display:none}.manager-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.manager-dashboard-grid{grid-template-columns:1fr}.manager-client-row{grid-template-columns:1fr}.manager-team-grid{grid-template-columns:1fr}.manager-service-form{grid-template-columns:1fr 1fr}.manager-service-form button{grid-column:1/-1}.manager-hours-row{grid-template-columns:42px 120px 1fr 18px 1fr}.manager-hours-row input:nth-of-type(3),.manager-hours-row input:nth-of-type(4),.manager-hours-row span:nth-of-type(2){display:none}.manager-exception-form{grid-template-columns:1fr 1fr 1fr}.manager-exception-form button{grid-column:1/-1}.manager-review-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.manager-body{padding-bottom:78px}.manager-body .admin-footer{display:none}.manager-topbar{top:0}.manager-topbar-inner{width:100%;min-height:66px;padding:0 14px;grid-template-columns:minmax(0,1fr) auto;gap:10px}.manager-brand img{width:40px;height:40px;border-radius:12px}.manager-brand b{font-size:14px}.manager-brand small{font-size:10px}.manager-user-menu>summary span{display:none}.manager-user-menu>summary img{width:38px;height:38px}.manager-user-menu>div{position:fixed;right:12px;top:70px;width:min(280px,calc(100vw - 24px));max-height:calc(100vh - 150px);overflow:auto}.manager-main{padding:14px 12px 18px}.manager-content{width:100%}.manager-bottom-nav{position:fixed;z-index:90;left:10px;right:10px;bottom:max(8px,env(safe-area-inset-bottom));height:64px;padding:5px 8px;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;align-items:stretch;border-radius:20px;background:rgba(19,17,42,.96);border:1px solid rgba(177,117,203,.28);backdrop-filter:blur(18px);box-shadow:0 16px 45px rgba(0,0,0,.45)}.manager-bottom-link{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#9da9bf;text-decoration:none;min-width:0;border-radius:14px}.manager-bottom-link span{width:24px;height:24px;display:grid;place-items:center}.manager-bottom-link svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.manager-bottom-link small{font-size:9px}.manager-bottom-link.is-active{color:#ffbc4e;background:rgba(255,178,55,.08)}.manager-hero,.manager-page-head{padding:18px;border-radius:18px;align-items:flex-start;flex-direction:column;gap:13px}.manager-hero h1,.manager-page-head h1{font-size:27px}.manager-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.manager-kpis article{padding:13px;border-radius:15px}.manager-kpis strong{font-size:22px}.manager-card{padding:15px;border-radius:17px}.manager-agenda-item{grid-template-columns:58px minmax(0,1fr);gap:10px}.manager-agenda-item .manager-mini-action{grid-column:2}.manager-quick-grid{grid-template-columns:1fr 1fr}.manager-filter{width:100%;display:grid;grid-template-columns:1fr auto}.manager-filter input{width:100%}.manager-appointment{grid-template-columns:55px minmax(0,1fr);gap:10px}.manager-status-form{grid-column:1/-1;justify-content:stretch;display:grid;grid-template-columns:1fr auto auto}.manager-status-form select{width:100%}.manager-team-card{grid-template-columns:54px minmax(0,1fr)}.manager-team-card>img{width:54px;height:54px}.manager-team-side{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:flex-end}.manager-client-row dl{grid-template-columns:1fr 1fr}.manager-client-row>a{justify-self:stretch;text-align:center}.manager-review-summary{grid-template-columns:1fr 1fr}.manager-service-form{grid-template-columns:1fr}.manager-service-form button{grid-column:auto}.manager-service-row{grid-template-columns:1fr}.manager-service-row>div:nth-child(2){grid-template-columns:1fr 1fr 1fr}.manager-hours-row{grid-template-columns:36px 1fr 1fr 18px 1fr;gap:5px;padding:8px}.manager-hours-row b{font-size:11px}.manager-hours-row input{font-size:11px;padding:0 5px}.manager-exception-form{grid-template-columns:1fr 1fr}.manager-exception-form input[name="exception_label"]{grid-column:1/-1}.manager-exception-form button{grid-column:1/-1}.manager-exception-list article{grid-template-columns:1fr auto}.manager-exception-list article small{grid-column:1/-1}.manager-store-form{grid-template-columns:1fr}.manager-store-form label:first-of-type,.manager-store-form button{grid-column:auto}.manager-gateway-status{grid-template-columns:1fr}.manager-body .payment-admin-grid{grid-template-columns:1fr}.admin-user-editor-form>label:has(select[name="role"]){grid-column:auto}}
:where(.admin-body,.manager-body) input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not([type="submit"]):not([type="button"]),
:where(.admin-body,.manager-body) select,
:where(.admin-body,.manager-body) textarea{
width:100%;
min-width:0;
min-height:44px;
border:1px solid var(--ui-border-strong,var(--ui-border))!important;
border-radius:12px!important;
background:var(--ui-surface-2)!important;
color:var(--ui-text)!important;
box-shadow:inset 0 1px 0 var(--ui-accent-soft)!important;
outline:none;
}
:where(.admin-body,.manager-body) input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus,
:where(.admin-body,.manager-body) select:focus,
:where(.admin-body,.manager-body) textarea:focus{
border-color:var(--ui-accent)!important;
box-shadow:0 0 0 3px var(--ui-accent-soft)!important;
}
:where(.admin-body,.manager-body) textarea{min-height:96px;padding:12px 14px!important;resize:vertical}
:where(.admin-body,.manager-body) input::placeholder,
:where(.admin-body,.manager-body) textarea::placeholder{color:var(--ui-muted)!important;opacity:1}
:where(.admin-body,.manager-body) select option{background:var(--ui-surface);color:var(--ui-text)}
:where(.admin-body,.manager-body) .password-input-shell{
min-height:44px;
border:1px solid var(--ui-border-strong,var(--ui-border));
border-radius:12px;
background:var(--ui-surface-2);
}
:where(.admin-body,.manager-body) .password-input-shell input{
border:0!important;
background:transparent!important;
box-shadow:none!important;
padding-right:48px!important;
}
:where(.admin-body,.manager-body) input[type="date"],
:where(.admin-body,.manager-body) input[type="time"],
:where(.admin-body,.manager-body) select{color-scheme:inherit}
:where(.admin-body,.manager-body) input[type="date"]::-webkit-calendar-picker-indicator,
:where(.admin-body,.manager-body) input[type="time"]::-webkit-calendar-picker-indicator{
filter:none;
opacity:.92;
cursor:pointer;
}
:where(.admin-body,.manager-body) input:-webkit-autofill,
:where(.admin-body,.manager-body) input:-webkit-autofill:hover,
:where(.admin-body,.manager-body) input:-webkit-autofill:focus{
-webkit-text-fill-color:var(--ui-text)!important;
caret-color:var(--ui-text)!important;
-webkit-box-shadow:0 0 0 1000px var(--ui-surface-2) inset!important;
box-shadow:0 0 0 1000px var(--ui-surface-2) inset!important;
}
.admin-body .admin-user-editor-form.access-account-form{
display:grid!important;
grid-template-columns:280px minmax(0,1fr)!important;
grid-template-areas:none!important;
gap:20px!important;
align-items:start!important;
}
.admin-body .access-account-form .admin-user-avatar-column{min-width:0}
.admin-body .access-account-form .admin-user-avatar-upload{
display:grid!important;
grid-template-columns:1fr!important;
gap:12px!important;
align-content:start;
min-height:0!important;
padding:14px!important;
border:1px solid rgba(128,158,207,.16);
border-radius:16px;
background:var(--ui-surface-2);
text-align:center;
}
.admin-body .access-account-form .admin-user-avatar-upload .image-preview-frame{justify-self:center!important}
.admin-body .access-account-form .admin-user-avatar-upload .image-preview{width:112px!important;height:112px!important}
.admin-body .access-account-form .admin-user-avatar-upload .upload-field{display:grid!important;gap:8px!important;min-width:0;text-align:center}
.admin-body .access-account-form .admin-user-avatar-upload .image-file-control{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}
.admin-body .access-account-form .admin-user-avatar-upload .image-file-button{width:100%;justify-content:center}
.admin-body .access-account-form .admin-user-avatar-upload .image-file-name{width:100%;max-width:none;text-align:center}
.admin-body .access-account-form .admin-user-fields{display:grid;gap:14px;min-width:0}
.admin-body .access-account-form .admin-user-primary-grid{display:grid;grid-template-columns:180px minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:end}
.admin-body .access-account-form .admin-user-primary-grid label,
.admin-body .access-account-form .admin-user-password-field{display:grid;gap:7px;margin:0;min-width:0}
.admin-body .access-account-form label>span{font-size:.74rem;font-weight:800;color:var(--ui-text)}
.admin-body .access-account-form .admin-user-password-field small{position:static!important;opacity:1!important;pointer-events:auto!important;color:var(--ui-muted);font-size:.68rem;margin-top:0}
.admin-body .access-account-form .admin-user-actions{display:flex;justify-content:flex-end;padding-top:2px}
.admin-body .access-account-form .admin-user-actions .btn{width:min(260px,100%);min-width:210px;height:44px!important}
.manager-user-area{justify-self:end;display:flex;align-items:center;gap:10px;min-width:0}
.manager-user-identity{display:flex;align-items:center;gap:9px;min-width:0;text-decoration:none;color:#fff}
.manager-user-identity img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,180,57,.48)}
.manager-user-identity span{display:flex;flex-direction:column;align-items:flex-end;min-width:0}
.manager-user-identity b{font-size:13px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.manager-user-identity small{font-size:10px;color:#ffb43e;text-transform:uppercase;letter-spacing:.08em}
.manager-logout-form{margin:0}
.manager-logout-btn{height:38px;padding:0 12px;border:1px solid rgba(255,173,48,.22);border-radius:11px;background:rgba(255,155,23,.07);color:#dbe5f6;display:flex;align-items:center;gap:7px;font-weight:800;font-size:12px;cursor:pointer}
.manager-logout-btn:hover{background:rgba(255,155,23,.14);border-color:rgba(255,173,48,.42);color:#ffc052}
.manager-logout-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.manager-more>div{transform-origin:top right;animation:managerMenuIn .14s ease-out}
@keyframes managerMenuIn{from{opacity:0;transform:translateY(-5px) scale(.985)}to{opacity:1;transform:none}}
.manager-body .manager-password-panel{width:100%;max-width:none!important}
.manager-body .manager-password-panel .password-change-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.manager-body .manager-password-panel .password-change-form>.btn{grid-column:1/-1}
.manager-store-form{grid-template-columns:1fr!important;gap:14px!important}
.manager-store-form .manager-store-full{grid-column:auto!important}
.manager-store-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.manager-store-contact-grid label,
.manager-store-social-grid label{display:grid;gap:6px;color:var(--ui-text);font-size:12px;font-weight:750}
.manager-store-social-block{display:grid;gap:8px;padding-top:2px}
.manager-store-section-title{font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:var(--ui-accent-strong)}
.manager-store-social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.manager-store-form>button{grid-column:auto!important;width:100%}
.manager-bottom-more{display:flex;position:relative;min-width:0}
.manager-bottom-more>summary{list-style:none;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#9da9bf;cursor:pointer;border-radius:14px}
.manager-bottom-more>summary::-webkit-details-marker{display:none}
.manager-bottom-more>summary span{width:24px;height:24px;display:grid;place-items:center}
.manager-bottom-more>summary svg{width:20px;height:20px;fill:currentColor;stroke:none}
.manager-bottom-more>summary small{font-size:9px}
.manager-bottom-more[open]>summary{color:#ffbc4e;background:rgba(255,178,55,.08)}
.manager-mobile-sheet{display:none}
@media(max-width:1100px){
.admin-body .admin-user-editor-form.access-account-form{grid-template-columns:230px minmax(0,1fr)!important}
.admin-body .access-account-form .admin-user-primary-grid{grid-template-columns:1fr 1fr}
.admin-body .access-account-form .admin-user-primary-grid label:first-child{grid-column:1/-1}
}
@media(max-width:760px){
.admin-body .admin-user-editor-form.access-account-form{grid-template-columns:1fr!important}
.admin-body .access-account-form .admin-user-primary-grid{grid-template-columns:1fr}
.admin-body .access-account-form .admin-user-primary-grid label:first-child{grid-column:auto}
.admin-body .access-account-form .admin-user-actions .btn{width:100%}
.manager-user-identity span{display:none}
.manager-logout-btn{padding:0 10px}
.manager-logout-btn span{font-size:11px}
.manager-bottom-nav{grid-auto-columns:1fr}
.manager-bottom-more{display:flex}
.manager-bottom-more[open] .manager-mobile-sheet{display:grid;position:fixed;left:12px;right:12px;bottom:82px;padding:10px;border:1px solid rgba(143,122,195,.28);border-radius:17px;background:rgba(10,23,47,.98);box-shadow:0 22px 60px rgba(0,0,0,.48);backdrop-filter:blur(18px);gap:4px;z-index:120;animation:managerMenuIn .14s ease-out}
.manager-mobile-sheet .manager-nav-link{justify-content:flex-start;min-height:42px;padding:0 12px}
.manager-body .manager-password-panel .password-change-form{grid-template-columns:1fr}
.manager-body .manager-password-panel .password-change-form>.btn{grid-column:auto}
.manager-store-contact-grid,.manager-store-social-grid{grid-template-columns:1fr}
}
.feature-center-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 18px}
.feature-center-summary article{min-width:0;padding:15px 16px;border:1px solid rgba(123,156,210,.18);border-radius:16px;background:linear-gradient(180deg,rgba(18,42,82,.78),rgba(12,30,62,.82));display:flex;flex-direction:column;gap:4px}
.feature-center-summary span{font-size:11px;color:#91a5c7;text-transform:uppercase;letter-spacing:.06em}
.feature-center-summary strong{font-size:22px;color:#fff;line-height:1.1}
.feature-center-summary small{font-size:11px;color:#a9bad7}
.feature-center .feature-table{width:100%;table-layout:fixed}
.feature-center .feature-table th:first-child,.feature-center .feature-table td:first-child{width:auto}
.feature-center .feature-table th:not(:first-child),.feature-center .feature-table td:not(:first-child){width:118px;text-align:center}
.feature-center .feature-table .module-line{min-width:0}
.feature-center .feature-table .module-line b,.feature-center .feature-table .module-line span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.manager-store-card{padding:22px}
.manager-store-form{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}
.manager-store-form>*{min-width:0;width:100%}
.manager-store-block{display:grid;gap:10px;padding:16px;border:1px solid rgba(124,156,207,.14);border-radius:16px;background:var(--ui-surface-2)}
.manager-store-contact-grid,.manager-store-social-grid{width:100%;min-width:0}
.manager-store-contact-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.manager-store-social-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
.manager-store-form label{min-width:0;margin:0!important}
.manager-store-form input{height:44px!important;min-height:44px!important;padding:0 13px!important}
.manager-store-section-title{margin:0!important}
.manager-store-form>button{height:46px!important;margin-top:2px}
@media(max-width:760px){
.feature-center-summary{grid-template-columns:1fr}
.feature-center .feature-table{min-width:720px;table-layout:auto}
.manager-store-card{padding:15px}
.manager-store-contact-grid,.manager-store-social-grid{grid-template-columns:1fr!important}
.manager-store-block{padding:13px}
}
:where(.admin-body,.manager-body) input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not([type="submit"]):not([type="button"]),
:where(.admin-body,.manager-body) select{
height:44px!important;
min-height:44px!important;
padding:0 13px!important;
line-height:1.2!important;
}
:where(.admin-body,.manager-body) textarea{
padding:11px 13px!important;
line-height:1.45!important;
}
:where(.admin-body,.manager-body) input[type="date"]::-webkit-calendar-picker-indicator,
:where(.admin-body,.manager-body) input[type="time"]::-webkit-calendar-picker-indicator{
filter:none!important;
opacity:.78!important;
}
.feature-center .feature-table td:not(:first-child),
.feature-center .feature-table th:not(:first-child){vertical-align:middle}
.feature-center .feature-table .switch{margin-inline:auto}
.feature-center .feature-table .module-line{display:flex;align-items:baseline;gap:7px;min-width:0}
.feature-center .feature-table .module-line b{flex:0 0 auto}
.feature-center .feature-table .module-line span{min-width:0}
.manager-team-page{display:grid;gap:16px}
.manager-team-editor-form{display:grid;gap:14px}
.manager-team-workspace{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:16px;align-items:stretch}
.manager-team-profile-editor,.manager-team-schedule-editor{height:100%}
.manager-team-profile-editor{display:grid;gap:14px;align-content:start}
.manager-professional-upload{display:grid!important;grid-template-columns:118px minmax(0,1fr)!important;gap:14px!important;align-items:center!important;padding:13px!important;border:1px solid var(--ui-border);border-radius:15px;background:var(--ui-surface-2)}
.manager-professional-upload .image-preview-frame{width:118px;justify-self:start!important}
.manager-professional-upload .image-preview{width:104px!important;height:104px!important;border-radius:16px!important}
.manager-professional-upload .upload-field{min-width:0;display:grid;gap:7px!important}
.manager-professional-upload .image-file-control{display:grid!important;grid-template-columns:max-content minmax(0,1fr)!important;gap:8px!important;align-items:center}
.manager-professional-upload .image-file-name{min-width:0;max-width:none!important}
.manager-team-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.manager-team-fields label,.manager-team-social-grid label{display:grid;gap:6px;margin:0;min-width:0;font-size:12px;font-weight:780;color:var(--ui-text)}
.manager-team-full{grid-column:1/-1}
.manager-team-subsection{display:grid;gap:9px;padding:13px;border:1px solid rgba(124,156,207,.14);border-radius:15px;background:var(--ui-surface-2)}
.manager-team-social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.manager-team-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.manager-service-choice{display:block;cursor:pointer;min-width:0}
.manager-service-choice>input{position:absolute;opacity:0;pointer-events:none}
.manager-service-choice>span{min-height:42px;padding:0 11px;border:1px solid rgba(127,157,207,.18);border-radius:12px;background:var(--ui-surface-2);display:flex;align-items:center;gap:9px;min-width:0;transition:.16s ease}
.manager-service-choice i{width:17px;height:17px;flex:0 0 17px;border:1px solid rgba(154,180,223,.45);border-radius:5px;display:grid;place-items:center;background:var(--ui-surface-3)}
.manager-service-choice b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.manager-service-choice>input:checked+span{border-color:rgba(255,176,55,.52);background:rgba(255,153,23,.08)}
.manager-service-choice>input:checked+span i{background:#ff9b19;border-color:#ffb64a}
.manager-service-choice>input:checked+span i:after{content:"";width:7px;height:4px;border-left:2px solid #071426;border-bottom:2px solid #071426;transform:rotate(-45deg) translateY(-1px)}
.manager-team-schedule-editor{display:grid;gap:11px;align-content:start}
.manager-team-schedule-head,.manager-team-schedule-row{display:grid;grid-template-columns:minmax(128px,1.15fr) minmax(92px,.85fr) minmax(92px,.85fr) minmax(92px,.8fr);gap:8px;align-items:center}
.manager-team-schedule-head{padding:0 9px;color:#8fa4ca;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.07em}
.manager-team-schedule-grid{display:grid;gap:8px}
.manager-team-schedule-row{padding:8px;border:1px solid rgba(124,155,205,.16);border-radius:13px;background:var(--ui-surface-2)}
.manager-team-day{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;align-items:center;min-width:0;margin:0}
.manager-team-day>input{position:absolute;opacity:0;pointer-events:none}
.manager-team-day>span{width:34px;height:20px;border-radius:999px;background:#3c4d6d;border:1px solid rgba(255,255,255,.08);position:relative;transition:.16s ease}
.manager-team-day>span:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;left:2px;top:2px;background:#e9edf5;transition:.16s ease}
.manager-team-day>input:checked+span{background:rgba(255,157,25,.28);border-color:rgba(255,173,42,.55)}
.manager-team-day>input:checked+span:after{left:16px;background:#ff9d1a}
.manager-team-day b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.manager-team-schedule-row input,.manager-team-schedule-row select{height:40px!important;min-height:40px!important;padding-inline:9px!important;font-size:11px!important}
.manager-team-save{height:46px!important}
.manager-team-list{display:grid;gap:12px}
.manager-team-list .manager-team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.manager-team-list-card{align-items:center}
.manager-team-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.manager-team-actions form{margin:0}
.manager-store-card{width:100%;max-width:none}
.manager-store-form{align-items:start}
.manager-store-contact-grid>* ,.manager-store-social-grid>*{min-width:0}
.manager-store-social-grid input{width:100%!important}
.manager-main{padding-inline:18px}
.manager-content{width:min(calc(100vw - 36px),1320px)!important;max-width:1320px!important;margin-inline:auto!important}
.manager-password-panel{width:100%!important;max-width:none!important}
@media(max-width:980px){
.manager-team-workspace{grid-template-columns:1fr}
.manager-team-list .manager-team-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
.manager-content{width:100%!important}
.manager-professional-upload{grid-template-columns:92px minmax(0,1fr)!important}
.manager-professional-upload .image-preview-frame{width:92px}
.manager-professional-upload .image-preview{width:82px!important;height:82px!important}
.manager-professional-upload .image-file-control{grid-template-columns:1fr!important}
.manager-team-fields,.manager-team-social-grid,.manager-team-service-grid{grid-template-columns:1fr}
.manager-team-full{grid-column:auto}
.manager-team-schedule-head{display:none}
.manager-team-schedule-row{grid-template-columns:1fr 1fr;gap:7px}
.manager-team-day{grid-column:1/-1}
.manager-team-schedule-row select{grid-column:1/-1}
}
.feature-locked-control{
display:flex;
align-items:center;
justify-content:center;
gap:7px;
min-height:34px;
}
.feature-lock-badge{
display:inline-flex;
align-items:center;
justify-content:center;
height:24px;
padding:0 8px;
border:1px solid rgba(143,165,207,.22);
border-radius:999px;
background:rgba(126,149,190,.09);
color:#91a4c6;
font-size:9px;
font-weight:850;
letter-spacing:.08em;
text-transform:uppercase;
}
.feature-center .switch.is-disabled{opacity:.38;cursor:not-allowed}
.feature-center .switch.is-disabled input+span{cursor:not-allowed}
.feature-center .access-group-row th{
padding-top:14px!important;
padding-bottom:8px!important;
color:#ffbd4d!important;
letter-spacing:.09em;
}
.feature-center .feature-table tbody tr:not(.access-group-row):hover td{
background:rgba(31,58,103,.2);
}
.manager-store-card{
display:grid;
gap:16px;
padding:22px!important;
}
.manager-store-card-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:18px;
padding-bottom:15px;
border-bottom:1px solid rgba(125,156,207,.14);
}
.manager-store-card-head h2{margin:2px 0 4px;font-size:20px}
.manager-store-card-head p{margin:0;color:#9fb0cf;font-size:12px;line-height:1.5}
.manager-store-sync-badge{
flex:0 0 auto;
display:inline-flex;
align-items:center;
height:30px;
padding:0 11px;
border:1px solid rgba(68,205,157,.22);
border-radius:999px;
background:rgba(33,158,116,.1);
color:#7fe0ba;
font-size:10px;
font-weight:850;
letter-spacing:.04em;
}
.manager-store-form{
display:grid!important;
grid-template-columns:1fr!important;
gap:12px!important;
}
.manager-store-block{
position:relative;
gap:11px!important;
padding:15px 16px!important;
border-color:var(--ui-border)!important;
background:var(--ui-surface-2)!important;
}
.manager-store-section-title{
display:flex;
align-items:center;
gap:9px;
color:var(--ui-accent-strong)!important;
}
.manager-store-section-title:after{
content:"";
height:1px;
flex:1;
background:linear-gradient(90deg,rgba(255,188,78,.24),transparent);
}
.manager-store-contact-grid,
.manager-store-social-grid{gap:12px!important}
.manager-store-form label{font-size:11px!important;font-weight:800!important}
.manager-store-form input{
width:100%!important;
height:44px!important;
min-height:44px!important;
border-radius:12px!important;
}
.manager-store-save{height:46px!important;margin-top:2px!important}
@media(max-width:760px){
.manager-store-card{padding:15px!important}
.manager-store-card-head{display:grid;gap:10px}
.manager-store-sync-badge{justify-self:start}
.feature-locked-control{gap:4px}
.feature-lock-badge{padding:0 6px;font-size:8px}
}
html[data-ui-scope="admin"][data-ui-theme="clean"]{--ui-bg:#f4f7fb;--ui-bg-2:#edf2f7;--ui-surface:#ffffff;--ui-surface-2:#f8fafc;--ui-surface-3:#eef3f8;--ui-header:rgba(255,255,255,.97);--ui-nav:#f5f8fb;--ui-border:rgba(24,39,58,.16);--ui-text:#172231;--ui-muted:#536273;--ui-accent:#365f8c;--ui-accent-strong:#24486d;--ui-accent-soft:rgba(54,95,140,.11);--ui-accent-2:#9d6653;--ui-success:#2f7158;--ui-warning:#795718;--ui-danger:#963c4a;--chart-1:#365f8c;--chart-2:#9d6653;--chart-3:#3d8067;--chart-4:#a94959;--chart-5:#6c7890;--ui-shadow:0 18px 46px rgba(35,54,76,.10);--theme-browser:#f4f7fb;;--ui-border-strong:rgba(28,45,64,.28);--ui-on-accent:#fff;color-scheme:light}
html[data-ui-scope="admin"][data-ui-theme="nocturne"]{--ui-bg:#07142e;--ui-bg-2:#040b1d;--ui-surface:#0a1d42;--ui-surface-2:#0d234f;--ui-surface-3:#123061;
--ui-header:rgba(6,17,38,.96);--ui-nav:rgba(10,29,66,.76);--ui-border:rgba(185,205,239,.13);
--ui-text:#f5f8ff;--ui-muted:#b2c1e2;--ui-accent:#ff8a00;--ui-accent-strong:#ffad42;--ui-accent-soft:rgba(255,138,0,.14);--ui-accent-2:#ffc44d;
--ui-success:#4dd597;--ui-warning:#f0bd5d;--ui-danger:#ef7280;--chart-1:#ff9b25;--chart-2:#f1c54f;--chart-3:#56c795;--chart-4:#e96f7b;--chart-5:#7f91b2;
--ui-shadow:0 24px 60px rgba(1,7,20,.36);--theme-browser:#07142e;;--ui-border-strong:rgba(205,218,240,.22);--ui-on-accent:#14202a;color-scheme:inherit}
html[data-ui-scope="admin"][data-ui-theme="obsidian"]{--ui-bg:#0b1a37;--ui-bg-2:#07112a;--ui-surface:#12264c;--ui-surface-2:#17305c;--ui-surface-3:#1d3a69;
--ui-header:rgba(10,24,51,.96);--ui-nav:rgba(18,38,76,.76);--ui-border:rgba(192,211,242,.13);
--ui-text:#f6f8ff;--ui-muted:#b7c4dc;--ui-accent:#d7834e;--ui-accent-strong:#efa06c;--ui-accent-soft:rgba(215,131,78,.15);--ui-accent-2:#e8b35a;
--ui-success:#55c59a;--ui-warning:#e1b45a;--ui-danger:#e4737d;--chart-1:#dc8a55;--chart-2:#e7b55d;--chart-3:#57bd92;--chart-4:#df7480;--chart-5:#8192ad;
--ui-shadow:0 24px 60px rgba(2,9,25,.34);--theme-browser:#0b1a37;;--ui-border-strong:rgba(205,218,240,.22);--ui-on-accent:#14202a;color-scheme:inherit}
html[data-ui-scope="admin"][data-ui-theme="indigo"]{--ui-bg:#131735;--ui-bg-2:#0d1028;--ui-surface:#1d2348;--ui-surface-2:#252d58;--ui-surface-3:#2e3768;
--ui-header:rgba(19,23,53,.96);--ui-nav:rgba(29,35,72,.77);--ui-border:rgba(205,208,244,.14);
--ui-text:#f7f6ff;--ui-muted:#c0c1df;--ui-accent:#8296e7;--ui-accent-strong:#a2b1ff;--ui-accent-soft:rgba(130,150,231,.15);--ui-accent-2:#b183d5;
--ui-success:#63c9a2;--ui-warning:#e1ba62;--ui-danger:#e77c8e;--chart-1:#8ba0ee;--chart-2:#bd8cda;--chart-3:#62c39e;--chart-4:#e17b8b;--chart-5:#8790b4;
--ui-shadow:0 24px 60px rgba(5,6,25,.34);--theme-browser:#131735;;--ui-border-strong:rgba(205,218,240,.22);--ui-on-accent:#14202a;color-scheme:inherit}
html[data-ui-scope="admin"][data-ui-theme="berry"]{--ui-bg:#2a1630;--ui-bg-2:#201023;--ui-surface:#3a2040;--ui-surface-2:#47284d;--ui-surface-3:#55305c;
--ui-header:rgba(42,22,48,.96);--ui-nav:rgba(58,32,64,.77);--ui-border:rgba(240,205,231,.14);
--ui-text:#fff7fd;--ui-muted:#d4b9cc;--ui-accent:#d27aa8;--ui-accent-strong:#ef9bc5;--ui-accent-soft:rgba(210,122,168,.16);--ui-accent-2:#be91df;
--ui-success:#68c99f;--ui-warning:#e4bb68;--ui-danger:#ec7a8b;--chart-1:#dc84b2;--chart-2:#c397e5;--chart-3:#65c49d;--chart-4:#e77c8b;--chart-5:#9988a5;
--ui-shadow:0 24px 60px rgba(18,5,20,.34);--theme-browser:#2a1630;;--ui-border-strong:rgba(205,218,240,.22);--ui-on-accent:#14202a;color-scheme:inherit}
html[data-ui-scope="admin"][data-ui-theme="petrol"]{--ui-bg:#0b2b31;--ui-bg-2:#072126;--ui-surface:#12383f;--ui-surface-2:#18464d;--ui-surface-3:#20545b;
--ui-header:rgba(11,43,49,.96);--ui-nav:rgba(18,56,63,.78);--ui-border:rgba(184,226,226,.14);
--ui-text:#f3fcfc;--ui-muted:#b4d0d0;--ui-accent:#58b8b5;--ui-accent-strong:#76d1ce;--ui-accent-soft:rgba(88,184,181,.15);--ui-accent-2:#d1a56d;
--ui-success:#63c89a;--ui-warning:#dfb468;--ui-danger:#e4747d;--chart-1:#61c0bd;--chart-2:#d2a66f;--chart-3:#60c296;--chart-4:#df747d;--chart-5:#829da0;
--ui-shadow:0 24px 60px rgba(3,17,19,.34);--theme-browser:#0b2b31;;--ui-border-strong:rgba(205,218,240,.22);--ui-on-accent:#14202a;color-scheme:inherit}
html[data-ui-scope="admin"][data-ui-theme="amethyst"]{--ui-bg:#24173a;--ui-bg-2:#1c112f;--ui-surface:#33204d;--ui-surface-2:#40285b;--ui-surface-3:#4c3268;
--ui-header:rgba(36,23,58,.96);--ui-nav:rgba(51,32,77,.78);--ui-border:rgba(226,208,244,.15);
--ui-text:#fbf7ff;--ui-muted:#d1c0df;--ui-accent:#b58cff;--ui-accent-strong:#d0b4ff;--ui-accent-soft:rgba(181,140,255,.16);--ui-accent-2:#e790b9;
--ui-success:#70caa1;--ui-warning:#e2bd68;--ui-danger:#ec8195;--chart-1:#bd98ff;--chart-2:#eb94bd;--chart-3:#6cc69e;--chart-4:#ec8292;--chart-5:#9d90b4;
--ui-shadow:0 24px 60px rgba(20,8,34,.34);--theme-browser:#24173a;;--ui-border-strong:rgba(205,218,240,.22);--ui-on-accent:#14202a;color-scheme:inherit}
html[data-ui-scope="admin"][data-ui-theme="navyrose"]{--ui-bg:#0d2440;--ui-bg-2:#091a31;--ui-surface:#153657;--ui-surface-2:#1c4265;--ui-surface-3:#244f73;
--ui-header:rgba(13,36,64,.96);--ui-nav:rgba(21,54,87,.78);--ui-border:rgba(199,217,237,.15);
--ui-text:#f6fbff;--ui-muted:#bbcadb;--ui-accent:#e08fa4;--ui-accent-strong:#f2adbd;--ui-accent-soft:rgba(224,143,164,.16);--ui-accent-2:#dcb66f;
--ui-success:#64c49a;--ui-warning:#deb66d;--ui-danger:#ed7d8c;--chart-1:#e395aa;--chart-2:#ddb773;--chart-3:#64c19a;--chart-4:#e67d8b;--chart-5:#839bb4;
--ui-shadow:0 24px 60px rgba(5,18,34,.34);--theme-browser:#0d2440;;--ui-border-strong:rgba(205,218,240,.22);--ui-on-accent:#14202a;color-scheme:inherit}
html[data-ui-scope="admin"][data-ui-theme="emerald"]{--ui-bg:#10352f;--ui-bg-2:#0b2925;--ui-surface:#19483e;--ui-surface-2:#20574b;--ui-surface-3:#286658;
--ui-header:rgba(16,53,47,.96);--ui-nav:rgba(25,72,62,.78);--ui-border:rgba(195,228,216,.15);
--ui-text:#f4fff9;--ui-muted:#bbd5ca;--ui-accent:#6fc7a3;--ui-accent-strong:#8addbc;--ui-accent-soft:rgba(111,199,163,.16);--ui-accent-2:#d4b96c;
--ui-success:#72d0a5;--ui-warning:#dfbd6d;--ui-danger:#e77d84;--chart-1:#73caa7;--chart-2:#d6bb70;--chart-3:#75d1a7;--chart-4:#e07d84;--chart-5:#88a79d;
--ui-shadow:0 24px 60px rgba(5,26,22,.34);--theme-browser:#10352f;;--ui-border-strong:rgba(205,218,240,.22);--ui-on-accent:#14202a;color-scheme:inherit}
html[data-ui-scope="admin"][data-ui-theme="cocoa"]{--ui-bg:#35251f;--ui-bg-2:#291b17;--ui-surface:#49342c;--ui-surface-2:#584036;--ui-surface-3:#674c40;
--ui-header:rgba(53,37,31,.96);--ui-nav:rgba(73,52,44,.78);--ui-border:rgba(239,216,201,.15);
--ui-text:#fff8f3;--ui-muted:#dbc3b7;--ui-accent:#d99a72;--ui-accent-strong:#edb58f;--ui-accent-soft:rgba(217,154,114,.17);--ui-accent-2:#c783a8;
--ui-success:#70c399;--ui-warning:#dfb76c;--ui-danger:#ea7f88;--chart-1:#dc9f77;--chart-2:#ca89ae;--chart-3:#70c199;--chart-4:#e27f88;--chart-5:#a08d84;
--ui-shadow:0 24px 60px rgba(25,13,10,.34);--theme-browser:#35251f;;--ui-border-strong:rgba(205,218,240,.22);--ui-on-accent:#14202a;color-scheme:inherit}
html[data-ui-scope="admin"][data-ui-theme="ocean"]{--ui-bg:#0a3145;--ui-bg-2:#072536;--ui-surface:#10445b;--ui-surface-2:#165269;--ui-surface-3:#1e6077;
--ui-header:rgba(10,49,69,.96);--ui-nav:rgba(16,68,91,.78);--ui-border:rgba(191,224,234,.15);
--ui-text:#f3fbff;--ui-muted:#b9d3df;--ui-accent:#55b8d1;--ui-accent-strong:#78cde0;--ui-accent-soft:rgba(85,184,209,.16);--ui-accent-2:#f08a7f;
--ui-success:#65c7a2;--ui-warning:#dfb66c;--ui-danger:#ef827f;--chart-1:#5dbdd4;--chart-2:#f08d83;--chart-3:#64c49f;--chart-4:#e77f84;--chart-5:#7e9eac;
--ui-shadow:0 24px 60px rgba(3,25,35,.34);--theme-browser:#0a3145;;--ui-border-strong:rgba(205,218,240,.22);--ui-on-accent:#14202a;color-scheme:inherit}
html[data-ui-scope="public"][data-ui-theme="pub-clean"]{--ui-bg:#f7f9fc;--ui-bg-2:#eef3f8;--ui-surface:#ffffff;--ui-surface-2:#f7fafc;--ui-surface-3:#edf2f7;--ui-header:rgba(255,255,255,.97);--ui-nav:rgba(255,255,255,.92);--ui-border:rgba(28,45,64,.16);--ui-text:#172533;--ui-muted:#526373;--ui-accent:#3c6f9f;--ui-accent-strong:#28577f;--ui-accent-soft:rgba(60,111,159,.12);--ui-accent-2:#966557;--ui-success:#32735b;--ui-warning:#785b1d;--ui-danger:#963f4c;--ui-shadow:0 18px 42px rgba(38,58,78,.09);--theme-browser:#f7f9fc;--ui-border-strong:rgba(28,45,64,.28);--ui-on-accent:#fff;color-scheme:light;--ui-card-border:rgba(45,58,72,.11)}
html[data-ui-scope="public"][data-ui-theme="pub-rose"]{--ui-bg:#f9f1f4;--ui-bg-2:#f0e4e9;--ui-surface:#fffdfd;--ui-surface-2:#faf2f5;--ui-surface-3:#f1e4e9;--ui-header:rgba(255,253,253,.97);--ui-nav:rgba(255,255,255,.92);--ui-border:rgba(70,35,49,.17);--ui-text:#28171e;--ui-muted:#654a55;--ui-accent:#b83f69;--ui-accent-strong:#8c2b4d;--ui-accent-soft:rgba(184,63,105,.13);--ui-accent-2:#ad513d;--ui-success:#31745b;--ui-warning:#805b1c;--ui-danger:#9e3f50;--ui-shadow:0 18px 42px rgba(75,39,54,.11);--theme-browser:#f9f1f4;--ui-border-strong:rgba(70,35,49,.28);--ui-on-accent:#fff;color-scheme:light;--ui-card-border:rgba(45,58,72,.11)}
html[data-ui-scope="public"][data-ui-theme="pub-orchid"]{--ui-bg:#f6f1fb;--ui-bg-2:#ece5f4;--ui-surface:#fffefe;--ui-surface-2:#f8f3fc;--ui-surface-3:#ede5f5;--ui-header:rgba(255,254,255,.97);--ui-nav:rgba(255,255,255,.92);--ui-border:rgba(59,39,74,.17);--ui-text:#24172f;--ui-muted:#5e4a68;--ui-accent:#7f4db3;--ui-accent-strong:#60348f;--ui-accent-soft:rgba(127,77,179,.13);--ui-accent-2:#a74776;--ui-success:#35735c;--ui-warning:#7e5e20;--ui-danger:#994055;--ui-shadow:0 18px 42px rgba(58,38,77,.11);--theme-browser:#f6f1fb;--ui-border-strong:rgba(59,39,74,.28);--ui-on-accent:#fff;color-scheme:light;--ui-card-border:rgba(45,58,72,.11)}
html[data-ui-scope="public"][data-ui-theme="pub-clinic"]{--ui-bg:#fcfeff;--ui-bg-2:#f7fbfd;--ui-surface:#ffffff;--ui-surface-2:#fbfdff;--ui-surface-3:#f3f8fb;--ui-header:rgba(255,255,255,.98);--ui-nav:rgba(255,255,255,.96);--ui-border:rgba(31,62,80,.15);--ui-text:#142936;--ui-muted:#496270;--ui-accent:#2f7297;--ui-accent-strong:#205573;--ui-accent-soft:rgba(47,114,151,.10);--ui-accent-2:#257d80;--ui-success:#2d755b;--ui-warning:#765d1f;--ui-danger:#943f4d;--ui-shadow:0 16px 36px rgba(31,61,78,.08);--theme-browser:#fcfeff;--ui-border-strong:rgba(31,62,80,.24);--ui-on-accent:#fff;color-scheme:light;--ui-card-border:rgba(45,58,72,.10)}
html[data-ui-scope="public"][data-ui-theme="pub-office"]{--ui-bg:#f1f5f9;--ui-bg-2:#e5ebf1;--ui-surface:#ffffff;--ui-surface-2:#f5f8fb;--ui-surface-3:#e8eef4;--ui-header:rgba(255,255,255,.97);--ui-nav:rgba(255,255,255,.92);--ui-border:rgba(29,48,67,.17);--ui-text:#172434;--ui-muted:#4e5d6b;--ui-accent:#2f5f8d;--ui-accent-strong:#214a70;--ui-accent-soft:rgba(47,95,141,.13);--ui-accent-2:#8c5b46;--ui-success:#34735b;--ui-warning:#785b1d;--ui-danger:#923e49;--ui-shadow:0 18px 42px rgba(34,52,69,.10);--theme-browser:#f1f5f9;--ui-border-strong:rgba(29,48,67,.28);--ui-on-accent:#fff;color-scheme:light;--ui-card-border:rgba(45,58,72,.11)}
html[data-ui-scope="public"][data-ui-theme="pub-night-violet"]{--ui-bg:#241735;--ui-bg-2:#1b102a;--ui-surface:#311d46;--ui-surface-2:#3d2554;--ui-surface-3:#492e61;--ui-header:rgba(36,23,53,.96);--ui-nav:rgba(49,29,70,.82);--ui-border:rgba(236,210,245,.15);--ui-text:#fff8ff;--ui-muted:#d3c0dc;--ui-accent:#c27adf;--ui-accent-strong:#dda0ee;--ui-accent-soft:rgba(194,122,223,.17);--ui-accent-2:#ef8fb8;--ui-success:#70caa2;--ui-warning:#e3bd68;--ui-danger:#ed8094;--ui-shadow:0 22px 54px rgba(18,7,28,.34);--theme-browser:#241735;--ui-border-strong:rgba(225,215,238,.22);--ui-on-accent:#17202a;color-scheme:inherit}
html[data-ui-scope="public"][data-ui-theme="pub-night-rose"]{--ui-bg:#321a2b;--ui-bg-2:#271320;--ui-surface:#432139;--ui-surface-2:#512a45;--ui-surface-3:#603352;--ui-header:rgba(50,26,43,.96);--ui-nav:rgba(67,33,57,.82);--ui-border:rgba(242,207,226,.15);--ui-text:#fff7fb;--ui-muted:#ddbfcf;--ui-accent:#de769f;--ui-accent-strong:#f09abd;--ui-accent-soft:rgba(222,118,159,.17);--ui-accent-2:#ee8a79;--ui-success:#70c89c;--ui-warning:#e3b86a;--ui-danger:#ef7d88;--ui-shadow:0 22px 54px rgba(26,9,20,.34);--theme-browser:#321a2b;--ui-border-strong:rgba(225,215,238,.22);--ui-on-accent:#17202a;color-scheme:inherit}
html[data-ui-scope="public"][data-ui-theme="pub-night-clinic"]{--ui-bg:#0b2740;--ui-bg-2:#071d31;--ui-surface:#103651;--ui-surface-2:#164360;--ui-surface-3:#1d506f;--ui-header:rgba(11,39,64,.96);--ui-nav:rgba(16,54,81,.82);--ui-border:rgba(198,225,239,.15);--ui-text:#f4fbff;--ui-muted:#bfd3df;--ui-accent:#55b4d2;--ui-accent-strong:#79cbe2;--ui-accent-soft:rgba(85,180,210,.16);--ui-accent-2:#65c5b8;--ui-success:#67c99e;--ui-warning:#dfb769;--ui-danger:#e77d87;--ui-shadow:0 22px 54px rgba(3,22,37,.34);--theme-browser:#0b2740;--ui-border-strong:rgba(225,215,238,.22);--ui-on-accent:#17202a;color-scheme:inherit}
html[data-ui-scope="public"][data-ui-theme="pub-night-health"]{--ui-bg:#12352f;--ui-bg-2:#0c2925;--ui-surface:#19483e;--ui-surface-2:#20574b;--ui-surface-3:#286657;--ui-header:rgba(18,53,47,.96);--ui-nav:rgba(25,72,62,.82);--ui-border:rgba(200,231,220,.15);--ui-text:#f5fff9;--ui-muted:#c0d9cf;--ui-accent:#6fc7a3;--ui-accent-strong:#8ddcbc;--ui-accent-soft:rgba(111,199,163,.16);--ui-accent-2:#b5cf72;--ui-success:#72d0a5;--ui-warning:#dfbc69;--ui-danger:#e77d84;--ui-shadow:0 22px 54px rgba(5,27,23,.34);--theme-browser:#12352f;--ui-border-strong:rgba(225,215,238,.22);--ui-on-accent:#17202a;color-scheme:inherit}
html[data-ui-scope="public"][data-ui-theme="pub-night-spa"]{--ui-bg:#123339;--ui-bg-2:#0c272c;--ui-surface:#19454a;--ui-surface-2:#205359;--ui-surface-3:#286168;--ui-header:rgba(18,51,57,.96);--ui-nav:rgba(25,69,74,.82);--ui-border:rgba(202,229,228,.15);--ui-text:#f4fffe;--ui-muted:#c0d8d8;--ui-accent:#72c7b4;--ui-accent-strong:#91ddcd;--ui-accent-soft:rgba(114,199,180,.16);--ui-accent-2:#d8b072;--ui-success:#70caa0;--ui-warning:#dfb76a;--ui-danger:#e77d84;--ui-shadow:0 22px 54px rgba(5,25,29,.34);--theme-browser:#123339;--ui-border-strong:rgba(225,215,238,.22);--ui-on-accent:#17202a;color-scheme:inherit}
html[data-ui-scope="public"][data-ui-theme="pub-night-office"]{--ui-bg:#10223c;--ui-bg-2:#0b192e;--ui-surface:#173150;--ui-surface-2:#1e3d60;--ui-surface-3:#274970;--ui-header:rgba(16,34,60,.96);--ui-nav:rgba(23,49,80,.82);--ui-border:rgba(200,217,239,.15);--ui-text:#f5f9ff;--ui-muted:#bdcadb;--ui-accent:#6fa2d8;--ui-accent-strong:#8eb9e6;--ui-accent-soft:rgba(111,162,216,.16);--ui-accent-2:#d39a72;--ui-success:#66c49a;--ui-warning:#dfb568;--ui-danger:#e77d87;--ui-shadow:0 22px 54px rgba(4,16,31,.34);--theme-browser:#10223c;--ui-border-strong:rgba(225,215,238,.22);--ui-on-accent:#17202a;color-scheme:inherit}
html[data-ui-scope="public"][data-ui-theme="pub-night-plum"]{--ui-bg:#321b3c;--ui-bg-2:#27132f;--ui-surface:#432451;--ui-surface-2:#512d61;--ui-surface-3:#603772;--ui-header:rgba(50,27,60,.96);--ui-nav:rgba(67,36,81,.82);--ui-border:rgba(235,211,244,.15);--ui-text:#fff8ff;--ui-muted:#dcc5e3;--ui-accent:#c885dd;--ui-accent-strong:#dfa5ee;--ui-accent-soft:rgba(200,133,221,.17);--ui-accent-2:#e38fa8;--ui-success:#70c89f;--ui-warning:#e0b96a;--ui-danger:#ec7f91;--ui-shadow:0 22px 54px rgba(25,9,31,.34);--theme-browser:#321b3c;--ui-border-strong:rgba(225,215,238,.22);--ui-on-accent:#17202a;color-scheme:inherit}
html[data-ui-scope="public"][data-ui-theme="pub-night-copper"]{--ui-bg:#35271f;--ui-bg-2:#291d17;--ui-surface:#493429;--ui-surface-2:#594034;--ui-surface-3:#684c3f;--ui-header:rgba(53,39,31,.96);--ui-nav:rgba(73,52,41,.82);--ui-border:rgba(238,219,203,.15);--ui-text:#fff9f4;--ui-muted:#dbc8bb;--ui-accent:#d79a72;--ui-accent-strong:#ebb58f;--ui-accent-soft:rgba(215,154,114,.17);--ui-accent-2:#e0bd6e;--ui-success:#70c399;--ui-warning:#e1ba6b;--ui-danger:#e97e86;--ui-shadow:0 22px 54px rgba(25,14,9,.34);--theme-browser:#35271f;--ui-border-strong:rgba(225,215,238,.22);--ui-on-accent:#17202a;color-scheme:inherit}
html[data-ui-scope="public"][data-ui-theme="pub-night-aqua"]{--ui-bg:#0c3540;--ui-bg-2:#082832;--ui-surface:#124854;--ui-surface-2:#185764;--ui-surface-3:#206674;--ui-header:rgba(12,53,64,.96);--ui-nav:rgba(18,72,84,.82);--ui-border:rgba(195,226,232,.15);--ui-text:#f3feff;--ui-muted:#bed9df;--ui-accent:#57bec7;--ui-accent-strong:#79d3da;--ui-accent-soft:rgba(87,190,199,.16);--ui-accent-2:#e3807a;--ui-success:#67c79e;--ui-warning:#deb66a;--ui-danger:#eb7f7d;--ui-shadow:0 22px 54px rgba(4,27,33,.34);--theme-browser:#0c3540;--ui-border-strong:rgba(225,215,238,.22);--ui-on-accent:#17202a;color-scheme:inherit}
html[data-ui-scope="public"][data-ui-theme="pub-night-indigo"]{--ui-bg:#202044;--ui-bg-2:#171733;--ui-surface:#2b2b59;--ui-surface-2:#36366a;--ui-surface-3:#42427a;--ui-header:rgba(32,32,68,.96);--ui-nav:rgba(43,43,89,.82);--ui-border:rgba(217,216,244,.15);--ui-text:#f8f8ff;--ui-muted:#c9c7e2;--ui-accent:#8d99eb;--ui-accent-strong:#abb5ff;--ui-accent-soft:rgba(141,153,235,.16);--ui-accent-2:#cf8ec6;--ui-success:#69c9a0;--ui-warning:#e0ba69;--ui-danger:#e98091;--ui-shadow:0 22px 54px rgba(12,12,39,.34);--theme-browser:#202044;--ui-border-strong:rgba(225,215,238,.22);--ui-on-accent:#17202a;color-scheme:inherit}
html[data-ui-scope="public"][data-ui-theme="pub-night-gold"]{--ui-bg:#16233a;--ui-bg-2:#101a2c;--ui-surface:#203250;--ui-surface-2:#2a3e5f;--ui-surface-3:#344b6f;--ui-header:rgba(22,35,58,.97);--ui-nav:rgba(32,50,80,.88);--ui-border:rgba(247,224,157,.17);--ui-text:#fffaf0;--ui-muted:#d9cfb6;--ui-accent:#f0c85a;--ui-accent-strong:#ffe38a;--ui-accent-soft:rgba(240,200,90,.18);--ui-accent-2:#d99a35;--ui-success:#77c89f;--ui-warning:#f0c85a;--ui-danger:#ef8791;--ui-shadow:0 22px 54px rgba(5,12,25,.34);--theme-browser:#16233a;--ui-border-strong:rgba(247,224,157,.26);--ui-on-accent:#202536;color-scheme:inherit}
html[data-ui-scope="public"][data-ui-theme="pub-night-lilac-gold"]{--ui-bg:#2b1d3f;--ui-bg-2:#20152f;--ui-surface:#3a2953;--ui-surface-2:#493464;--ui-surface-3:#584075;--ui-header:rgba(43,29,63,.97);--ui-nav:rgba(58,41,83,.88);--ui-border:rgba(238,218,248,.17);--ui-text:#fff9ff;--ui-muted:#d8c8df;--ui-accent:#cda0ef;--ui-accent-strong:#e7c4ff;--ui-accent-soft:rgba(205,160,239,.18);--ui-accent-2:#e6bd57;--ui-success:#77c8a1;--ui-warning:#e6bd57;--ui-danger:#ef8598;--ui-shadow:0 22px 54px rgba(18,8,29,.35);--theme-browser:#2b1d3f;--ui-border-strong:rgba(238,218,248,.26);--ui-on-accent:#231b2b;color-scheme:inherit}
html[data-ui-scope="public"][data-ui-theme="pub-night-amber"]{--ui-bg:#17243a;--ui-bg-2:#101a2a;--ui-surface:#213451;--ui-surface-2:#2b4160;--ui-surface-3:#354e70;--ui-header:rgba(23,36,58,.97);--ui-nav:rgba(33,52,81,.88);--ui-border:rgba(255,225,154,.17);--ui-text:#fffaf0;--ui-muted:#d9cfb9;--ui-accent:#f4bd3d;--ui-accent-strong:#ffda74;--ui-accent-soft:rgba(244,189,61,.18);--ui-accent-2:#ed8f32;--ui-success:#75c69c;--ui-warning:#f4bd3d;--ui-danger:#ef8491;--ui-shadow:0 22px 54px rgba(5,12,24,.35);--theme-browser:#17243a;--ui-border-strong:rgba(255,225,154,.26);--ui-on-accent:#252633;color-scheme:inherit}
html[data-ui-scope="public"][data-ui-theme="pub-night-sunflower"]{--ui-bg:#29301f;--ui-bg-2:#1e2417;--ui-surface:#394229;--ui-surface-2:#465132;--ui-surface-3:#54603c;--ui-header:rgba(41,48,31,.97);--ui-nav:rgba(57,66,41,.88);--ui-border:rgba(248,232,164,.17);--ui-text:#fffdf1;--ui-muted:#d8d3b8;--ui-accent:#e9c84d;--ui-accent-strong:#ffe37c;--ui-accent-soft:rgba(233,200,77,.18);--ui-accent-2:#cda43c;--ui-success:#82c59e;--ui-warning:#e9c84d;--ui-danger:#eb8b91;--ui-shadow:0 22px 54px rgba(13,17,8,.34);--theme-browser:#29301f;--ui-border-strong:rgba(248,232,164,.26);--ui-on-accent:#25291e;color-scheme:inherit}
html[data-ui-scope="public"][data-ui-theme="pub-night-champagne"]{--ui-bg:#2a2142;--ui-bg-2:#1f1833;--ui-surface:#392d56;--ui-surface-2:#473868;--ui-surface-3:#55457a;--ui-header:rgba(42,33,66,.97);--ui-nav:rgba(57,45,86,.88);--ui-border:rgba(244,229,197,.17);--ui-text:#fffaf4;--ui-muted:#d9cfc4;--ui-accent:#e1b96d;--ui-accent-strong:#f7d99a;--ui-accent-soft:rgba(225,185,109,.18);--ui-accent-2:#b993e4;--ui-success:#78c6a0;--ui-warning:#e1b96d;--ui-danger:#ec8798;--ui-shadow:0 22px 54px rgba(15,10,28,.35);--theme-browser:#2a2142;--ui-border-strong:rgba(244,229,197,.26);--ui-on-accent:#2b2534;color-scheme:inherit}
html[data-ui-scope="public"][data-ui-theme="pub-night-black-yellow"]{--ui-bg:#08090b;--ui-bg-2:#0e1012;--ui-surface:#15181b;--ui-surface-2:#1d2125;--ui-surface-3:#252a2f;--ui-header:rgba(8,9,11,.97);--ui-nav:rgba(21,24,27,.9);--ui-border:rgba(255,224,79,.18);--ui-text:#fffdf2;--ui-muted:#cbc8b6;--ui-accent:#ffd400;--ui-accent-strong:#ffe45e;--ui-accent-soft:rgba(255,212,0,.18);--ui-accent-2:#d8a600;--ui-success:#7bc99f;--ui-warning:#ffd400;--ui-danger:#ef8791;--ui-shadow:0 22px 54px rgba(0,0,0,.42);--theme-browser:#08090b;--ui-border-strong:rgba(255,224,79,.3);--ui-on-accent:#171407;color-scheme:inherit}
html[data-ui-scope="public"][data-ui-theme="pub-night-black-gold"]{--ui-bg:#0b0b0a;--ui-bg-2:#11110f;--ui-surface:#191713;--ui-surface-2:#221f19;--ui-surface-3:#2c281f;--ui-header:rgba(11,11,10,.97);--ui-nav:rgba(25,23,19,.9);--ui-border:rgba(239,208,128,.18);--ui-text:#fff9ea;--ui-muted:#d2c5a8;--ui-accent:#d9ad45;--ui-accent-strong:#f4cf78;--ui-accent-soft:rgba(217,173,69,.18);--ui-accent-2:#f2dfaa;--ui-success:#79c79e;--ui-warning:#e5bd5f;--ui-danger:#ef8791;--ui-shadow:0 22px 54px rgba(0,0,0,.42);--theme-browser:#0b0b0a;--ui-border-strong:rgba(239,208,128,.3);--ui-on-accent:#19140a;color-scheme:inherit}
html[data-ui-scope="public"][data-ui-theme="pub-night-ice-gold"]{--ui-bg:#0f1418;--ui-bg-2:#0a0f13;--ui-surface:#1a2228;--ui-surface-2:#222d34;--ui-surface-3:#2c3941;--ui-header:rgba(15,20,24,.97);--ui-nav:rgba(26,34,40,.9);--ui-border:rgba(231,240,246,.18);--ui-text:#f8fcff;--ui-muted:#c7d0d8;--ui-accent:#dfb94f;--ui-accent-strong:#f5d878;--ui-accent-soft:rgba(223,185,79,.18);--ui-accent-2:#eaf3f8;--ui-success:#74c7a1;--ui-warning:#dfb94f;--ui-danger:#ec8791;--ui-shadow:0 22px 54px rgba(0,4,7,.4);--theme-browser:#0f1418;--ui-border-strong:rgba(231,240,246,.27);--ui-on-accent:#18150d;color-scheme:inherit}
html[data-ui-scope="public"][data-ui-theme="pub-night-yellow-luxe"]{--ui-bg:#141107;--ui-bg-2:#0d0b04;--ui-surface:#25200f;--ui-surface-2:#302916;--ui-surface-3:#3a321b;--ui-header:rgba(20,17,7,.97);--ui-nav:rgba(37,32,15,.9);--ui-border:rgba(255,224,98,.18);--ui-text:#fffbe8;--ui-muted:#d9cfa8;--ui-accent:#ffcf24;--ui-accent-strong:#ffe36e;--ui-accent-soft:rgba(255,207,36,.18);--ui-accent-2:#c89518;--ui-success:#7bc99f;--ui-warning:#ffcf24;--ui-danger:#ef8791;--ui-shadow:0 22px 54px rgba(8,6,1,.42);--theme-browser:#141107;--ui-border-strong:rgba(255,224,98,.3);--ui-on-accent:#1c1704;color-scheme:inherit}
html[data-ui-scope="public"][data-ui-theme="pub-night-carbon-champagne"]{--ui-bg:#0d1013;--ui-bg-2:#090c0f;--ui-surface:#171c21;--ui-surface-2:#20262c;--ui-surface-3:#293139;--ui-header:rgba(13,16,19,.97);--ui-nav:rgba(23,28,33,.9);--ui-border:rgba(242,232,205,.18);--ui-text:#f9fcff;--ui-muted:#c9cfd4;--ui-accent:#e8c97c;--ui-accent-strong:#ffe5a3;--ui-accent-soft:rgba(232,201,124,.18);--ui-accent-2:#eef4f7;--ui-success:#75c89f;--ui-warning:#e8c97c;--ui-danger:#ef8791;--ui-shadow:0 22px 54px rgba(0,0,0,.4);--theme-browser:#0d1013;--ui-border-strong:rgba(242,232,205,.28);--ui-on-accent:#1b1810;color-scheme:inherit}
html[data-ui-scope="public"][data-ui-theme="pub-night-royal-purple-gold"]{--ui-bg:#130824;--ui-bg-2:#0d0519;--ui-surface:#21103a;--ui-surface-2:#2c1749;--ui-surface-3:#38205a;--ui-header:rgba(19,8,36,.97);--ui-nav:rgba(33,16,58,.9);--ui-border:rgba(241,216,154,.18);--ui-text:#fff9ff;--ui-muted:#d7c6e2;--ui-accent:#e0b94f;--ui-accent-strong:#ffd96b;--ui-accent-soft:rgba(224,185,79,.18);--ui-accent-2:#c8a4f2;--ui-success:#76c8a0;--ui-warning:#e0b94f;--ui-danger:#ef8799;--ui-shadow:0 22px 54px rgba(8,2,18,.43);--theme-browser:#130824;--ui-border-strong:rgba(241,216,154,.3);--ui-on-accent:#211805;color-scheme:inherit}
html[data-ui-scope="public"][data-ui-theme="pub-night-deep-purple-yellow"]{--ui-bg:#0c0518;--ui-bg-2:#07030f;--ui-surface:#1c0d30;--ui-surface-2:#28133f;--ui-surface-3:#351b50;--ui-header:rgba(12,5,24,.97);--ui-nav:rgba(28,13,48,.9);--ui-border:rgba(242,221,160,.18);--ui-text:#fff9ff;--ui-muted:#d5c5df;--ui-accent:#ffd21f;--ui-accent-strong:#ffe56b;--ui-accent-soft:rgba(255,210,31,.18);--ui-accent-2:#b98be9;--ui-success:#78c9a1;--ui-warning:#ffd21f;--ui-danger:#ef8799;--ui-shadow:0 22px 54px rgba(5,1,13,.45);--theme-browser:#0c0518;--ui-border-strong:rgba(242,221,160,.3);--ui-on-accent:#1a1400;color-scheme:inherit}
html[data-ui-scope="public"][data-ui-theme="pub-night-lilac-gold-premium"]{--ui-bg:#211033;--ui-bg-2:#170a26;--ui-surface:#331a4b;--ui-surface-2:#42245c;--ui-surface-3:#522f6d;--ui-header:rgba(33,16,51,.97);--ui-nav:rgba(51,26,75,.9);--ui-border:rgba(239,218,248,.18);--ui-text:#fff8ff;--ui-muted:#ddcbe6;--ui-accent:#cfa7f0;--ui-accent-strong:#e9cbff;--ui-accent-soft:rgba(207,167,240,.18);--ui-accent-2:#e4b84a;--ui-success:#79c8a1;--ui-warning:#e4b84a;--ui-danger:#ef8799;--ui-shadow:0 22px 54px rgba(13,5,22,.42);--theme-browser:#211033;--ui-border-strong:rgba(239,218,248,.28);--ui-on-accent:#251a2b;color-scheme:inherit}
html[data-ui-scope="public"][data-ui-theme="pub-night-violet-bullion"]{--ui-bg:#180a2a;--ui-bg-2:#10061d;--ui-surface:#2a1343;--ui-surface-2:#371b54;--ui-surface-3:#452365;--ui-header:rgba(24,10,42,.97);--ui-nav:rgba(42,19,67,.9);--ui-border:rgba(244,219,150,.18);--ui-text:#fff8ff;--ui-muted:#dac7e5;--ui-accent:#e4b53a;--ui-accent-strong:#ffd86a;--ui-accent-soft:rgba(228,181,58,.18);--ui-accent-2:#b786ed;--ui-success:#78c9a1;--ui-warning:#e4b53a;--ui-danger:#ef8799;--ui-shadow:0 22px 54px rgba(9,3,17,.44);--theme-browser:#180a2a;--ui-border-strong:rgba(244,219,150,.3);--ui-on-accent:#211703;color-scheme:inherit}
html[data-ui-scope="public"][data-ui-theme="pub-night-amethyst-yellow"]{--ui-bg:#1d0b2f;--ui-bg-2:#140720;--ui-surface:#32174a;--ui-surface-2:#41205b;--ui-surface-3:#512a6d;--ui-header:rgba(29,11,47,.97);--ui-nav:rgba(50,23,74,.9);--ui-border:rgba(244,220,157,.18);--ui-text:#fff7ff;--ui-muted:#dec8e7;--ui-accent:#ffcb1d;--ui-accent-strong:#ffe169;--ui-accent-soft:rgba(255,203,29,.18);--ui-accent-2:#d5a0f1;--ui-success:#78c9a1;--ui-warning:#ffcb1d;--ui-danger:#ef8799;--ui-shadow:0 22px 54px rgba(12,3,22,.43);--theme-browser:#1d0b2f;--ui-border-strong:rgba(244,220,157,.3);--ui-on-accent:#1c1400;color-scheme:inherit}
html[data-ui-scope]{--bg:var(--ui-bg);--bg-soft:var(--ui-bg-2);--bg-elev:var(--ui-surface-2);--bg-panel:var(--ui-surface);--stroke:var(--ui-border);--stroke-strong:var(--ui-border-strong);--text:var(--ui-text);--muted:var(--ui-muted);--accent:var(--ui-accent);--accent-2:var(--ui-accent-2);--success:var(--ui-success);--danger:var(--ui-danger);--shadow:var(--ui-shadow)}
html[data-ui-scope="admin"] input[type="date"]::-webkit-calendar-picker-indicator,html[data-ui-scope="admin"] input[type="time"]::-webkit-calendar-picker-indicator{filter:none!important;opacity:.78!important}
html[data-ui-scope="admin"]:not([data-ui-theme="clean"]) input[type="date"]::-webkit-calendar-picker-indicator,html[data-ui-scope="admin"]:not([data-ui-theme="clean"]) input[type="time"]::-webkit-calendar-picker-indicator{filter:invert(1) brightness(1.8)!important;opacity:.9!important}
html[data-ui-scope="admin"] body{background:var(--ui-bg)!important;color:var(--ui-text)!important}
html[data-ui-scope="admin"] :where(.admin-shell,.manager-shell){background:radial-gradient(circle at 12% 4%,var(--ui-accent-soft),transparent 32%),var(--ui-bg)!important;color:var(--ui-text)!important}
html[data-ui-scope="admin"] :where(.admin-body,.manager-body) :where(h1,h2,h3,h4,h5,h6,b,strong,label,legend,dt,dd,th,td){color:var(--ui-text)!important;text-shadow:none!important}
html[data-ui-scope="admin"] :where(.admin-body,.manager-body) :where(p,small,.panel-subcopy,.manager-hint,.manager-card-head span,.manager-page-head p,.manager-hero p,.analytics-card-head p,.analytics-zero-note){color:var(--ui-muted)!important;text-shadow:none!important;opacity:1!important}
html[data-ui-scope="admin"] :where(.admin-body,.manager-body) :where(.upload-field>span,.image-upload-spec,.field-optional,.manager-store-section-title,.manager-service-form label,.manager-store-form label,.manager-store-contact-grid label,.manager-store-social-grid label,.access-account-form label>span){color:var(--ui-text)!important;text-shadow:none!important;opacity:1!important}
html[data-ui-scope="admin"] :where(.admin-body,.manager-body) :where(.image-upload-spec,.field-optional){color:var(--ui-muted)!important}
html[data-ui-scope="admin"] :where(.admin-body,.manager-body) .eyebrow{color:var(--ui-accent-strong)!important}
html[data-ui-scope="admin"] :where(.admin-body,.manager-body) :where(input,select,textarea){background:var(--ui-surface-2)!important;color:var(--ui-text)!important;border-color:var(--ui-border-strong,var(--ui-border))!important;box-shadow:none!important;color-scheme:inherit}
html[data-ui-scope="admin"] :where(.admin-body,.manager-body) :where(input::placeholder,textarea::placeholder){color:var(--ui-muted)!important;opacity:1!important}
html[data-ui-scope="admin"] :where(.admin-body,.manager-body) :where(.panel,.manager-card,.form-card,.system-command-center,.appointments-command-panel,.admin-users-hero,.hours-admin-panel,.schedule-exceptions-panel,.access-control-hero,.identity-admin-card,.update-main,.update-progress,.backup-panel,.ceo-dashboard-head,.ceo-kpi-card,.ceo-store-card,.ceo-access-card,.ceo-quick-panel,.premium-dashboard-head,.manager-page-head,.manager-hero){background:var(--ui-surface)!important;background-image:none!important;border-color:var(--ui-border)!important;color:var(--ui-text)!important;box-shadow:var(--ui-shadow)!important}
html[data-ui-scope="admin"] .manager-page-head{border-radius:22px!important}
html[data-ui-scope="admin"] :where(.admin-body,.manager-body) :where(.admin-setting-card,.ceo-quick-link,.agenda-summary-card,.appointment-premium-row,.system-kpi-grid>div,.manager-quick-grid>a,.manager-team-card,.manager-client-row,.manager-service-row,.manager-review-card,.manager-agenda-item,.payment-admin-method,.current-release,.update-upload,.stability-strip span,.progress-steps li,.backup-summary){background:var(--ui-surface-2)!important;border-color:var(--ui-border)!important;color:var(--ui-text)!important}
html[data-ui-scope="admin"] .stability-strip span{color:var(--ui-accent-strong)!important;border-color:var(--ui-border-strong,var(--ui-border))!important}
html[data-ui-scope="admin"] .current-release strong{color:var(--ui-accent-strong)!important}
html[data-ui-scope="admin"] :where(.update-file-picker,.update-file-name,.update-file-line small){color:var(--ui-text)!important}
html[data-ui-scope="admin"] .update-file-picker{background:var(--ui-surface-3)!important;border-color:var(--ui-border)!important}
html[data-ui-scope="admin"] .update-file-line small{color:var(--ui-muted)!important}
html[data-ui-scope="admin"] .progress-console{background:var(--ui-surface-3)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important}
html[data-ui-scope="admin"] .admin-data-table :where(th,td){border-color:var(--ui-border)!important;color:var(--ui-text)!important}
html[data-ui-scope="admin"] .admin-data-table th{background:var(--ui-surface-2)!important;color:var(--ui-muted)!important}
html[data-ui-scope="admin"] .admin-data-table tbody tr:hover td{background:var(--ui-accent-soft)!important}
html[data-ui-scope="admin"] .admin-data-table tbody td{background:var(--ui-surface)!important}
html[data-ui-scope="admin"] .admin-data-table tbody tr:nth-child(even) td{background:var(--ui-surface-2)!important}
html[data-ui-scope="admin"] :where(.admin-body,.manager-body) :where(.modern-image-upload,.professional-schedule-row,.manager-hours-row,.manager-store-block,.feature-center-summary article,.feature-table tbody td,.hours-row,.schedule-row){background:var(--ui-surface-2)!important;border-color:var(--ui-border)!important;color:var(--ui-text)!important}
html[data-ui-scope="admin"] :where(.admin-body,.manager-body) :where(.image-file-name,.progress-console){background:var(--ui-surface-3)!important;border-color:var(--ui-border)!important;color:var(--ui-text)!important}
html[data-ui-scope="admin"] :where(.btn.primary,.update-start){background:linear-gradient(135deg,var(--ui-accent),var(--ui-accent-2))!important;border-color:transparent!important;color:var(--ui-on-accent)!important}
html[data-ui-scope="admin"] :where(.btn.subtle,.btn.ghost,.btn.tiny,.manager-logout-btn){background:var(--ui-surface-2)!important;border-color:var(--ui-border)!important;color:var(--ui-text)!important}
html[data-ui-scope="admin"] :where(.admin-header,.manager-topbar){background:var(--ui-header)!important;border-bottom-color:var(--ui-border)!important;box-shadow:0 8px 26px rgba(15,24,38,.10)!important}
html[data-ui-scope="admin"] :where(.admin-nav,.manager-desktop-nav){background:var(--ui-nav)!important;border-color:var(--ui-border)!important}
html[data-ui-scope="admin"] :where(.admin-link,.admin-menu>summary,.manager-nav-link,.manager-more>summary){color:var(--ui-muted)!important;background:transparent!important}
html[data-ui-scope="admin"] :where(.admin-link:hover,.admin-link.is-active,.admin-menu.is-active>summary,.admin-menu[open]>summary,.manager-nav-link:hover,.manager-nav-link.is-active,.manager-more[open]>summary){background:var(--ui-accent-soft)!important;color:var(--ui-accent-strong)!important}
html[data-ui-scope="admin"] :where(.admin-submenu,.admin-profile-submenu,.manager-more>div){background:var(--ui-surface)!important;border-color:var(--ui-border-strong,var(--ui-border))!important;box-shadow:var(--ui-shadow)!important}
html[data-ui-scope="admin"] :where(.admin-submenu a,.admin-profile-submenu a,.admin-profile-submenu button,.manager-more>div a){color:var(--ui-text)!important;background:transparent!important}
html[data-ui-scope="admin"] :where(.admin-submenu a:hover,.admin-profile-submenu a:hover,.admin-profile-submenu button:hover,.manager-more>div a:hover){background:var(--ui-accent-soft)!important;color:var(--ui-accent-strong)!important}
html[data-ui-scope="admin"][data-ui-theme="clean"] .admin-brand-logo{background:linear-gradient(145deg,#0b1f3d,#173d67)!important;border-color:rgba(36,72,109,.36)!important;box-shadow:0 9px 22px rgba(28,48,70,.16)!important}
html[data-ui-scope="admin"][data-ui-theme="clean"] .admin-brand-logo img{opacity:1!important;filter:none!important}
.admin-body,.manager-body{background:var(--ui-bg)!important;color:var(--ui-text)!important;transition:background .2s ease,color .2s ease}
.admin-shell,.manager-shell{background:radial-gradient(circle at 12% 2%,var(--ui-accent-soft),transparent 30%),var(--ui-bg)!important;color:var(--ui-text)!important;min-height:100vh}
.admin-body .panel,.manager-body .panel,.manager-body .manager-card,.admin-body .form-card,.admin-body .auth-card{background:var(--ui-surface)!important;border-color:var(--ui-border)!important;color:var(--ui-text)!important;box-shadow:var(--ui-shadow)}
.admin-body input,.admin-body select,.admin-body textarea,.manager-body input,.manager-body select,.manager-body textarea{background:var(--ui-surface-2)!important;border-color:var(--ui-border)!important;color:var(--ui-text)!important}
.admin-body input::placeholder,.admin-body textarea::placeholder,.manager-body input::placeholder,.manager-body textarea::placeholder{color:var(--ui-muted)!important}
.admin-body small,.admin-body p,.admin-body .panel-subcopy,.manager-body small,.manager-body p{color:var(--ui-muted)}
.admin-body h1,.admin-body h2,.admin-body h3,.admin-body b,.admin-body strong,.manager-body h1,.manager-body h2,.manager-body h3,.manager-body b,.manager-body strong{color:var(--ui-text)}
.admin-body .eyebrow,.manager-body .eyebrow{color:var(--ui-accent)!important}
.admin-body .btn.primary,.manager-body .btn.primary{background:var(--ui-accent)!important;border-color:var(--ui-accent)!important;color:var(--ui-on-accent)!important;box-shadow:0 10px 26px var(--ui-accent-soft)}
.admin-body .btn.subtle,.admin-body .btn.ghost,.manager-body .btn.subtle,.manager-body .btn.ghost{background:var(--ui-surface-2)!important;border-color:var(--ui-border)!important;color:var(--ui-text)!important}
.admin-body .admin-header,.manager-body .manager-topbar{background:var(--ui-header)!important;border-bottom:1px solid var(--ui-border)!important;box-shadow:0 10px 32px rgba(0,0,0,.08);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.admin-body .admin-header-inner{width:min(calc(100% - 28px),1320px);min-height:76px;margin:auto;display:flex;align-items:center;gap:14px;position:relative}
.admin-body .admin-brand{flex:0 1 auto;min-width:190px;color:var(--ui-text)!important}
.admin-body .admin-brand small,.manager-body .manager-brand small{color:var(--ui-muted)!important}
.admin-body .admin-active-store{color:var(--ui-accent)!important;max-width:150px;display:inline-block;vertical-align:bottom;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-body .admin-nav{display:flex!important;align-items:center;justify-content:center;gap:2px;flex:1 1 auto;min-width:0;flex-wrap:nowrap;white-space:nowrap;background:var(--ui-nav);border:1px solid var(--ui-border);border-radius:17px;padding:4px;overflow:visible}
.admin-body .admin-link,.admin-body .admin-menu>summary,.manager-body .manager-nav-link,.manager-body .manager-more>summary{color:var(--ui-muted)!important;border-radius:12px!important;min-height:38px;padding:0 11px!important;background:transparent!important;transition:background .16s ease,color .16s ease,transform .16s ease}
.admin-body .admin-link:hover,.admin-body .admin-link.is-active,.admin-body .admin-menu.is-active>summary,.admin-body .admin-menu[open]>summary,.manager-body .manager-nav-link:hover,.manager-body .manager-nav-link.is-active,.manager-body .manager-more[open]>summary{background:var(--ui-accent-soft)!important;color:var(--ui-accent-strong)!important;transform:none}
.admin-body .admin-menu>summary:after{color:currentColor}
.admin-body .admin-submenu,.admin-body .admin-profile-submenu,.manager-body .manager-more>div{background:var(--ui-surface)!important;border:1px solid var(--ui-border)!important;box-shadow:var(--ui-shadow)!important;border-radius:16px!important;overflow:hidden}
.admin-body .admin-submenu a,.admin-body .admin-profile-submenu a,.admin-body .admin-profile-submenu button,.manager-body .manager-more>div a{color:var(--ui-text)!important}
.admin-body .admin-submenu a:hover,.admin-body .admin-profile-submenu a:hover,.admin-body .admin-profile-submenu button:hover,.manager-body .manager-more>div a:hover{background:var(--ui-accent-soft)!important;color:var(--ui-accent-strong)!important}
.admin-top-tools,.manager-user-area{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto}
.manager-nav-toggle,.admin-body .menu-toggle{width:40px;height:40px;min-width:40px;border-radius:12px;border:1px solid var(--ui-border)!important;background:var(--ui-surface-2)!important;color:var(--ui-text)!important;display:grid;place-items:center;cursor:pointer;padding:0;transition:background .16s ease,border-color .16s ease,color .16s ease}
.manager-nav-toggle:hover,.admin-body .menu-toggle:hover{background:var(--ui-accent-soft)!important;color:var(--ui-accent-strong)!important;border-color:var(--ui-accent)!important}
.manager-nav-toggle svg,.admin-body .menu-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.admin-body .admin-profile-menu>summary{background:var(--ui-surface-2)!important;border:1px solid var(--ui-border)!important;color:var(--ui-text)!important;border-radius:12px;min-height:40px;padding:5px 10px}
.admin-body .admin-profile-menu>summary small{color:var(--ui-accent)!important}
.manager-body{padding-bottom:0!important}
.manager-body .manager-topbar-inner{width:min(calc(100% - 28px),1320px);min-height:76px;margin:auto;display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(240px,1fr);align-items:center;gap:16px;position:relative}
.manager-body .manager-brand{color:var(--ui-text)!important}
.manager-body .manager-brand img{border-color:var(--ui-border)!important;box-shadow:none}
.manager-body .manager-desktop-nav{display:flex;align-items:center;justify-content:center;gap:2px;background:var(--ui-nav);border:1px solid var(--ui-border);border-radius:17px;padding:4px}
.manager-body .manager-user-identity{color:var(--ui-text)!important}
.manager-body .manager-user-identity img{border-color:var(--ui-accent)!important}
.manager-body .manager-logout-btn{background:var(--ui-surface-2)!important;border:1px solid var(--ui-border)!important;color:var(--ui-muted)!important;border-radius:12px!important}
.manager-body .manager-logout-btn:hover{background:var(--ui-accent-soft)!important;color:var(--ui-accent-strong)!important}
.manager-nav-toggle{display:none}
.manager-bottom-nav{display:none!important}
.manager-body .manager-main,.admin-body .admin-main{padding-top:24px}
.premium-dashboard{display:grid;gap:18px}
.premium-dashboard-head{background:linear-gradient(135deg,var(--ui-surface),var(--ui-surface-2));border:1px solid var(--ui-border);border-radius:24px;padding:24px 26px;box-shadow:var(--ui-shadow);display:flex;align-items:center;justify-content:space-between;gap:24px;overflow:hidden;position:relative}
.premium-dashboard-head:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-110px;top:-150px;background:var(--ui-accent-soft);pointer-events:none}
.premium-dashboard-head>div{position:relative;z-index:1}.premium-dashboard-head h1{font-size:clamp(1.65rem,2.4vw,2.35rem);margin:3px 0 6px}.premium-dashboard-head p{max-width:760px;margin:0;line-height:1.55}.premium-dashboard-actions{display:flex;gap:8px;position:relative;z-index:1;flex:0 0 auto}
.executive-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.executive-kpi-grid article,.premium-manager-kpis article{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:18px;padding:17px 18px;box-shadow:var(--ui-shadow);min-width:0}.executive-kpi-grid span,.premium-manager-kpis span{display:block;color:var(--ui-muted);font-size:.78rem;font-weight:700}.executive-kpi-grid strong,.premium-manager-kpis strong{display:block;margin:7px 0 4px;font-size:1.55rem;line-height:1.05;color:var(--ui-text)}.executive-kpi-grid small,.premium-manager-kpis small{display:block;color:var(--ui-muted);font-size:.72rem;line-height:1.35}
.analytics-grid{display:grid;gap:14px}.analytics-grid-primary{grid-template-columns:minmax(0,2fr) minmax(300px,.9fr)}.analytics-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-grid-strategy{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
.analytics-card{min-width:0;padding:20px!important;border-radius:20px!important}.analytics-card-wide{min-width:0}.analytics-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.analytics-card-head h2{margin:2px 0 3px;font-size:1.06rem}.analytics-card-head p{margin:0;font-size:.78rem;line-height:1.45}.analytics-card-head>strong{color:var(--ui-accent-strong)!important;font-size:1.15rem;white-space:nowrap}.analytics-card-head>a{color:var(--ui-accent)!important;text-decoration:none;font-size:.78rem;font-weight:800}
.analytics-line-wrap{width:100%;overflow:hidden}.analytics-line-chart{display:block;width:100%;height:auto;min-height:220px}.analytics-line-chart .analytics-chart-grid line{stroke:var(--ui-border);stroke-width:1}.analytics-area{fill:var(--ui-accent);opacity:.12}.analytics-line{fill:none;stroke:var(--ui-accent);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.analytics-axis text{font-size:18px;fill:var(--ui-muted)}
.analytics-empty{min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed var(--ui-border);border-radius:16px;padding:22px;color:var(--ui-muted);background:var(--ui-surface-2)}.analytics-empty b{color:var(--ui-text);margin-bottom:5px}.analytics-empty span{font-size:.78rem;max-width:420px;line-height:1.5}.analytics-empty.compact{min-height:110px;padding:16px}
.analytics-donut-layout{display:grid;grid-template-columns:154px minmax(0,1fr);gap:18px;align-items:center}.analytics-donut{width:154px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;position:relative;box-shadow:inset 0 0 0 1px var(--ui-border)}.analytics-donut:after{content:"";position:absolute;width:60%;height:60%;border-radius:50%;background:var(--ui-surface);box-shadow:0 0 0 1px var(--ui-border)}.analytics-donut span{position:relative;z-index:1;display:grid;text-align:center}.analytics-donut strong{font-size:1.45rem}.analytics-donut small{font-size:.68rem;color:var(--ui-muted)}.analytics-donut-legend{display:grid;gap:7px}.analytics-donut-legend>div{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:7px;align-items:center;font-size:.73rem;color:var(--ui-muted)}.analytics-donut-legend i{width:8px;height:8px;border-radius:50%}.analytics-donut-legend b{font-size:.74rem}
.analytics-hbars{display:grid;gap:13px}.analytics-hbar{display:grid;gap:6px}.analytics-hbar-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.analytics-hbar-head b{font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:68%}.analytics-hbar-head strong{font-size:.74rem;color:var(--ui-accent-strong)!important;white-space:nowrap}.analytics-hbar-track{display:block;height:8px;border-radius:999px;background:var(--ui-surface-3);overflow:hidden}.analytics-hbar-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ui-accent),var(--ui-accent-2))}
.analytics-columns{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;align-items:end;min-height:220px;padding-top:10px}.analytics-column{display:grid;grid-template-rows:1fr auto auto;gap:5px;align-items:end;text-align:center;min-width:0}.analytics-column>div{height:160px;display:flex;align-items:flex-end;justify-content:center;border-bottom:1px solid var(--ui-border)}.analytics-column i{display:block;width:min(28px,70%);min-height:5px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,var(--ui-accent-2),var(--ui-accent))}.analytics-column b{font-size:.74rem}.analytics-column small{font-size:.66rem;color:var(--ui-muted);white-space:nowrap}
.analytics-insights{display:grid;gap:10px}.analytics-insight{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;padding:13px;border-radius:15px;background:var(--ui-surface-2);border:1px solid var(--ui-border)}.analytics-insight>span{width:38px;height:38px;border-radius:12px;background:var(--ui-accent-soft);color:var(--ui-accent);display:grid;place-items:center}.analytics-insight svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.analytics-insight b{font-size:.8rem}.analytics-insight p{font-size:.74rem;line-height:1.48;margin:4px 0 0}.premium-quick-panel{padding:20px!important;border-radius:20px!important}.premium-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.manager-analytics-dashboard{gap:15px}.manager-premium-head{padding:20px 22px}.premium-manager-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}.manager-analytics-primary{grid-template-columns:minmax(0,1.65fr) minmax(280px,.9fr)}.manager-analytics-lower{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.manager-body .analytics-card{background:var(--ui-surface)!important}.manager-body .manager-agenda-item{border-color:var(--ui-border)!important;background:var(--ui-surface-2)!important}.manager-body .manager-agenda-item time,.manager-body .manager-mini-action{color:var(--ui-accent)!important}
.appearance-panel{padding:22px!important}.appearance-form{display:grid;gap:22px}.theme-preset-group{display:grid;gap:10px}.theme-preset-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.theme-preset-title b{font-size:.87rem}.theme-preset-title span{font-size:.72rem;color:var(--ui-muted)}.theme-preset-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.theme-preset-card{display:grid;gap:7px;padding:10px;border-radius:15px;border:1px solid var(--ui-border);background:var(--ui-surface-2);cursor:pointer;position:relative;transition:border-color .16s ease,transform .16s ease,background .16s ease}.theme-preset-card:hover{transform:translateY(-1px);border-color:var(--ui-accent)}.theme-preset-card:has(input:checked){border-color:var(--ui-accent);box-shadow:0 0 0 2px var(--ui-accent-soft)}.theme-preset-card input{position:absolute;right:9px;top:9px;width:16px;height:16px;accent-color:var(--ui-accent)}.theme-preset-card>b{font-size:.77rem}.theme-preset-card>small{font-size:.67rem;line-height:1.38;color:var(--ui-muted)}.theme-preset-preview{height:64px;border-radius:11px;border:1px solid rgba(127,127,127,.2);display:flex;align-items:flex-end;gap:5px;padding:8px;overflow:hidden}.theme-preset-preview i{display:block;border-radius:6px}.theme-preset-preview i:nth-child(1){width:55%;height:100%;background:rgba(255,255,255,.7)}.theme-preset-preview i:nth-child(2){width:25%;height:65%}.theme-preset-preview i:nth-child(3){width:20%;height:42%}.theme-preview-dark-nocturne{background:#111214}.theme-preview-dark-nocturne i:nth-child(1){background:#1a1c20}.theme-preview-dark-nocturne i:nth-child(2){background:#e47d39}.theme-preview-dark-nocturne i:nth-child(3){background:#e5b64f}.theme-preview-dark-obsidian{background:#0d0d0e}.theme-preview-dark-obsidian i:nth-child(1){background:#171719}.theme-preview-dark-obsidian i:nth-child(2){background:#bf7047}.theme-preview-dark-obsidian i:nth-child(3){background:#d4a75c}.theme-preview-dark-indigo{background:#0d1220}.theme-preview-dark-indigo i:nth-child(1){background:#151c2e}.theme-preview-dark-indigo i:nth-child(2){background:#6d8fd3}.theme-preview-dark-indigo i:nth-child(3){background:#b279c7}.theme-preview-dark-berry{background:#171018}.theme-preview-dark-berry i:nth-child(1){background:#211722}.theme-preview-dark-berry i:nth-child(2){background:#c06f9c}.theme-preview-dark-berry i:nth-child(3){background:#b889d4}.theme-preview-dark-petrol{background:#0c1517}.theme-preview-dark-petrol i:nth-child(1){background:#132023}.theme-preview-dark-petrol i:nth-child(2){background:#4b9a9d}.theme-preview-dark-petrol i:nth-child(3){background:#c29361}.appearance-actions{display:flex;align-items:center;gap:14px}.appearance-actions span{font-size:.72rem;color:var(--ui-muted)}
.admin-body .system-command-center,.admin-body .appointments-command-panel,.admin-body .admin-users-hero,.admin-body .hours-admin-panel,.admin-body .schedule-exceptions-panel,.admin-body .access-control-hero,.admin-body .identity-admin-card,.admin-body .update-hero,.admin-body .ceo-dashboard-head,.admin-body .ceo-kpi-card,.admin-body .ceo-store-card,.admin-body .ceo-access-card,.admin-body .ceo-quick-panel{background:var(--ui-surface)!important;border-color:var(--ui-border)!important;color:var(--ui-text)!important}
.admin-body .admin-setting-card,.admin-body .ceo-quick-link,.admin-body .agenda-summary-card,.admin-body .appointment-premium-row,.admin-body .system-kpi-grid>div,.manager-body .manager-quick-grid>a,.manager-body .manager-team-card,.manager-body .manager-client-row,.manager-body .manager-service-row,.manager-body .manager-review-card{background:var(--ui-surface-2)!important;border-color:var(--ui-border)!important;color:var(--ui-text)!important}
.admin-body .admin-data-table th,.admin-body .admin-data-table td{border-color:var(--ui-border)!important;color:var(--ui-text)!important}.admin-body .admin-data-table th{color:var(--ui-muted)!important}
.admin-body .system-mini-chart,.admin-body .system-chart-panel{border-color:var(--ui-border)!important}.admin-body .system-chart-bar>span{background:linear-gradient(180deg,var(--ui-accent-2),var(--ui-accent))!important}
@media(max-width:1180px){
.admin-body .admin-header-inner{flex-wrap:nowrap}
.admin-body .admin-brand{min-width:0;flex:1 1 auto}
.admin-body .admin-nav{display:none!important;position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:120;padding:8px;background:var(--ui-surface)!important;border:1px solid var(--ui-border)!important;border-radius:18px;box-shadow:var(--ui-shadow);grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:5px;white-space:normal}
.admin-body .admin-header.nav-open .admin-nav{display:grid!important;animation:premiumTopMenu .16s ease both}
.admin-body .admin-link,.admin-body .admin-menu>summary{width:100%;justify-content:flex-start!important;min-height:42px}
.admin-body .admin-menu{width:100%}
.admin-body .admin-submenu{position:static!important;margin-top:4px!important;box-shadow:none!important;background:var(--ui-surface-2)!important}
.admin-body .menu-toggle{display:grid!important;order:initial!important;margin-left:0!important}
}
@media(max-width:1100px){
.manager-body .manager-topbar-inner{grid-template-columns:minmax(0,1fr) auto}
.manager-body .manager-desktop-nav{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:120;padding:8px;background:var(--ui-surface)!important;border:1px solid var(--ui-border);border-radius:18px;box-shadow:var(--ui-shadow);grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:5px}
.manager-body .manager-topbar.nav-open .manager-desktop-nav{display:grid!important;animation:premiumTopMenu .16s ease both}
.manager-body .manager-nav-link,.manager-body .manager-more>summary{justify-content:flex-start;min-height:42px;width:100%}
.manager-body .manager-more{width:100%}.manager-body .manager-more>div{position:static!important;margin-top:4px;min-width:0;box-shadow:none!important;background:var(--ui-surface-2)!important}
.manager-nav-toggle{display:grid}.manager-body .manager-user-identity span,.manager-body .manager-logout-btn span{display:none}
.analytics-grid-primary,.manager-analytics-primary{grid-template-columns:1fr}.analytics-grid-strategy,.manager-analytics-lower{grid-template-columns:1fr}.executive-kpi-grid,.premium-manager-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.theme-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.premium-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
.admin-body .admin-header-inner,.manager-body .manager-topbar-inner{width:100%;padding:0 12px;min-height:64px}
.admin-body .admin-brand b{font-size:.86rem}.admin-body .admin-brand small{font-size:.64rem}.admin-body .admin-brand-logo{width:38px;height:38px}.admin-body .admin-profile-menu>summary strong{display:none}.admin-body .admin-profile-menu>summary{width:42px;min-width:42px;padding:0;display:grid;place-items:center}.admin-body .admin-profile-menu>summary small{font-size:.65rem}
.admin-body .admin-nav,.manager-body .manager-desktop-nav{left:10px;right:10px;top:calc(100% + 6px);grid-template-columns:repeat(2,minmax(0,1fr));max-height:calc(100vh - 90px);overflow:auto}
.manager-body .manager-brand img{width:38px;height:38px}.manager-body .manager-brand b{font-size:.82rem}.manager-body .manager-brand small{font-size:.62rem}.manager-body .manager-user-area{gap:5px}.manager-body .manager-user-identity{display:none}.manager-body .manager-logout-btn,.manager-nav-toggle,.admin-body .menu-toggle{width:38px;height:38px;min-width:38px}
.admin-body .admin-main,.manager-body .manager-main{padding:12px 10px 16px!important}.admin-body .admin-content,.manager-body .manager-content{width:100%}
.premium-dashboard{gap:12px}.premium-dashboard-head{padding:17px;border-radius:18px;align-items:flex-start;flex-direction:column}.premium-dashboard-head h1{font-size:1.6rem}.premium-dashboard-head p{font-size:.78rem}.premium-dashboard-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.premium-dashboard-actions .btn,.manager-premium-head>.btn{width:100%;justify-content:center}.manager-premium-head>.btn{align-self:stretch}
.executive-kpi-grid,.premium-manager-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}.executive-kpi-grid article,.premium-manager-kpis article{padding:13px 12px;border-radius:15px}.executive-kpi-grid strong,.premium-manager-kpis strong{font-size:1.05rem}.executive-kpi-grid span,.premium-manager-kpis span{font-size:.67rem}.executive-kpi-grid small,.premium-manager-kpis small{font-size:.61rem}
.analytics-grid,.analytics-grid-two,.manager-analytics-secondary{grid-template-columns:1fr!important;gap:10px}.analytics-card{padding:15px!important;border-radius:17px!important}.analytics-card-head{margin-bottom:12px}.analytics-card-head h2{font-size:.95rem}.analytics-card-head p{font-size:.69rem}.analytics-card-head>strong{font-size:.92rem}.analytics-line-chart{min-height:160px}.analytics-axis text{font-size:22px}.analytics-donut-layout{grid-template-columns:126px minmax(0,1fr);gap:12px}.analytics-donut{width:126px}.analytics-donut-legend>div{font-size:.66rem}.analytics-columns{min-height:180px;gap:4px}.analytics-column>div{height:125px}.analytics-column i{width:min(20px,70%)}.analytics-column small{font-size:.58rem}.analytics-insight{grid-template-columns:32px minmax(0,1fr);padding:11px}.analytics-insight>span{width:32px;height:32px}.analytics-insight p{font-size:.68rem}
.theme-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.appearance-panel{padding:15px!important}.theme-preset-title{align-items:flex-start;flex-direction:column;gap:2px}.appearance-actions{align-items:stretch;flex-direction:column}.appearance-actions .btn{width:100%}
.premium-quick-grid{grid-template-columns:1fr!important}
}
@media(max-width:430px){
.executive-kpi-grid,.premium-manager-kpis{grid-template-columns:1fr 1fr!important}.theme-preset-grid{grid-template-columns:1fr 1fr}.theme-preset-card{padding:8px}.theme-preset-preview{height:54px}.analytics-donut-layout{grid-template-columns:1fr}.analytics-donut{margin:auto}.analytics-donut-legend{grid-template-columns:1fr 1fr}.premium-dashboard-actions{grid-template-columns:1fr}
}
@keyframes premiumTopMenu{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
.appearance-page{gap:16px}.appearance-hero{align-items:center}.appearance-current-badge{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:999px;background:var(--ui-accent-soft);border:1px solid color-mix(in srgb,var(--ui-accent) 34%,var(--ui-border));color:var(--ui-accent-strong);font-size:.74rem;font-weight:850;white-space:nowrap}
.appearance-form-page{gap:16px}.theme-library-panel{padding:20px!important}.theme-library-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}.theme-library-head h2{margin:3px 0 5px}.theme-library-head p{margin:0;max-width:760px;line-height:1.5}.theme-library-head>span{display:inline-flex;padding:7px 10px;border-radius:999px;background:var(--ui-surface-2);border:1px solid var(--ui-border);color:var(--ui-muted);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.theme-preset-grid-library{grid-template-columns:repeat(5,minmax(0,1fr))}.theme-preset-card-large{padding:11px}.theme-preset-card-large .theme-preset-preview{height:82px}.theme-preset-copy{display:grid;gap:4px}.theme-preset-copy b{font-size:.78rem}.theme-preset-copy small{font-size:.66rem;line-height:1.4;color:var(--ui-muted)}
.appearance-sticky-actions{position:sticky;bottom:12px;z-index:25;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 14px 13px 17px;border-radius:17px;background:color-mix(in srgb,var(--ui-surface) 92%,transparent);border:1px solid var(--ui-border);box-shadow:var(--ui-shadow);backdrop-filter:blur(16px)}.appearance-sticky-actions>div{display:grid;gap:2px}.appearance-sticky-actions b{font-size:.8rem}.appearance-sticky-actions span{font-size:.7rem;color:var(--ui-muted)}.appearance-sticky-actions .btn{min-width:150px}.appearance-shortcut-panel .panel-title-line{margin-bottom:0}
.premium-dashboard{width:100%}.premium-dashboard-head{border:1px solid var(--ui-border);box-shadow:var(--ui-shadow)}
.executive-kpi-grid article,.premium-manager-kpis article{position:relative;overflow:hidden}.executive-kpi-grid article:before,.premium-manager-kpis article:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--ui-accent),var(--ui-accent-2));opacity:.9}
.analytics-grid-primary{grid-template-columns:minmax(0,1.9fr) minmax(300px,.78fr)}.executive-operational-row{grid-template-columns:minmax(0,1.55fr) minmax(300px,.72fr)}
.analytics-card{overflow:hidden}.analytics-card-head{padding-bottom:4px}.analytics-line-chart{min-height:230px}.analytics-line-zero{position:relative}.analytics-line-zero .analytics-line{opacity:.42;stroke-dasharray:8 8}.analytics-zero-note{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);padding:7px 10px;border-radius:999px;background:var(--ui-surface-2);border:1px solid var(--ui-border);font-size:.68rem;font-weight:750;white-space:nowrap;box-shadow:0 6px 18px color-mix(in srgb,var(--ui-bg) 18%,transparent)}
.analytics-chart-empty-frame{min-height:210px;position:relative;display:grid;place-items:center;border-radius:16px;overflow:hidden;background:var(--ui-surface-2);border:1px dashed var(--ui-border)}.analytics-chart-empty-frame.compact{min-height:140px}.analytics-empty-grid{position:absolute;inset:16px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 30px,var(--ui-border) 31px,var(--ui-border) 32px);opacity:.6}.analytics-chart-empty-frame>span{position:relative;z-index:1;padding:7px 10px;border-radius:999px;background:var(--ui-surface);border:1px solid var(--ui-border);color:var(--ui-muted);font-size:.7rem;font-weight:750}
.analytics-columns.is-zero .analytics-column i{opacity:.38}.analytics-percentage-ring-layout{display:grid;grid-template-columns:164px minmax(0,1fr);gap:20px;align-items:center;min-height:210px}.analytics-percentage-ring{--ring-value:0%;width:164px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(var(--ui-accent) 0 var(--ring-value),var(--ui-surface-3) var(--ring-value) 100%);box-shadow:inset 0 0 0 1px var(--ui-border)}.analytics-percentage-ring:after{content:"";position:absolute;width:69%;height:69%;border-radius:50%;background:var(--ui-surface);box-shadow:0 0 0 1px var(--ui-border)}.analytics-percentage-ring span{position:relative;z-index:1;display:grid;text-align:center;gap:2px}.analytics-percentage-ring strong{font-size:1.45rem}.analytics-percentage-ring small{font-size:.68rem;color:var(--ui-muted)}.analytics-percentage-ring-layout p{margin:0;line-height:1.55;color:var(--ui-muted);font-size:.78rem}
.admin-body .admin-header,.manager-body .manager-topbar{background:var(--ui-header)!important;border-bottom-color:var(--ui-border)!important;box-shadow:0 8px 30px color-mix(in srgb,var(--ui-bg) 20%,transparent)}
.admin-body .admin-nav,.manager-body .manager-desktop-nav{background:var(--ui-nav);border:1px solid var(--ui-border);border-radius:16px;padding:4px;backdrop-filter:blur(14px)}
.admin-body .admin-submenu,.admin-body .admin-profile-submenu,.manager-body .manager-more>div{backdrop-filter:blur(18px)}
@media (max-width:1180px){
.theme-preset-grid-library{grid-template-columns:repeat(3,minmax(0,1fr))}
.analytics-grid-primary,.executive-operational-row{grid-template-columns:1fr}.analytics-percentage-ring-layout{grid-template-columns:145px minmax(0,1fr)}.analytics-percentage-ring{width:145px}
}
@media (max-width:760px){
.theme-library-head{align-items:flex-start;flex-direction:column}.theme-preset-grid-library{grid-template-columns:repeat(2,minmax(0,1fr))}.appearance-current-badge{align-self:flex-start}.appearance-sticky-actions{bottom:8px;align-items:stretch;flex-direction:column}.appearance-sticky-actions .btn{width:100%}
.analytics-percentage-ring-layout{grid-template-columns:1fr;text-align:center;min-height:auto}.analytics-percentage-ring{width:136px;margin:4px auto}.analytics-percentage-ring-layout p{max-width:340px;margin:0 auto}.analytics-line-chart{min-height:190px}.analytics-zero-note{max-width:86%;white-space:normal;text-align:center}
.admin-body .admin-nav,.manager-body .manager-desktop-nav{border-radius:18px;padding:8px;background:var(--ui-surface)!important}
}
@media (max-width:480px){
.theme-preset-grid-library{grid-template-columns:1fr 1fr}.theme-preset-card-large .theme-preset-preview{height:66px}.theme-preset-copy small{font-size:.63rem}.theme-library-panel{padding:15px!important}
}
.theme-preview-light-clean{background:#f4f7fb!important}.theme-preview-light-clean i:nth-child(1){background:#ffffff!important}.theme-preview-light-clean i:nth-child(2){background:#365f8c!important}.theme-preview-light-clean i:nth-child(3){background:#9d6653!important}
.theme-preview-dark-nocturne{background:#07142e!important}.theme-preview-dark-nocturne i:nth-child(1){background:#0a1d42!important}.theme-preview-dark-nocturne i:nth-child(2){background:#ff8a00!important}.theme-preview-dark-nocturne i:nth-child(3){background:#ffc44d!important}
.theme-preview-dark-obsidian{background:#0b1a37!important}.theme-preview-dark-obsidian i:nth-child(1){background:#12264c!important}.theme-preview-dark-obsidian i:nth-child(2){background:#d7834e!important}.theme-preview-dark-obsidian i:nth-child(3){background:#e8b35a!important}
.theme-preview-dark-indigo{background:#131735!important}.theme-preview-dark-indigo i:nth-child(1){background:#1d2348!important}.theme-preview-dark-indigo i:nth-child(2){background:#8296e7!important}.theme-preview-dark-indigo i:nth-child(3){background:#b183d5!important}
.theme-preview-dark-berry{background:#2a1630!important}.theme-preview-dark-berry i:nth-child(1){background:#3a2040!important}.theme-preview-dark-berry i:nth-child(2){background:#d27aa8!important}.theme-preview-dark-berry i:nth-child(3){background:#be91df!important}
.theme-preview-dark-petrol{background:#0b2b31!important}.theme-preview-dark-petrol i:nth-child(1){background:#12383f!important}.theme-preview-dark-petrol i:nth-child(2){background:#58b8b5!important}.theme-preview-dark-petrol i:nth-child(3){background:#d1a56d!important}
.theme-preview-dark-amethyst{background:#24173a!important}.theme-preview-dark-amethyst i:nth-child(1){background:#33204d!important}.theme-preview-dark-amethyst i:nth-child(2){background:#b58cff!important}.theme-preview-dark-amethyst i:nth-child(3){background:#e790b9!important}
.theme-preview-dark-navyrose{background:#0d2440!important}.theme-preview-dark-navyrose i:nth-child(1){background:#153657!important}.theme-preview-dark-navyrose i:nth-child(2){background:#e08fa4!important}.theme-preview-dark-navyrose i:nth-child(3){background:#dcb66f!important}
.theme-preview-dark-emerald{background:#10352f!important}.theme-preview-dark-emerald i:nth-child(1){background:#19483e!important}.theme-preview-dark-emerald i:nth-child(2){background:#6fc7a3!important}.theme-preview-dark-emerald i:nth-child(3){background:#d4b96c!important}
.theme-preview-dark-cocoa{background:#35251f!important}.theme-preview-dark-cocoa i:nth-child(1){background:#49342c!important}.theme-preview-dark-cocoa i:nth-child(2){background:#d99a72!important}.theme-preview-dark-cocoa i:nth-child(3){background:#c783a8!important}
.theme-preview-dark-ocean{background:#0a3145!important}.theme-preview-dark-ocean i:nth-child(1){background:#10445b!important}.theme-preview-dark-ocean i:nth-child(2){background:#55b8d1!important}.theme-preview-dark-ocean i:nth-child(3){background:#f08a7f!important}
.theme-preview-public-light-pub-clean{background:#f7f9fc!important}.theme-preview-public-light-pub-clean i:nth-child(1){background:#fff!important}.theme-preview-public-light-pub-clean i:nth-child(2){background:#3c6f9f!important}.theme-preview-public-light-pub-clean i:nth-child(3){background:#9b6c5c!important}
.theme-preview-public-light-pub-rose{background:#f9f1f4!important}.theme-preview-public-light-pub-rose i:nth-child(1){background:#fffdfd!important}.theme-preview-public-light-pub-rose i:nth-child(2){background:#b83f69!important}.theme-preview-public-light-pub-rose i:nth-child(3){background:#ce6f55!important}
.theme-preview-public-light-pub-orchid{background:#f6f1fb!important}.theme-preview-public-light-pub-orchid i:nth-child(1){background:#fffefe!important}.theme-preview-public-light-pub-orchid i:nth-child(2){background:#7f4db3!important}.theme-preview-public-light-pub-orchid i:nth-child(3){background:#bd5f8c!important}
.theme-preview-public-light-pub-clinic{background:#fcfeff!important}.theme-preview-public-light-pub-clinic i:nth-child(1){background:#ffffff!important}.theme-preview-public-light-pub-clinic i:nth-child(2){background:#2f7297!important}.theme-preview-public-light-pub-clinic i:nth-child(3){background:#278f91!important}
.theme-preview-public-light-pub-office{background:#f1f5f9!important}.theme-preview-public-light-pub-office i:nth-child(1){background:#fff!important}.theme-preview-public-light-pub-office i:nth-child(2){background:#2f5f8d!important}.theme-preview-public-light-pub-office i:nth-child(3){background:#8c5b46!important}
.theme-preview-public-dark-pub-night-violet{background:#241735!important}.theme-preview-public-dark-pub-night-violet i:nth-child(1){background:#311d46!important}.theme-preview-public-dark-pub-night-violet i:nth-child(2){background:#c27adf!important}.theme-preview-public-dark-pub-night-violet i:nth-child(3){background:#ef8fb8!important}
.theme-preview-public-dark-pub-night-rose{background:#321a2b!important}.theme-preview-public-dark-pub-night-rose i:nth-child(1){background:#432139!important}.theme-preview-public-dark-pub-night-rose i:nth-child(2){background:#de769f!important}.theme-preview-public-dark-pub-night-rose i:nth-child(3){background:#ee8a79!important}
.theme-preview-public-dark-pub-night-clinic{background:#0b2740!important}.theme-preview-public-dark-pub-night-clinic i:nth-child(1){background:#103651!important}.theme-preview-public-dark-pub-night-clinic i:nth-child(2){background:#55b4d2!important}.theme-preview-public-dark-pub-night-clinic i:nth-child(3){background:#65c5b8!important}
.theme-preview-public-dark-pub-night-health{background:#12352f!important}.theme-preview-public-dark-pub-night-health i:nth-child(1){background:#19483e!important}.theme-preview-public-dark-pub-night-health i:nth-child(2){background:#6fc7a3!important}.theme-preview-public-dark-pub-night-health i:nth-child(3){background:#b5cf72!important}
.theme-preview-public-dark-pub-night-spa{background:#123339!important}.theme-preview-public-dark-pub-night-spa i:nth-child(1){background:#19454a!important}.theme-preview-public-dark-pub-night-spa i:nth-child(2){background:#72c7b4!important}.theme-preview-public-dark-pub-night-spa i:nth-child(3){background:#d8b072!important}
.theme-preview-public-dark-pub-night-office{background:#10223c!important}.theme-preview-public-dark-pub-night-office i:nth-child(1){background:#173150!important}.theme-preview-public-dark-pub-night-office i:nth-child(2){background:#6fa2d8!important}.theme-preview-public-dark-pub-night-office i:nth-child(3){background:#d39a72!important}
.theme-preview-public-dark-pub-night-plum{background:#321b3c!important}.theme-preview-public-dark-pub-night-plum i:nth-child(1){background:#432451!important}.theme-preview-public-dark-pub-night-plum i:nth-child(2){background:#c885dd!important}.theme-preview-public-dark-pub-night-plum i:nth-child(3){background:#e38fa8!important}
.theme-preview-public-dark-pub-night-copper{background:#35271f!important}.theme-preview-public-dark-pub-night-copper i:nth-child(1){background:#493429!important}.theme-preview-public-dark-pub-night-copper i:nth-child(2){background:#d79a72!important}.theme-preview-public-dark-pub-night-copper i:nth-child(3){background:#e0bd6e!important}
.theme-preview-public-dark-pub-night-aqua{background:#0c3540!important}.theme-preview-public-dark-pub-night-aqua i:nth-child(1){background:#124854!important}.theme-preview-public-dark-pub-night-aqua i:nth-child(2){background:#57bec7!important}.theme-preview-public-dark-pub-night-aqua i:nth-child(3){background:#e3807a!important}
.theme-preview-public-dark-pub-night-indigo{background:#202044!important}.theme-preview-public-dark-pub-night-indigo i:nth-child(1){background:#2b2b59!important}.theme-preview-public-dark-pub-night-indigo i:nth-child(2){background:#8d99eb!important}.theme-preview-public-dark-pub-night-indigo i:nth-child(3){background:#cf8ec6!important}
.theme-preview-public-dark-pub-night-gold{background:#16233a!important}.theme-preview-public-dark-pub-night-gold i:nth-child(1){background:#203250!important}.theme-preview-public-dark-pub-night-gold i:nth-child(2){background:#f0c85a!important}.theme-preview-public-dark-pub-night-gold i:nth-child(3){background:#d99a35!important}
.theme-preview-public-dark-pub-night-lilac-gold{background:#2b1d3f!important}.theme-preview-public-dark-pub-night-lilac-gold i:nth-child(1){background:#3a2953!important}.theme-preview-public-dark-pub-night-lilac-gold i:nth-child(2){background:#cda0ef!important}.theme-preview-public-dark-pub-night-lilac-gold i:nth-child(3){background:#e6bd57!important}
.theme-preview-public-dark-pub-night-amber{background:#17243a!important}.theme-preview-public-dark-pub-night-amber i:nth-child(1){background:#213451!important}.theme-preview-public-dark-pub-night-amber i:nth-child(2){background:#f4bd3d!important}.theme-preview-public-dark-pub-night-amber i:nth-child(3){background:#ed8f32!important}
.theme-preview-public-dark-pub-night-sunflower{background:#29301f!important}.theme-preview-public-dark-pub-night-sunflower i:nth-child(1){background:#394229!important}.theme-preview-public-dark-pub-night-sunflower i:nth-child(2){background:#e9c84d!important}.theme-preview-public-dark-pub-night-sunflower i:nth-child(3){background:#cda43c!important}
.theme-preview-public-dark-pub-night-champagne{background:#2a2142!important}.theme-preview-public-dark-pub-night-champagne i:nth-child(1){background:#392d56!important}.theme-preview-public-dark-pub-night-champagne i:nth-child(2){background:#e1b96d!important}.theme-preview-public-dark-pub-night-champagne i:nth-child(3){background:#b993e4!important}
.theme-preview-public-dark-pub-night-black-yellow{background:#08090b!important}.theme-preview-public-dark-pub-night-black-yellow i:nth-child(1){background:#15181b!important}.theme-preview-public-dark-pub-night-black-yellow i:nth-child(2){background:#ffd400!important}.theme-preview-public-dark-pub-night-black-yellow i:nth-child(3){background:#d8a600!important}
.theme-preview-public-dark-pub-night-black-gold{background:#0b0b0a!important}.theme-preview-public-dark-pub-night-black-gold i:nth-child(1){background:#191713!important}.theme-preview-public-dark-pub-night-black-gold i:nth-child(2){background:#d9ad45!important}.theme-preview-public-dark-pub-night-black-gold i:nth-child(3){background:#f2dfaa!important}
.theme-preview-public-dark-pub-night-ice-gold{background:#0f1418!important}.theme-preview-public-dark-pub-night-ice-gold i:nth-child(1){background:#1a2228!important}.theme-preview-public-dark-pub-night-ice-gold i:nth-child(2){background:#dfb94f!important}.theme-preview-public-dark-pub-night-ice-gold i:nth-child(3){background:#eaf3f8!important}
.theme-preview-public-dark-pub-night-yellow-luxe{background:#141107!important}.theme-preview-public-dark-pub-night-yellow-luxe i:nth-child(1){background:#25200f!important}.theme-preview-public-dark-pub-night-yellow-luxe i:nth-child(2){background:#ffcf24!important}.theme-preview-public-dark-pub-night-yellow-luxe i:nth-child(3){background:#c89518!important}
.theme-preview-public-dark-pub-night-carbon-champagne{background:#0d1013!important}.theme-preview-public-dark-pub-night-carbon-champagne i:nth-child(1){background:#171c21!important}.theme-preview-public-dark-pub-night-carbon-champagne i:nth-child(2){background:#e8c97c!important}.theme-preview-public-dark-pub-night-carbon-champagne i:nth-child(3){background:#eef4f7!important}
.theme-preview-public-dark-pub-night-royal-purple-gold{background:#130824!important}.theme-preview-public-dark-pub-night-royal-purple-gold i:nth-child(1){background:#21103a!important}.theme-preview-public-dark-pub-night-royal-purple-gold i:nth-child(2){background:#e0b94f!important}.theme-preview-public-dark-pub-night-royal-purple-gold i:nth-child(3){background:#c8a4f2!important}
.theme-preview-public-dark-pub-night-deep-purple-yellow{background:#0c0518!important}.theme-preview-public-dark-pub-night-deep-purple-yellow i:nth-child(1){background:#1c0d30!important}.theme-preview-public-dark-pub-night-deep-purple-yellow i:nth-child(2){background:#ffd21f!important}.theme-preview-public-dark-pub-night-deep-purple-yellow i:nth-child(3){background:#b98be9!important}
.theme-preview-public-dark-pub-night-lilac-gold-premium{background:#211033!important}.theme-preview-public-dark-pub-night-lilac-gold-premium i:nth-child(1){background:#331a4b!important}.theme-preview-public-dark-pub-night-lilac-gold-premium i:nth-child(2){background:#cfa7f0!important}.theme-preview-public-dark-pub-night-lilac-gold-premium i:nth-child(3){background:#e4b84a!important}
.theme-preview-public-dark-pub-night-violet-bullion{background:#180a2a!important}.theme-preview-public-dark-pub-night-violet-bullion i:nth-child(1){background:#2a1343!important}.theme-preview-public-dark-pub-night-violet-bullion i:nth-child(2){background:#e4b53a!important}.theme-preview-public-dark-pub-night-violet-bullion i:nth-child(3){background:#b786ed!important}
.theme-preview-public-dark-pub-night-amethyst-yellow{background:#1d0b2f!important}.theme-preview-public-dark-pub-night-amethyst-yellow i:nth-child(1){background:#32174a!important}.theme-preview-public-dark-pub-night-amethyst-yellow i:nth-child(2){background:#ffcb1d!important}.theme-preview-public-dark-pub-night-amethyst-yellow i:nth-child(3){background:#d5a0f1!important}
.theme-preset-grid-single{grid-template-columns:minmax(260px,420px)!important;justify-content:start}
.theme-tone-chip{display:inline-flex;align-items:center;width:max-content;min-height:20px;padding:0 7px;border-radius:999px;background:var(--ui-accent-soft);color:var(--ui-accent-strong);font-size:.62rem;font-weight:850;letter-spacing:.04em;text-transform:uppercase;margin-bottom:3px}
.theme-preset-copy{display:flex!important;flex-direction:column;align-items:flex-start;gap:2px}
.appearance-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:6px 2px 0}.appearance-section-heading h2{margin:4px 0 5px;font-size:1.35rem}.appearance-section-heading p{margin:0;color:var(--ui-muted);max-width:800px;line-height:1.5}.appearance-section-heading>span{display:inline-flex;padding:7px 11px;border-radius:999px;background:var(--ui-accent-soft);border:1px solid var(--ui-border);color:var(--ui-accent-strong);font-size:.7rem;font-weight:850;white-space:nowrap}.appearance-section-public{margin-top:12px;padding-top:18px;border-top:1px solid var(--ui-border)}
html[data-ui-scope="public"]{overflow-x:hidden;overscroll-behavior-x:none}
html[data-ui-scope="public"] body.public-body{background:var(--ui-bg)!important;color:var(--ui-text)!important;overflow-x:hidden!important;overscroll-behavior-x:none;touch-action:manipulation}
html[data-ui-scope="public"] body.public-body :where(.public-mobile-experience,.mobile-app-shell,.mobile-home){box-shadow:none!important;filter:none!important;outline:0!important}
html[data-ui-scope="public"] body.public-body .mobile-app-shell{background:transparent!important;color:var(--ui-text)!important}
html[data-ui-scope="public"] body.public-body :where(h1,h2,h3,h4,b,strong,label,legend){color:var(--ui-text)!important;text-shadow:none!important}
html[data-ui-scope="public"] body.public-body :where(p,small,.specialist-role,.availability-empty,.field-optional,.public-hours-times,.public-footer span){color:var(--ui-muted)!important;text-shadow:none!important;opacity:1!important}
html[data-ui-scope="public"] body.public-body :where(input,select,textarea){background:var(--ui-surface)!important;color:var(--ui-text)!important;border-color:var(--ui-border-strong,var(--ui-border))!important;color-scheme:inherit}
html[data-ui-scope="public"] body.public-body :where(input::placeholder,textarea::placeholder){color:var(--ui-muted)!important;opacity:1!important}
html[data-ui-scope="public"] body.public-body :where(.top-nav-mobile,.bottom-nav-mobile){background:var(--ui-header)!important;border:1px solid var(--ui-border-strong,var(--ui-border))!important;box-shadow:0 14px 32px rgba(15,24,38,.13)!important}
html[data-ui-scope="public"] body.public-body .bottom-nav-mobile{background:var(--ui-nav)!important}
html[data-ui-scope="public"] body.public-body :where(.top-store-brand span,.bottom-nav-mobile>a){color:var(--ui-muted)!important}
html[data-ui-scope="public"] body.public-body :where(.bottom-nav-mobile>a.is-active,.bottom-nav-mobile>a:hover,.bottom-nav-mobile>a:focus-visible){color:var(--ui-accent-strong)!important;background:var(--ui-accent-soft)!important}
html[data-ui-scope="public"] body.public-body :where(.top-action-button,.social-pill){background:var(--ui-surface-2)!important;border:1px solid var(--ui-border)!important;color:var(--ui-accent-strong)!important;box-shadow:none!important}
html[data-ui-scope="public"] body.public-body .social-pill svg{fill:currentColor!important;stroke:none!important;color:inherit!important}
html[data-ui-scope="public"] body.public-body .social-pill.is-disabled{opacity:1!important;color:var(--ui-muted)!important;background:var(--ui-surface-3)!important;border-color:var(--ui-border)!important}
html[data-ui-scope="public"] body.public-body .top-action-primary{background:linear-gradient(135deg,var(--ui-accent),var(--ui-accent-2))!important;color:var(--ui-on-accent)!important;border-color:transparent!important}
html[data-ui-scope="public"] body.public-body :where(.top-action-icon svg,.bottom-nav-icon svg){fill:none!important;stroke:currentColor!important;color:inherit!important}
html[data-ui-scope="public"] body.public-body :where(.specialist-detail,.booking-panel){background:var(--ui-surface)!important;border:1px solid var(--ui-border)!important;color:var(--ui-text)!important;box-shadow:var(--ui-shadow)!important}
html[data-ui-scope="public"] body.public-body :where(.specialist-card,.detail-card,.booking-card,.location-panel,.service-item,.slot-chip,.specialist-stats article,.payment-method-card,.info-item,.review-card){background:var(--ui-surface)!important;border-color:var(--ui-border)!important;color:var(--ui-text)!important;box-shadow:none!important}
html[data-ui-scope="public"] body.public-body .specialist-card{border:1px solid var(--ui-card-border,var(--ui-border))!important;box-shadow:none!important}
html[data-ui-scope="public"][data-ui-theme^="pub-night-"] body.public-body .specialist-card{box-shadow:0 14px 32px rgba(0,0,0,.16)!important}
html[data-ui-scope="public"] body.public-body :where(.service-item,.slot-chip,.specialist-stats article,.payment-method-card){background:var(--ui-surface-2)!important}
html[data-ui-scope="public"] body.public-body :where(.service-item:hover,.slot-chip:hover,.service-item:focus-visible,.slot-chip:focus-visible){background:var(--ui-surface-3)!important;border-color:var(--ui-accent)!important;color:var(--ui-accent-strong)!important}
html[data-ui-scope="public"] body.public-body .slot-chip.is-selected{background:var(--ui-accent)!important;border-color:var(--ui-accent)!important;color:var(--ui-on-accent)!important}
html[data-ui-scope="public"] body.public-body .payment-method-option>input:checked + .payment-method-card{background:var(--ui-accent-soft)!important;border-color:var(--ui-accent)!important}
html[data-ui-scope="public"] body.public-body :where(.payment-method-icon,.summary-action,.summary-action-icon){color:var(--ui-accent-strong)!important}
html[data-ui-scope="public"] body.public-body .btn.subtle{background:var(--ui-surface-2)!important;border-color:var(--ui-border)!important;color:var(--ui-text)!important}
html[data-ui-scope="admin"] body.public-body.auth-layout{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:100dvh;height:100dvh;margin:0;overflow:hidden;background:radial-gradient(circle at 16% 14%,var(--ui-accent-soft),transparent 30%),radial-gradient(circle at 84% 78%,var(--ui-accent-soft),transparent 28%),linear-gradient(145deg,var(--ui-bg) 0%,var(--ui-bg-2) 54%,var(--ui-bg) 100%)!important;background-size:145% 145%,145% 145%,100% 100%;animation:authAmbient1060 15s ease-in-out infinite alternate;color:var(--ui-text)!important}
@keyframes authAmbient1060{from{background-position:0% 0%,100% 20%,0 0}to{background-position:36% 25%,64% 78%,0 0}}
html[data-ui-scope="admin"] body.public-body.auth-layout::before{content:"";position:fixed;inset:-18%;z-index:-2;pointer-events:none;opacity:.18;background-image:linear-gradient(var(--ui-border) 1px,transparent 1px),linear-gradient(90deg,var(--ui-border) 1px,transparent 1px);background-size:64px 64px;transform:rotate(-5deg) scale(1.08);animation:authGrid1060 22s linear infinite}
@keyframes authGrid1060{from{background-position:0 0,0 0}to{background-position:128px 64px,128px 64px}}
html[data-ui-scope="admin"] body.public-body.auth-layout .auth-page{flex:1 1 auto;display:grid;place-items:center;min-height:0;width:100%;padding:20px 18px 12px;overflow:hidden;background:transparent!important}
html[data-ui-scope="admin"] body.public-body.auth-layout .auth-card-premium{width:min(440px,calc(100vw - 30px));padding:28px 30px 24px;border-radius:30px;background:var(--ui-surface)!important;border:1px solid var(--ui-border)!important;box-shadow:var(--ui-shadow)!important;color:var(--ui-text)!important;backdrop-filter:blur(18px)}
html[data-ui-scope="admin"] body.public-body.auth-layout .auth-store-identity{display:grid;justify-items:center;gap:9px;margin-bottom:18px}
html[data-ui-scope="admin"] body.public-body.auth-layout .auth-card-premium .auth-store-logo{width:112px;height:112px;margin:0;padding:7px;border-radius:28px;background:var(--ui-surface-2)!important;border:1px solid var(--ui-border)!important;box-shadow:none!important;overflow:hidden!important;display:grid;place-items:center}
html[data-ui-scope="admin"] body.public-body.auth-layout .auth-card-premium .auth-store-logo img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;border-radius:20px!important;clip-path:inset(0 round 20px)}
html[data-ui-scope="admin"] body.public-body.auth-layout .auth-store-name{margin:0;max-width:100%;color:var(--ui-text)!important;font-size:1rem;font-weight:800;letter-spacing:.01em;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-ui-scope="admin"] body.public-body.auth-layout .auth-title-block{display:grid;justify-items:center;gap:4px;margin-bottom:20px;text-align:center}
html[data-ui-scope="admin"] body.public-body.auth-layout .auth-title-block>span,html[data-ui-scope="admin"] body.public-body.auth-layout .auth-field>span{color:var(--ui-accent-strong)!important;font-weight:850}
html[data-ui-scope="admin"] body.public-body.auth-layout .auth-title-block>span{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}
html[data-ui-scope="admin"] body.public-body.auth-layout .auth-title-block h1{margin:0;color:var(--ui-text)!important;font-size:1.55rem;line-height:1.1;letter-spacing:-.025em}
html[data-ui-scope="admin"] body.public-body.auth-layout .auth-form-premium{display:grid;gap:14px;margin:0}
html[data-ui-scope="admin"] body.public-body.auth-layout .auth-field{display:grid;gap:7px;margin:0}
html[data-ui-scope="admin"] body.public-body.auth-layout .auth-field>span{font-size:.79rem;letter-spacing:.015em}
html[data-ui-scope="admin"] body.public-body.auth-layout .auth-input-shell{position:relative;display:flex;align-items:center;min-width:0;min-height:54px;border:1px solid var(--ui-border-strong,var(--ui-border))!important;border-radius:16px;background:var(--ui-surface-2)!important;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
html[data-ui-scope="admin"] body.public-body.auth-layout .auth-input-shell:focus-within{border-color:var(--ui-accent)!important;box-shadow:0 0 0 4px var(--ui-accent-soft)!important}
html[data-ui-scope="admin"] body.public-body.auth-layout .auth-input-shell>i{width:48px;flex:0 0 48px;display:grid;place-items:center;color:var(--ui-accent-strong)}
html[data-ui-scope="admin"] body.public-body.auth-layout .auth-input-shell>i svg,html[data-ui-scope="admin"] body.public-body.auth-layout .password-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html[data-ui-scope="admin"] body.public-body.auth-layout .auth-input-shell input{width:100%;min-width:0;min-height:52px;padding:0 50px 0 0;border:0!important;border-radius:0;outline:0;background:transparent!important;box-shadow:none!important;color:var(--ui-text)!important;-webkit-text-fill-color:var(--ui-text)!important;font-size:.96rem}
html[data-ui-scope="admin"] body.public-body.auth-layout .auth-input-shell input[type="email"]{padding-right:16px}
html[data-ui-scope="admin"] body.public-body.auth-layout .auth-input-shell input::placeholder{color:var(--ui-muted)!important;opacity:1}
html[data-ui-scope="admin"] body.public-body.auth-layout .auth-input-shell input:-webkit-autofill,html[data-ui-scope="admin"] body.public-body.auth-layout .auth-input-shell input:-webkit-autofill:hover,html[data-ui-scope="admin"] body.public-body.auth-layout .auth-input-shell input:-webkit-autofill:focus{-webkit-text-fill-color:var(--ui-text)!important;caret-color:var(--ui-text)!important;-webkit-box-shadow:0 0 0 1000px var(--ui-surface-2) inset!important;box-shadow:0 0 0 1000px var(--ui-surface-2) inset!important}
html[data-ui-scope="admin"] body.public-body.auth-layout .password-toggle{color:var(--ui-muted)!important}
html[data-ui-scope="admin"] body.public-body.auth-layout .password-toggle:hover,html[data-ui-scope="admin"] body.public-body.auth-layout .password-toggle:focus-visible,html[data-ui-scope="admin"] body.public-body.auth-layout .password-toggle.is-visible{color:var(--ui-accent-strong)!important;background:var(--ui-accent-soft)!important}
html[data-ui-scope="admin"] body.public-body.auth-layout .auth-submit{min-height:52px;margin-top:3px;border-radius:15px;font-weight:900;letter-spacing:.01em}
html[data-ui-scope="admin"] body.public-body.auth-layout .auth-back{display:flex;justify-content:center;margin:15px auto 0;min-height:32px;align-items:center;color:var(--ui-muted)!important;font-size:.84rem;font-weight:750;text-align:center}
html[data-ui-scope="admin"] body.public-body.auth-layout .auth-back:hover{color:var(--ui-accent-strong)!important}
html[data-ui-scope="admin"] body.public-body.auth-layout .public-footer{flex:0 0 auto;padding:4px 0 10px;background:transparent!important;color:var(--ui-muted)!important}
html[data-ui-scope="admin"] body.public-body.auth-layout .public-footer .footer-inner{min-height:0;line-height:1.25}
@media(max-height:700px){html[data-ui-scope="admin"] body.public-body.auth-layout .auth-page{padding-top:8px}html[data-ui-scope="admin"] body.public-body.auth-layout .auth-card-premium{padding-top:18px;padding-bottom:17px}html[data-ui-scope="admin"] body.public-body.auth-layout .auth-card-premium .auth-store-logo{width:82px;height:82px}html[data-ui-scope="admin"] body.public-body.auth-layout .auth-title-block{margin-bottom:12px}html[data-ui-scope="admin"] body.public-body.auth-layout .auth-form-premium{gap:10px}}
html[data-ui-scope="public"] body.public-body .hours-floating-dock{position:fixed;left:50%;bottom:calc(78px + env(safe-area-inset-bottom));z-index:71;width:max-content;max-width:calc(100vw - 56px);margin:0;transform:translate(-50%,calc(100% + 10px));transition:transform .34s cubic-bezier(.22,.8,.25,1),opacity .2s ease;opacity:0;pointer-events:none;box-shadow:none!important;filter:none!important}
html[data-ui-scope="public"] body.public-body .hours-floating-dock.is-peeking,html[data-ui-scope="public"] body.public-body .hours-floating-dock[open]{transform:translate(-50%,0);opacity:1;pointer-events:auto}
html[data-ui-scope="public"] body.public-body .hours-floating-dock>summary{list-style:none;width:216px;min-width:0;max-width:calc(100vw - 72px);min-height:38px;display:flex;align-items:center;justify-content:center;padding:8px 15px 7px;border-radius:15px 15px 0 0;background:linear-gradient(135deg,var(--ui-accent),var(--ui-accent-2));border:1px solid transparent;border-bottom:0;color:var(--ui-on-accent);box-shadow:none!important;cursor:pointer;user-select:none;text-align:center}
html[data-ui-scope="public"] body.public-body .hours-floating-dock>summary::-webkit-details-marker{display:none}
html[data-ui-scope="public"] body.public-body .hours-dock-title{display:inline-flex;align-items:center;justify-content:center;gap:7px;color:inherit!important;white-space:nowrap}
html[data-ui-scope="public"] body.public-body .hours-dock-title b{color:inherit!important;font-size:.71rem;line-height:1.05;letter-spacing:.045em;font-weight:900}
html[data-ui-scope="public"] body.public-body .hours-dock-pulse{width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 0 rgba(255,255,255,.45);flex:0 0 auto;animation:hoursDockPulse 1.8s ease-out infinite}
@keyframes hoursDockPulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.46)}70%{box-shadow:0 0 0 7px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
html[data-ui-scope="public"] body.public-body .hours-dock-panel{display:none;position:absolute;left:50%;bottom:100%;transform:translateX(-50%);width:min(372px,calc(100vw - 44px));background:var(--ui-surface)!important;border:1px solid var(--ui-border)!important;border-radius:17px 17px 0 0;box-shadow:0 14px 34px rgba(10,18,30,.14);overflow:hidden;max-height:min(60vh,460px)}
html[data-ui-scope="public"] body.public-body .hours-floating-dock[open] .hours-dock-panel{display:block}
html[data-ui-scope="public"] body.public-body .public-hours-list{display:block!important;width:100%!important;box-sizing:border-box!important;background:var(--ui-surface)!important;overflow:auto;max-height:440px;padding:5px 0!important;border:0!important}
html[data-ui-scope="public"] body.public-body .public-hours-row{display:grid!important;width:100%!important;max-width:none!important;margin:0!important;grid-template-columns:minmax(96px,1.12fr) 44px minmax(92px,1fr) 58px!important;align-items:center!important;column-gap:8px!important;min-height:44px!important;padding:8px 18px!important;border-bottom:1px solid var(--ui-border)!important;background:transparent!important;color:var(--ui-text)!important;white-space:nowrap!important;box-sizing:border-box!important}
html[data-ui-scope="public"] body.public-body .public-hours-row:last-child{border-bottom:0!important}
html[data-ui-scope="public"] body.public-body .public-hours-day{min-width:0!important;justify-self:start!important;text-align:left!important;color:var(--ui-text)!important;font-size:.69rem!important;font-weight:800!important;overflow:hidden;text-overflow:ellipsis}
html[data-ui-scope="public"] body.public-body .public-hours-date{min-width:0!important;justify-self:center!important;text-align:center!important;color:var(--ui-muted)!important;font-size:.64rem!important;font-weight:720!important}
html[data-ui-scope="public"] body.public-body .public-hours-times{min-width:0!important;justify-self:center!important;text-align:center!important;color:var(--ui-muted)!important;font-size:.61rem!important;line-height:1.25!important;overflow:hidden;text-overflow:ellipsis}
html[data-ui-scope="public"] body.public-body .public-hours-state{min-width:0!important;justify-self:end!important;text-align:right!important;color:var(--ui-accent-strong)!important;font-size:.62rem!important;font-weight:850!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}
html[data-ui-scope="public"] body.public-body .bottom-nav-mobile{z-index:72!important}
@media(max-width:760px){.appearance-section-heading{align-items:flex-start;flex-direction:column}.appearance-section-heading>span{align-self:flex-start}html[data-ui-scope="public"] body.public-body .hours-floating-dock{bottom:calc(77px + env(safe-area-inset-bottom))}html[data-ui-scope="public"] body.public-body .hours-dock-panel{width:min(372px,calc(100vw - 42px))}}
@media(max-width:380px){html[data-ui-scope="public"] body.public-body .hours-dock-panel{width:calc(100vw - 30px)}html[data-ui-scope="public"] body.public-body .public-hours-row{grid-template-columns:minmax(84px,1.08fr) 38px minmax(78px,1fr) 52px!important;gap:5px!important;padding-left:13px!important;padding-right:13px!important}html[data-ui-scope="public"] body.public-body .public-hours-day{font-size:.64rem!important}html[data-ui-scope="public"] body.public-body .public-hours-date,html[data-ui-scope="public"] body.public-body .public-hours-state{font-size:.59rem!important}html[data-ui-scope="public"] body.public-body .public-hours-times{font-size:.56rem!important}}
@media(prefers-reduced-motion:reduce){html[data-ui-scope="public"] body.public-body .hours-floating-dock{transition:none}html[data-ui-scope="public"] body.public-body .hours-dock-pulse{animation:none}}
html[data-ui-scope="admin"] :where(.admin-body,.manager-body) .admin-footer{background:transparent!important;color:var(--ui-muted)!important;box-shadow:none!important;border-color:var(--ui-border)!important}
html[data-ui-scope="admin"] :where(.admin-body,.manager-body) .admin-footer :where(span,small,p,a){color:var(--ui-muted)!important;text-shadow:none!important}
html[data-ui-scope="admin"] :where(.admin-body,.manager-body) :where(.image-file-button,.image-file-name){border-color:var(--ui-border-strong,var(--ui-border))!important;color:var(--ui-text)!important;box-shadow:none!important}
html[data-ui-scope="admin"] :where(.admin-body,.manager-body) .image-file-button{background:var(--ui-surface-3)!important;color:var(--ui-accent-strong)!important}
html[data-ui-scope="admin"] :where(.admin-body,.manager-body) .image-file-button:hover{background:var(--ui-accent-soft)!important;border-color:var(--ui-accent)!important}
html[data-ui-scope="admin"] :where(.admin-body,.manager-body) :where(.image-preview-frame,.image-preview,.professional-photo-upload,.business-logo-upload,.system-brand-upload,.admin-avatar-upload){border-color:var(--ui-border)!important}
html[data-ui-scope="admin"] .manager-brand{color:var(--ui-text)!important}
html[data-ui-scope="admin"] .manager-brand small{color:var(--ui-muted)!important}
html[data-ui-scope="admin"] .manager-brand img,html[data-ui-scope="admin"] .manager-user-menu>summary img{border-color:var(--ui-border-strong,var(--ui-border))!important;box-shadow:none!important}
html[data-ui-scope="admin"] .manager-user-menu>summary b{color:var(--ui-text)!important}
html[data-ui-scope="admin"] .manager-user-menu>summary small{color:var(--ui-accent-strong)!important}
html[data-ui-scope="admin"] :where(.manager-user-menu>div,.manager-more>div){background:var(--ui-surface)!important;border-color:var(--ui-border-strong,var(--ui-border))!important;box-shadow:var(--ui-shadow)!important}
html[data-ui-scope="admin"] :where(.manager-user-menu>div>a,.manager-user-menu button){background:transparent!important;color:var(--ui-text)!important}
html[data-ui-scope="admin"] :where(.manager-user-menu>div>a:hover,.manager-user-menu button:hover){background:var(--ui-accent-soft)!important;color:var(--ui-accent-strong)!important}
html[data-ui-scope="admin"] .manager-bottom-nav{background:var(--ui-nav)!important;border-color:var(--ui-border-strong,var(--ui-border))!important;box-shadow:var(--ui-shadow)!important}
html[data-ui-scope="admin"] .manager-bottom-link{color:var(--ui-muted)!important}
html[data-ui-scope="admin"] .manager-bottom-link.is-active{color:var(--ui-accent-strong)!important;background:var(--ui-accent-soft)!important}
html[data-ui-scope="admin"] :where(.manager-kpis article,.manager-review-summary article,.manager-gateway-status article,.manager-exception-list article,.manager-service-row,.manager-appointment,.manager-client-row,.manager-team-card,.manager-agenda-item){background:var(--ui-surface-2)!important;border-color:var(--ui-border)!important;color:var(--ui-text)!important;box-shadow:none!important}
html[data-ui-scope="admin"] :where(.manager-kpis span,.manager-kpis small,.manager-agenda-item span,.manager-service-row span,.manager-empty,.manager-hint,.manager-hours-row>span){color:var(--ui-muted)!important;opacity:1!important}
html[data-ui-scope="admin"] :where(.manager-agenda-item time,.role-chip.role-gestor,.access-profile-summary .manager-live){background:var(--ui-accent-soft)!important;border-color:var(--ui-border-strong,var(--ui-border))!important;color:var(--ui-accent-strong)!important}
html[data-ui-scope="admin"] :where(.feature-table,.backup-table,.history-table,.appointments-table){background:var(--ui-surface)!important;color:var(--ui-text)!important}
html[data-ui-scope="admin"] :where(.feature-table,.backup-table,.history-table,.appointments-table) :where(th,td){border-color:var(--ui-border)!important;color:var(--ui-text)!important}
html[data-ui-scope="admin"] :where(.feature-table,.backup-table,.history-table,.appointments-table) th{background:var(--ui-surface-2)!important;color:var(--ui-muted)!important}
html[data-ui-scope="admin"] :where(.feature-table,.backup-table,.history-table,.appointments-table) td{background:var(--ui-surface)!important}
html[data-ui-scope="admin"] :where(.feature-table,.backup-table,.history-table,.appointments-table) tbody tr:nth-child(even) td{background:var(--ui-surface-2)!important}
html[data-ui-scope="admin"] :where(.role-chip,.status-chip,.status-badge,.payment-status-chip,.feature-status){border-color:var(--ui-border-strong,var(--ui-border))!important;text-shadow:none!important}
html[data-ui-scope="admin"] :where(.professional-service-box,.professional-day-toggle,.hours-row,.schedule-row,.manager-hours-row,.manager-store-block,.access-account-card){background:var(--ui-surface-2)!important;border-color:var(--ui-border)!important;color:var(--ui-text)!important}
html[data-ui-scope="admin"] :where(.professional-service-box,.professional-day-toggle,.hours-row,.schedule-row,.manager-hours-row,.manager-store-block,.access-account-card) :where(span,small,p){color:var(--ui-muted)!important;opacity:1!important}
html[data-ui-scope="admin"] :where(.admin-body,.manager-body) :where(.service-editor-form label>span,.professional-section>legend,.professional-schedule-head>span,.manager-team-schedule-head,.manager-team-fields label,.manager-team-social-grid label,.hours-admin-panel label,.settings-panel label,.settings-panel legend,.admin-user-editor label>span){color:var(--ui-text)!important;opacity:1!important;text-shadow:none!important}
html[data-ui-scope="admin"] :where(.admin-body,.manager-body) :where(.professional-schedule-row,.professional-day-toggle,.manager-team-schedule-row,.manager-team-subsection,.manager-service-choice>span,.gateway-toggle-row,.payment-admin-method,.feature-center-summary article,.manager-client-row dl div,.manager-review-summary article,.manager-exception-list article){background:var(--ui-surface-2)!important;background-image:none!important;border-color:var(--ui-border)!important;color:var(--ui-text)!important;box-shadow:none!important}
html[data-ui-scope="admin"] :where(.admin-body,.manager-body) :where(.professional-schedule-row input,.professional-schedule-row select,.manager-team-schedule-row input,.manager-team-schedule-row select,.manager-hours-row input,.manager-exception-form input,.manager-exception-form select,.manager-service-form input,.manager-store-form input,.manager-filter input,.manager-status-form select){background:var(--ui-surface)!important;color:var(--ui-text)!important;border-color:var(--ui-border-strong,var(--ui-border))!important}
html[data-ui-scope="admin"] :where(.admin-body,.manager-body) :where(.feature-center-summary span,.feature-center-summary small,.manager-team-schedule-head,.manager-client-row dt,.manager-client-row span,.manager-client-row small,.manager-review-summary small,.manager-review-row small){color:var(--ui-muted)!important;opacity:1!important}
html[data-ui-scope="admin"] :where(.admin-body,.manager-body) :where(.feature-center-summary strong,.manager-review-row p,.payment-admin-method b,.gateway-toggle-row strong){color:var(--ui-text)!important}
html[data-ui-scope="admin"] :where(.admin-body,.manager-body) :where(.feature-lock-badge,.record-count){background:var(--ui-accent-soft)!important;border-color:var(--ui-border-strong,var(--ui-border))!important;color:var(--ui-accent-strong)!important}
html[data-ui-scope="admin"] :where(.admin-body,.manager-body) :where(button:disabled,.btn:disabled,[aria-disabled="true"]){background:var(--ui-surface-2)!important;border-color:var(--ui-border)!important;color:var(--ui-muted)!important;opacity:.68!important;filter:none!important;text-shadow:none!important}
html[data-ui-scope="admin"] .admin-body :where(.s-confirmed,.s-completed){background:rgba(52,177,127,.12)!important;color:var(--ui-success)!important;border-color:rgba(52,177,127,.32)!important}
html[data-ui-scope="admin"] .admin-body :where(.s-canceled,.s-no_show){background:rgba(196,70,91,.10)!important;color:var(--ui-danger)!important;border-color:rgba(196,70,91,.28)!important}
html[data-ui-scope="admin"] :where(.manager-bottom-more>summary,.manager-bottom-link){color:var(--ui-muted)!important;background:transparent!important}
html[data-ui-scope="admin"] :where(.manager-bottom-more[open]>summary,.manager-bottom-link.is-active){color:var(--ui-accent-strong)!important;background:var(--ui-accent-soft)!important}
html[data-ui-scope="admin"] .manager-mobile-sheet{background:var(--ui-surface)!important;border-color:var(--ui-border-strong,var(--ui-border))!important;box-shadow:var(--ui-shadow)!important}
html[data-ui-scope="admin"] :where(.image-file-name,.image-file-button,.public-url-preview code,.info-box code){background:var(--ui-surface-2)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important}
html[data-ui-scope="public"],html[data-ui-scope="public"] body.public-body{width:100%;max-width:100%;overflow-x:hidden!important;overscroll-behavior-x:none!important}
html[data-ui-scope="public"] body.public-body :where(.public-mobile-experience,.mobile-app-shell,.mobile-home,.public-page,.public-main){max-width:100%!important;box-shadow:none!important;filter:none!important;outline:0!important}
html[data-ui-scope="public"] body.public-body :where(.top-action-button,.social-pill,.specialist-social a,.specialist-social button,.specialist-contact-icon,.specialist-card a[aria-label]){color:var(--ui-accent-strong)!important;border-color:var(--ui-border)!important;box-shadow:none!important}
html[data-ui-scope="public"] body.public-body :where(.top-action-button,.social-pill,.specialist-social a,.specialist-social button,.specialist-contact-icon){background:var(--ui-surface-2)!important}
html[data-ui-scope="public"] body.public-body :where(.top-action-button,.social-pill,.specialist-social a,.specialist-social button,.specialist-contact-icon) svg{color:inherit!important;stroke:currentColor!important}
html[data-ui-scope="public"] body.public-body :where(.social-pill,.specialist-social a,.specialist-social button) svg[fill]:not([fill="none"]){fill:currentColor!important;stroke:none!important}
html[data-ui-scope="public"] body.public-body :where(.specialist-card,.specialist-detail,.booking-panel,.booking-card,.service-item,.slot-chip,.location-panel,.payment-method-card,.info-item,.review-card){border-color:var(--ui-card-border,var(--ui-border))!important}
html[data-ui-scope="public"] body.public-body :where(.specialist-card,.booking-card,.service-item,.slot-chip,.payment-method-card,.info-item,.review-card) :where(p,small,span:not(.status-pill):not(.hours-dock-title)){text-shadow:none!important}
@media(max-width:900px){
html[data-ui-scope="public"] body.public-body:not(.auth-layout) .public-footer{
margin:0!important;
padding:14px 0 calc(132px + env(safe-area-inset-bottom))!important;
min-height:0!important;
position:relative!important;
z-index:3!important;
}
html[data-ui-scope="public"] body.public-body:not(.auth-layout) .public-footer .footer-inner{
padding:0 18px!important;
min-height:0!important;
gap:3px!important;
line-height:1.28!important;
}
}
html[data-ui-scope="public"] body.public-body .store-logo-public.logo-glow-enabled{
position:relative!important;
overflow:visible!important;
isolation:isolate;
z-index:0;
}
html[data-ui-scope="public"] body.public-body .store-logo-public.logo-background-enabled{
background:linear-gradient(145deg,var(--ui-surface),var(--ui-surface-2))!important;
border-color:var(--ui-border-strong,var(--ui-border))!important;
box-shadow:0 12px 30px rgba(8,18,34,.18),inset 0 0 0 1px var(--ui-accent-soft)!important;
padding:4px;
}
html[data-ui-scope="public"] body.public-body .store-logo-public.logo-background-disabled{
background:transparent!important;
box-shadow:none!important;
}
html[data-ui-scope="public"] body.public-body .store-logo-public.logo-glow-enabled::before{
content:"";
position:absolute;
inset:-5px;
padding:2px;
border-radius:50%;
background:conic-gradient(from 0deg,
transparent 0 5%,
#f1b92f 8% 24%,
#ffd700 29% 36%,
#c7a5ff 41% 49%,
#ffe45c 54% 63%,
#5ca7ff 69% 78%,
#e6a91e 84% 96%,
transparent 100%);
-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
-webkit-mask-composite:xor;
mask-composite:exclude;
filter:drop-shadow(0 0 3px rgba(241,185,47,.78)) drop-shadow(0 0 5px rgba(199,165,255,.34));
z-index:-1;
pointer-events:none;
}
html[data-ui-scope="public"] body.public-body .store-logo-public.logo-glow-animated::before{animation:storeLogoOrbit1067 14s linear infinite}
html[data-ui-scope="public"] body.public-body .store-logo-public.logo-glow-paused::before{animation:none;transform:rotate(22deg)}
html[data-ui-scope="public"] body.public-body .store-logo-public.logo-glow-enabled.has-image img{
width:100%;height:100%;object-fit:cover;
border-radius:50%!important;
position:relative;
z-index:1;
}
html[data-ui-scope="public"] body.public-body .store-logo-public.logo-glow-enabled>span{position:relative;z-index:1}
@keyframes storeLogoOrbit1067{to{transform:rotate(360deg)}}
html[data-ui-scope="admin"] .store-logo-glow-control,
html[data-ui-scope="admin"] .manager-logo-glow-row{
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
width:100%;
padding:15px 16px;
border:1px solid var(--ui-border)!important;
border-radius:16px;
background:var(--ui-surface-2)!important;
color:var(--ui-text)!important;
}
html[data-ui-scope="admin"] .store-logo-glow-control>div,
html[data-ui-scope="admin"] .manager-logo-glow-row>div{display:grid;gap:4px;min-width:0}
html[data-ui-scope="admin"] .store-logo-glow-control b,
html[data-ui-scope="admin"] .manager-logo-glow-row b{color:var(--ui-text)!important}
html[data-ui-scope="admin"] .store-logo-glow-control small,
html[data-ui-scope="admin"] .manager-logo-glow-row small{color:var(--ui-muted)!important;line-height:1.45}
html[data-ui-scope="admin"] .manager-store-glow{grid-column:1/-1}
@media(max-width:620px){
html[data-ui-scope="admin"] .store-logo-glow-control,
html[data-ui-scope="admin"] .manager-logo-glow-row{align-items:flex-start;gap:12px;padding:13px}
}
html[data-ui-scope="admin"] .store-logo-glow-fieldset{
border:1px solid var(--ui-border)!important;
border-radius:18px;
background:var(--ui-surface)!important;
padding:15px!important;
}
html[data-ui-scope="admin"] .store-logo-glow-fieldset>legend{
display:flex;align-items:center;gap:8px;padding:0 7px;color:var(--ui-text)!important;font-weight:850
}
html[data-ui-scope="admin"] .store-logo-glow-ceo{
display:inline-flex;align-items:center;justify-content:center;min-height:21px;padding:2px 8px;border-radius:999px;
background:var(--ui-accent-soft)!important;border:1px solid var(--ui-border)!important;color:var(--ui-accent-strong)!important;
font-size:.62rem;font-weight:900;letter-spacing:.06em
}
html[data-ui-scope="admin"] .store-logo-glow-control-prominent{
display:grid!important;grid-template-columns:72px minmax(0,1fr) auto!important;align-items:center!important;gap:15px!important;
padding:14px!important;background:var(--ui-surface-2)!important;border:1px solid var(--ui-border)!important;border-radius:16px!important
}
html[data-ui-scope="admin"] .store-logo-glow-demo{width:62px;height:62px;display:grid;place-items:center}
html[data-ui-scope="admin"] .store-logo-glow-demo-ring{
width:54px;height:54px;border-radius:50%;display:grid;place-items:center;position:relative;padding:3px;background:var(--ui-bg)!important
}
html[data-ui-scope="admin"] .store-logo-glow-demo-ring::before{
content:"";position:absolute;inset:-3px;padding:2px;border-radius:50%;
background:conic-gradient(from 0deg,#f1b92f 0 28%,#ffd700 32% 40%,#c7a5ff 45% 54%,#ffe45c 59% 68%,#5ca7ff 74% 82%,#e6a91e 88% 100%);
-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
-webkit-mask-composite:xor;mask-composite:exclude;
filter:drop-shadow(0 0 3px rgba(241,185,47,.72)) drop-shadow(0 0 4px rgba(199,165,255,.28));
animation:storeLogoOrbit1062 14s linear infinite;opacity:.95
}
html[data-ui-scope="admin"] .store-logo-glow-demo-ring img{width:100%;height:100%;object-fit:cover;border-radius:50%;position:relative;z-index:1}
html[data-ui-scope="admin"] .store-logo-glow-copy{display:grid;gap:4px;min-width:0}
html[data-ui-scope="admin"] .store-logo-glow-copy b{color:var(--ui-text)!important;font-size:.92rem}
html[data-ui-scope="admin"] .store-logo-glow-copy small{color:var(--ui-muted)!important;line-height:1.45}
html[data-ui-scope="admin"] .store-logo-glow-switch{justify-self:end}
@media(max-width:680px){
html[data-ui-scope="admin"] .store-logo-glow-control-prominent{grid-template-columns:58px minmax(0,1fr) auto!important;gap:11px!important;padding:12px!important}
html[data-ui-scope="admin"] .store-logo-glow-demo{width:50px;height:50px}
html[data-ui-scope="admin"] .store-logo-glow-demo-ring{width:44px;height:44px}
}
html[data-ui-scope="public"]{background:var(--ui-bg)!important}
html[data-ui-scope="public"] body.public-body:not(.auth-layout){
min-height:100dvh;
position:relative;
isolation:isolate;
overflow-x:hidden!important;
background:linear-gradient(180deg,var(--ui-bg) 0%,var(--ui-bg-2) 52%,var(--ui-bg) 100%)!important;
color:var(--ui-text)!important;
}
html[data-ui-scope="public"] body.public-body:not(.auth-layout) :where(.public-mobile-experience,.mobile-app-shell,.mobile-home,.store-hero.store-hero-flat,.specialists-section.specialists-section-flat,.public-main){
background:transparent!important;background-image:none!important;box-shadow:none!important;filter:none!important
}
html[data-ui-scope="public"] body.public-body:not(.auth-layout) :where(.mobile-bg-orb,.mobile-bg-grid){display:none!important}
html[data-ui-scope="public"] body.public-body:not(.auth-layout) .public-footer{background:transparent!important}
html[data-ui-scope="public"] body.public-body:not(.auth-layout) :where(.public-mobile-experience,.public-desktop-notice,.agendador-root-page,.system-footer){position:relative;z-index:2}
html[data-ui-scope="public"] .public-theme-ambient{
position:fixed;inset:-12vmax;z-index:0;pointer-events:none;overflow:hidden;opacity:.78;transform:translateZ(0)
}
html[data-ui-scope="public"] .public-theme-ambient .ambient-layer{position:absolute;display:block;will-change:transform,opacity,background-position;pointer-events:none}
html[data-ui-scope="public"][data-theme-motion="paused"] .public-theme-ambient .ambient-layer{animation-play-state:paused!important}
html[data-ui-scope="public"]:is([data-ui-theme="pub-clean"],[data-ui-theme="pub-night-gold"],[data-ui-theme="pub-night-ice-gold"]) .public-theme-ambient .ambient-one{
width:64vmax;height:64vmax;left:-22vmax;top:-14vmax;border-radius:50%;background:radial-gradient(circle,var(--ui-accent-soft) 0 22%,transparent 66%);filter:blur(12px);animation:ambientAuroraA1067 12s ease-in-out infinite alternate
}
html[data-ui-scope="public"]:is([data-ui-theme="pub-clean"],[data-ui-theme="pub-night-gold"],[data-ui-theme="pub-night-ice-gold"]) .public-theme-ambient .ambient-two{
width:52vmax;height:52vmax;right:-18vmax;bottom:-10vmax;border-radius:50%;background:radial-gradient(circle,var(--ui-accent-2) 0 3%,var(--ui-accent-soft) 4% 18%,transparent 62%);filter:blur(22px);opacity:.42;animation:ambientAuroraB1067 15s ease-in-out infinite alternate
}
html[data-ui-scope="public"]:is([data-ui-theme="pub-clean"],[data-ui-theme="pub-night-gold"],[data-ui-theme="pub-night-ice-gold"]) .public-theme-ambient .ambient-three{inset:18% -30%;background:linear-gradient(112deg,transparent 36%,var(--ui-accent-soft) 48%,transparent 59%);filter:blur(10px);animation:ambientSweep1067 10s linear infinite}
html[data-ui-scope="public"]:is([data-ui-theme="pub-rose"],[data-ui-theme="pub-night-rose"],[data-ui-theme="pub-night-black-yellow"]) .public-theme-ambient .ambient-one{width:32vw;height:160vh;left:-36vw;top:-30vh;background:linear-gradient(90deg,transparent,var(--ui-accent-soft),transparent);filter:blur(18px);transform:rotate(18deg);animation:ambientNeonPass1067 11s ease-in-out infinite}
html[data-ui-scope="public"]:is([data-ui-theme="pub-rose"],[data-ui-theme="pub-night-rose"],[data-ui-theme="pub-night-black-yellow"]) .public-theme-ambient .ambient-two{width:22vmax;height:22vmax;border-radius:50%;right:6%;top:18%;background:radial-gradient(circle,var(--ui-accent-2) 0 4%,var(--ui-accent-soft) 8% 30%,transparent 68%);filter:blur(14px);animation:ambientPulseFloat1067 8s ease-in-out infinite alternate}
html[data-ui-scope="public"]:is([data-ui-theme="pub-rose"],[data-ui-theme="pub-night-rose"],[data-ui-theme="pub-night-black-yellow"]) .public-theme-ambient .ambient-three{width:16vmax;height:16vmax;border-radius:50%;left:14%;bottom:8%;background:radial-gradient(circle,var(--ui-accent) 0 2%,var(--ui-accent-soft) 8%,transparent 62%);filter:blur(8px);opacity:.58;animation:ambientDriftSmall1067 9s ease-in-out infinite alternate}
html[data-ui-scope="public"]:is([data-ui-theme="pub-orchid"],[data-ui-theme="pub-night-lilac-gold"],[data-ui-theme="pub-night-lilac-gold-premium"]) .public-theme-ambient .ambient-one{inset:0;background-image:radial-gradient(circle,var(--ui-accent) 0 1.5px,transparent 2.3px),radial-gradient(circle,var(--ui-accent-2) 0 1px,transparent 2px);background-size:44px 44px,71px 71px;background-position:0 0,20px 28px;opacity:.38;filter:drop-shadow(0 0 5px var(--ui-accent));animation:ambientStars1067 13s linear infinite}
html[data-ui-scope="public"]:is([data-ui-theme="pub-orchid"],[data-ui-theme="pub-night-lilac-gold"],[data-ui-theme="pub-night-lilac-gold-premium"]) .public-theme-ambient .ambient-two{width:48vmax;height:48vmax;border-radius:50%;right:-18vmax;top:-6vmax;background:radial-gradient(circle,var(--ui-accent-soft),transparent 66%);filter:blur(20px);animation:ambientAuroraB1067 14s ease-in-out infinite alternate}
html[data-ui-scope="public"]:is([data-ui-theme="pub-orchid"],[data-ui-theme="pub-night-lilac-gold"],[data-ui-theme="pub-night-lilac-gold-premium"]) .public-theme-ambient .ambient-three{width:40vmax;height:40vmax;border-radius:50%;left:-14vmax;bottom:-10vmax;background:radial-gradient(circle,var(--ui-accent-soft),transparent 68%);filter:blur(18px);animation:ambientPulseFloat1067 10s ease-in-out infinite alternate-reverse}
html[data-ui-scope="public"]:is([data-ui-theme="pub-clinic"],[data-ui-theme="pub-night-clinic"],[data-ui-theme="pub-night-health"]) .public-theme-ambient .ambient-one{width:44vmax;height:44vmax;border:2px solid var(--ui-accent-soft);border-radius:50%;left:-12vmax;top:6%;box-shadow:0 0 30px var(--ui-accent-soft),inset 0 0 32px var(--ui-accent-soft);animation:ambientHaloOrbit1067 14s ease-in-out infinite alternate}
html[data-ui-scope="public"]:is([data-ui-theme="pub-clinic"],[data-ui-theme="pub-night-clinic"],[data-ui-theme="pub-night-health"]) .public-theme-ambient .ambient-two{width:28vmax;height:28vmax;border:1px solid var(--ui-border);border-radius:50%;right:-4vmax;bottom:10%;box-shadow:0 0 24px var(--ui-accent-soft);animation:ambientHaloOrbitB1067 12s ease-in-out infinite alternate}
html[data-ui-scope="public"]:is([data-ui-theme="pub-clinic"],[data-ui-theme="pub-night-clinic"],[data-ui-theme="pub-night-health"]) .public-theme-ambient .ambient-three{width:20vmax;height:20vmax;border-radius:50%;left:44%;top:42%;background:radial-gradient(circle,var(--ui-accent-soft),transparent 64%);filter:blur(12px);animation:ambientPulse1067 6s ease-in-out infinite}
html[data-ui-scope="public"]:is([data-ui-theme="pub-office"],[data-ui-theme="pub-night-office"],[data-ui-theme="pub-night-indigo"]) .public-theme-ambient .ambient-one{width:110vmax;height:110vmax;left:-28vmax;top:-34vmax;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 12%,var(--ui-accent-soft) 16% 19%,transparent 23% 42%,var(--ui-border) 45% 47%,transparent 51% 72%,var(--ui-accent-soft) 76% 80%,transparent 84% 100%);filter:blur(4px);animation:ambientPrismRotate1067 18s linear infinite}
html[data-ui-scope="public"]:is([data-ui-theme="pub-office"],[data-ui-theme="pub-night-office"],[data-ui-theme="pub-night-indigo"]) .public-theme-ambient .ambient-two{width:36vmax;height:36vmax;right:-12vmax;bottom:-8vmax;border-radius:50%;background:radial-gradient(circle,var(--ui-accent-soft),transparent 68%);filter:blur(18px);animation:ambientPulseFloat1067 9s ease-in-out infinite alternate}
html[data-ui-scope="public"]:is([data-ui-theme="pub-office"],[data-ui-theme="pub-night-office"],[data-ui-theme="pub-night-indigo"]) .public-theme-ambient .ambient-three{inset:35% -20%;background:linear-gradient(100deg,transparent 36%,var(--ui-accent-soft) 48%,transparent 60%);filter:blur(8px);animation:ambientSweep1067 12s linear infinite reverse}
html[data-ui-scope="public"]:is([data-ui-theme="pub-night-violet"],[data-ui-theme="pub-night-plum"],[data-ui-theme="pub-night-amethyst-yellow"]) .public-theme-ambient .ambient-one{width:58vmax;height:38vmax;left:-20vmax;top:6%;border-radius:50%;background:radial-gradient(ellipse,var(--ui-accent-soft) 0 28%,transparent 70%);filter:blur(30px);animation:ambientMistA1067 12s ease-in-out infinite alternate}
html[data-ui-scope="public"]:is([data-ui-theme="pub-night-violet"],[data-ui-theme="pub-night-plum"],[data-ui-theme="pub-night-amethyst-yellow"]) .public-theme-ambient .ambient-two{width:54vmax;height:42vmax;right:-22vmax;bottom:2%;border-radius:50%;background:radial-gradient(ellipse,var(--ui-accent-2) 0 2%,var(--ui-accent-soft) 6% 26%,transparent 70%);filter:blur(34px);opacity:.46;animation:ambientMistB1067 14s ease-in-out infinite alternate}
html[data-ui-scope="public"]:is([data-ui-theme="pub-night-violet"],[data-ui-theme="pub-night-plum"],[data-ui-theme="pub-night-amethyst-yellow"]) .public-theme-ambient .ambient-three{width:26vmax;height:26vmax;border-radius:50%;left:42%;top:34%;background:radial-gradient(circle,var(--ui-accent) 0 2%,var(--ui-accent-soft) 8% 26%,transparent 66%);filter:blur(14px);animation:ambientPulse1067 5.8s ease-in-out infinite}
html[data-ui-scope="public"]:is([data-ui-theme="pub-night-spa"],[data-ui-theme="pub-night-aqua"],[data-ui-theme="pub-night-violet-bullion"]) .public-theme-ambient .ambient-one{width:24vmax;height:24vmax;border:2px solid var(--ui-accent);border-radius:50%;left:5%;top:12%;box-shadow:0 0 22px var(--ui-accent-soft),inset 0 0 22px var(--ui-accent-soft);opacity:.32;animation:ambientOrbitA1067 13s ease-in-out infinite alternate}
html[data-ui-scope="public"]:is([data-ui-theme="pub-night-spa"],[data-ui-theme="pub-night-aqua"],[data-ui-theme="pub-night-violet-bullion"]) .public-theme-ambient .ambient-two{width:16vmax;height:16vmax;border:1px solid var(--ui-accent-2);border-radius:50%;right:12%;bottom:18%;box-shadow:0 0 28px var(--ui-accent-soft);opacity:.34;animation:ambientOrbitB1067 10s ease-in-out infinite alternate}
html[data-ui-scope="public"]:is([data-ui-theme="pub-night-spa"],[data-ui-theme="pub-night-aqua"],[data-ui-theme="pub-night-violet-bullion"]) .public-theme-ambient .ambient-three{width:32vmax;height:32vmax;border-radius:50%;left:38%;top:48%;background:radial-gradient(circle,var(--ui-accent-soft),transparent 68%);filter:blur(18px);animation:ambientPulseFloat1067 8s ease-in-out infinite alternate}
html[data-ui-scope="public"]:is([data-ui-theme="pub-night-copper"],[data-ui-theme="pub-night-amber"],[data-ui-theme="pub-night-sunflower"]) .public-theme-ambient .ambient-one{width:46vmax;height:46vmax;border-radius:50%;left:-12vmax;top:-8vmax;background:radial-gradient(circle,var(--ui-accent-soft),transparent 68%);filter:blur(16px);animation:ambientFlashA1067 8.5s ease-in-out infinite}
html[data-ui-scope="public"]:is([data-ui-theme="pub-night-copper"],[data-ui-theme="pub-night-amber"],[data-ui-theme="pub-night-sunflower"]) .public-theme-ambient .ambient-two{width:40vmax;height:40vmax;border-radius:50%;right:-10vmax;bottom:-6vmax;background:radial-gradient(circle,var(--ui-accent-soft),transparent 70%);filter:blur(18px);animation:ambientFlashB1067 8.5s 2.4s ease-in-out infinite}
html[data-ui-scope="public"]:is([data-ui-theme="pub-night-copper"],[data-ui-theme="pub-night-amber"],[data-ui-theme="pub-night-sunflower"]) .public-theme-ambient .ambient-three{inset:22% -26%;background:linear-gradient(118deg,transparent 38%,var(--ui-accent-soft) 49%,transparent 60%);filter:blur(10px);animation:ambientSweep1067 11s linear infinite}
html[data-ui-scope="public"]:is([data-ui-theme="pub-night-black-gold"],[data-ui-theme="pub-night-yellow-luxe"],[data-ui-theme="pub-night-carbon-champagne"]) .public-theme-ambient .ambient-one{width:28vw;height:170vh;left:-34vw;top:-36vh;background:linear-gradient(90deg,transparent,var(--ui-accent-soft),transparent);filter:blur(16px);transform:rotate(14deg);animation:ambientGoldPass1067 10s ease-in-out infinite}
html[data-ui-scope="public"]:is([data-ui-theme="pub-night-black-gold"],[data-ui-theme="pub-night-yellow-luxe"],[data-ui-theme="pub-night-carbon-champagne"]) .public-theme-ambient .ambient-two{width:38vmax;height:38vmax;border-radius:50%;right:-10vmax;top:8%;background:radial-gradient(circle,var(--ui-accent-soft),transparent 66%);filter:blur(16px);animation:ambientPulseFloat1067 8s ease-in-out infinite alternate}
html[data-ui-scope="public"]:is([data-ui-theme="pub-night-black-gold"],[data-ui-theme="pub-night-yellow-luxe"],[data-ui-theme="pub-night-carbon-champagne"]) .public-theme-ambient .ambient-three{width:22vmax;height:22vmax;border-radius:50%;left:12%;bottom:5%;background:radial-gradient(circle,var(--ui-accent-2) 0 3%,var(--ui-accent-soft) 8% 24%,transparent 66%);filter:blur(14px);opacity:.48;animation:ambientDriftSmall1067 9s ease-in-out infinite alternate}
html[data-ui-scope="public"]:is([data-ui-theme="pub-night-champagne"],[data-ui-theme="pub-night-royal-purple-gold"],[data-ui-theme="pub-night-deep-purple-yellow"]) .public-theme-ambient .ambient-one{width:68vmax;height:48vmax;left:-28vmax;top:-8vmax;border-radius:50%;background:radial-gradient(ellipse,var(--ui-accent-soft),transparent 70%);filter:blur(24px);animation:ambientRoyalA1067 11s ease-in-out infinite alternate}
html[data-ui-scope="public"]:is([data-ui-theme="pub-night-champagne"],[data-ui-theme="pub-night-royal-purple-gold"],[data-ui-theme="pub-night-deep-purple-yellow"]) .public-theme-ambient .ambient-two{width:60vmax;height:48vmax;right:-28vmax;bottom:-10vmax;border-radius:50%;background:radial-gradient(ellipse,var(--ui-accent-2) 0 2%,var(--ui-accent-soft) 8% 30%,transparent 70%);filter:blur(26px);opacity:.48;animation:ambientRoyalB1067 13s ease-in-out infinite alternate}
html[data-ui-scope="public"]:is([data-ui-theme="pub-night-champagne"],[data-ui-theme="pub-night-royal-purple-gold"],[data-ui-theme="pub-night-deep-purple-yellow"]) .public-theme-ambient .ambient-three{width:105vmax;height:105vmax;left:-6vmax;top:-12vmax;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 18%,var(--ui-accent-soft) 22% 26%,transparent 30% 56%,var(--ui-border) 60% 62%,transparent 66% 100%);filter:blur(8px);opacity:.42;animation:ambientPrismRotate1067 20s linear infinite}
@keyframes ambientAuroraA1067{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(34vw,18vh,0) scale(1.14)}}
@keyframes ambientAuroraB1067{0%{transform:translate3d(0,0,0) scale(.94)}100%{transform:translate3d(-28vw,-20vh,0) scale(1.16)}}
@keyframes ambientSweep1067{0%{transform:translate3d(-45vw,0,0)}100%{transform:translate3d(55vw,0,0)}}
@keyframes ambientNeonPass1067{0%{transform:translate3d(-12vw,-3vh,0) rotate(18deg);opacity:.15}45%{opacity:.72}100%{transform:translate3d(145vw,8vh,0) rotate(18deg);opacity:.12}}
@keyframes ambientGoldPass1067{0%{transform:translate3d(-16vw,0,0) rotate(14deg);opacity:.16}50%{opacity:.68}100%{transform:translate3d(150vw,10vh,0) rotate(14deg);opacity:.12}}
@keyframes ambientPulseFloat1067{0%{transform:translate3d(0,0,0) scale(.82);opacity:.28}100%{transform:translate3d(-12vw,10vh,0) scale(1.18);opacity:.62}}
@keyframes ambientDriftSmall1067{0%{transform:translate3d(0,0,0);opacity:.26}100%{transform:translate3d(24vw,-16vh,0);opacity:.58}}
@keyframes ambientStars1067{0%{background-position:0 0,20px 28px}100%{background-position:176px 132px,-122px 170px}}
@keyframes ambientHaloOrbit1067{0%{transform:translate3d(0,0,0) scale(.9);opacity:.22}100%{transform:translate3d(28vw,18vh,0) scale(1.13);opacity:.48}}
@keyframes ambientHaloOrbitB1067{0%{transform:translate3d(0,0,0) scale(1.12);opacity:.20}100%{transform:translate3d(-22vw,-14vh,0) scale(.88);opacity:.46}}
@keyframes ambientPulse1067{0%,100%{transform:scale(.8);opacity:.14}50%{transform:scale(1.3);opacity:.62}}
@keyframes ambientPrismRotate1067{to{transform:rotate(360deg)}}
@keyframes ambientMistA1067{0%{transform:translate3d(0,0,0) scale(.92);opacity:.24}100%{transform:translate3d(30vw,14vh,0) scale(1.14);opacity:.56}}
@keyframes ambientMistB1067{0%{transform:translate3d(0,0,0) scale(1.08);opacity:.20}100%{transform:translate3d(-30vw,-16vh,0) scale(.9);opacity:.52}}
@keyframes ambientOrbitA1067{0%{transform:translate3d(0,0,0) scale(.86)}100%{transform:translate3d(48vw,28vh,0) scale(1.18)}}
@keyframes ambientOrbitB1067{0%{transform:translate3d(0,0,0) scale(1.1)}100%{transform:translate3d(-36vw,-24vh,0) scale(.84)}}
@keyframes ambientFlashA1067{0%,28%,100%{opacity:.16;transform:scale(.88)}42%{opacity:.62;transform:scale(1.15)}55%{opacity:.24;transform:scale(.96)}}
@keyframes ambientFlashB1067{0%,32%,100%{opacity:.12;transform:scale(.9)}48%{opacity:.58;transform:scale(1.18)}61%{opacity:.20;transform:scale(.98)}}
@keyframes ambientRoyalA1067{0%{transform:translate3d(0,0,0) scale(.9);opacity:.30}100%{transform:translate3d(34vw,22vh,0) scale(1.15);opacity:.62}}
@keyframes ambientRoyalB1067{0%{transform:translate3d(0,0,0) scale(1.1);opacity:.22}100%{transform:translate3d(-34vw,-18vh,0) scale(.9);opacity:.58}}
html[data-ui-scope="public"] body.public-body .booking-date-control{display:block;position:relative;width:100%}
html[data-ui-scope="public"] body.public-body .booking-date-control input{width:100%;position:relative;z-index:1;background:var(--ui-surface)!important}
html[data-ui-scope="public"] body.public-body .booking-date-placeholder{position:absolute;left:14px;right:46px;top:50%;transform:translateY(-50%);z-index:2;pointer-events:none;color:var(--ui-muted)!important;font-size:.92rem;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-ui-scope="public"] body.public-body .booking-date-control:not(.has-value) input{color:transparent!important}
html[data-ui-scope="public"] body.public-body .booking-date-control:not(.has-value) input::-webkit-datetime-edit{color:transparent!important}
html[data-ui-scope="public"] body.public-body .booking-date-control.has-value .booking-date-placeholder{display:none}
html[data-ui-scope="public"] body.public-body input[data-whatsapp-mask]{font-variant-numeric:tabular-nums;letter-spacing:.01em}
html[data-ui-scope="public"] body.public-body .public-faq-section{margin:18px 0 24px;padding:0 2px}
html[data-ui-scope="public"] body.public-body .public-faq-heading{display:grid;gap:4px;margin:0 0 12px;padding:0 2px}
html[data-ui-scope="public"] body.public-body .public-faq-heading .eyebrow{color:var(--ui-accent-strong)!important;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800}
html[data-ui-scope="public"] body.public-body .public-faq-heading h2{margin:0;color:var(--ui-text)!important;font-size:clamp(1.42rem,6vw,1.8rem);line-height:1.08;font-family:Georgia,'Times New Roman',serif;font-weight:700;letter-spacing:-.025em}
html[data-ui-scope="public"] body.public-body .public-faq-heading p{margin:2px 0 0;color:var(--ui-muted)!important;font-size:.84rem;line-height:1.45}
html[data-ui-scope="public"] body.public-body .public-faq-list{display:grid;gap:8px}
html[data-ui-scope="public"] body.public-body .public-faq-item{border:1px solid var(--ui-border-strong,var(--ui-border))!important;border-radius:14px;background:var(--ui-surface)!important;overflow:hidden;box-shadow:var(--ui-shadow)!important}
html[data-ui-scope="public"] body.public-body .public-faq-item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;padding:12px 14px;cursor:pointer;color:var(--ui-text)!important;font-weight:750;font-size:.9rem;line-height:1.35}
html[data-ui-scope="public"] body.public-body .public-faq-item summary::-webkit-details-marker{display:none}
html[data-ui-scope="public"] body.public-body .public-faq-item summary i{position:relative;width:18px;height:18px;flex:0 0 18px;border-radius:50%;background:var(--ui-accent-soft)!important;border:1px solid var(--ui-border)!important}
html[data-ui-scope="public"] body.public-body .public-faq-item summary i::before,html[data-ui-scope="public"] body.public-body .public-faq-item summary i::after{content:"";position:absolute;left:50%;top:50%;width:8px;height:1.5px;border-radius:2px;background:var(--ui-accent-strong)!important;transform:translate(-50%,-50%)}
html[data-ui-scope="public"] body.public-body .public-faq-item summary i::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .18s ease}
html[data-ui-scope="public"] body.public-body .public-faq-item[open]{border-color:var(--ui-accent)!important;background:var(--ui-surface-2)!important}
html[data-ui-scope="public"] body.public-body .public-faq-item[open] summary i::after{transform:translate(-50%,-50%) rotate(0deg)}
html[data-ui-scope="public"] body.public-body .public-faq-answer{padding:0 14px 14px;border-top:1px solid var(--ui-border)!important}
html[data-ui-scope="public"] body.public-body .public-faq-answer p{margin:11px 0 0;color:var(--ui-muted)!important;font-size:.84rem;line-height:1.58}
html[data-ui-scope="admin"] .store-logo-appearance-grid{display:grid;gap:10px}
html[data-ui-scope="admin"] .public-theme-motion-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:20px;align-items:center}
html[data-ui-scope="admin"] .public-theme-motion-copy{display:grid;gap:4px}
html[data-ui-scope="admin"] .public-theme-motion-copy h2{margin:0;color:var(--ui-text)!important}
html[data-ui-scope="admin"] .public-theme-motion-copy p{margin:0;color:var(--ui-muted)!important;line-height:1.5}
html[data-ui-scope="admin"] .public-theme-motion-toggle,html[data-ui-scope="admin"] .faq-master-toggle,html[data-ui-scope="admin"] .faq-active-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border:1px solid var(--ui-border)!important;border-radius:14px;background:var(--ui-surface-2)!important;color:var(--ui-text)!important}
html[data-ui-scope="admin"] .public-theme-motion-toggle>span:first-child,html[data-ui-scope="admin"] .faq-master-toggle>span:first-child,html[data-ui-scope="admin"] .faq-active-row>span:first-child{display:grid;gap:3px}
html[data-ui-scope="admin"] :where(.public-theme-motion-toggle,.faq-master-toggle,.faq-active-row) b{color:var(--ui-text)!important}
html[data-ui-scope="admin"] :where(.public-theme-motion-toggle,.faq-master-toggle,.faq-active-row) small{color:var(--ui-muted)!important;line-height:1.4}
html[data-ui-scope="admin"] .public-faq-admin{margin-top:16px}
html[data-ui-scope="admin"] .faq-admin-head{align-items:flex-start}
html[data-ui-scope="admin"] .faq-admin-count{white-space:nowrap;padding:6px 9px;border-radius:999px;background:var(--ui-accent-soft)!important;color:var(--ui-accent-strong)!important;font-size:.75rem;font-weight:800}
html[data-ui-scope="admin"] .faq-admin-form{display:grid;gap:14px}
html[data-ui-scope="admin"] .faq-title-grid{align-items:end}
html[data-ui-scope="admin"] .faq-editor-list{display:grid;gap:12px}
html[data-ui-scope="admin"] .faq-editor-item{display:grid;gap:10px;padding:14px;border:1px solid var(--ui-border)!important;border-radius:16px;background:var(--ui-surface)!important;box-shadow:var(--ui-shadow)!important}
html[data-ui-scope="admin"] .faq-editor-item-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
html[data-ui-scope="admin"] .faq-order-label{font-size:.76rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase;color:var(--ui-accent-strong)!important}
html[data-ui-scope="admin"] .faq-editor-actions{display:flex;align-items:center;gap:6px}
html[data-ui-scope="admin"] .faq-editor-footer{display:flex;justify-content:space-between;gap:12px;align-items:center}
html[data-ui-scope="admin"] .manager-logo-controls{display:grid;gap:9px}
html[data-ui-scope="admin"] .manager-theme-motion{grid-column:1/-1}
@media(max-width:760px){
html[data-ui-scope="admin"] .public-theme-motion-panel{grid-template-columns:1fr}
html[data-ui-scope="admin"] .faq-title-grid{grid-template-columns:1fr!important}
html[data-ui-scope="admin"] .faq-editor-footer{align-items:stretch;flex-direction:column}
html[data-ui-scope="admin"] .faq-editor-actions{flex-wrap:wrap;justify-content:flex-end}
}
html[data-ui-scope="admin"] .admin-body .switch span,
html[data-ui-scope="admin"] .manager-body .switch span{
background:var(--ui-surface-3)!important;
border:1px solid var(--ui-border-strong,var(--ui-border))!important;
box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ui-text) 5%,transparent)!important;
}
html[data-ui-scope="admin"] .admin-body .switch span::before,
html[data-ui-scope="admin"] .manager-body .switch span::before{
background:var(--ui-muted)!important;
box-shadow:0 1px 4px rgba(0,0,0,.18)!important;
}
html[data-ui-scope="admin"] .admin-body .switch input:checked+span,
html[data-ui-scope="admin"] .manager-body .switch input:checked+span{
background:var(--ui-accent-soft)!important;
border-color:var(--ui-accent)!important;
}
html[data-ui-scope="admin"] .admin-body .switch input:checked+span::before,
html[data-ui-scope="admin"] .manager-body .switch input:checked+span::before{
background:var(--ui-accent-strong)!important;
}
html[data-ui-scope="admin"] :where(.admin-body,.manager-body) .switch.is-disabled,
html[data-ui-scope="admin"] :where(.admin-body,.manager-body) .switch:has(input:disabled){opacity:.78!important}
html[data-ui-scope="admin"] :where(.admin-body,.manager-body) .switch input:disabled+span{
background:var(--ui-surface-3)!important;
border-color:var(--ui-border-strong,var(--ui-border))!important;
}
html[data-ui-scope="admin"][data-ui-theme="clean"] :where(.admin-body,.manager-body) .switch span{
background:#dbe4ed!important;border-color:#8293a5!important
}
html[data-ui-scope="admin"][data-ui-theme="clean"] :where(.admin-body,.manager-body) .switch span::before{background:#405468!important}
html[data-ui-scope="admin"][data-ui-theme="clean"] :where(.admin-body,.manager-body) .switch input:checked+span{background:#d8e9f7!important;border-color:#365f8c!important}
html[data-ui-scope="admin"][data-ui-theme="clean"] :where(.admin-body,.manager-body) .switch input:checked+span::before{background:#24486d!important}
html[data-ui-scope="admin"] :where(.saved-chip,.record-count,.faq-admin-count,.appearance-current-badge,.system-version-badge){
background:var(--ui-accent-soft)!important;
border:1px solid var(--ui-border-strong,var(--ui-border))!important;
color:var(--ui-accent-strong)!important;
opacity:1!important;text-shadow:none!important;
}
html[data-ui-scope="admin"][data-ui-theme="clean"] :where(.saved-chip,.record-count,.faq-admin-count,.appearance-current-badge,.system-version-badge){
background:#e9f1f8!important;border-color:#9aabba!important;color:#24486d!important
}
html[data-ui-scope="admin"] .notice.success{background:color-mix(in srgb,var(--ui-success) 12%,var(--ui-surface))!important;border-color:color-mix(in srgb,var(--ui-success) 42%,var(--ui-border))!important;color:var(--ui-success)!important}
html[data-ui-scope="admin"] .notice.error{background:color-mix(in srgb,var(--ui-danger) 11%,var(--ui-surface))!important;border-color:color-mix(in srgb,var(--ui-danger) 42%,var(--ui-border))!important;color:var(--ui-danger)!important}
html[data-ui-scope="admin"] :where(.admin-body,.manager-body) .btn.danger{
background:color-mix(in srgb,var(--ui-danger) 10%,var(--ui-surface))!important;
color:var(--ui-danger)!important;border:1px solid color-mix(in srgb,var(--ui-danger) 50%,var(--ui-border))!important;
opacity:1!important;text-shadow:none!important
}
html[data-ui-scope="admin"] :where(.admin-body,.manager-body) .btn.danger:hover:not(:disabled){background:color-mix(in srgb,var(--ui-danger) 18%,var(--ui-surface))!important}
html[data-ui-scope="admin"] :where(.admin-body,.manager-body) .btn.danger:disabled{
background:var(--ui-surface-3)!important;color:color-mix(in srgb,var(--ui-danger) 72%,var(--ui-muted))!important;
border-color:var(--ui-border-strong,var(--ui-border))!important;opacity:.82!important;cursor:not-allowed!important
}
html[data-ui-scope="admin"] .faq-master-explicit{align-items:center!important}
html[data-ui-scope="admin"] .faq-state-control{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
html[data-ui-scope="admin"] .faq-state-option{margin:0!important;display:block!important;position:relative!important;cursor:pointer!important}
html[data-ui-scope="admin"] .faq-state-option input{position:absolute!important;opacity:0!important;pointer-events:none!important}
html[data-ui-scope="admin"] .faq-state-option span{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:11px;border:1px solid var(--ui-border-strong,var(--ui-border));background:var(--ui-surface);color:var(--ui-text);font-size:.76rem;font-weight:850;transition:.16s ease}
html[data-ui-scope="admin"] .faq-state-option input:checked+span{background:var(--ui-accent-soft);border-color:var(--ui-accent);color:var(--ui-accent-strong);box-shadow:0 0 0 2px color-mix(in srgb,var(--ui-accent) 13%,transparent)}
html[data-ui-scope="admin"][data-ui-theme="clean"] .faq-state-option span{background:#fff;border-color:#9bacbc;color:#223243}
html[data-ui-scope="admin"][data-ui-theme="clean"] .faq-state-option input:checked+span{background:#e6f0f8;border-color:#365f8c;color:#24486d}
html[data-ui-scope="admin"] .admin-user-editor-form.access-account-form{
display:grid!important;grid-template-columns:250px minmax(0,1fr)!important;gap:24px!important;align-items:start!important
}
html[data-ui-scope="admin"] .access-account-form .admin-user-fields{display:grid!important;grid-template-columns:minmax(0,1fr) 260px!important;gap:16px 18px!important;align-items:end!important;min-width:0!important}
html[data-ui-scope="admin"] .access-account-form .admin-user-primary-grid{grid-column:1/-1!important;display:grid!important;grid-template-columns:180px minmax(0,1fr) minmax(0,1fr)!important;gap:14px!important;align-items:end!important}
html[data-ui-scope="admin"] .access-account-form .admin-user-password-field{grid-column:1!important;position:static!important;display:grid!important;gap:7px!important;min-width:0!important}
html[data-ui-scope="admin"] .access-account-form .admin-user-actions{grid-column:2!important;display:flex!important;align-items:flex-end!important;justify-content:stretch!important;padding:0!important}
html[data-ui-scope="admin"] .access-account-form .admin-user-actions .btn{width:100%!important;min-width:0!important;height:46px!important}
html[data-ui-scope="admin"] .access-account-form .password-input-shell{position:relative!important;display:flex!important;align-items:center!important;width:100%!important;min-height:46px!important;overflow:hidden!important}
html[data-ui-scope="admin"] .access-account-form .password-input-shell input{width:100%!important;height:44px!important;padding:0 48px 0 13px!important;margin:0!important;border:0!important;background:transparent!important}
html[data-ui-scope="admin"] .access-account-form .password-toggle{position:absolute!important;right:5px!important;top:50%!important;transform:translateY(-50%)!important;width:36px!important;height:36px!important;display:grid!important;place-items:center!important;padding:0!important;margin:0!important;border:0!important;border-radius:9px!important;background:transparent!important;color:var(--ui-muted)!important;cursor:pointer!important}
html[data-ui-scope="admin"] .access-account-form .password-toggle:hover{background:var(--ui-accent-soft)!important;color:var(--ui-accent-strong)!important}
html[data-ui-scope="admin"] .access-account-form .password-toggle svg{width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}
@media(max-width:1050px){
html[data-ui-scope="admin"] .admin-user-editor-form.access-account-form{grid-template-columns:210px minmax(0,1fr)!important}
html[data-ui-scope="admin"] .access-account-form .admin-user-primary-grid{grid-template-columns:1fr 1fr!important}
html[data-ui-scope="admin"] .access-account-form .admin-user-primary-grid label:first-child{grid-column:1/-1!important}
html[data-ui-scope="admin"] .access-account-form .admin-user-fields{grid-template-columns:1fr 220px!important}
}
@media(max-width:760px){
html[data-ui-scope="admin"] .admin-user-editor-form.access-account-form{grid-template-columns:1fr!important}
html[data-ui-scope="admin"] .access-account-form .admin-user-primary-grid{grid-template-columns:1fr!important}
html[data-ui-scope="admin"] .access-account-form .admin-user-primary-grid label:first-child{grid-column:auto!important}
html[data-ui-scope="admin"] .access-account-form .admin-user-fields{grid-template-columns:1fr!important}
html[data-ui-scope="admin"] .access-account-form .admin-user-password-field,html[data-ui-scope="admin"] .access-account-form .admin-user-actions{grid-column:1!important}
}
html[data-ui-scope="public"] body.public-body .store-logo-public.logo-glow-enabled::before,
html[data-ui-scope="admin"] .store-logo-glow-demo-ring::before{
background:conic-gradient(from 0deg,#f1b92f 0 18%,#ffd700 24% 35%,#c7a5ff 43% 55%,#ffe45c 62% 73%,#5ca7ff 80% 89%,#e6a91e 96% 100%)!important
}
html[data-ui-scope="public"] body.public-body .public-faq-section{
margin-block:22px!important;
margin-inline:0!important;
padding:0 2px!important;
}
html[data-ui-scope="public"] body.public-body .public-faq-heading{
justify-items:center!important;
text-align:center!important;
width:100%!important;
margin:0 0 12px!important;
padding:0 6px!important;
}
html[data-ui-scope="public"] body.public-body .public-faq-heading :where(.eyebrow,h2,p){
width:100%!important;
max-width:100%!important;
text-align:center!important;
margin-left:auto!important;
margin-right:auto!important;
}
html[data-ui-scope="public"] body.public-body .public-faq-section + .specialists-section.specialists-section-flat .section-heading{
padding-top:0!important;
}
html[data-ui-scope="public"] .pwa-entry-splash{display:none}
@media (display-mode: standalone){
html[data-ui-scope="public"] .pwa-entry-splash{display:grid}
}
html.pwa-standalone[data-ui-scope="public"] .pwa-entry-splash{display:grid}
html[data-ui-scope="public"] .pwa-entry-splash{
position:fixed!important;
inset:0!important;
z-index:2147483646!important;
place-items:center!important;
background:var(--pwa-splash-background,#000000)!important;
background-image:none!important;
opacity:1;
visibility:visible;
pointer-events:auto;
transition:opacity .34s ease,visibility .34s step-end;
overflow:hidden;
}
html[data-ui-scope="public"] .pwa-entry-splash-inner{
display:grid;
place-items:center;
gap:18px;
max-width:92vw;
}
html[data-ui-scope="public"] .pwa-entry-splash img{
display:block!important;
width:clamp(var(--pwa-splash-logo-min,190px),var(--pwa-splash-logo-fluid,56vw),var(--pwa-splash-logo-max,280px))!important;
height:auto!important;
max-width:72vw!important;
max-height:58dvh!important;
object-fit:contain!important;
object-position:center!important;
margin:0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
filter:none!important;
}
html[data-ui-scope="public"] .pwa-entry-splash-footer{
display:block;
max-width:82vw;
color:#fff;
font-size:.82rem;
font-weight:750;
letter-spacing:.08em;
text-align:center;
text-transform:uppercase;
}
html[data-ui-scope="public"] .pwa-entry-splash.is-leaving{
opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
}
@media (prefers-reduced-motion:reduce){
html[data-ui-scope="public"] .pwa-entry-splash{transition-duration:.18s}
}
html[data-ui-scope="admin"] .admin-user-professional-field[hidden]{display:none!important}
html[data-ui-scope="admin"] .access-account-form .admin-user-professional-field{min-width:0}
html[data-ui-scope="admin"] .access-account-form .admin-user-professional-field select{width:100%}
.manager-body .collaborator-access-admin{margin-top:16px}
.manager-body .collaborator-access-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:14px;align-items:end}
.manager-body .collaborator-access-form label{display:grid;gap:7px;color:var(--ui-text);font-weight:750}
.manager-body .collaborator-access-actions{display:flex;align-items:flex-end}
.manager-body .collaborator-access-actions .btn{min-height:46px}
.collaborator-body .collaborator-page{display:grid;gap:16px}
.collaborator-body .collaborator-kpis,.collaborator-body .collaborator-review-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.collaborator-body .collaborator-kpis article,.collaborator-body .collaborator-review-kpis article{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:18px;padding:17px 18px;box-shadow:var(--ui-shadow)}
.collaborator-body .collaborator-kpis span,.collaborator-body .collaborator-review-kpis span{display:block;color:var(--ui-muted);font-size:.78rem;font-weight:750}
.collaborator-body .collaborator-kpis strong,.collaborator-body .collaborator-review-kpis strong{display:block;margin:8px 0 4px;color:var(--ui-text);font-size:1.55rem}
.collaborator-body .collaborator-kpis small,.collaborator-body .collaborator-review-kpis small{color:var(--ui-muted)}
.collaborator-body .collaborator-profile-card{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;align-items:start}
.collaborator-body .collaborator-profile-intro{display:grid;justify-items:center;text-align:center;gap:10px;padding:12px}
.collaborator-body .collaborator-profile-intro img{width:150px;height:150px;object-fit:cover;border-radius:28px;border:1px solid var(--ui-border)}
.collaborator-body .collaborator-profile-intro div{display:grid;gap:3px}
.collaborator-body .collaborator-profile-intro strong{font-size:1.15rem;color:var(--ui-text)}
.collaborator-body .collaborator-profile-intro span{color:var(--ui-muted)}
.collaborator-body .collaborator-profile-card .form-grid{margin:0}
.collaborator-body .collaborator-service-row{grid-template-columns:minmax(0,1fr) auto}
.collaborator-bottom-nav{display:none}
html[data-ui-scope="public"] body.client-access-body,
html[data-ui-scope="public"] body.client-panel-body{min-height:100vh;background:#061329;color:#f7f8fc}
.client-access-page{min-height:calc(100dvh - 90px);display:grid;place-items:center;padding:28px 16px;position:relative;z-index:2}
.client-access-card{width:min(100%,470px);padding:24px;border:1px solid rgba(135,164,215,.22);border-radius:24px;background:rgba(8,22,45,.94);box-shadow:0 24px 70px rgba(0,0,0,.28)}
.client-access-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;margin-bottom:24px}
.client-access-brand img{width:52px;height:52px;object-fit:cover;border-radius:16px;border:1px solid rgba(255,182,62,.3)}
.client-access-brand span{display:grid}.client-access-brand small{color:#9fb1ce;margin-top:2px}
.client-access-card h1{margin:7px 0 8px;font-size:clamp(1.8rem,7vw,2.5rem);color:#fff}.client-access-card>p{color:#b6c4da;line-height:1.55;margin:0 0 18px}
.client-access-form{display:grid;gap:15px}.client-access-form fieldset{display:flex;gap:9px;padding:0;border:0;margin:0}.client-access-form legend{width:100%;margin:0 0 8px;color:#d6e1f2;font-size:.78rem;font-weight:800}.client-access-form fieldset label{display:flex;align-items:center;gap:7px;min-height:42px;padding:0 13px;border:1px solid rgba(135,164,215,.22);border-radius:12px;background:rgba(255,255,255,.035);cursor:pointer}.client-access-form>label{display:grid;gap:7px;color:#e6edf8;font-weight:750}.client-access-form input[type="text"],.client-access-form input[name="identifier"]{width:100%;min-height:50px;border-radius:13px;border:1px solid rgba(135,164,215,.28);background:#0d1d36;color:#fff;padding:0 14px;font-size:1rem}
.client-access-help{display:flex;justify-content:space-between;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(135,164,215,.16)}.client-access-help a{color:#aebdd5;font-size:.78rem;text-decoration:none}.client-access-help a:hover{color:#ffc052}
.client-panel-shell{position:relative;z-index:2;min-height:100vh}.client-mobile-app{min-height:100vh;padding-bottom:86px}.client-desktop-gate{display:none}.client-topbar{position:sticky;top:0;z-index:50;min-height:68px;padding:9px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(4,13,29,.94);border-bottom:1px solid rgba(130,158,205,.17);backdrop-filter:blur(16px)}
.client-brand{display:flex;align-items:center;gap:10px;min-width:0;color:#fff;text-decoration:none}.client-brand img{width:42px;height:42px;border-radius:13px;object-fit:cover;border:1px solid rgba(255,183,65,.3)}.client-brand span{display:grid;min-width:0}.client-brand b,.client-brand small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-brand small{font-size:.68rem;color:#9eb0cd}
.client-top-actions{display:flex;align-items:center;gap:10px}.client-top-actions .client-hello{display:none}.client-top-actions a{font-size:.74rem;color:#aebdd4;text-decoration:none}
.client-main{width:min(100% - 24px,700px);margin:0 auto;padding:18px 0 28px}.client-page{display:grid;gap:15px}.client-welcome,.client-page-head,.client-section,.client-profile-card{border:1px solid rgba(130,158,205,.18);border-radius:20px;background:rgba(10,26,50,.88);padding:18px}.client-welcome h1,.client-page-head h1{margin:5px 0 7px;color:#fff;font-size:1.65rem}.client-welcome p,.client-page-head p{margin:0;color:#aebdd4;line-height:1.45}.client-welcome .btn{margin-top:15px}
.client-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.client-kpis article{padding:13px 10px;border-radius:16px;border:1px solid rgba(130,158,205,.17);background:rgba(12,29,56,.9);text-align:center}.client-kpis span{display:block;font-size:.67rem;color:#9fb0cc}.client-kpis strong{display:block;margin-top:5px;font-size:1.3rem;color:#fff}
.client-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.client-section-head h2{font-size:1rem;margin:0;color:#fff}.client-section-head a{font-size:.72rem;color:#ffc052;text-decoration:none}
.client-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.client-shortcuts>a{display:grid;justify-items:center;gap:5px;padding:13px 8px;border:1px solid rgba(130,158,205,.17);border-radius:15px;background:rgba(12,29,56,.76);color:#fff;text-decoration:none;text-align:center}.client-shortcuts>a>span{width:26px;height:26px;display:grid;place-items:center;color:#ffc052}.client-shortcuts svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.client-shortcuts b{font-size:.78rem}.client-shortcuts small{font-size:.65rem;color:#9fb0ca}
.client-appointment-card{display:grid;grid-template-columns:58px minmax(0,1fr);gap:11px;align-items:center;padding:12px 0;border-top:1px solid rgba(130,158,205,.12)}.client-appointment-card:first-of-type{border-top:0}.client-date{display:grid;place-items:center;min-height:58px;border-radius:14px;background:rgba(255,172,42,.09);color:#ffc052}.client-date b{font-size:.8rem}.client-date span{font-weight:850}.client-appointment-card>div:last-child{display:grid;gap:2px;min-width:0}.client-appointment-card strong{color:#fff}.client-appointment-card span,.client-appointment-card small{color:#9fb0ca;font-size:.74rem}
.client-history-list,.client-review-list,.client-card-grid,.client-professional-list{display:grid;gap:10px}.client-history-card,.client-review-card,.client-service-card,.client-professional-card{border:1px solid rgba(130,158,205,.18);border-radius:18px;background:rgba(10,26,50,.88);padding:15px}.client-history-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.client-history-head time{color:#ffc052;font-weight:800;font-size:.78rem}.client-history-head span{font-size:.68rem;color:#aebdd4}.client-history-card>strong,.client-service-card h2,.client-professional-card h2{color:#fff}.client-history-card p,.client-history-card small,.client-service-card span,.client-service-card small,.client-professional-card span,.client-professional-card p,.client-professional-card small,.client-review-card small{color:#9fb0ca}.client-history-card p{margin:4px 0}.client-history-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}
.client-card-grid{grid-template-columns:1fr}.client-service-card{display:grid;gap:8px}.client-service-card h2{margin:0}.client-service-card>div{display:flex;justify-content:space-between;gap:10px}.client-service-card .btn{justify-self:start}
.client-professional-card{display:grid;grid-template-columns:76px minmax(0,1fr);gap:13px;align-items:start}.client-professional-card img{width:76px;height:76px;object-fit:cover;border-radius:18px}.client-professional-card div{display:grid;gap:4px}.client-professional-card h2,.client-professional-card p{margin:0}.client-professional-card p{line-height:1.4;font-size:.78rem}
.client-review-card strong{color:#ffc052;font-size:1.05rem}.client-review-card p{color:#d9e3f1;line-height:1.45}.client-review-pending{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-top:1px solid rgba(130,158,205,.12);color:#fff;text-decoration:none}.client-review-pending b{color:#ffc052;font-size:.78rem}
.client-profile-card .form-grid{margin:0}.client-profile-card label{color:#e7eef9}.client-profile-card input{background:#0d1d36!important;color:#fff!important;border-color:rgba(130,158,205,.24)!important}.client-profile-card input:disabled{opacity:.72}.client-profile-card small{color:#91a6c5}.client-logout-link{display:block;text-align:center;color:#9fb0ca;text-decoration:none;padding:10px}.client-empty{padding:18px;text-align:center;color:#9fb0ca;border:1px dashed rgba(130,158,205,.2);border-radius:16px}
.client-bottom-nav{position:fixed;left:10px;right:10px;bottom:max(8px,env(safe-area-inset-bottom));z-index:70;min-height:66px;padding:5px 7px;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;align-items:stretch;border-radius:20px;background:rgba(5,16,34,.97);border:1px solid rgba(130,158,205,.22);box-shadow:0 18px 48px rgba(0,0,0,.42);backdrop-filter:blur(18px)}.client-nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;border-radius:14px;color:#92a5c3;text-decoration:none}.client-nav-link>span{width:23px;height:23px;display:grid;place-items:center}.client-nav-link svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.client-nav-link small{font-size:.62rem}.client-nav-link.is-active{color:#ffc052;background:rgba(255,177,55,.08)}
@media(max-width:900px){
.manager-body .collaborator-access-form{grid-template-columns:1fr 1fr}.manager-body .collaborator-access-actions{grid-column:1/-1}.manager-body .collaborator-access-actions .btn{width:100%}
.collaborator-body .collaborator-kpis,.collaborator-body .collaborator-review-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
.collaborator-body .collaborator-profile-card{grid-template-columns:1fr}.collaborator-body .collaborator-profile-intro{grid-template-columns:82px minmax(0,1fr);justify-items:start;text-align:left;align-items:center}.collaborator-body .collaborator-profile-intro img{width:82px;height:82px;border-radius:20px}
}
@media(max-width:760px){
.collaborator-body .manager-main{padding-bottom:88px}.collaborator-bottom-nav{position:fixed;left:10px;right:10px;bottom:max(8px,env(safe-area-inset-bottom));z-index:95;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;min-height:64px;padding:5px 7px;border-radius:20px;background:var(--ui-nav);border:1px solid var(--ui-border);box-shadow:var(--ui-shadow)}.collaborator-bottom-nav .manager-nav-link{padding:0 5px;min-height:52px;font-size:.68rem}.collaborator-bottom-nav .manager-nav-link.is-active{background:var(--ui-accent-soft);color:var(--ui-accent)}
.manager-body .collaborator-access-form{grid-template-columns:1fr}
.collaborator-body .collaborator-kpis,.collaborator-body .collaborator-review-kpis{gap:8px}.collaborator-body .collaborator-kpis article,.collaborator-body .collaborator-review-kpis article{padding:13px 12px;border-radius:15px}.collaborator-body .collaborator-kpis strong,.collaborator-body .collaborator-review-kpis strong{font-size:1.15rem}
}
@media(min-width:761px){
html[data-ui-scope="public"] body.client-panel-body .client-mobile-app{display:block}
html[data-ui-scope="public"] body.client-panel-body .client-main{width:min(100% - 48px,920px);padding-top:24px}
html[data-ui-scope="public"] body.client-panel-body .client-topbar{padding-left:max(24px,calc((100% - 920px)/2));padding-right:max(24px,calc((100% - 920px)/2))}
html[data-ui-scope="public"] body.client-panel-body .client-top-actions .client-hello{display:inline;color:#dce5f2;font-size:.78rem}
html[data-ui-scope="public"] body.client-panel-body .client-bottom-nav{left:50%;right:auto;width:min(620px,calc(100% - 40px));transform:translateX(-50%)}
.client-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:420px){
.client-main{width:min(100% - 18px,700px)}.client-kpis article{padding:11px 6px}.client-kpis strong{font-size:1.1rem}.client-access-card{padding:20px 16px}.client-access-form fieldset{display:grid;grid-template-columns:1fr 1fr}.client-professional-card{grid-template-columns:64px minmax(0,1fr)}.client-professional-card img{width:64px;height:64px;border-radius:16px}.client-shortcuts{grid-template-columns:1fr}
}
.collaborator-body .collaborator-analytics-dashboard{display:grid;gap:16px}
.collaborator-body .collaborator-premium-head{align-items:center}
.collaborator-body .collaborator-performance-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.collaborator-body .collaborator-finance-primary{grid-template-columns:minmax(0,1.65fr) minmax(280px,.9fr)}
.collaborator-body .collaborator-dashboard-lower{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
.collaborator-body .collaborator-financial-clarity{display:grid;align-content:start}
.collaborator-body .collaborator-profit-note{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:start;padding:14px;border:1px solid var(--ui-border);border-radius:16px;background:var(--ui-surface-2)}
.collaborator-body .collaborator-profit-note>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--ui-accent-soft);color:var(--ui-accent-strong)}
.collaborator-body .collaborator-profit-note svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.collaborator-body .collaborator-profit-note b{display:block;color:var(--ui-text);font-size:.9rem}
.collaborator-body .collaborator-profit-note p{margin:5px 0 0;color:var(--ui-muted);font-size:.74rem;line-height:1.5}
.collaborator-body .collaborator-rate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.collaborator-body .collaborator-rate-grid>div{padding:12px;border:1px solid var(--ui-border);border-radius:14px;background:var(--ui-surface-2);min-width:0}
.collaborator-body .collaborator-rate-grid span{display:block;color:var(--ui-muted);font-size:.68rem;font-weight:700}
.collaborator-body .collaborator-rate-grid strong{display:block;margin-top:5px;color:var(--ui-text);font-size:1.05rem}
.client-access-page{min-height:100dvh;padding:24px 16px}
.client-access-card{width:min(100%,430px);padding:28px 26px;text-align:center}
.client-access-brand{width:max-content;max-width:100%;margin:0 auto 18px;justify-content:center;text-align:left}
.client-access-brand img{width:50px;height:50px}
.client-access-intro{display:grid;justify-items:center;gap:4px;margin-bottom:18px}
.client-access-intro .eyebrow{margin:0}
.client-access-intro h1{margin:3px 0 2px;font-size:clamp(1.65rem,6vw,2.15rem);line-height:1.05;color:#fff}
.client-access-intro p{margin:0;color:#aebdd4;font-size:.9rem;line-height:1.4;text-align:center}
.client-access-form{gap:13px;text-align:left}
.client-access-choice{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;width:100%;margin:0!important}
.client-access-choice label{position:relative;justify-content:center!important;min-height:44px!important;padding:0 12px!important;text-align:center;font-weight:800;color:#dce6f5}
.client-access-choice label:has(input:checked){border-color:rgba(255,184,66,.65)!important;background:rgba(255,177,55,.12)!important;color:#ffd17f}
.client-access-choice input{accent-color:#ffb743}
.client-access-identifier{display:grid!important;gap:7px!important;text-align:left}
.client-access-identifier>span{font-size:.82rem;font-weight:800;color:#e8eef8}
.client-access-identifier>small{color:#8fa4c3;font-size:.7rem;line-height:1.35}
.client-access-form input[name="identifier"]{min-height:50px!important;text-align:left}
.client-access-form>.btn{min-height:48px;margin-top:1px}
.client-access-error{text-align:center;margin:0 0 14px}
.client-access-help{justify-content:center;flex-wrap:wrap;gap:9px 20px;margin-top:16px;padding-top:14px}
.client-access-help a{white-space:nowrap}
:where(.manager-body,.admin-body) .password-panel{width:min(100%,650px);margin-left:auto;margin-right:auto}
:where(.manager-body,.admin-body) .password-panel-head{text-align:center;margin-bottom:20px}
:where(.manager-body,.admin-body) .password-panel-head .eyebrow{display:block;margin-bottom:6px}
:where(.manager-body,.admin-body) .password-panel-head h2{margin:0;color:var(--ui-text);font-size:clamp(1.6rem,4vw,2rem);line-height:1.05}
:where(.manager-body,.admin-body) .password-panel-head p{max-width:430px;margin:8px auto 0;color:var(--ui-muted);font-size:.82rem;line-height:1.45}
:where(.manager-body,.admin-body) .password-change-form{display:grid;gap:16px;margin-top:18px}
:where(.manager-body,.admin-body) .password-change-form>label{display:grid;gap:8px;margin:0;color:var(--ui-text);font-weight:800}
:where(.manager-body,.admin-body) .password-change-form>label>span{font-size:.9rem}
:where(.manager-body,.admin-body) .password-change-form .password-input-shell{position:relative!important;display:flex!important;align-items:center!important;width:100%!important;height:50px!important;min-height:50px!important;margin:0!important;overflow:hidden!important;border:1px solid var(--ui-border-strong,var(--ui-border))!important;border-radius:13px!important;background:var(--ui-surface-2)!important;box-shadow:none!important}
:where(.manager-body,.admin-body) .password-change-form .password-input-shell:focus-within{border-color:var(--ui-accent)!important;box-shadow:0 0 0 3px var(--ui-accent-soft)!important}
:where(.manager-body,.admin-body) .password-change-form .password-input-shell input{display:block!important;width:100%!important;height:48px!important;min-height:48px!important;margin:0!important;padding:0 54px 0 14px!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--ui-text)!important;box-shadow:none!important;outline:0!important}
:where(.manager-body,.admin-body) .password-change-form .password-toggle{position:absolute!important;right:6px!important;top:50%!important;transform:translateY(-50%)!important;z-index:2!important;width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;display:grid!important;place-items:center!important;padding:0!important;margin:0!important;border:0!important;border-radius:10px!important;background:transparent!important;color:var(--ui-muted)!important;box-shadow:none!important;cursor:pointer!important}
:where(.manager-body,.admin-body) .password-change-form .password-toggle:hover,
:where(.manager-body,.admin-body) .password-change-form .password-toggle:focus-visible,
:where(.manager-body,.admin-body) .password-change-form .password-toggle.is-visible{background:var(--ui-accent-soft)!important;color:var(--ui-accent-strong)!important}
:where(.manager-body,.admin-body) .password-change-form .password-toggle svg{width:19px!important;height:19px!important;display:block!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
:where(.manager-body,.admin-body) .password-rule{display:block;margin:-3px 0 0;color:var(--ui-muted);font-size:.72rem;text-align:left}
:where(.manager-body,.admin-body) .manager-password-panel{padding:clamp(20px,4vw,30px)}
:where(.manager-body,.admin-body) .manager-password-panel .notice{margin-bottom:14px}
@media(max-width:1100px){
.collaborator-body .collaborator-performance-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.collaborator-body .collaborator-finance-primary,.collaborator-body .collaborator-dashboard-lower{grid-template-columns:1fr}
}
@media(max-width:620px){
.collaborator-body .collaborator-premium-head{align-items:flex-start}
.collaborator-body .collaborator-premium-head .btn{width:100%}
.collaborator-body .collaborator-rate-grid{grid-template-columns:1fr 1fr}
.client-access-card{padding:23px 18px;border-radius:22px}
:where(.manager-body,.admin-body) .manager-password-panel{padding:20px 18px}
}
@media(max-width:390px){
.collaborator-body .collaborator-performance-kpis{grid-template-columns:1fr 1fr!important}
.collaborator-body .collaborator-rate-grid{grid-template-columns:1fr}
.client-access-help{flex-direction:column;align-items:center}
}
.admin-body .admin-users-table-shell{
overflow-x:auto!important;
overflow-y:hidden!important;
scrollbar-gutter:stable;
}
.admin-body .admin-users-table{
width:100%!important;
min-width:1040px!important;
table-layout:fixed!important;
}
.admin-body .admin-users-table th,
.admin-body .admin-users-table td{
padding:15px 20px!important;
vertical-align:middle!important;
}
.admin-body .admin-users-table th:nth-child(1){width:31%!important}
.admin-body .admin-users-table th:nth-child(2){width:24%!important}
.admin-body .admin-users-table th:nth-child(3){width:12%!important}
.admin-body .admin-users-table th:nth-child(4){width:17%!important}
.admin-body .admin-users-table th:nth-child(5){width:16%!important;text-align:right!important}
.admin-body .admin-users-table tbody tr{height:78px}
.admin-body .admin-users-table td.admin-user-role-column,
.admin-body .admin-users-table td.admin-user-status-column,
.admin-body .admin-users-table td.admin-user-last-column,
.admin-body .admin-users-table td.admin-user-actions-column{
display:table-cell!important;
height:auto!important;
}
.admin-body .admin-users-table td.admin-user-actions-column{text-align:right!important}
.admin-body .admin-user-cell{
display:flex!important;
align-items:center!important;
gap:13px!important;
min-width:0!important;
}
.admin-body .admin-user-list-avatar{
width:42px!important;
height:42px!important;
flex:0 0 42px!important;
overflow:hidden!important;
}
.admin-body .admin-user-list-avatar img{
width:100%!important;
height:100%!important;
object-fit:cover!important;
}
.admin-body .admin-user-copy{
display:grid!important;
gap:3px!important;
flex:1 1 auto!important;
min-width:0!important;
}
.admin-body .admin-user-copy b,
.admin-body .admin-user-copy small{
display:block!important;
max-width:100%!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
}
.admin-body .admin-user-copy b{
color:var(--ui-text)!important;
font-size:.88rem!important;
line-height:1.18!important;
}
.admin-body .admin-user-copy small{
color:var(--ui-muted)!important;
font-size:.72rem!important;
font-weight:650!important;
}
.admin-body .admin-role-cell{
display:flex!important;
align-items:center!important;
gap:10px!important;
min-width:0!important;
white-space:nowrap!important;
}
.admin-body .admin-role-cell .role-chip{
flex:0 0 auto!important;
min-height:30px!important;
padding-inline:11px!important;
}
.admin-body .admin-role-link{
display:flex!important;
align-items:baseline!important;
gap:4px!important;
min-width:0!important;
margin:0!important;
color:var(--ui-muted)!important;
font-size:.69rem!important;
line-height:1.25!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.admin-body .admin-role-link span{flex:0 0 auto!important}
.admin-body .admin-role-link b{
min-width:0!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
color:var(--ui-text)!important;
font-size:inherit!important;
}
.admin-body .admin-status-cell{
display:flex!important;
align-items:center!important;
gap:8px!important;
min-width:0!important;
white-space:nowrap!important;
}
.admin-body .admin-status-cell .status{flex:0 0 auto!important}
.admin-body .admin-status-cell .admin-user-note{
display:inline-flex!important;
align-items:center!important;
margin:0!important;
}
.admin-body .admin-user-last-column .single-line{
display:inline-flex!important;
align-items:center!important;
min-height:36px!important;
}
.admin-body .admin-user-row-actions{
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
gap:8px!important;
width:100%!important;
min-width:0!important;
white-space:nowrap!important;
}
.admin-body .admin-user-row-actions form{
display:block!important;
flex:0 0 auto!important;
margin:0!important;
}
.admin-body .admin-user-row-actions .btn{
min-height:38px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
margin:0!important;
}
@media(max-width:1180px){
.admin-body .admin-users-table{min-width:980px!important}
}
html[data-ui-scope="admin"] .access-account-form .admin-user-fields{
display:grid!important;
grid-template-columns:minmax(0,1fr)!important;
gap:14px!important;
align-items:start!important;
}
html[data-ui-scope="admin"] .access-account-form .admin-user-primary-grid{
grid-column:1!important;
display:grid!important;
grid-template-columns:180px minmax(0,1fr) minmax(0,1fr)!important;
gap:14px!important;
align-items:end!important;
}
html[data-ui-scope="admin"] .access-account-form .admin-user-secondary-grid{
display:grid!important;
grid-template-columns:240px minmax(280px,1fr) 260px!important;
gap:14px!important;
align-items:start!important;
min-width:0!important;
}
html[data-ui-scope="admin"] .access-account-form .admin-user-secondary-grid>label{
display:grid!important;
gap:7px!important;
margin:0!important;
min-width:0!important;
}
html[data-ui-scope="admin"] .access-account-form .admin-user-professional-field{
grid-column:1!important;
min-width:0!important;
}
html[data-ui-scope="admin"] .access-account-form .admin-user-professional-field small{
display:block!important;
position:static!important;
opacity:1!important;
pointer-events:auto!important;
margin:0!important;
color:var(--ui-muted)!important;
font-size:.66rem!important;
line-height:1.25!important;
white-space:nowrap!important;
}
html[data-ui-scope="admin"] .access-account-form .admin-user-password-field{
grid-column:2!important;
position:static!important;
min-width:0!important;
}
html[data-ui-scope="admin"] .access-account-form .admin-user-password-field small{
display:block!important;
position:static!important;
opacity:1!important;
pointer-events:auto!important;
margin:0!important;
color:var(--ui-muted)!important;
font-size:.66rem!important;
line-height:1.25!important;
white-space:nowrap!important;
}
html[data-ui-scope="admin"] .access-account-form .admin-user-actions{
grid-column:3!important;
display:flex!important;
align-items:flex-start!important;
justify-content:stretch!important;
padding:25px 0 0!important;
min-width:0!important;
}
html[data-ui-scope="admin"] .access-account-form .admin-user-actions .btn{
width:100%!important;
min-width:0!important;
height:46px!important;
margin:0!important;
}
html[data-ui-scope="admin"] .access-account-form .admin-user-professional-field[hidden]+.admin-user-password-field{
grid-column:1!important;
}
@media(max-width:1180px){
html[data-ui-scope="admin"] .access-account-form .admin-user-secondary-grid{
grid-template-columns:220px minmax(260px,1fr) 220px!important;
}
}
@media(max-width:980px){
html[data-ui-scope="admin"] .access-account-form .admin-user-primary-grid{
grid-template-columns:1fr 1fr!important;
}
html[data-ui-scope="admin"] .access-account-form .admin-user-primary-grid label:first-child{
grid-column:1/-1!important;
}
html[data-ui-scope="admin"] .access-account-form .admin-user-secondary-grid{
grid-template-columns:minmax(200px,.8fr) minmax(260px,1.2fr)!important;
}
html[data-ui-scope="admin"] .access-account-form .admin-user-actions{
grid-column:1/-1!important;
padding-top:0!important;
justify-content:flex-end!important;
}
html[data-ui-scope="admin"] .access-account-form .admin-user-actions .btn{
width:min(260px,100%)!important;
}
html[data-ui-scope="admin"] .access-account-form .admin-user-professional-field[hidden]+.admin-user-password-field{
grid-column:1/-1!important;
}
}
@media(max-width:760px){
html[data-ui-scope="admin"] .access-account-form .admin-user-primary-grid,
html[data-ui-scope="admin"] .access-account-form .admin-user-secondary-grid{
grid-template-columns:1fr!important;
}
html[data-ui-scope="admin"] .access-account-form .admin-user-primary-grid label:first-child,
html[data-ui-scope="admin"] .access-account-form .admin-user-professional-field,
html[data-ui-scope="admin"] .access-account-form .admin-user-password-field,
html[data-ui-scope="admin"] .access-account-form .admin-user-professional-field[hidden]+.admin-user-password-field,
html[data-ui-scope="admin"] .access-account-form .admin-user-actions{
grid-column:1!important;
}
html[data-ui-scope="admin"] .access-account-form .admin-user-actions{
padding-top:0!important;
}
html[data-ui-scope="admin"] .access-account-form .admin-user-actions .btn{
width:100%!important;
}
html[data-ui-scope="admin"] .access-account-form .admin-user-professional-field small,
html[data-ui-scope="admin"] .access-account-form .admin-user-password-field small{
white-space:normal!important;
}
}
html[data-ui-scope="admin"] .access-account-form .admin-user-secondary-grid>.admin-user-professional-field[hidden]{display:none!important}
html[data-ui-scope="admin"] .access-account-form .admin-user-secondary-grid>label{
grid-template-rows:15px 46px auto!important;
}
html[data-ui-scope="admin"] .access-account-form .admin-user-secondary-grid>label>span{
align-self:end!important;
line-height:15px!important;
}
html[data-ui-scope="admin"] .access-account-form .admin-user-secondary-grid>label>select,
html[data-ui-scope="admin"] .access-account-form .admin-user-secondary-grid .password-input-shell{
height:46px!important;
min-height:46px!important;
}
html[data-ui-scope="admin"] .access-account-form .admin-user-actions{
display:grid!important;
grid-template-rows:15px 46px auto!important;
gap:7px!important;
padding:0!important;
align-items:stretch!important;
}
html[data-ui-scope="admin"] .access-account-form .admin-user-actions::before{content:"";display:block}
html[data-ui-scope="admin"] .access-account-form .admin-user-actions .btn{grid-row:2!important;height:46px!important}
@media(max-width:980px){
html[data-ui-scope="admin"] .access-account-form .admin-user-actions{
display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:0!important;padding:0!important
}
html[data-ui-scope="admin"] .access-account-form .admin-user-actions::before{display:none!important}
html[data-ui-scope="admin"] .access-account-form .admin-user-actions .btn{grid-row:auto!important}
}
.collaborator-body{
background:
radial-gradient(circle at 8% 8%,color-mix(in srgb,var(--ui-accent) 11%,transparent),transparent 28%),
radial-gradient(circle at 92% 18%,color-mix(in srgb,var(--ui-accent-2) 9%,transparent),transparent 30%),
var(--ui-bg)!important;
}
.collaborator-body .manager-main{position:relative;isolation:isolate}
.collaborator-body .manager-main::before{
content:"";position:fixed;inset:68px 0 0;pointer-events:none;z-index:-1;opacity:.55;
background-image:linear-gradient(color-mix(in srgb,var(--ui-border) 42%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--ui-border) 34%,transparent) 1px,transparent 1px);
background-size:48px 48px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.24),transparent 74%);
}
.collaborator-body .manager-content{position:relative;z-index:1}
.collaborator-body .manager-card,
.collaborator-body .collaborator-kpis article,
.collaborator-body .collaborator-review-kpis article{
background:linear-gradient(145deg,var(--ui-surface) 0%,color-mix(in srgb,var(--ui-surface-2) 88%,var(--ui-accent-soft)) 100%)!important;
border-color:color-mix(in srgb,var(--ui-border) 78%,var(--ui-accent) 22%)!important;
box-shadow:0 16px 38px color-mix(in srgb,var(--ui-bg-2) 34%,transparent)!important;
}
.collaborator-body .manager-page-head{
background:linear-gradient(135deg,color-mix(in srgb,var(--ui-surface) 88%,var(--ui-accent-soft)),color-mix(in srgb,var(--ui-surface-2) 88%,var(--ui-accent-soft)))!important;
border:1px solid color-mix(in srgb,var(--ui-border) 72%,var(--ui-accent) 28%)!important;
color:var(--ui-text)!important;box-shadow:var(--ui-shadow)!important;
}
.collaborator-body .manager-page-head h1,.collaborator-body .manager-page-head p{color:var(--ui-text)!important}
.collaborator-body .manager-page-head p{opacity:.72}
.collaborator-command-center{
position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.72fr);gap:22px;align-items:stretch;
padding:26px;border:1px solid color-mix(in srgb,var(--ui-border) 64%,var(--ui-accent) 36%);border-radius:26px;
background:linear-gradient(135deg,color-mix(in srgb,var(--ui-surface) 84%,var(--ui-accent-soft)),var(--ui-surface) 56%,color-mix(in srgb,var(--ui-surface-2) 88%,var(--ui-accent-soft)));
box-shadow:0 24px 58px color-mix(in srgb,var(--ui-bg-2) 38%,transparent);
}
.collaborator-command-center::after{
content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-110px;top:-170px;pointer-events:none;
background:radial-gradient(circle,color-mix(in srgb,var(--ui-accent) 22%,transparent),transparent 66%);
}
.collaborator-command-copy,.collaborator-next-command{position:relative;z-index:1}
.collaborator-command-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}
.collaborator-command-copy h1{margin:6px 0 8px;color:var(--ui-text);font-size:clamp(2rem,4vw,3.15rem);line-height:.98;letter-spacing:-.045em}
.collaborator-command-copy p{max-width:720px;margin:0;color:var(--ui-muted);font-size:.91rem;line-height:1.65}
.collaborator-live-badge{display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:100%;margin-bottom:14px;padding:7px 11px;border:1px solid color-mix(in srgb,var(--ui-success) 34%,var(--ui-border));border-radius:999px;background:color-mix(in srgb,var(--ui-success) 9%,var(--ui-surface));color:var(--ui-text);font-size:.67rem;font-weight:850;letter-spacing:.02em}
.collaborator-live-badge i{width:8px;height:8px;border-radius:50%;background:var(--ui-success);box-shadow:0 0 0 5px color-mix(in srgb,var(--ui-success) 13%,transparent);animation:collaboratorSignalPulse 2.2s ease-in-out infinite}
.collaborator-command-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px}
.collaborator-sound-action{min-width:150px}
.collaborator-next-command{display:flex;flex-direction:column;justify-content:center;padding:20px;border:1px solid color-mix(in srgb,var(--ui-border) 70%,var(--ui-accent) 30%);border-radius:21px;background:color-mix(in srgb,var(--ui-surface-2) 91%,var(--ui-accent-soft));min-width:0}
.collaborator-next-command>span{color:var(--ui-muted);font-size:.69rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.collaborator-next-command>strong{margin:10px 0 4px;color:var(--ui-text);font-size:2.5rem;line-height:1;font-variant-numeric:tabular-nums}
.collaborator-next-command>b{color:var(--ui-text);font-size:.93rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.collaborator-next-command>small{margin-top:4px;color:var(--ui-muted);font-size:.72rem}
.collaborator-live-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:18px}
.collaborator-live-stats>div{padding:10px;border:1px solid var(--ui-border);border-radius:13px;background:var(--ui-surface)}
.collaborator-live-stats span{display:block;color:var(--ui-muted);font-size:.61rem;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.collaborator-live-stats b{display:block;margin-top:4px;color:var(--ui-text);font-size:1.15rem}
.collaborator-alert-toggle{display:flex;align-items:center;gap:9px;min-height:42px;padding:5px 10px 5px 7px;border:1px solid var(--ui-border);border-radius:13px;background:var(--ui-surface-2);color:var(--ui-text);cursor:pointer;transition:.18s ease}
.collaborator-alert-toggle:hover{border-color:color-mix(in srgb,var(--ui-accent) 45%,var(--ui-border));transform:translateY(-1px)}
.collaborator-alert-icon{position:relative;width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:var(--ui-accent-soft);color:var(--ui-accent-strong)}
.collaborator-alert-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.collaborator-alert-icon i{position:absolute;right:1px;top:0;width:7px;height:7px;border:2px solid var(--ui-surface-2);border-radius:50%;background:var(--ui-muted)}
.collaborator-alert-toggle.is-enabled .collaborator-alert-icon i{background:var(--ui-success);animation:collaboratorSignalPulse 2.2s ease-in-out infinite}
.collaborator-alert-copy{display:grid;text-align:left;line-height:1.08}
.collaborator-alert-copy b{color:var(--ui-text);font-size:.7rem}
.collaborator-alert-copy small{margin-top:3px;color:var(--ui-muted);font-size:.59rem;white-space:nowrap}
.collaborator-agenda-page{gap:14px!important}
.collaborator-agenda-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.66fr);gap:20px;padding:24px 26px;border:1px solid color-mix(in srgb,var(--ui-border) 65%,var(--ui-accent) 35%);border-radius:25px;background:linear-gradient(135deg,var(--ui-surface),color-mix(in srgb,var(--ui-surface-2) 83%,var(--ui-accent-soft)));box-shadow:var(--ui-shadow)}
.collaborator-agenda-hero h1{margin:5px 0 7px;color:var(--ui-text);font-size:clamp(2rem,3.7vw,2.8rem);letter-spacing:-.04em;line-height:1}
.collaborator-agenda-hero p{max-width:720px;margin:0;color:var(--ui-muted);line-height:1.55;font-size:.84rem}
.collaborator-agenda-hero aside{display:flex;flex-direction:column;justify-content:center;padding:18px;border:1px solid var(--ui-border);border-radius:19px;background:var(--ui-surface-2);min-width:0}
.collaborator-agenda-hero aside>span{color:var(--ui-muted);font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.collaborator-agenda-hero aside>strong{margin-top:8px;color:var(--ui-text);font-size:1.4rem}
.collaborator-agenda-hero aside>b{margin-top:4px;color:var(--ui-text);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.collaborator-inline-sound{margin-top:14px;min-height:38px;border:1px solid var(--ui-border);border-radius:11px;background:var(--ui-surface);color:var(--ui-text);font-size:.68rem;font-weight:800;cursor:pointer}
.collaborator-inline-sound.is-enabled{border-color:color-mix(in srgb,var(--ui-success) 45%,var(--ui-border));background:color-mix(in srgb,var(--ui-success) 8%,var(--ui-surface))}
.collaborator-date-shortcuts{display:flex;gap:7px;flex-wrap:wrap;margin-top:17px}
.collaborator-date-shortcuts a{display:inline-flex;align-items:center;justify-content:center;min-height:35px;padding:0 13px;border:1px solid var(--ui-border);border-radius:11px;background:var(--ui-surface-2);color:var(--ui-muted);font-size:.68rem;font-weight:800;text-decoration:none}
.collaborator-date-shortcuts a:hover,.collaborator-date-shortcuts a.is-current{background:var(--ui-accent-soft);border-color:color-mix(in srgb,var(--ui-accent) 40%,var(--ui-border));color:var(--ui-accent-strong)}
.collaborator-agenda-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.collaborator-agenda-kpis article{padding:15px 16px;border:1px solid color-mix(in srgb,var(--ui-border) 80%,var(--ui-accent) 20%);border-radius:17px;background:linear-gradient(145deg,var(--ui-surface),var(--ui-surface-2));box-shadow:0 12px 28px color-mix(in srgb,var(--ui-bg-2) 20%,transparent);min-width:0}
.collaborator-agenda-kpis span,.collaborator-agenda-kpis small{display:block;color:var(--ui-muted);font-size:.64rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.collaborator-agenda-kpis strong{display:block;margin:7px 0 3px;color:var(--ui-text);font-size:1.35rem;line-height:1}
.collaborator-agenda-list-card{padding:20px!important}
.collaborator-agenda-list-head{align-items:flex-end!important}
.collaborator-body .manager-appointment-list{display:grid;gap:9px}
.collaborator-body .collaborator-appointment-card{position:relative;display:grid!important;grid-template-columns:78px minmax(0,1fr) minmax(310px,auto)!important;gap:15px!important;padding:13px!important;border:1px solid var(--ui-border)!important;border-radius:16px!important;background:var(--ui-surface-2)!important;box-shadow:none!important}
.collaborator-body .collaborator-appointment-card::before{content:"";position:absolute;left:-1px;top:14px;bottom:14px;width:3px;border-radius:0 4px 4px 0;background:var(--ui-border)}
.collaborator-body .collaborator-appointment-card.status-confirmed::before{background:var(--ui-success)}
.collaborator-body .collaborator-appointment-card.status-scheduled::before{background:var(--ui-accent)}
.collaborator-body .collaborator-appointment-card.status-canceled::before,.collaborator-body .collaborator-appointment-card.status-no_show::before{background:var(--ui-danger)}
.collaborator-body .collaborator-appointment-card.is-today{border-color:color-mix(in srgb,var(--ui-accent) 42%,var(--ui-border))!important;background:linear-gradient(100deg,color-mix(in srgb,var(--ui-accent-soft) 55%,var(--ui-surface-2)),var(--ui-surface-2) 44%)!important}
.collaborator-appointment-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:8px}
.collaborator-appointment-meta span,.collaborator-appointment-meta b,.collaborator-appointment-meta i{display:inline-flex!important;align-items:center;min-height:24px;padding:0 8px;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-surface);color:var(--ui-muted)!important;font-size:.61rem!important;font-style:normal;font-weight:750;margin:0!important}
.collaborator-appointment-meta b{color:var(--ui-text)!important}
.collaborator-agenda-empty{display:grid;justify-items:center;text-align:center;padding:42px 20px;border:1px dashed var(--ui-border);border-radius:18px;background:var(--ui-surface-2)}
.collaborator-agenda-empty>span{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--ui-success) 10%,var(--ui-surface));color:var(--ui-success);font-size:1.2rem;font-weight:900}
.collaborator-agenda-empty b{margin-top:12px;color:var(--ui-text)}
.collaborator-agenda-empty p{max-width:540px;margin:5px 0 0;color:var(--ui-muted);font-size:.76rem;line-height:1.5}
.collaborator-body .manager-client-list,.collaborator-body .manager-service-list,.collaborator-body .manager-review-list{gap:9px!important}
.collaborator-body .manager-client-row,.collaborator-body .manager-service-row,.collaborator-body .manager-review-row{
border:1px solid var(--ui-border)!important;border-radius:15px!important;padding:14px!important;background:var(--ui-surface-2)!important;margin:0!important;
}
.collaborator-body .manager-client-row:hover,.collaborator-body .manager-service-row:hover,.collaborator-body .manager-review-row:hover{border-color:color-mix(in srgb,var(--ui-accent) 34%,var(--ui-border))!important}
.collaborator-body .collaborator-profile-card{border-radius:22px!important;padding:22px!important}
.collaborator-body .collaborator-profile-intro{border:1px solid var(--ui-border);border-radius:18px;background:var(--ui-surface-2)}
.collaborator-body .collaborator-review-kpis article,.collaborator-body .collaborator-kpis article{position:relative;overflow:hidden}
.collaborator-body .collaborator-review-kpis article::after,.collaborator-body .collaborator-kpis article::after{content:"";position:absolute;width:70px;height:70px;right:-28px;top:-30px;border-radius:50%;background:var(--ui-accent-soft);pointer-events:none}
.collaborator-body .analytics-card{overflow:hidden}
.collaborator-body .analytics-card-head h2{color:var(--ui-text)!important}
.collaborator-body .analytics-card-head p{color:var(--ui-muted)!important}
.collaborator-live-flash{position:fixed;inset:0;z-index:140;pointer-events:none;opacity:0;border:0 solid transparent;transition:opacity .3s ease}
.collaborator-shell.has-new-booking .collaborator-live-flash{opacity:1;animation:collaboratorLiveFlash 1.25s ease-out 2;background:radial-gradient(circle at 50% 14%,color-mix(in srgb,var(--ui-accent) 18%,transparent),transparent 46%)}
.collaborator-booking-toast{position:fixed;right:18px;top:84px;z-index:180;width:min(390px,calc(100vw - 28px));display:grid;grid-template-columns:44px minmax(0,1fr) 28px;gap:11px;align-items:center;padding:13px;border:1px solid color-mix(in srgb,var(--ui-success) 45%,var(--ui-border));border-radius:17px;background:color-mix(in srgb,var(--ui-surface) 94%,var(--ui-success) 6%);box-shadow:0 24px 60px rgba(0,0,0,.22);color:var(--ui-text);opacity:0;transform:translateY(-12px) scale(.98);transition:.25s ease}
.collaborator-booking-toast.is-visible{opacity:1;transform:translateY(0) scale(1)}
.collaborator-booking-toast-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--ui-success) 12%,var(--ui-surface));color:var(--ui-success)}
.collaborator-booking-toast-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.collaborator-booking-toast>div{display:grid;gap:2px;min-width:0}
.collaborator-booking-toast>div>span{color:var(--ui-success);font-size:.6rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.collaborator-booking-toast>div>b{color:var(--ui-text);font-size:.84rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.collaborator-booking-toast>div>small{color:var(--ui-muted);font-size:.66rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.collaborator-booking-toast>button{width:28px;height:28px;border:0;border-radius:8px;background:transparent;color:var(--ui-muted);font-size:1.2rem;cursor:pointer}
.collaborator-new-booking .collaborator-alert-icon{animation:collaboratorBellRing .7s ease-in-out 3}
html[data-ui-scope="admin"][data-ui-theme="clean"] .admin-users-table .role-chip,
html[data-ui-scope="admin"][data-ui-theme="clean"] .admin-users-table .role-chip.role-ceo,
html[data-ui-scope="admin"][data-ui-theme="clean"] .admin-users-table .role-chip.role-gestor,
html[data-ui-scope="admin"][data-ui-theme="clean"] .admin-users-table .role-chip.role-colaborador{
background:#e8eef4!important;border-color:#9cabb9!important;color:#1d2b39!important;text-shadow:none!important;
}
html[data-ui-scope="admin"][data-ui-theme="clean"] .admin-users-table .admin-role-link,
html[data-ui-scope="admin"][data-ui-theme="clean"] .admin-users-table .admin-role-link b{color:#34495b!important}
@keyframes collaboratorSignalPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 4px color-mix(in srgb,var(--ui-success) 12%,transparent)}50%{transform:scale(1.15);box-shadow:0 0 0 8px color-mix(in srgb,var(--ui-success) 4%,transparent)}}
@keyframes collaboratorBellRing{0%,100%{transform:rotate(0)}25%{transform:rotate(9deg)}50%{transform:rotate(-8deg)}75%{transform:rotate(5deg)}}
@keyframes collaboratorLiveFlash{0%{opacity:0}30%{opacity:1}100%{opacity:0}}
@media(max-width:1120px){
.collaborator-command-center,.collaborator-agenda-hero{grid-template-columns:1fr}
.collaborator-agenda-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
.collaborator-body .collaborator-appointment-card{grid-template-columns:72px minmax(0,1fr)!important}
.collaborator-body .collaborator-appointment-card .manager-status-form{grid-column:2;justify-content:flex-start!important;flex-wrap:wrap}
}
@media(max-width:820px){
.collaborator-alert-copy{display:none}.collaborator-alert-toggle{padding:5px;min-width:42px;justify-content:center}
.collaborator-agenda-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
.collaborator-command-center,.collaborator-agenda-hero{padding:18px;border-radius:20px}
.collaborator-command-copy h1,.collaborator-agenda-hero h1{font-size:2rem}
.collaborator-command-actions{display:grid;width:100%;grid-template-columns:1fr}
.collaborator-command-actions .btn{width:100%}
.collaborator-live-stats{grid-template-columns:1fr 1fr 1fr}
.collaborator-agenda-kpis{gap:7px}.collaborator-agenda-kpis article{padding:13px 12px}.collaborator-agenda-kpis strong{font-size:1.1rem}
.collaborator-body .collaborator-appointment-card{grid-template-columns:58px minmax(0,1fr)!important;padding:11px!important;gap:10px!important}
.collaborator-body .collaborator-appointment-card .manager-appointment-time{height:54px}
.collaborator-body .collaborator-appointment-card .manager-status-form{grid-column:1/-1!important;justify-content:stretch!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important}
.collaborator-body .collaborator-appointment-card .manager-status-form select{min-width:0;width:100%}
.collaborator-booking-toast{top:auto;right:12px;left:12px;bottom:86px;width:auto}
}
@media(prefers-reduced-motion:reduce){
.collaborator-live-badge i,.collaborator-alert-toggle.is-enabled .collaborator-alert-icon i,.collaborator-new-booking .collaborator-alert-icon,.collaborator-shell.has-new-booking .collaborator-live-flash{animation:none!important}
}
.collaborator-section-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.collaborator-section-summary article{position:relative;overflow:hidden;padding:15px 16px;border:1px solid color-mix(in srgb,var(--ui-border) 80%,var(--ui-accent) 20%);border-radius:17px;background:linear-gradient(145deg,var(--ui-surface),var(--ui-surface-2));box-shadow:0 12px 28px color-mix(in srgb,var(--ui-bg-2) 20%,transparent);min-width:0}
.collaborator-section-summary article::after{content:"";position:absolute;width:64px;height:64px;right:-26px;top:-28px;border-radius:50%;background:var(--ui-accent-soft)}
.collaborator-section-summary span,.collaborator-section-summary small{display:block;position:relative;z-index:1;color:var(--ui-muted);font-size:.63rem;font-weight:720;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.collaborator-section-summary strong{display:block;position:relative;z-index:1;margin:7px 0 3px;color:var(--ui-text);font-size:1.28rem;line-height:1}
.collaborator-profile-completeness{width:100%;margin-top:8px;padding:11px;border:1px solid var(--ui-border);border-radius:13px;background:var(--ui-surface)}
.collaborator-profile-completeness>span{display:flex!important;align-items:center;justify-content:space-between;gap:10px;width:100%;color:var(--ui-text)!important}
.collaborator-profile-completeness>span b,.collaborator-profile-completeness>span strong{font-size:.68rem!important;margin:0!important}
.collaborator-profile-completeness>i{display:block;width:100%;height:6px;margin:8px 0 6px;border-radius:999px;background:var(--ui-surface-3);overflow:hidden}
.collaborator-profile-completeness>i>em{display:block;height:100%;border-radius:inherit;background:var(--ui-accent);transition:width .35s ease}
.collaborator-profile-completeness>small{display:block;color:var(--ui-muted);font-size:.59rem;line-height:1.35}
@media(max-width:980px){.collaborator-section-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.collaborator-section-summary{gap:7px}.collaborator-section-summary article{padding:13px 12px}.collaborator-section-summary strong{font-size:1.08rem}}
@media(min-width:981px){
html[data-ui-scope="admin"] .access-account-form .admin-user-secondary-grid{
align-items:start!important;
grid-auto-flow:row!important;
}
html[data-ui-scope="admin"] .access-account-form.is-collaborator-account .admin-user-secondary-grid{
grid-template-columns:240px minmax(300px,1fr) 260px!important;
}
html[data-ui-scope="admin"] .access-account-form.is-collaborator-account .admin-user-professional-field{
display:grid!important;grid-area:1 / 1 / 2 / 2!important;
}
html[data-ui-scope="admin"] .access-account-form.is-collaborator-account .admin-user-password-field{
grid-area:1 / 2 / 2 / 3!important;
}
html[data-ui-scope="admin"] .access-account-form.is-collaborator-account .admin-user-actions{
grid-area:1 / 3 / 2 / 4!important;
}
html[data-ui-scope="admin"] .access-account-form.is-non-collaborator-account .admin-user-secondary-grid{
grid-template-columns:minmax(360px,1fr) 260px!important;
}
html[data-ui-scope="admin"] .access-account-form.is-non-collaborator-account .admin-user-professional-field{
display:none!important;
}
html[data-ui-scope="admin"] .access-account-form.is-non-collaborator-account .admin-user-password-field{
grid-area:1 / 1 / 2 / 2!important;
}
html[data-ui-scope="admin"] .access-account-form.is-non-collaborator-account .admin-user-actions{
grid-area:1 / 2 / 2 / 3!important;
}
html[data-ui-scope="admin"] .access-account-form .admin-user-actions{
display:flex!important;
align-items:flex-start!important;
justify-content:stretch!important;
gap:0!important;
padding:22px 0 0!important;
min-width:0!important;
}
html[data-ui-scope="admin"] .access-account-form .admin-user-actions::before{display:none!important}
html[data-ui-scope="admin"] .access-account-form .admin-user-actions .btn{
width:100%!important;
height:46px!important;
min-height:46px!important;
margin:0!important;
}
}
progress.global-save-progress-track,
progress.progress-track,
progress.analytics-hbar-meter,
.collaborator-profile-completeness>progress{
-webkit-appearance:none;
appearance:none;
display:block;
width:100%;
padding:0;
border:0;
overflow:hidden;
background:transparent;
}
progress.global-save-progress-track{height:5px;border-radius:999px;background:rgba(255,255,255,.09)}
progress.global-save-progress-track::-webkit-progress-bar{background:rgba(255,255,255,.09);border-radius:999px}
progress.global-save-progress-track::-webkit-progress-value{border-radius:999px;background:linear-gradient(90deg,#ff8a00,#ffc44d);box-shadow:0 0 16px rgba(255,166,34,.36);transition:width .20s ease}
progress.global-save-progress-track::-moz-progress-bar{border-radius:999px;background:linear-gradient(90deg,#ff8a00,#ffc44d);box-shadow:0 0 16px rgba(255,166,34,.36)}
progress.progress-track{height:10px;border-radius:999px;background:rgba(255,255,255,.08)}
progress.progress-track::-webkit-progress-bar{background:rgba(255,255,255,.08);border-radius:999px}
progress.progress-track::-webkit-progress-value{background:linear-gradient(90deg,#ff8a00,#ffc44d);border-radius:999px;transition:width .25s ease}
progress.progress-track::-moz-progress-bar{background:linear-gradient(90deg,#ff8a00,#ffc44d);border-radius:999px}
.analytics-hbar-meter{height:8px;border-radius:999px;background:var(--ui-surface-3)}
.analytics-hbar-meter::-webkit-progress-bar{background:var(--ui-surface-3);border-radius:999px}
.analytics-hbar-meter::-webkit-progress-value{background:linear-gradient(90deg,var(--ui-accent),var(--ui-accent-2));border-radius:999px}
.analytics-hbar-meter::-moz-progress-bar{background:linear-gradient(90deg,var(--ui-accent),var(--ui-accent-2));border-radius:999px}
.analytics-column-meter{display:block;width:100%;height:100%;overflow:visible}
.analytics-column-meter rect{fill:var(--ui-accent)}
.analytics-columns.is-zero .analytics-column-meter{opacity:.38}
.analytics-donut,
.analytics-percentage-ring{background:none!important}
.analytics-donut>svg,
.analytics-percentage-ring>svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);overflow:visible}
.analytics-donut-track,
.analytics-donut-segment,
.analytics-ring-track,
.analytics-ring-value{fill:none;stroke-width:20}
.analytics-donut-track,
.analytics-ring-track{stroke:var(--ui-surface-3)}
.analytics-donut-segment.is-scheduled{stroke:var(--chart-1)}
.analytics-donut-segment.is-confirmed{stroke:var(--chart-2)}
.analytics-donut-segment.is-completed{stroke:var(--chart-3)}
.analytics-donut-segment.is-canceled{stroke:var(--chart-4)}
.analytics-donut-segment.is-no_show{stroke:var(--chart-5)}
.analytics-donut-legend i.is-scheduled{background:var(--chart-1)}
.analytics-donut-legend i.is-confirmed{background:var(--chart-2)}
.analytics-donut-legend i.is-completed{background:var(--chart-3)}
.analytics-donut-legend i.is-canceled{background:var(--chart-4)}
.analytics-donut-legend i.is-no_show{background:var(--chart-5)}
.analytics-ring-value{stroke:var(--ui-accent);stroke-linecap:round}
.collaborator-profile-completeness>progress{height:6px;margin:8px 0 6px;border-radius:999px;background:var(--ui-surface-3)}
.collaborator-profile-completeness>progress::-webkit-progress-bar{background:var(--ui-surface-3);border-radius:999px}
.collaborator-profile-completeness>progress::-webkit-progress-value{background:var(--ui-accent);border-radius:999px}
.collaborator-profile-completeness>progress::-moz-progress-bar{background:var(--ui-accent);border-radius:999px}
.admin-body .system-chart-bar>svg{width:min(38px,70%);height:100%;min-height:5px;justify-self:center;align-self:end;overflow:visible}
.admin-body .system-chart-bar>svg rect{fill:var(--ui-accent)}
.client-top-logout-form,
.client-logout-form{margin:0;padding:0}
.client-top-logout-form button,
.client-logout-link{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.client-top-logout-form button{padding:0;text-decoration:none}
.client-logout-form{display:block;text-align:center}
.client-logout-link{display:inline-block;width:auto}
.admin-body .services-table-actions th:nth-child(1){width:24%}
.admin-body .services-table-actions th:nth-child(2){width:17%}
.admin-body .services-table-actions th:nth-child(3){width:9%}
.admin-body .services-table-actions th:nth-child(4){width:10%}
.admin-body .services-table-actions th:nth-child(5){width:9%}
.admin-body .services-table-actions th:nth-child(6){width:31%}
.admin-body .service-actions-cell{vertical-align:middle;min-width:410px}
.admin-body .service-action-group{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:nowrap;white-space:nowrap}
.admin-body .service-action-group form{margin:0;display:block;flex:0 0 auto}
.admin-body .service-action-group .btn{min-width:auto;padding-inline:10px}
.admin-body .services-table-actions td{vertical-align:middle}
.admin-body .services-table-actions .status{white-space:nowrap}
.manager-body .manager-service-row-advanced{grid-template-columns:minmax(210px,1fr) minmax(260px,.8fr) minmax(430px,auto);gap:14px}
.manager-body .manager-service-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.manager-body .manager-service-actions form{margin:0}
.manager-body .manager-service-actions .btn{min-height:34px}
.manager-body .manager-service-editor-head>div{display:grid;gap:2px}
.manager-body .manager-service-editor-head h2{margin:0}
@media(max-width:1180px){
.admin-body .services-table-shell{overflow-x:auto}
.admin-body .services-table-actions{min-width:1120px}
.manager-body .manager-service-row-advanced{grid-template-columns:1fr minmax(260px,.8fr)}
.manager-body .manager-service-actions{grid-column:1/-1;justify-content:flex-start;padding-top:2px}
}
@media(max-width:760px){
.manager-body .manager-service-row-advanced{grid-template-columns:1fr}
.manager-body .manager-service-row-advanced>div:nth-child(2){grid-template-columns:repeat(3,minmax(0,1fr))}
.manager-body .manager-service-actions{grid-column:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
.manager-body .manager-service-actions .btn{width:100%}
.manager-body .manager-service-actions form{width:100%}
}
html[data-ui-scope="public"] body.client-access-body{
min-height:100dvh;
position:relative;
isolation:isolate;
overflow-x:hidden;
background:
radial-gradient(circle at 12% 18%,var(--ui-accent-soft) 0,transparent 34%),
radial-gradient(circle at 86% 82%,var(--ui-accent-soft) 0,transparent 36%),
linear-gradient(145deg,var(--ui-bg) 0%,var(--ui-bg-2) 48%,var(--ui-bg) 100%)!important;
color:var(--ui-text)!important;
}
html[data-ui-scope="public"] body.client-access-body::before,
html[data-ui-scope="public"] body.client-access-body::after{
content:"";
position:fixed;
pointer-events:none;
z-index:0;
will-change:transform,opacity,background-position;
}
html[data-ui-scope="public"] body.client-access-body::before{
width:78vmax;
height:78vmax;
left:-30vmax;
top:-28vmax;
border-radius:44% 56% 62% 38% / 42% 40% 60% 58%;
background:conic-gradient(from 18deg,transparent 0 15%,var(--ui-accent-soft) 23% 34%,transparent 45% 60%,var(--ui-accent-soft) 70% 79%,transparent 90% 100%);
filter:blur(22px);
opacity:.92;
animation:clientAccessAurora1080 16s ease-in-out infinite alternate;
}
html[data-ui-scope="public"] body.client-access-body::after{
inset:-14vh -14vw;
background:
radial-gradient(circle at 74% 24%,var(--ui-accent-soft) 0 8%,transparent 28%),
radial-gradient(circle at 26% 78%,var(--ui-accent-soft) 0 7%,transparent 26%),
linear-gradient(112deg,transparent 32%,var(--ui-accent-soft) 48%,transparent 63%);
filter:blur(14px);
opacity:.7;
animation:clientAccessDrift1080 13s ease-in-out infinite alternate;
}
html[data-ui-scope="public"] body.client-access-body .public-theme-ambient{
opacity:.96;
}
html[data-ui-scope="public"] body.client-access-body .client-access-page{
min-height:calc(100dvh - 58px);
padding:clamp(22px,6vh,58px) 16px;
position:relative;
z-index:2;
}
html[data-ui-scope="public"] body.client-access-body .client-access-card{
width:min(100%,460px);
padding:28px 26px;
border:1px solid var(--ui-border);
border-radius:26px;
background:rgba(255,255,255,.82);
color:var(--ui-text);
box-shadow:0 28px 80px rgba(28,48,67,.15),0 1px 0 rgba(255,255,255,.8) inset;
backdrop-filter:blur(22px) saturate(125%);
-webkit-backdrop-filter:blur(22px) saturate(125%);
}
html[data-ui-scope="public"] body.client-access-body .client-access-brand{color:var(--ui-text)}
html[data-ui-scope="public"] body.client-access-body .client-access-brand img{
border-color:var(--ui-border-strong);
box-shadow:0 10px 28px rgba(32,54,76,.12);
}
html[data-ui-scope="public"] body.client-access-body .client-access-brand small,
html[data-ui-scope="public"] body.client-access-body .client-access-intro p,
html[data-ui-scope="public"] body.client-access-body .client-access-identifier>small{color:var(--ui-muted)}
html[data-ui-scope="public"] body.client-access-body .client-access-intro h1,
html[data-ui-scope="public"] body.client-access-body .client-access-identifier>span{color:var(--ui-text)}
html[data-ui-scope="public"] body.client-access-body .client-access-choice label{
border-color:var(--ui-border)!important;
background:rgba(255,255,255,.56)!important;
color:var(--ui-text)!important;
}
html[data-ui-scope="public"] body.client-access-body .client-access-choice label:has(input:checked){
border-color:var(--ui-accent)!important;
background:var(--ui-accent-soft)!important;
color:var(--ui-accent-strong)!important;
box-shadow:0 8px 22px var(--ui-accent-soft);
}
html[data-ui-scope="public"] body.client-access-body .client-access-choice input{accent-color:var(--ui-accent)}
html[data-ui-scope="public"] body.client-access-body .client-access-form input[name="identifier"]{
border-color:var(--ui-border-strong)!important;
background:rgba(255,255,255,.92)!important;
color:var(--ui-text)!important;
box-shadow:0 1px 0 rgba(255,255,255,.85) inset;
}
html[data-ui-scope="public"] body.client-access-body .client-access-form input[name="identifier"]::placeholder{color:var(--ui-muted);opacity:.72}
html[data-ui-scope="public"] body.client-access-body .client-access-form input[name="identifier"]:focus{
border-color:var(--ui-accent)!important;
box-shadow:0 0 0 4px var(--ui-accent-soft)!important;
outline:none;
}
html[data-ui-scope="public"] body.client-access-body .client-access-help{border-top-color:var(--ui-border)}
html[data-ui-scope="public"] body.client-access-body .client-access-help a{color:var(--ui-muted)}
html[data-ui-scope="public"] body.client-access-body .client-access-help a:hover{color:var(--ui-accent-strong)}
html[data-ui-scope="public"] body.client-access-body .system-footer.public-footer{
position:relative;
z-index:2;
background:transparent!important;
color:var(--ui-muted)!important;
}
html[data-ui-scope="public"][data-ui-theme^="pub-night-"] body.client-access-body .client-access-card{
background:rgba(9,18,34,.76);
border-color:var(--ui-border);
color:var(--ui-text);
box-shadow:0 30px 90px rgba(0,0,0,.36),0 1px 0 rgba(255,255,255,.05) inset;
}
html[data-ui-scope="public"][data-ui-theme^="pub-night-"] body.client-access-body .client-access-choice label{
background:rgba(255,255,255,.045)!important;
color:var(--ui-text)!important;
}
html[data-ui-scope="public"][data-ui-theme^="pub-night-"] body.client-access-body .client-access-form input[name="identifier"]{
background:rgba(5,13,27,.78)!important;
color:var(--ui-text)!important;
box-shadow:0 1px 0 rgba(255,255,255,.035) inset;
}
html[data-ui-scope="public"][data-ui-theme^="pub-night-"] body.client-access-body::before{opacity:.72;filter:blur(30px)}
html[data-ui-scope="public"][data-ui-theme^="pub-night-"] body.client-access-body::after{opacity:.52;filter:blur(20px)}
@keyframes clientAccessAurora1080{
0%{transform:translate3d(0,0,0) rotate(-8deg) scale(.92)}
50%{transform:translate3d(34vw,15vh,0) rotate(16deg) scale(1.08)}
100%{transform:translate3d(58vw,28vh,0) rotate(34deg) scale(.98)}
}
@keyframes clientAccessDrift1080{
0%{transform:translate3d(-7vw,-5vh,0) scale(.96);opacity:.46}
50%{transform:translate3d(6vw,3vh,0) scale(1.08);opacity:.76}
100%{transform:translate3d(-2vw,10vh,0) scale(1.02);opacity:.58}
}
html[data-ui-scope="public"][data-theme-motion="paused"] body.client-access-body::before,
html[data-ui-scope="public"][data-theme-motion="paused"] body.client-access-body::after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){
html[data-ui-scope="public"] body.client-access-body::before,
html[data-ui-scope="public"] body.client-access-body::after{animation:none!important;transform:none!important}
}
@media(max-width:520px){
html[data-ui-scope="public"] body.client-access-body .client-access-page{padding:24px 12px}
html[data-ui-scope="public"] body.client-access-body .client-access-card{padding:24px 18px;border-radius:23px}
html[data-ui-scope="public"] body.client-access-body::before{width:92vmax;height:92vmax;left:-48vmax;top:-34vmax}
}
html[data-ui-scope="public"] body.public-body .hours-floating-dock>summary{
box-sizing:border-box;
width:248px;
padding-left:18px;
padding-right:18px;
}
html[data-ui-scope="public"] body.public-body .hours-dock-title{gap:6px}
html[data-ui-scope="public"] body.public-body .hours-dock-pulse{width:7px;height:7px}
html[data-ui-scope="public"] body.public-body .hours-dock-title b{font-size:.69rem;letter-spacing:.032em}
.admin-body .admin-header-inner,
.manager-body .manager-topbar-inner{
position:relative;
display:flex!important;
align-items:center;
width:min(100% - 28px,1320px);
margin-inline:auto;
min-height:72px;
gap:12px;
}
.admin-body .admin-brand,
.manager-body .manager-brand{margin-right:auto;min-width:0;flex:0 1 auto}
.admin-body .admin-top-tools,
.manager-body .manager-user-area{margin-left:auto;justify-self:auto;display:flex;align-items:center;gap:8px;flex:0 0 auto}
.admin-body .menu-toggle,
.manager-body .manager-nav-toggle{display:grid!important;place-items:center!important;order:99;margin:0!important}
.admin-body .admin-nav,
.manager-body .manager-desktop-nav{
display:none!important;
position:absolute!important;
z-index:150!important;
top:calc(100% + 8px)!important;
right:0!important;
left:auto!important;
width:min(318px,calc(100vw - 24px))!important;
max-height:calc(100dvh - 92px)!important;
overflow:auto!important;
grid-template-columns:1fr!important;
align-items:stretch!important;
gap:5px!important;
padding:9px!important;
border:1px solid var(--ui-border)!important;
border-radius:18px!important;
background:color-mix(in srgb,var(--ui-surface) 96%,transparent)!important;
box-shadow:0 22px 58px rgba(6,18,38,.22)!important;
backdrop-filter:blur(18px)!important;
white-space:normal!important;
}
.admin-body .admin-header.nav-open .admin-nav,
.manager-body .manager-topbar.nav-open .manager-desktop-nav{display:grid!important;animation:premiumTopMenu .16s ease both}
.admin-body .admin-link,
.admin-body .admin-menu>summary,
.manager-body .manager-nav-link,
.manager-body .manager-more>summary{
width:100%!important;
min-height:40px!important;
justify-content:flex-start!important;
padding:0 12px!important;
border-radius:11px!important;
text-align:left!important;
}
.admin-body .admin-menu,
.manager-body .manager-more{width:100%!important;position:relative!important}
.admin-body .admin-submenu,
.manager-body .manager-more>div{
position:static!important;
inset:auto!important;
width:100%!important;
min-width:0!important;
margin:4px 0 2px!important;
padding:5px!important;
border-radius:12px!important;
box-shadow:none!important;
background:var(--ui-surface-2)!important;
}
.admin-body .admin-submenu a,
.manager-body .manager-more>div .manager-nav-link{min-height:37px!important;padding-inline:10px!important;font-size:.76rem!important}
.admin-body .admin-profile-menu{margin:0!important;position:relative}
.admin-body .admin-profile-menu>summary{
min-width:58px!important;
min-height:40px!important;
padding:5px 10px!important;
border:1px solid var(--ui-border)!important;
border-radius:12px!important;
background:var(--ui-surface-2)!important;
align-items:center!important;
text-align:center!important;
}
.admin-body .admin-profile-menu>summary strong{font-size:.72rem!important;color:var(--ui-text)!important}
.admin-body .admin-profile-menu>summary small{font-size:.55rem!important;color:var(--ui-muted)!important;margin-top:2px!important}
.admin-body .admin-profile-submenu{top:calc(100% + 8px)!important;right:0!important;min-width:230px!important;background:var(--ui-surface)!important;border-color:var(--ui-border)!important;box-shadow:var(--ui-shadow)!important}
.admin-logout-form{margin:0;display:flex}
.admin-logout-btn{
width:auto;min-width:40px;height:40px;padding:0 11px;border:1px solid var(--ui-border);border-radius:12px;
display:flex;align-items:center;justify-content:center;gap:6px;background:var(--ui-surface-2);color:var(--ui-text);font:inherit;font-size:.7rem;font-weight:820;cursor:pointer
}
.admin-logout-btn:hover{background:var(--ui-accent-soft);border-color:var(--ui-accent);color:var(--ui-accent-strong)}
.admin-logout-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.manager-body .manager-user-area{order:2}
.manager-body .manager-user-identity{display:flex!important;flex:0 1 auto}
.manager-body .manager-logout-btn{height:40px!important;min-width:40px!important}
.manager-body .manager-nav-toggle{width:40px!important;height:40px!important;min-width:40px!important}
.manager-bottom-nav,.collaborator-bottom-nav{display:none}
@media(max-width:760px){
.admin-body .admin-header-inner,.manager-body .manager-topbar-inner{width:100%!important;padding:0 10px!important;min-height:64px!important;gap:5px!important}
.admin-body .admin-brand{max-width:min(58vw,270px)!important}
.admin-body .admin-brand small,.manager-body .manager-brand small{max-width:46vw}
.admin-body .admin-profile-menu>summary{width:42px!important;min-width:42px!important;padding:4px!important}
.admin-body .admin-profile-menu>summary small{display:none!important}
.admin-logout-btn,.manager-body .manager-logout-btn,.manager-body .manager-nav-toggle,.admin-body .menu-toggle{width:38px!important;height:38px!important;min-width:38px!important;padding:0!important}
.admin-logout-btn span,.manager-body .manager-logout-btn span{display:none!important}
.manager-body .manager-user-identity{display:flex!important}
.manager-body .manager-user-identity span{display:none!important}
.manager-body .manager-user-identity img{width:36px!important;height:36px!important}
.manager-body .collaborator-alert-toggle{min-width:38px!important;width:38px!important;min-height:38px!important;padding:4px!important;justify-content:center!important}
.manager-body .collaborator-alert-copy{display:none!important}
.admin-body .admin-nav,.manager-body .manager-desktop-nav{right:10px!important;left:auto!important;width:min(292px,calc(100vw - 20px))!important;grid-template-columns:1fr!important;max-height:calc(100dvh - 78px)!important;padding:8px!important}
.manager-bottom-nav,.collaborator-bottom-nav{
position:fixed;left:10px;right:10px;bottom:max(8px,env(safe-area-inset-bottom));z-index:95;
display:grid!important;grid-auto-flow:column;grid-auto-columns:1fr;min-height:64px;padding:5px 7px;
border-radius:20px;background:var(--ui-nav);border:1px solid var(--ui-border);box-shadow:var(--ui-shadow)
}
.manager-bottom-nav .manager-bottom-link,.collaborator-bottom-nav .manager-bottom-link{
min-width:0;min-height:52px;padding:0 5px;border-radius:14px;display:flex;align-items:center;justify-content:center;
text-align:center;color:var(--ui-muted);text-decoration:none;font-size:.68rem;font-weight:780
}
.manager-bottom-nav .manager-bottom-link.is-active,.collaborator-bottom-nav .manager-bottom-link.is-active{background:var(--ui-accent-soft);color:var(--ui-accent-strong)}
}
html[data-ui-scope="public"] body.public-body .hours-floating-dock>summary{
border-radius:15px!important;border-bottom:1px solid transparent!important;
box-shadow:0 8px 22px color-mix(in srgb,var(--ui-accent) 18%,transparent)!important
}
html[data-ui-scope="public"] body.public-body .hours-dock-panel{
bottom:calc(100% + 12px)!important;
border-radius:18px!important;
box-shadow:0 18px 48px rgba(10,18,30,.18)!important;
overflow:hidden!important;
transform:translate(-50%,8px) scale(.985)!important;
opacity:0;
transform-origin:bottom center;
transition:opacity .18s ease,transform .18s ease
}
html[data-ui-scope="public"] body.public-body .hours-floating-dock[open] .hours-dock-panel{
display:block!important;opacity:1;transform:translate(-50%,0) scale(1)!important
}
html[data-ui-scope="public"] body.public-body .public-hours-list{border-radius:inherit!important}
.collaborator-agenda-hero>div>.collaborator-live-badge,
.collaborator-command-copy>.collaborator-live-badge{display:flex!important;margin:0 0 10px!important}
.collaborator-agenda-hero>div>.eyebrow,
.collaborator-command-copy>.eyebrow{display:block!important;margin:0 0 8px!important}
.collaborator-body .collaborator-service-row-manage{
grid-template-columns:minmax(240px,1fr) minmax(300px,.72fr) auto!important;
align-items:center!important;gap:16px!important
}
.collaborator-body .collaborator-service-metrics{
display:grid!important;grid-template-columns:88px 116px 92px!important;align-items:center!important;justify-content:end!important;gap:10px!important
}
.collaborator-body .collaborator-service-metrics>*{margin:0!important;text-align:center!important;white-space:nowrap!important}
.collaborator-body .collaborator-service-metrics .manager-online,
.collaborator-body .collaborator-service-metrics .manager-offline{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:28px;padding:0 9px;border:1px solid var(--ui-border);border-radius:9px;background:var(--ui-surface);color:var(--ui-text)!important}
.collaborator-service-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;white-space:nowrap}
.collaborator-service-actions form{margin:0}
.collaborator-service-form{grid-template-columns:minmax(220px,1.5fr) minmax(180px,1fr) 130px 150px auto!important}
.manager-service-activity-list{display:grid;gap:7px}
.manager-service-activity-list article{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-surface-2)}
.manager-service-activity-list article>div{display:grid;gap:2px;min-width:0}.manager-service-activity-list b{color:var(--ui-text);font-size:.76rem}.manager-service-activity-list span,.manager-service-activity-list time{color:var(--ui-muted);font-size:.66rem}.manager-service-activity-list span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:980px){
.collaborator-body .collaborator-service-row-manage{grid-template-columns:1fr!important}
.collaborator-body .collaborator-service-metrics{justify-content:start!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%}
.collaborator-service-actions{justify-content:flex-start}
.collaborator-service-form{grid-template-columns:1fr 1fr!important}.collaborator-service-form button{grid-column:1/-1!important}
}
@media(max-width:620px){
.collaborator-service-form{grid-template-columns:1fr!important}.collaborator-service-form button{grid-column:auto!important}
.collaborator-service-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.collaborator-service-actions .btn,.collaborator-service-actions form{width:100%}.collaborator-service-actions button{width:100%}
.manager-service-activity-list article{align-items:flex-start}.manager-service-activity-list time{white-space:nowrap}
}
@media(prefers-reduced-motion:reduce){
html[data-ui-scope="public"] body.public-body .hours-dock-panel{transition:none!important}
}
@media (min-width:1001px){
.feature-center-summary{grid-template-columns:repeat(4,minmax(0,1fr))}
}
.feature-center .feature-table .module-line{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:start;column-gap:7px;row-gap:2px}
.feature-center .feature-table .module-line b,.feature-center .feature-table .module-line span{white-space:normal;overflow:visible;text-overflow:clip}
.feature-center .feature-table td:first-child{padding-right:20px}
.feature-center .notice.info{margin-top:14px;line-height:1.55}
.role-access-empty{max-width:760px;margin:32px auto;padding:28px;text-align:center}
.role-access-empty h1{margin:8px 0 10px}
.role-access-empty p{margin:0 auto;max-width:620px;line-height:1.65}
.admin-body .feature-center{
width:100%;
max-width:none;
}
.admin-body .feature-center>.panel-head{
margin-bottom:10px;
}
.admin-body .feature-center>.panel-head>div{
width:100%;
min-width:0;
}
.admin-body .feature-center>.panel-head h2{
margin-bottom:4px;
}
.admin-body .feature-center>.panel-head p,
.admin-body .feature-center .notice.info{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.admin-body .feature-center>.panel-head p{
margin:0;
font-size:.78rem;
line-height:1.25;
}
.admin-body .feature-center .notice.info{
margin:8px 0 0!important;
padding:8px 12px!important;
min-height:34px;
line-height:1.15!important;
font-size:.74rem;
}
.admin-body .feature-center-summary{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:8px!important;
margin:10px 0 12px!important;
}
.admin-body .feature-center-summary article{
min-width:0;
min-height:46px;
padding:9px 12px!important;
border-radius:13px!important;
display:flex!important;
flex-direction:row!important;
align-items:center!important;
justify-content:flex-start!important;
gap:7px!important;
white-space:nowrap;
overflow:hidden;
}
.admin-body .feature-center-summary article span,
.admin-body .feature-center-summary article strong,
.admin-body .feature-center-summary article small{
display:inline!important;
margin:0!important;
white-space:nowrap!important;
line-height:1!important;
}
.admin-body .feature-center-summary article span{
font-size:.66rem!important;
letter-spacing:.045em!important;
overflow:hidden;
text-overflow:ellipsis;
}
.admin-body .feature-center-summary article strong{
flex:0 0 auto;
font-size:1rem!important;
}
.admin-body .feature-center-summary article small{
flex:0 0 auto;
font-size:.66rem!important;
}
.admin-body .feature-center .table-wrap{
width:100%;
overflow-x:auto;
border-radius:14px;
}
.admin-body .feature-center .feature-table{
width:100%!important;
min-width:1040px!important;
table-layout:fixed!important;
}
.admin-body .feature-center .feature-table th:first-child,
.admin-body .feature-center .feature-table td:first-child{
width:auto!important;
}
.admin-body .feature-center .feature-table th:not(:first-child),
.admin-body .feature-center .feature-table td:not(:first-child){
width:112px!important;
min-width:112px!important;
max-width:112px!important;
padding-left:8px!important;
padding-right:8px!important;
text-align:center!important;
vertical-align:middle!important;
white-space:nowrap!important;
}
.admin-body .feature-center .feature-table thead th{
height:38px;
padding-top:8px!important;
padding-bottom:8px!important;
font-size:.69rem!important;
line-height:1!important;
white-space:nowrap!important;
}
.admin-body .feature-center .feature-table .access-group-row th{
height:31px;
padding:7px 12px!important;
font-size:.64rem!important;
line-height:1!important;
white-space:nowrap!important;
}
.admin-body .feature-center .feature-table tbody tr:not(.access-group-row) td{
height:44px;
padding-top:7px!important;
padding-bottom:7px!important;
}
.admin-body .feature-center .feature-table td:first-child{
padding-left:12px!important;
padding-right:14px!important;
}
.admin-body .feature-center .feature-table .module-line{
display:flex!important;
align-items:center!important;
gap:6px!important;
width:100%;
min-width:0;
white-space:nowrap!important;
overflow:hidden!important;
}
.admin-body .feature-center .feature-table .module-line b,
.admin-body .feature-center .feature-table .module-line span{
display:block!important;
min-width:0;
margin:0!important;
white-space:nowrap!important;
line-height:1.1!important;
}
.admin-body .feature-center .feature-table .module-line b{
flex:0 0 auto;
font-size:.75rem!important;
}
.admin-body .feature-center .feature-table .module-line span{
flex:1 1 auto;
overflow:hidden!important;
text-overflow:ellipsis!important;
font-size:.69rem!important;
}
.admin-body .feature-center .feature-table .switch,
.admin-body .feature-center .feature-locked-control{
margin-inline:auto!important;
white-space:nowrap!important;
}
.admin-body .feature-center .feature-locked-control{
display:inline-flex!important;
flex-wrap:nowrap!important;
gap:5px!important;
min-height:30px!important;
}
.admin-body .feature-center .feature-lock-badge{
height:20px!important;
padding:0 6px!important;
font-size:.5rem!important;
white-space:nowrap!important;
}
.admin-body .feature-center .form-actions{
display:flex!important;
justify-content:flex-end!important;
align-items:center!important;
margin-top:12px!important;
white-space:nowrap!important;
}
.admin-body .feature-center .form-actions .btn{
min-width:176px;
white-space:nowrap!important;
}
@media(max-width:760px){
html[data-ui-scope="public"] body.public-body .hours-floating-dock{
bottom:calc(94px + env(safe-area-inset-bottom))!important;
}
}
html[data-ui-scope="public"] body.public-body .hours-dock-title{
align-items:center!important;
line-height:1!important;
}
html[data-ui-scope="public"] body.public-body .hours-dock-title b{
display:block;
line-height:1!important;
}
html[data-ui-scope="public"] body.public-body .hours-dock-pulse{
position:relative;
top:-1px;
align-self:center!important;
}
@media(max-width:900px){
.admin-body .feature-center>.panel-head p,
.admin-body .feature-center .notice.info{font-size:.69rem}
.admin-body .feature-center-summary{grid-template-columns:repeat(4,minmax(155px,1fr))!important;overflow-x:auto;padding-bottom:2px}
.admin-body .feature-center-summary article{min-width:155px}
.admin-body .feature-center .feature-table{min-width:980px!important}
}
.loyalty-admin-page{display:grid;gap:18px;max-width:1320px;margin:0 auto}.loyalty-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,var(--panel),color-mix(in srgb,var(--accent) 8%,var(--panel)))}.loyalty-hero h1{margin:3px 0 5px}.loyalty-hero p{margin:0;color:var(--muted)}.loyalty-hero-pills{display:flex;gap:8px;flex-wrap:wrap}.loyalty-hero-pills span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;font-size:.72rem;font-weight:800;white-space:nowrap}.loyalty-panel{display:grid;gap:18px}.loyalty-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.loyalty-head h2{margin:2px 0 4px}.loyalty-head p{margin:0;color:var(--muted)}.loyalty-status{display:inline-flex;align-items:center;justify-content:center;min-width:70px;height:28px;padding:0 10px;border-radius:999px;font-size:.68rem;font-weight:900;border:1px solid var(--line)}.loyalty-status.is-on{background:color-mix(in srgb,#16a34a 12%,var(--panel));color:#15803d;border-color:color-mix(in srgb,#16a34a 28%,var(--line))}.loyalty-status.is-off{background:color-mix(in srgb,#64748b 10%,var(--panel));color:var(--muted)}.loyalty-config-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end}.loyalty-config-grid label,.loyalty-scratch-rule label{display:grid;gap:6px;font-size:.72rem;font-weight:800;color:var(--muted)}.loyalty-config-grid input,.loyalty-config-grid select,.loyalty-scratch-rule input{min-height:42px}.loyalty-toggle{display:flex!important;align-items:center!important;gap:9px!important;min-height:42px;padding:0 10px;border:1px solid var(--line);border-radius:10px}.loyalty-toggle input{min-height:auto!important}.loyalty-toggle span{white-space:nowrap}.promo-config{grid-template-columns:repeat(5,minmax(0,1fr))}.prize-config{grid-template-columns:2fr 1.2fr 1fr .7fr 1fr auto}.loyalty-scratch-rule{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.loyalty-subhead{display:flex;align-items:end;justify-content:space-between;gap:12px;padding-top:8px;border-top:1px solid var(--line)}.loyalty-subhead h3{margin:0}.loyalty-subhead span{font-size:.72rem;color:var(--muted)}.loyalty-list{display:grid;gap:8px}.loyalty-list-row{display:grid;grid-template-columns:minmax(220px,1fr) 150px 90px auto;gap:14px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:14px}.loyalty-list-row>div{display:grid;gap:2px}.loyalty-list-row span,.loyalty-list-row small{color:var(--muted);font-size:.72rem}.booking-benefits-block{display:grid;gap:10px;padding:14px;border:1px solid color-mix(in srgb,var(--ui-accent) 24%,var(--ui-border));border-radius:14px;background:color-mix(in srgb,var(--ui-accent) 5%,var(--ui-surface))}.booking-benefit-check{display:flex!important;align-items:center;gap:10px!important}.booking-benefit-check input{width:18px;height:18px}.booking-benefit-check span{display:grid;gap:2px}.booking-benefit-check small,.booking-benefit-note span{color:var(--ui-muted);font-size:.72rem}.booking-benefit-note{display:grid;gap:3px;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--ui-accent) 7%,transparent)}.client-loyalty-grid{display:grid;gap:14px}.client-loyalty-card{padding:22px;border-radius:20px;border:1px solid var(--ui-border);background:var(--ui-surface);display:grid;gap:4px}.client-loyalty-card>strong{font-size:2.3rem;line-height:1;color:var(--ui-accent)}.client-loyalty-card small{color:var(--ui-muted)}.client-scratch-ticket{padding:14px;border:1px solid var(--ui-border);border-radius:18px;background:var(--ui-surface);display:grid;gap:12px}.client-scratch-ticket.ready{grid-template-columns:1fr auto;align-items:center}.client-scratch-ticket.ready>div{display:grid;gap:3px}.client-scratch-ticket small{color:var(--ui-muted)}.scratch-reveal{position:relative;min-height:180px;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--ui-accent) 18%,var(--ui-surface)),var(--ui-surface));border:1px solid color-mix(in srgb,var(--ui-accent) 25%,var(--ui-border))}.scratch-prize{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:7px;padding:18px}.scratch-prize span{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ui-muted)}.scratch-prize strong{font-size:1.35rem}.scratch-prize small{color:var(--ui-muted)}.scratch-reveal canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}.client-scratch-win{display:grid;gap:5px;padding:16px;text-align:center}.client-scratch-win>span{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ui-muted)}.client-scratch-win strong{font-size:1.15rem}.client-promo-guide p{color:var(--ui-muted)}
@media(max-width:1050px){.loyalty-config-grid,.promo-config{grid-template-columns:repeat(2,minmax(0,1fr))}.prize-config{grid-template-columns:repeat(2,minmax(0,1fr))}.loyalty-scratch-rule{grid-template-columns:1fr 1fr}.loyalty-list-row{grid-template-columns:1fr 120px 80px auto}}
@media(max-width:680px){.loyalty-hero,.loyalty-head{align-items:flex-start;flex-direction:column}.loyalty-config-grid,.promo-config,.prize-config,.loyalty-scratch-rule{grid-template-columns:1fr}.loyalty-list-row{grid-template-columns:1fr auto}.loyalty-list-row .loyalty-status{justify-self:start}.client-scratch-ticket.ready{grid-template-columns:1fr}.client-scratch-ticket.ready .btn{width:100%}}
.loyalty-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;white-space:nowrap}.loyalty-row-actions form{margin:0}.loyalty-subhead>div{display:grid;gap:3px}
.feature-center-head{align-items:flex-start}.feature-preview-link{flex:0 0 auto;white-space:nowrap}.loyalty-hero-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.appointment-benefit-badges{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:6px}.appointment-benefit-badges span,.appointment-benefit-badges b{display:inline-flex;align-items:center;min-height:24px;padding:3px 7px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--panel));font-size:.64rem;line-height:1.1;font-weight:800}.appointment-benefit-badges b{color:var(--accent)}.appointment-payment-block small{font-size:.68rem;color:var(--muted);font-weight:800}
.client-preview-body{padding-top:88px}.client-preview-banner{position:fixed;z-index:120;left:0;right:0;top:0;min-height:48px;display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 18px;background:#101827;color:#fff;border-bottom:1px solid rgba(255,255,255,.13);font-size:.76rem}.client-preview-banner strong{white-space:nowrap}.client-preview-banner span{opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-preview-banner a{color:#fff;font-weight:900;white-space:nowrap}.client-preview-toolbar{position:fixed;z-index:119;top:49px;left:0;right:0;min-height:39px;display:flex;align-items:center;justify-content:center;gap:5px;padding:5px 12px;background:color-mix(in srgb,var(--ui-surface) 94%,transparent);border-bottom:1px solid var(--ui-border);backdrop-filter:blur(14px);overflow-x:auto}.client-preview-toolbar a{display:inline-flex;align-items:center;height:28px;padding:0 9px;border-radius:999px;border:1px solid var(--ui-border);font-size:.66rem;font-weight:850;white-space:nowrap;color:var(--ui-text);text-decoration:none}.client-preview-toolbar a.is-current{border-color:color-mix(in srgb,var(--ui-accent) 48%,var(--ui-border));background:color-mix(in srgb,var(--ui-accent) 10%,var(--ui-surface));color:var(--ui-accent)}.client-preview-toolbar a.is-disabled{opacity:.58}.client-preview-shell{padding-top:0}.client-preview-disabled{max-width:920px;margin:0 auto 12px;padding:10px 14px;border:1px dashed color-mix(in srgb,#d97706 45%,var(--ui-border));border-radius:12px;background:color-mix(in srgb,#f59e0b 8%,var(--ui-surface));font-size:.73rem;font-weight:750;color:var(--ui-text)}.client-preview-exit{font-size:.72rem;font-weight:850;color:var(--ui-text);white-space:nowrap}.client-preview-readonly input:disabled{opacity:.82}.btn.is-disabled{pointer-events:none;opacity:.68}
@media(max-width:760px){.client-preview-body{padding-top:96px}.client-preview-banner{justify-content:space-between;gap:7px;padding:7px 10px}.client-preview-banner span{display:none}.client-preview-toolbar{top:48px;justify-content:flex-start}.loyalty-hero-actions{width:100%;justify-content:flex-start}.feature-center-head{gap:12px}.feature-preview-link{align-self:flex-start}}
.admin-body .feature-center>.panel-head{margin-bottom:16px!important}
.admin-body .feature-center-summary{margin-top:14px!important}
.client-preview-shell .client-main{padding-top:12px}
@media(max-width:760px){.client-preview-shell .client-main{padding-top:14px}}
@media(min-width:761px){
html[data-ui-scope="public"] body.client-panel-body .client-main{
width:min(100% - 48px,1326px)!important;
}
html[data-ui-scope="public"] body.client-panel-body .client-topbar{
padding-left:max(24px,calc((100% - 1326px)/2))!important;
padding-right:max(24px,calc((100% - 1326px)/2))!important;
}
}
.client-appointment-card{grid-template-columns:74px minmax(0,1fr)!important;gap:14px!important}
.client-date{min-height:72px!important;border-radius:16px!important}
.client-date b{font-size:1rem!important;line-height:1.05!important;font-weight:900!important}
.client-date span{font-size:1.16rem!important;line-height:1.05!important;font-weight:950!important}
.client-history-head time{font-size:.95rem!important;font-weight:900!important;letter-spacing:.01em}
@media(max-width:520px){
.client-appointment-card{grid-template-columns:70px minmax(0,1fr)!important}
.client-date{min-height:68px!important}
.client-date b{font-size:.96rem!important}
.client-date span{font-size:1.1rem!important}
.client-history-head time{font-size:.9rem!important}
}
.client-preview-body{padding-top:0!important}
.client-preview-banner{
position:sticky!important;top:0!important;z-index:130!important;
min-height:48px!important
}
.client-preview-toolbar{
position:sticky!important;top:48px!important;z-index:129!important;
min-height:42px!important
}
.client-preview-shell .client-mobile-app{padding-bottom:118px!important}
.client-preview-shell .client-main{padding-top:18px!important;padding-bottom:44px!important}
.client-preview-disabled{
max-width:1326px!important;
margin:0 auto 12px!important;
}
@media(max-width:760px){
.client-preview-body{padding-top:0!important}
.client-preview-banner{position:sticky!important;top:0!important}
.client-preview-toolbar{position:sticky!important;top:48px!important}
.client-preview-shell .client-mobile-app{padding-bottom:122px!important}
.client-preview-shell .client-bottom-nav{z-index:140!important}
}
.public-support-section{margin:0 0 6px;padding:0}
.support-chat-card{
display:grid;gap:14px;padding:18px;border-radius:20px;
border:1px solid var(--ui-border);
background:color-mix(in srgb,var(--ui-surface) 94%,transparent);
box-shadow:var(--ui-shadow);
color:var(--ui-text)
}
.support-chat-card.is-public{margin:0}
.support-chat-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.support-chat-head h2{margin:3px 0 5px;font-size:1.15rem;color:var(--ui-text)}
.support-chat-head p{margin:0;color:var(--ui-muted);font-size:.8rem;line-height:1.48;max-width:620px}
.support-presence{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 10px;border-radius:999px;border:1px solid var(--ui-border);font-size:.68rem;font-weight:850;white-space:nowrap;color:var(--ui-text)}
.support-presence i{width:7px;height:7px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 5px color-mix(in srgb,#16a34a 12%,transparent)}
.support-chat-log{display:grid;gap:9px;max-height:300px;overflow:auto;padding:4px 2px}
.support-message{max-width:min(88%,680px);padding:10px 12px;border-radius:15px;display:grid;gap:3px;border:1px solid var(--ui-border);background:var(--ui-surface-2)}
.support-message.is-user{justify-self:end;background:var(--ui-accent-soft);border-color:color-mix(in srgb,var(--ui-accent) 30%,var(--ui-border))}
.support-message span{font-size:.61rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:var(--ui-muted)}
.support-message p{margin:0;color:var(--ui-text);font-size:.8rem;line-height:1.45;white-space:pre-wrap}
.support-chat-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:end}
.support-chat-form textarea{width:100%;min-height:48px;max-height:130px;resize:vertical;border-radius:13px;padding:12px 13px;border:1px solid var(--ui-border-strong);background:var(--ui-input-bg);color:var(--ui-text);font:inherit;font-size:.83rem}
.support-chat-form .btn{min-height:48px;min-width:90px}
.support-chat-note{color:var(--ui-muted);font-size:.65rem}
.support-chat-card.is-thinking .support-chat-form .btn{opacity:.65;pointer-events:none}
.client-support-page .support-chat-card{background:rgba(10,26,50,.88);border-color:rgba(130,158,205,.18)}
.client-support-page .support-message{background:rgba(17,38,72,.88);border-color:rgba(130,158,205,.16)}
.client-support-page .support-message.is-user{background:rgba(255,177,55,.1)}
.client-support-page .support-chat-form textarea{background:#0d1d36;color:#fff;border-color:rgba(130,158,205,.24)}
@media(max-width:560px){
.support-chat-head{display:grid}
.support-presence{justify-self:start}
.support-chat-form{grid-template-columns:1fr}
.support-chat-form .btn{width:100%}
.support-message{max-width:94%}
}
.ai-support-admin{display:grid;gap:16px;margin-top:16px}
.ai-support-admin-head{align-items:flex-start}
.ai-support-admin-head p{max-width:850px}
.ai-learning-count{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;border:1px solid var(--line);font-size:.68rem;font-weight:850;white-space:nowrap}
.ai-support-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:end}
.ai-support-config-grid>label{display:grid;gap:6px}
.ai-support-toggle{display:flex!important;align-items:center!important;justify-content:space-between;gap:18px;min-height:68px;padding:12px 14px;border:1px solid var(--line);border-radius:14px}
.ai-support-toggle>span:first-child{display:grid;gap:3px}
.ai-support-toggle small,.ai-key-status small{color:var(--muted);font-size:.68rem}
.ai-support-instructions{grid-column:1/-1}
.ai-key-status{display:grid;gap:4px;min-height:68px;padding:12px 14px;border:1px solid var(--line);border-radius:14px}
.ai-clear-key{display:flex!important;align-items:center!important;gap:8px!important}
.ai-support-clear{display:flex;justify-content:flex-end}
@media(max-width:760px){.ai-support-config-grid{grid-template-columns:1fr}.ai-support-instructions{grid-column:auto}.ai-support-admin-head{display:grid;gap:10px}.ai-learning-count{justify-self:start}}
@media(max-width:900px){
html[data-ui-scope="public"] body.public-body:not(.auth-layout) .public-footer{
padding-bottom:calc(150px + env(safe-area-inset-bottom))!important;
}
html[data-ui-scope="public"] body.public-body .hours-floating-dock{
bottom:calc(94px + env(safe-area-inset-bottom))!important;
}
}
.client-sac-terms{display:grid;gap:14px;padding:18px;border:1px solid var(--ui-border)!important;border-radius:20px;background:var(--ui-surface)!important;box-shadow:var(--ui-shadow)!important}
.client-sac-terms-head{display:grid;gap:5px}
.client-sac-terms-head h2{margin:0;color:var(--ui-text)!important;font-size:clamp(1.15rem,4.2vw,1.45rem);line-height:1.15}
.client-sac-terms-head p,.client-sac-legal-note{margin:0;color:var(--ui-muted)!important;line-height:1.55}
.client-sac-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.client-sac-rules>div{display:grid;gap:4px;padding:12px 13px;border:1px solid var(--ui-border)!important;border-radius:14px;background:var(--ui-surface-2)!important}
.client-sac-rules b{color:var(--ui-text)!important;font-size:.86rem}.client-sac-rules span{color:var(--ui-muted)!important;font-size:.78rem;line-height:1.5}
.client-sac-cdc{border:1px solid var(--ui-border)!important;border-radius:14px;background:var(--ui-surface-2)!important;overflow:hidden}
.client-sac-cdc summary{cursor:pointer;padding:12px 13px;color:var(--ui-text)!important;font-weight:850;font-size:.84rem}
.client-sac-cdc ul{margin:0;padding:0 18px 14px 30px;display:grid;gap:8px;color:var(--ui-muted)!important;font-size:.76rem;line-height:1.5}
.client-sac-cdc b{color:var(--ui-text)!important}
.client-sac-legal-note{font-size:.74rem;font-weight:700}
.client-sac-accept-form{display:grid;gap:10px;margin-top:12px;padding:16px;border:1px solid var(--ui-border)!important;border-radius:18px;background:var(--ui-surface)!important;box-shadow:var(--ui-shadow)!important}
.client-sac-accept-form label{display:flex!important;align-items:flex-start!important;gap:10px!important;margin:0!important;padding:10px 11px!important;border:1px solid var(--ui-border)!important;border-radius:13px;background:var(--ui-surface-2)!important;color:var(--ui-text)!important;cursor:pointer}
.client-sac-accept-form input[type="checkbox"]{width:18px!important;height:18px!important;min-width:18px!important;margin:1px 0 0!important;accent-color:var(--ui-accent)!important}
.client-sac-accept-form label span{font-size:.8rem;line-height:1.45;font-weight:650}
.client-sac-terms.is-compact{margin-top:14px;padding:14px;gap:10px}.client-sac-terms.is-compact .client-sac-rules{display:none}.client-sac-terms.is-compact .client-sac-terms-head p{font-size:.76rem}
.client-sac-preview-note{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px;padding:12px 14px;border:1px solid var(--ui-border)!important;border-radius:14px;background:var(--ui-surface-2)!important;color:var(--ui-text)!important}
.client-sac-preview-note b{white-space:nowrap}.client-sac-preview-note span{color:var(--ui-muted)!important;font-size:.78rem;line-height:1.45}
.ai-support-legal-box{display:grid;gap:4px;padding:12px 14px;border:1px solid var(--ui-border)!important;border-radius:14px;background:var(--ui-surface-2)!important;color:var(--ui-text)!important}.ai-support-legal-box span,.ai-support-legal-box small{color:var(--ui-muted)!important;line-height:1.45}
@media(max-width:720px){.client-sac-rules{grid-template-columns:1fr}.client-sac-terms{padding:14px;border-radius:17px}.client-sac-preview-note{display:grid;gap:5px}.client-sac-preview-note b{white-space:normal}}
html.system-nav-lock{overflow:hidden}
.system-nav-backdrop{
position:fixed;inset:0;z-index:138;border:0;padding:0;margin:0;background:rgba(2,8,20,.48);
opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease;
backdrop-filter:blur(2px)
}
.system-nav-shell.nav-open>.system-nav-backdrop{opacity:1;visibility:visible;pointer-events:auto}
.system-menu-toggle{
position:relative;display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;min-width:42px;padding:0;
border:1px solid var(--ui-border,rgba(255,255,255,.12));border-radius:13px;background:var(--ui-surface-2,rgba(255,255,255,.05));
color:var(--ui-text,#fff);cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease
}
.system-menu-toggle:hover{border-color:var(--ui-accent,#ff9b25);background:var(--ui-accent-soft,rgba(255,155,37,.12));box-shadow:0 8px 24px rgba(0,0,0,.12)}
.system-menu-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;transition:transform .22s ease}
.system-nav-shell.nav-open .system-menu-toggle svg{transform:rotate(90deg)}
.system-drawer-title{display:grid;gap:2px;padding:7px 8px 11px;margin-bottom:4px;border-bottom:1px solid var(--ui-border,rgba(255,255,255,.1))}
.system-drawer-title>span{font-size:.83rem;font-weight:850;color:var(--ui-text,#fff)}
.system-drawer-title>small{font-size:.67rem;color:var(--ui-muted,#93a4bf)}
.system-drawer-section{display:grid;gap:4px}
.system-drawer-divider{height:1px;margin:7px 4px;background:var(--ui-border,rgba(255,255,255,.1))}
.system-drawer-link{transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease}
.system-drawer-link:hover{transform:translateX(2px)}
.system-drawer-copy{display:grid;min-width:0;text-align:left}.system-drawer-copy>b{font-size:.78rem;font-weight:800}
.system-drawer-icon{width:24px;height:24px;display:grid;place-items:center;flex:0 0 24px}.system-drawer-icon svg{width:19px;height:19px}
@media(min-width:1181px){
.admin-body .admin-header-inner{min-height:72px}
.admin-body .admin-nav.system-drawer-nav{
position:static!important;display:flex!important;visibility:visible!important;opacity:1!important;transform:none!important;
width:auto!important;max-width:none!important;max-height:none!important;overflow:visible!important;padding:4px!important;margin:0 8px!important;
border:1px solid var(--ui-border)!important;border-radius:15px!important;background:var(--ui-nav)!important;box-shadow:none!important;
align-items:center!important;justify-content:center!important;gap:2px!important;white-space:nowrap!important
}
.admin-body .menu-toggle.system-menu-toggle{display:none!important}
.admin-body .admin-shell>.system-nav-backdrop{display:none!important}
.admin-body .admin-link,.admin-body .admin-menu>summary{
min-height:38px!important;width:auto!important;padding:0 11px!important;border-radius:10px!important;
display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:.78rem!important;font-weight:780!important
}
.admin-body .admin-menu{position:relative!important;width:auto!important}
.admin-body .admin-menu>summary:after{content:''!important;width:7px;height:7px;border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;transform:rotate(45deg) translateY(-2px);margin-left:3px;opacity:.7;transition:transform .18s ease}
.admin-body .admin-menu[open]>summary:after{transform:rotate(225deg) translate(-1px,-1px)}
.admin-body .admin-submenu{
display:grid!important;position:absolute!important;top:calc(100% + 6px)!important;left:0!important;right:auto!important;min-width:230px!important;width:max-content!important;max-width:310px!important;
padding:8px!important;margin:0!important;border:1px solid var(--ui-border)!important;border-radius:15px!important;background:var(--ui-surface)!important;
box-shadow:0 22px 54px rgba(0,0,0,.24)!important;backdrop-filter:blur(18px)!important;z-index:180!important;
opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-8px) scale(.985)!important;transform-origin:top left!important;
transition:opacity .18s cubic-bezier(.2,.72,.2,1),transform .18s cubic-bezier(.2,.72,.2,1),visibility .18s ease!important;will-change:opacity,transform
}
.admin-body .admin-menu[open]>.admin-submenu{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0) scale(1)!important}
.admin-body .admin-submenu a{min-height:39px!important;padding:0 11px!important;border-radius:10px!important;display:flex!important;align-items:center!important;font-size:.76rem!important}
.admin-body .admin-submenu a:hover{background:var(--ui-accent-soft)!important;color:var(--ui-accent-strong)!important}
}
@media(max-width:1180px){
.admin-body .admin-nav.system-drawer-nav,
.manager-body .manager-desktop-nav.system-drawer-nav{
display:block!important;position:fixed!important;top:0!important;right:0!important;left:auto!important;bottom:0!important;z-index:160!important;
width:min(340px,88vw)!important;max-width:88vw!important;max-height:none!important;overflow-y:auto!important;overscroll-behavior:contain!important;
padding:18px 14px calc(22px + env(safe-area-inset-bottom))!important;margin:0!important;border:0!important;border-left:1px solid var(--ui-border,rgba(255,255,255,.12))!important;
border-radius:0!important;background:var(--ui-surface,#07152d)!important;box-shadow:-28px 0 70px rgba(0,0,0,.28)!important;
opacity:1!important;visibility:visible!important;transform:translate3d(102%,0,0)!important;pointer-events:none!important;
transition:transform .24s cubic-bezier(.2,.76,.25,1)!important;white-space:normal!important
}
.admin-body .admin-shell.nav-open .admin-nav.system-drawer-nav,
.manager-body .manager-shell.nav-open .manager-desktop-nav.system-drawer-nav{transform:translate3d(0,0,0)!important;pointer-events:auto!important}
.admin-body .menu-toggle.system-menu-toggle,.manager-body .manager-nav-toggle.system-menu-toggle{display:grid!important}
.admin-body .admin-nav .admin-link,.admin-body .admin-nav .admin-menu>summary{width:100%!important;min-height:44px!important;justify-content:flex-start!important;padding:0 11px!important;border-radius:11px!important}
.admin-body .admin-nav .admin-menu{width:100%!important}
.admin-body .admin-nav .admin-submenu{position:static!important;width:100%!important;min-width:0!important;margin:4px 0 7px!important;padding:5px!important;border-radius:11px!important;box-shadow:none!important;background:var(--ui-surface-2)!important}
.admin-body .admin-nav .admin-menu:not([open])>.admin-submenu{display:none!important}
.admin-body .admin-nav .admin-menu[open]>.admin-submenu{display:grid!important}
}
.manager-body .manager-desktop-nav.system-drawer-nav{
display:block!important;position:fixed!important;top:0!important;right:0!important;left:auto!important;bottom:0!important;z-index:160!important;
width:min(340px,88vw)!important;max-width:88vw!important;max-height:none!important;overflow-y:auto!important;overscroll-behavior:contain!important;
padding:18px 14px calc(22px + env(safe-area-inset-bottom))!important;margin:0!important;border:0!important;border-left:1px solid var(--ui-border)!important;border-radius:0!important;
background:var(--ui-surface)!important;box-shadow:-28px 0 70px rgba(0,0,0,.28)!important;opacity:1!important;visibility:visible!important;
transform:translate3d(102%,0,0)!important;pointer-events:none!important;transition:transform .24s cubic-bezier(.2,.76,.25,1)!important;white-space:normal!important
}
.manager-body .manager-shell.nav-open .manager-desktop-nav.system-drawer-nav{transform:translate3d(0,0,0)!important;pointer-events:auto!important}
.manager-body .manager-nav-toggle.system-menu-toggle{display:grid!important}
.manager-body .manager-desktop-nav .manager-nav-link.system-drawer-link{
width:100%!important;min-height:44px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;padding:0 11px!important;border-radius:11px!important;
color:var(--ui-muted)!important;text-decoration:none!important;border:1px solid transparent!important
}
.manager-body .manager-desktop-nav .manager-nav-link.system-drawer-link:hover,.manager-body .manager-desktop-nav .manager-nav-link.system-drawer-link.is-active{
color:var(--ui-accent-strong)!important;background:var(--ui-accent-soft)!important;border-color:color-mix(in srgb,var(--ui-accent) 24%,transparent)!important
}
.manager-bottom-nav,.collaborator-bottom-nav{display:none!important}
.manager-body .manager-main{padding-bottom:28px!important}
@media(max-width:760px){
.system-menu-toggle{width:38px;height:38px;min-width:38px;border-radius:11px}
.system-menu-toggle svg{width:18px;height:18px}
.manager-body .manager-user-identity span{display:none!important}
}
.loyalty-admin-page{gap:20px!important}
.loyalty-settings-card{padding:22px!important;overflow:hidden}
.loyalty-settings-form{display:grid;gap:16px}
.loyalty-activation{
display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;min-height:76px;padding:14px 16px!important;
border:1px solid var(--line,var(--ui-border));border-radius:15px;background:color-mix(in srgb,var(--panel,var(--ui-surface)) 94%,var(--accent,var(--ui-accent)) 6%)
}
.loyalty-activation.compact{min-height:68px}
.loyalty-activation-copy{display:grid;gap:4px;min-width:0}.loyalty-activation-copy>b{font-size:.9rem;color:var(--text,var(--ui-text))}.loyalty-activation-copy>small{font-size:.72rem;line-height:1.45;color:var(--muted,var(--ui-muted));font-weight:600}
.loyalty-switch{position:relative;display:block;flex:0 0 48px;width:48px;height:28px}
.loyalty-switch input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.loyalty-switch i{position:absolute;inset:0;border-radius:999px;background:color-mix(in srgb,var(--muted,var(--ui-muted)) 28%,transparent);border:1px solid var(--line,var(--ui-border));transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}
.loyalty-switch i:after{content:'';position:absolute;width:20px;height:20px;left:3px;top:3px;border-radius:50%;background:var(--panel,var(--ui-surface));box-shadow:0 2px 8px rgba(0,0,0,.22);transition:transform .2s cubic-bezier(.2,.75,.25,1),background .18s ease}
.loyalty-switch input:checked+i{background:var(--accent,var(--ui-accent));border-color:var(--accent,var(--ui-accent));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,var(--ui-accent)) 12%,transparent)}
.loyalty-switch input:checked+i:after{transform:translateX(20px);background:#fff}
.loyalty-switch input:focus-visible+i{outline:2px solid var(--accent,var(--ui-accent));outline-offset:3px}
.loyalty-fields-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;align-items:start}
.loyalty-fields-grid label{display:grid;grid-template-rows:auto 44px;gap:6px;min-width:0;font-size:.72rem;font-weight:800;color:var(--muted,var(--ui-muted))}
.loyalty-fields-grid label>span{min-height:18px;display:flex;align-items:flex-end;line-height:1.25}
.loyalty-fields-grid input,.loyalty-fields-grid select{width:100%;height:44px;min-height:44px;margin:0;box-sizing:border-box}
.loyalty-form-actions{display:flex;justify-content:flex-end;align-items:center;padding-top:2px}.loyalty-form-actions .btn{min-width:190px}
.points-fields{grid-template-columns:repeat(4,minmax(0,1fr))}.promo-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.scratch-rule-fields{grid-template-columns:minmax(220px,360px)}.prize-fields{grid-template-columns:2fr 1.2fr 1fr .7fr}
.loyalty-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.loyalty-row-actions form{margin:0}
.loyalty-subhead{align-items:center!important}
@media(max-width:1050px){
.loyalty-fields-grid,.points-fields,.promo-fields,.prize-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
.scratch-rule-fields{grid-template-columns:1fr}
.loyalty-list-row{grid-template-columns:1fr 120px 82px auto!important}
}
@media(max-width:680px){
.loyalty-settings-card{padding:16px!important}.loyalty-hero{padding:20px 18px!important}.loyalty-activation{min-height:72px;padding:13px 14px!important;gap:12px!important}
.loyalty-fields-grid,.points-fields,.promo-fields,.prize-fields,.scratch-rule-fields{grid-template-columns:1fr!important}
.loyalty-fields-grid label{grid-template-rows:auto 44px}
.loyalty-form-actions{justify-content:stretch}.loyalty-form-actions .btn{width:100%;min-width:0}
.loyalty-list-row{grid-template-columns:1fr!important;gap:9px!important}.loyalty-list-row>.loyalty-status{justify-self:start}.loyalty-row-actions{justify-content:flex-start;flex-wrap:wrap}
.loyalty-hero-actions{width:100%}.loyalty-hero-pills{width:100%}
}
html.system-nav-lock,
body.system-nav-lock{overflow:hidden!important;overscroll-behavior:none!important}
html{scrollbar-gutter:stable}
.system-drawer-title{
display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
min-height:54px!important;padding:4px 4px 12px!important;margin:0 0 8px!important;
border-bottom:1px solid var(--ui-border,rgba(255,255,255,.1))!important
}
.system-drawer-heading{display:grid!important;gap:2px!important;min-width:0!important}
.system-drawer-heading>b{font-size:.86rem!important;font-weight:850!important;color:var(--ui-text,#fff)!important;line-height:1.2!important}
.system-drawer-heading>small{font-size:.68rem!important;color:var(--ui-muted,#93a4bf)!important;line-height:1.2!important}
.system-drawer-close{
display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;padding:0;border-radius:11px;
border:1px solid var(--ui-border,rgba(255,255,255,.12));background:var(--ui-surface-2,rgba(255,255,255,.05));
color:var(--ui-text,#fff);cursor:pointer;-webkit-tap-highlight-color:transparent
}
.system-drawer-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.system-menu-toggle{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.system-nav-backdrop{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.manager-body .manager-desktop-nav.system-drawer-nav,
body.client-panel-body .client-menu-nav.system-drawer-nav{
display:block!important;position:fixed!important;top:0!important;right:0!important;bottom:auto!important;left:auto!important;
z-index:1001!important;width:min(340px,88vw)!important;max-width:88vw!important;height:100vh!important;height:100dvh!important;
max-height:100dvh!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;
padding:max(14px,env(safe-area-inset-top)) 14px calc(22px + env(safe-area-inset-bottom))!important;margin:0!important;
border:0!important;border-left:1px solid var(--ui-border,rgba(255,255,255,.12))!important;border-radius:0!important;
background:var(--ui-surface,#07152d)!important;box-shadow:-24px 0 58px rgba(0,0,0,.3)!important;
opacity:1!important;visibility:visible!important;transform:translate3d(100%,0,0)!important;pointer-events:none!important;
transition:transform .22s cubic-bezier(.22,.72,.22,1)!important;will-change:transform;contain:layout paint;white-space:normal!important
}
.manager-body .manager-shell.nav-open .manager-desktop-nav.system-drawer-nav,
body.client-panel-body .client-mobile-app.nav-open .client-menu-nav.system-drawer-nav{
transform:translate3d(0,0,0)!important;pointer-events:auto!important
}
@media(max-width:1180px){
.admin-body .admin-nav.system-drawer-nav{
display:block!important;position:fixed!important;top:0!important;right:0!important;bottom:auto!important;left:auto!important;
z-index:1001!important;width:min(340px,88vw)!important;max-width:88vw!important;height:100vh!important;height:100dvh!important;
max-height:100dvh!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;
padding:max(14px,env(safe-area-inset-top)) 14px calc(22px + env(safe-area-inset-bottom))!important;margin:0!important;
border:0!important;border-left:1px solid var(--ui-border,rgba(255,255,255,.12))!important;border-radius:0!important;
background:var(--ui-surface,#07152d)!important;box-shadow:-24px 0 58px rgba(0,0,0,.3)!important;
opacity:1!important;visibility:visible!important;transform:translate3d(100%,0,0)!important;pointer-events:none!important;
transition:transform .22s cubic-bezier(.22,.72,.22,1)!important;will-change:transform;contain:layout paint;white-space:normal!important
}
.admin-body .admin-shell.nav-open .admin-nav.system-drawer-nav{transform:translate3d(0,0,0)!important;pointer-events:auto!important}
.admin-body .admin-nav .admin-menu>summary,
.admin-body .admin-nav .admin-link{touch-action:manipulation!important}
}
.system-nav-backdrop{
z-index:1000!important;background:rgba(2,8,20,.55)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
transition:opacity .18s ease,visibility .18s ease!important
}
.system-nav-shell.nav-open>.system-nav-backdrop{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
@media(hover:none),(pointer:coarse){
.system-drawer-link:hover{transform:none!important}
.system-menu-toggle:hover{transform:none!important;box-shadow:none!important}
}
@media(min-width:1181px){
.admin-body .admin-nav.system-drawer-nav>.system-drawer-title{display:none!important}
.admin-body .admin-nav.system-drawer-nav{contain:none!important;will-change:auto!important}
}
@media(max-width:760px){
.manager-body .manager-desktop-nav.system-drawer-nav,
body.client-panel-body .client-menu-nav.system-drawer-nav,
.admin-body .admin-nav.system-drawer-nav{width:min(326px,90vw)!important;max-width:90vw!important}
.system-drawer-link{min-height:48px!important}
.system-drawer-copy>b{font-size:.82rem!important}
}
@media(prefers-reduced-motion:reduce){
.manager-body .manager-desktop-nav.system-drawer-nav,
body.client-panel-body .client-menu-nav.system-drawer-nav,
.admin-body .admin-nav.system-drawer-nav,
.system-nav-backdrop{transition:none!important}
}
html[data-ui-scope="public"] body.client-panel-body{
overflow-x:hidden!important;
width:100%;
max-width:100%;
}
body.client-panel-body .client-panel-shell,
body.client-panel-body .client-mobile-app,
body.client-panel-body .client-main,
body.client-panel-body .client-page{max-width:100%;min-width:0}
body.client-panel-body .client-panel-shell{min-height:0!important;overflow-x:clip}
body.client-panel-body .client-mobile-app{min-height:0!important;padding-bottom:0!important;overflow-x:clip}
body.client-panel-body .client-topbar{width:100%;max-width:100%;overflow:visible}
body.client-panel-body .client-brand{max-width:min(68vw,560px)}
body.client-panel-body .client-brand span{min-width:0}
body.client-panel-body .client-top-actions{flex:0 0 auto;min-width:0}
body.client-panel-body .client-menu-nav.system-drawer-nav{
display:block!important;
position:fixed!important;
inset:0 0 0 auto!important;
z-index:1001!important;
width:min(340px,88vw)!important;
max-width:88vw!important;
height:100vh!important;
height:100dvh!important;
max-height:100dvh!important;
overflow-x:hidden!important;
overflow-y:auto!important;
padding:max(14px,env(safe-area-inset-top)) 14px calc(22px + env(safe-area-inset-bottom))!important;
margin:0!important;
border:0!important;
border-left:1px solid var(--ui-border,rgba(255,255,255,.12))!important;
border-radius:0!important;
background:var(--ui-surface,#07152d)!important;
box-shadow:-24px 0 58px rgba(0,0,0,.3)!important;
white-space:normal!important;
opacity:1!important;
visibility:visible!important;
transform:translate3d(100%,0,0)!important;
pointer-events:none!important;
transition:transform .22s cubic-bezier(.22,.72,.22,1)!important;
}
body.client-panel-body .client-mobile-app.nav-open .client-menu-nav.system-drawer-nav{
transform:translate3d(0,0,0)!important;
pointer-events:auto!important;
}
body.client-panel-body .client-menu-toggle.system-menu-toggle{display:grid!important}
body.client-panel-body .client-drawer-links{display:grid;gap:5px}
body.client-panel-body .client-menu-nav .client-nav-link.system-drawer-link{
width:100%!important;
min-height:48px!important;
display:flex!important;
flex-direction:row!important;
align-items:center!important;
justify-content:flex-start!important;
gap:11px!important;
padding:0 12px!important;
border:1px solid transparent!important;
border-radius:12px!important;
text-align:left!important;
color:var(--ui-muted)!important;
background:transparent!important;
}
body.client-panel-body .client-menu-nav .client-nav-link.system-drawer-link.is-active{
color:var(--ui-accent-strong)!important;
background:var(--ui-accent-soft)!important;
border-color:color-mix(in srgb,var(--ui-accent) 24%,transparent)!important;
}
body.client-panel-body .client-drawer-logout{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--ui-border)}
body.client-panel-body .client-drawer-logout button{
width:100%;min-height:46px;display:flex;align-items:center;gap:11px;padding:0 12px;border:1px solid var(--ui-border);
border-radius:12px;background:var(--ui-surface-2);color:var(--ui-text);font:inherit;cursor:pointer
}
body.client-panel-body .client-drawer-logout button span{width:22px;height:22px;display:grid;place-items:center}
body.client-panel-body .client-drawer-logout svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body.client-panel-body .client-shortcuts{
width:100%;
display:grid!important;
grid-template-columns:repeat(6,minmax(0,1fr))!important;
gap:9px!important;
}
body.client-panel-body .client-shortcuts>a{
grid-column:span 2;
min-width:0;
min-height:96px;
align-content:center;
padding:12px 8px;
}
body.client-panel-body .client-shortcuts>a:first-child:nth-last-child(2),
body.client-panel-body .client-shortcuts>a:first-child:nth-last-child(2)~a{grid-column:span 3}
body.client-panel-body .client-shortcuts>a:last-child:nth-child(4){grid-column:1/-1}
body.client-panel-body .client-shortcuts>a:last-child:nth-child(5){grid-column:span 4}
body.client-panel-body .client-shortcuts>a:last-child:nth-child(1){grid-column:1/-1}
body.client-panel-body .client-shortcuts b,
body.client-panel-body .client-shortcuts small{max-width:100%;overflow-wrap:anywhere}
html[data-ui-scope="public"] body.client-panel-body .system-footer.public-footer{
position:relative!important;
z-index:2!important;
margin:6px 0 0!important;
padding:8px 0 16px!important;
background:transparent!important;
}
html[data-ui-scope="public"] body.client-panel-body .system-footer.public-footer .footer-inner{
min-height:0!important;
gap:2px!important;
line-height:1.25!important;
font-size:.76rem!important;
}
body.client-panel-body .client-main{padding-bottom:10px!important}
body.client-panel-body .client-bottom-nav{display:none!important}
@media(max-width:760px){
html[data-ui-scope="public"] body.client-panel-body{padding-bottom:0!important}
body.client-panel-body .client-mobile-app{padding-bottom:0!important}
body.client-panel-body .client-main{width:min(100% - 18px,700px)!important;padding:14px 0 8px!important}
body.client-panel-body .client-topbar{min-height:62px;padding:7px 10px!important}
body.client-panel-body .client-brand{max-width:calc(100% - 52px)}
body.client-panel-body .client-brand img{width:38px;height:38px;border-radius:11px}
body.client-panel-body .client-brand b{font-size:.86rem}
body.client-panel-body .client-brand small{font-size:.62rem}
body.client-panel-body .client-hello,
body.client-panel-body .client-top-logout-form{display:none!important}
body.client-panel-body .client-menu-nav.system-drawer-nav{width:min(326px,90vw)!important;max-width:90vw!important}
body.client-panel-body .client-bottom-nav{
display:grid!important;
position:fixed!important;
left:10px!important;
right:10px!important;
bottom:max(8px,env(safe-area-inset-bottom))!important;
z-index:150!important;
width:auto!important;
min-height:64px!important;
padding:5px 7px!important;
grid-template-columns:repeat(var(--client-bottom-count,4),minmax(0,1fr))!important;
grid-auto-flow:row!important;
grid-auto-columns:auto!important;
transform:none!important;
border-radius:19px!important;
background:color-mix(in srgb,var(--ui-surface) 96%,transparent)!important;
border:1px solid var(--ui-border)!important;
box-shadow:0 16px 42px rgba(0,0,0,.34)!important;
backdrop-filter:blur(16px)!important;
}
body.client-panel-body .client-bottom-nav .client-nav-link{
min-width:0!important;min-height:54px!important;border-radius:13px!important;color:var(--ui-muted)!important
}
body.client-panel-body .client-bottom-nav .client-nav-link.is-active{
color:var(--ui-accent-strong)!important;background:var(--ui-accent-soft)!important
}
body.client-panel-body .client-bottom-nav .client-nav-link small{font-size:.58rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
html[data-ui-scope="public"] body.client-panel-body .system-footer.public-footer{
margin-top:4px!important;
padding:6px 0 calc(76px + env(safe-area-inset-bottom))!important;
}
body.client-panel-body .client-shortcuts>a{min-height:90px;padding:10px 6px}
body.client-panel-body .client-shortcuts b{font-size:.72rem}
body.client-panel-body .client-shortcuts small{font-size:.6rem;line-height:1.2}
}
@media(min-width:761px){
body.client-panel-body .client-main{width:min(100% - 48px,920px)!important;padding-top:20px!important}
body.client-panel-body .client-topbar{padding-left:max(24px,calc((100% - 920px)/2))!important;padding-right:max(24px,calc((100% - 920px)/2))!important}
body.client-panel-body .client-bottom-nav{display:none!important}
}
.client-profile-support{
display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border:1px solid var(--ui-border);
border-radius:18px;background:var(--ui-surface);box-shadow:var(--ui-shadow)
}
.client-profile-support>div{display:grid;gap:3px;min-width:0}
.client-profile-support b{color:var(--ui-text);font-size:1rem}
.client-profile-support small{color:var(--ui-muted);line-height:1.4}
@media(max-width:560px){.client-profile-support{align-items:stretch;flex-direction:column}.client-profile-support .btn{width:100%}}
.ai-settings-page{display:grid;gap:18px;max-width:1320px;margin:0 auto}
.ai-settings-hero{
display:flex;align-items:stretch;justify-content:space-between;gap:20px;padding:24px 26px;border:1px solid var(--line);
border-radius:20px;background:linear-gradient(135deg,var(--panel),color-mix(in srgb,var(--accent) 7%,var(--panel)))
}
.ai-settings-hero>div:first-child{display:grid;align-content:center;gap:4px;min-width:0}
.ai-settings-hero h1{margin:2px 0 4px}
.ai-settings-hero p{max-width:800px;margin:0;color:var(--muted);line-height:1.5}
.ai-provider-card{flex:0 0 min(270px,32%);display:grid;align-content:center;gap:4px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:var(--panel-2,var(--panel))}
.ai-provider-card span,.ai-provider-card small{color:var(--muted);font-size:.72rem}
.ai-provider-card strong{font-size:1.18rem}
.ai-provider-card i{justify-self:start;margin-top:7px;padding:5px 8px;border:1px solid var(--line);border-radius:999px;font-style:normal;font-size:.66rem;font-weight:850}
.ai-provider-card i.is-ready{color:#15803d;background:color-mix(in srgb,#16a34a 10%,var(--panel))}
.ai-provider-card i.is-warning{color:#b45309;background:color-mix(in srgb,#f59e0b 10%,var(--panel))}
.ai-settings-page .ai-support-admin{margin-top:0!important}
.ai-support-legal-box{display:grid;gap:4px;grid-column:1/-1;padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--accent) 4%,var(--panel))}
.ai-support-legal-box span,.ai-support-legal-box small{color:var(--muted);line-height:1.45}
@media(max-width:760px){
.ai-settings-hero{align-items:stretch;flex-direction:column;padding:19px 17px}
.ai-provider-card{flex:auto;width:100%}
.ai-support-legal-box{grid-column:auto}
}
html[data-ui-scope="public"] body.client-panel-body{
display:block!important;
width:100%!important;
max-width:100%!important;
height:auto!important;
min-height:100dvh!important;
overflow-x:hidden!important;
overflow-y:auto!important;
}
html[data-ui-scope="public"] body.client-panel-body .client-panel-shell,
html[data-ui-scope="public"] body.client-panel-body .client-mobile-app{
width:100%!important;
max-width:100%!important;
min-width:0!important;
min-height:0!important;
height:auto!important;
padding-bottom:0!important;
}
html[data-ui-scope="public"] body.client-panel-body .client-panel-shell{
position:relative!important;
overflow:visible!important;
}
html[data-ui-scope="public"] body.client-panel-body .client-mobile-app{
position:relative!important;
display:block!important;
overflow:visible!important;
}
html[data-ui-scope="public"] body.client-panel-body .client-topbar{
position:sticky!important;
top:0!important;
z-index:120!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
min-height:64px!important;
display:grid!important;
grid-template-columns:minmax(0,1fr) auto!important;
align-items:center!important;
gap:10px!important;
padding:8px max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left))!important;
overflow:hidden!important;
}
html[data-ui-scope="public"] body.client-panel-body .client-brand{
width:auto!important;
max-width:100%!important;
min-width:0!important;
overflow:hidden!important;
}
html[data-ui-scope="public"] body.client-panel-body .client-brand span{
min-width:0!important;
max-width:100%!important;
overflow:hidden!important;
}
html[data-ui-scope="public"] body.client-panel-body .client-brand b,
html[data-ui-scope="public"] body.client-panel-body .client-brand small{
display:block!important;
max-width:100%!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
html[data-ui-scope="public"] body.client-panel-body .client-top-actions{
width:auto!important;
min-width:42px!important;
max-width:42px!important;
flex:0 0 42px!important;
display:grid!important;
place-items:center!important;
margin:0!important;
}
html[data-ui-scope="public"] body.client-panel-body .client-hello,
html[data-ui-scope="public"] body.client-panel-body .client-top-logout-form{
display:none!important;
}
html[data-ui-scope="public"] body.client-panel-body .client-menu-toggle.system-menu-toggle{
display:grid!important;
place-items:center!important;
width:42px!important;
height:42px!important;
min-width:42px!important;
max-width:42px!important;
margin:0!important;
flex:0 0 42px!important;
}
html[data-ui-scope="public"] body.client-panel-body .client-menu-nav.system-drawer-nav{
display:block!important;
position:fixed!important;
top:0!important;
right:0!important;
bottom:0!important;
left:auto!important;
z-index:1001!important;
width:min(340px,calc(100vw - 24px))!important;
max-width:calc(100vw - 24px)!important;
min-width:0!important;
height:100dvh!important;
max-height:100dvh!important;
margin:0!important;
padding:max(14px,env(safe-area-inset-top)) 14px calc(18px + env(safe-area-inset-bottom))!important;
overflow-x:hidden!important;
overflow-y:auto!important;
white-space:normal!important;
transform:translate3d(calc(100% + 4px),0,0)!important;
visibility:hidden!important;
pointer-events:none!important;
opacity:1!important;
border-radius:0!important;
transition:transform .2s cubic-bezier(.22,.72,.22,1),visibility 0s linear .2s!important;
will-change:transform;
}
html[data-ui-scope="public"] body.client-panel-body .client-mobile-app.nav-open .client-menu-nav.system-drawer-nav{
transform:translate3d(0,0,0)!important;
visibility:visible!important;
pointer-events:auto!important;
transition:transform .2s cubic-bezier(.22,.72,.22,1),visibility 0s!important;
}
html[data-ui-scope="public"] body.client-panel-body .system-nav-backdrop{
position:fixed!important;
inset:0!important;
z-index:1000!important;
width:100vw!important;
height:100dvh!important;
margin:0!important;
}
html[data-ui-scope="public"] body.client-panel-body .client-drawer-links{
width:100%!important;
min-width:0!important;
display:grid!important;
grid-template-columns:1fr!important;
gap:5px!important;
}
html[data-ui-scope="public"] body.client-panel-body .client-menu-nav .client-nav-link.system-drawer-link{
width:100%!important;
max-width:100%!important;
min-width:0!important;
flex-direction:row!important;
}
html[data-ui-scope="public"] body.client-panel-body .client-main{
width:min(1320px,calc(100% - 32px))!important;
max-width:calc(100% - 32px)!important;
min-width:0!important;
margin:0 auto!important;
padding:18px 0 8px!important;
overflow:visible!important;
}
html[data-ui-scope="public"] body.client-panel-body .client-page,
html[data-ui-scope="public"] body.client-panel-body .client-section,
html[data-ui-scope="public"] body.client-panel-body .client-shortcuts,
html[data-ui-scope="public"] body.client-panel-body .client-shortcuts>a{
min-width:0!important;
max-width:100%!important;
}
html[data-ui-scope="public"] body.client-panel-body .client-shortcuts{
width:100%!important;
grid-template-columns:repeat(6,minmax(0,1fr))!important;
gap:9px!important;
}
html[data-ui-scope="public"] body.client-panel-body .client-shortcuts>a{
grid-column:span 2!important;
min-height:94px!important;
}
html[data-ui-scope="public"] body.client-panel-body .client-shortcuts>a:last-child:nth-child(1){grid-column:1/-1!important}
html[data-ui-scope="public"] body.client-panel-body .client-shortcuts>a:first-child:nth-last-child(2),
html[data-ui-scope="public"] body.client-panel-body .client-shortcuts>a:first-child:nth-last-child(2)~a{grid-column:span 3!important}
html[data-ui-scope="public"] body.client-panel-body .client-shortcuts>a:last-child:nth-child(4){grid-column:1/-1!important}
html[data-ui-scope="public"] body.client-panel-body .client-shortcuts>a:last-child:nth-child(5){grid-column:span 4!important}
html[data-ui-scope="public"] body.client-panel-body .client-panel-footer{
position:relative!important;
z-index:2!important;
width:min(1320px,calc(100% - 32px))!important;
max-width:calc(100% - 32px)!important;
min-width:0!important;
margin:2px auto 0!important;
padding:6px 0 14px!important;
color:var(--ui-muted)!important;
background:transparent!important;
}
html[data-ui-scope="public"] body.client-panel-body .client-panel-footer-inner{
width:100%!important;
min-width:0!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
gap:2px!important;
padding:0!important;
text-align:center!important;
font-size:.76rem!important;
line-height:1.25!important;
}
html[data-ui-scope="public"] body.client-panel-body .client-bottom-nav{display:none!important}
@media(max-width:900px){
html[data-ui-scope="public"] body.client-panel-body .client-topbar{
min-height:62px!important;
padding:7px 10px!important;
}
html[data-ui-scope="public"] body.client-panel-body .client-brand img{
width:38px!important;
height:38px!important;
border-radius:11px!important;
}
html[data-ui-scope="public"] body.client-panel-body .client-brand b{font-size:.86rem!important}
html[data-ui-scope="public"] body.client-panel-body .client-brand small{font-size:.62rem!important}
html[data-ui-scope="public"] body.client-panel-body .client-main{
width:min(700px,calc(100% - 18px))!important;
max-width:calc(100% - 18px)!important;
padding:14px 0 6px!important;
}
html[data-ui-scope="public"] body.client-panel-body .client-panel-footer{
width:min(700px,calc(100% - 18px))!important;
max-width:calc(100% - 18px)!important;
margin-top:0!important;
padding:4px 0 5px!important;
}
html[data-ui-scope="public"] body.client-panel-body .client-mobile-app:not(.client-nav-inline) .client-panel-footer{
padding-bottom:calc(78px + env(safe-area-inset-bottom))!important;
}
html[data-ui-scope="public"] body.client-panel-body .client-bottom-nav{
display:grid!important;
position:fixed!important;
left:10px!important;
right:10px!important;
bottom:max(8px,env(safe-area-inset-bottom))!important;
z-index:150!important;
width:auto!important;
max-width:none!important;
min-width:0!important;
min-height:64px!important;
margin:0!important;
padding:5px 7px!important;
grid-template-columns:repeat(var(--client-bottom-count,4),minmax(0,1fr))!important;
grid-auto-flow:row!important;
grid-auto-columns:auto!important;
align-items:stretch!important;
transform:none!important;
overflow:hidden!important;
}
html[data-ui-scope="public"] body.client-panel-body .client-bottom-nav .client-nav-link{
width:100%!important;
min-width:0!important;
max-width:100%!important;
min-height:54px!important;
padding:3px 2px!important;
}
html[data-ui-scope="public"] body.client-panel-body .client-bottom-nav .client-nav-link small{
display:block!important;
width:100%!important;
max-width:100%!important;
font-size:.58rem!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
html[data-ui-scope="public"] body.client-panel-body .client-mobile-app.client-nav-inline .client-bottom-nav{
position:relative!important;
left:auto!important;
right:auto!important;
bottom:auto!important;
width:min(700px,calc(100% - 18px))!important;
max-width:calc(100% - 18px)!important;
margin:3px auto calc(8px + env(safe-area-inset-bottom))!important;
}
}
@media(min-width:901px){
html[data-ui-scope="public"] body.client-panel-body .client-topbar{
padding-left:max(24px,calc((100% - 1320px)/2))!important;
padding-right:max(24px,calc((100% - 1320px)/2))!important;
}
html[data-ui-scope="public"] body.client-panel-body .client-panel-footer{
padding-bottom:12px!important;
}
}
@media(max-width:430px){
html[data-ui-scope="public"] body.client-panel-body .client-main,
html[data-ui-scope="public"] body.client-panel-body .client-panel-footer{
width:calc(100% - 14px)!important;
max-width:calc(100% - 14px)!important;
}
html[data-ui-scope="public"] body.client-panel-body .client-shortcuts{gap:8px!important}
html[data-ui-scope="public"] body.client-panel-body .client-shortcuts>a{
min-height:88px!important;
padding:9px 5px!important;
}
}
html[data-ui-scope="public"] body.client-preview-body{
overflow-x:hidden!important;
}
html[data-ui-scope="public"] body.client-preview-body .client-preview-toolbar{
display:none!important;
}
html[data-ui-scope="public"] body.client-preview-body .client-preview-banner{
position:sticky!important;
top:0!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
overflow:hidden!important;
}
html[data-ui-scope="public"] body.client-preview-body .client-preview-banner>span{
min-width:0!important;
flex:1 1 auto!important;
}
html[data-ui-scope="public"] body.client-preview-body .client-preview-shell .client-mobile-app{
padding-bottom:0!important;
}
html[data-ui-scope="public"] body.client-preview-body .client-preview-shell .client-main{
padding-bottom:8px!important;
}
html[data-ui-scope="public"] body.client-preview-body .client-preview-shell .client-topbar{
top:48px!important;
}
html[data-ui-scope="public"] body.client-preview-body .client-menu-nav .system-drawer-copy>small{
margin-top:2px;
color:var(--ui-muted)!important;
font-size:.62rem!important;
line-height:1.2!important;
}
html[data-ui-scope="public"] body.client-preview-body .client-menu-nav .system-drawer-copy{
flex:1 1 auto!important;
}
html[data-ui-scope="public"] body.client-panel-body .client-bottom-nav .client-nav-link,
html[data-ui-scope="public"] body.client-panel-body .client-bottom-nav .client-nav-link>small{
text-align:center!important;
}
html[data-ui-scope="public"] body.client-panel-body .client-menu-nav .client-nav-link.system-drawer-link{
display:grid!important;
grid-template-columns:24px minmax(0,1fr)!important;
align-items:center!important;
justify-content:stretch!important;
column-gap:11px!important;
text-align:left!important;
}
html[data-ui-scope="public"] body.client-panel-body .client-menu-nav .system-drawer-icon{
grid-column:1!important;
justify-self:center!important;
}
html[data-ui-scope="public"] body.client-panel-body .client-menu-nav .system-drawer-copy{
grid-column:2!important;
width:100%!important;
min-width:0!important;
text-align:left!important;
justify-self:stretch!important;
}
html[data-ui-scope="public"] body.client-panel-body .client-menu-nav .system-drawer-copy>b,
html[data-ui-scope="public"] body.client-panel-body .client-menu-nav .system-drawer-copy>small{
text-align:left!important;
}
html[data-ui-scope="public"] body.client-panel-body .client-menu-nav .client-nav-link.system-drawer-link{
display:flex!important;
flex-direction:row!important;
align-items:center!important;
justify-content:flex-start!important;
gap:11px!important;
}
html[data-ui-scope="public"] body.client-panel-body .client-menu-nav .system-drawer-icon{
flex:0 0 24px!important;
}
html[data-ui-scope="public"] body.client-panel-body .client-menu-nav .system-drawer-copy{
flex:0 1 auto!important;
width:auto!important;
max-width:calc(100% - 35px)!important;
justify-self:auto!important;
justify-items:start!important;
place-items:start!important;
text-align:left!important;
}
html[data-ui-scope="public"] body.client-panel-body .client-menu-nav .system-drawer-copy>b,
html[data-ui-scope="public"] body.client-panel-body .client-menu-nav .system-drawer-copy>small{
width:auto!important;
justify-self:start!important;
}
html[data-ui-scope="public"] body.client-panel-body .client-menu-nav.system-drawer-nav{
width:min(240px,calc(100vw - 16px))!important;
max-width:calc(100vw - 16px)!important;
}
html[data-ui-scope="admin"] .admin-body .update-history-table,
html[data-ui-scope="admin"] .admin-body .update-history-table table,
html[data-ui-scope="admin"] .admin-body .update-history-table thead,
html[data-ui-scope="admin"] .admin-body .update-history-table tbody,
html[data-ui-scope="admin"] .admin-body .update-history-table tr,
html[data-ui-scope="admin"] .admin-body .update-history-table td,
html[data-ui-scope="admin"] .admin-body .update-history-table .empty{
background:var(--ui-surface)!important;
color:var(--ui-text)!important;
}
html[data-ui-scope="admin"] .admin-body .update-history-table th{
background:var(--ui-surface-2)!important;
color:var(--ui-muted)!important;
}
html[data-ui-scope="admin"] .admin-body .update-history-table tbody tr:nth-child(even) td{
background:var(--ui-surface-2)!important;
}
html[data-ui-scope="admin"] .admin-body .update-history-table tbody tr:hover td{
background:var(--ui-accent-soft)!important;
}
html[data-ui-scope="admin"] .admin-body .update-history-table th,
html[data-ui-scope="admin"] .admin-body .update-history-table td{
border-color:var(--ui-border)!important;
}
.loyalty-scratch-settings{
grid-template-columns:minmax(220px,360px) minmax(0,1fr);
align-items:end;
}
.loyalty-scratch-settings>.loyalty-activation{grid-column:1/-1}
.loyalty-scratch-settings>.scratch-rule-fields{grid-column:1}
.loyalty-scratch-settings>.loyalty-form-actions{
grid-column:2;
padding-top:0;
}
.loyalty-scratch-settings>.loyalty-form-actions .btn{
width:100%;
min-width:0;
min-height:44px;
}
.ai-support-actions{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
width:100%;
}
.ai-support-actions>button,
.ai-support-actions>form,
.ai-support-actions>form .btn{
width:100%;
min-width:0;
min-height:46px;
}
.ai-support-actions>form{display:block;margin:0}
.ai-support-actions .ai-support-clear{justify-content:stretch}
.operational-reset-page{display:grid;gap:18px}
.operational-reset-hero{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:24px;
background:linear-gradient(135deg,rgba(145,30,42,.09),rgba(255,255,255,.96));
border-color:rgba(145,30,42,.22);
}
.operational-reset-hero h1{margin:.2rem 0 .45rem}
.operational-reset-hero p{max-width:850px;margin:0;color:var(--muted)}
.operational-reset-risk{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:34px;
padding:0 12px;
border-radius:999px;
background:#941f2d;
color:#fff;
font-size:.72rem;
font-weight:850;
white-space:nowrap;
}
.operational-reset-summary,.operational-reset-confirm{display:grid;gap:16px}
.operational-reset-kpis{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:10px;
}
.operational-reset-kpis article{
display:grid;
gap:5px;
min-width:0;
padding:14px;
border:1px solid var(--ui-border,var(--stroke));
border-radius:14px;
background:var(--ui-surface-2,var(--bg-panel));
color:var(--ui-text,var(--text));
}
.operational-reset-kpis span{color:var(--ui-muted,var(--muted));font-size:.72rem;font-weight:750}
.operational-reset-kpis strong{font-size:1.5rem;color:var(--ui-text,var(--text))}
.operational-reset-scope{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
}
.operational-reset-scope article{
padding:16px;
border:1px solid var(--line);
border-radius:14px;
}
.operational-reset-scope article:first-child{border-color:rgba(145,30,42,.25);background:rgba(145,30,42,.04)}
.operational-reset-scope ul{margin:10px 0 0;padding-left:19px;color:var(--muted)}
.operational-reset-scope li+li{margin-top:6px}
.operational-reset-form{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
align-items:end;
}
.operational-reset-form label{display:grid;gap:6px}
.operational-reset-form .btn{grid-column:1/-1;width:100%;min-height:48px}
@media(max-width:760px){
.loyalty-scratch-settings{grid-template-columns:1fr}
.loyalty-scratch-settings>.loyalty-activation,
.loyalty-scratch-settings>.scratch-rule-fields,
.loyalty-scratch-settings>.loyalty-form-actions{grid-column:auto}
.ai-support-actions{grid-template-columns:1fr}
.operational-reset-hero{display:grid}
.operational-reset-risk{justify-self:start}
.operational-reset-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
.operational-reset-scope,.operational-reset-form{grid-template-columns:1fr}
.operational-reset-form .btn{grid-column:auto}
}
.pwa-admin-page{display:grid;gap:18px}
.pwa-admin-hero{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:24px;
background:linear-gradient(135deg,rgba(28,94,154,.10),rgba(255,255,255,.97));
border-color:rgba(28,94,154,.20);
}
.pwa-admin-hero h1{margin:.2rem 0 .45rem}
.pwa-admin-hero p{max-width:860px;margin:0;color:var(--muted)}
.pwa-admin-version{
display:grid;
min-width:150px;
padding:14px 16px;
border:1px solid var(--line);
border-radius:16px;
background:rgba(255,255,255,.72);
text-align:right;
}
.pwa-admin-version span,.pwa-admin-version small{color:var(--muted);font-size:.68rem}
.pwa-admin-version strong{font-size:1.24rem}
.pwa-admin-form{display:grid;gap:18px}
.pwa-visual-config,.pwa-assets-panel,.pwa-monitor-panel{display:grid;gap:18px}
.pwa-config-layout{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);
gap:18px;
align-items:stretch;
}
.pwa-config-fields{display:grid;gap:14px}
.pwa-config-fields>label{display:grid;gap:7px}
.pwa-config-fields>label>span:first-child{font-weight:800}
.pwa-config-fields>label>small{color:var(--muted);font-size:.7rem}
.pwa-color-control{
display:grid;
grid-template-columns:66px minmax(0,1fr);
align-items:center;
gap:10px;
}
.pwa-color-control input[type="color"]{
width:66px;
height:44px;
padding:4px;
border:1px solid var(--line);
border-radius:12px;
background:var(--surface,#fff);
}
.pwa-color-control b,.pwa-range-control output{
display:flex;
align-items:center;
min-height:44px;
padding:0 13px;
border:1px solid var(--line);
border-radius:12px;
background:var(--surface-soft,#f7f9fc);
}
.pwa-range-control{display:grid;grid-template-columns:minmax(0,1fr) 82px;align-items:center;gap:12px}
.pwa-range-control input[type="range"]{width:100%}
.pwa-range-control output{justify-content:center;font-weight:850}
.pwa-text-toggle{
display:flex!important;
align-items:center;
justify-content:space-between;
gap:16px;
min-height:72px;
padding:13px 14px;
border:1px solid var(--line);
border-radius:14px;
background:var(--surface-soft,#f7f9fc);
}
.pwa-text-toggle>span:first-child{display:grid;gap:4px}
.pwa-text-toggle small{color:var(--muted);font-size:.7rem}
.pwa-splash-preview{
display:grid;
grid-template-rows:auto minmax(320px,1fr);
gap:8px;
min-width:0;
}
.pwa-splash-preview>span{font-weight:800}
.pwa-splash-preview>div{
display:grid;
place-content:center;
place-items:center;
gap:15px;
min-height:320px;
padding:24px;
border-radius:22px;
background:var(--pwa-splash-background,#000000);
overflow:hidden;
}
.pwa-splash-preview img{
display:block;
width:clamp(var(--pwa-splash-logo-min,190px),var(--pwa-splash-logo-fluid,56vw),var(--pwa-splash-logo-max,280px));
max-width:86%;
max-height:250px;
object-fit:contain;
background:transparent;
}
.pwa-splash-preview small{max-width:88%;color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-align:center;text-transform:uppercase}
.pwa-image-engine{
display:inline-flex;
align-items:center;
min-height:32px;
padding:0 11px;
border:1px solid var(--line);
border-radius:999px;
color:var(--muted);
font-size:.7rem;
font-weight:800;
white-space:nowrap;
}
.pwa-assets-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pwa-asset-card{
display:grid;
grid-template-columns:132px minmax(0,1fr);
gap:14px;
min-width:0;
padding:14px;
border:1px solid var(--line);
border-radius:16px;
background:var(--surface-soft,#f7f9fc);
}
.pwa-asset-preview{
display:grid;
place-items:center;
min-height:132px;
border-radius:14px;
background:var(--pwa-splash-background,#000000);
overflow:hidden;
}
.pwa-asset-preview img{display:block;width:112px;height:112px;object-fit:contain}
.pwa-asset-copy{display:grid;align-content:start;gap:7px;min-width:0}
.pwa-asset-copy h3,.pwa-asset-copy p{margin:0}
.pwa-asset-copy p,.pwa-asset-copy small{color:var(--muted);font-size:.7rem}
.pwa-asset-state{justify-self:start;padding:5px 8px;border-radius:999px;font-size:.62rem;font-weight:850;text-transform:uppercase;letter-spacing:.04em}
.pwa-asset-state.is-custom{background:rgba(29,132,83,.12);color:#19683f}
.pwa-asset-state.is-inherited{background:rgba(39,91,150,.11);color:#235d97}
.pwa-file-field{display:grid;gap:5px;margin-top:2px;font-size:.7rem;font-weight:800}
.pwa-file-field input{width:100%;min-width:0;font-size:.68rem}
.pwa-remove-asset{display:flex;align-items:flex-start;gap:7px;color:#922a36;font-size:.66rem;font-weight:750}
.pwa-remove-asset input{margin-top:2px}
.pwa-assets-note,.pwa-platform-note{
display:flex;
align-items:flex-start;
gap:10px;
margin:0;
padding:13px 14px;
border:1px solid var(--line);
border-radius:14px;
background:var(--surface-soft,#f7f9fc);
color:var(--muted);
font-size:.72rem;
}
.pwa-assets-note b{color:var(--text);white-space:nowrap}
.pwa-save-bar{
position:sticky;
bottom:12px;
z-index:8;
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
padding:14px 16px;
border:1px solid var(--line);
border-radius:16px;
background:rgba(255,255,255,.94);
box-shadow:0 16px 38px rgba(16,37,67,.16);
backdrop-filter:blur(14px);
}
.pwa-save-bar>div{display:grid;gap:3px}
.pwa-save-bar span{color:var(--muted);font-size:.7rem}
.pwa-save-bar .btn{min-width:250px}
.pwa-monitor-head{align-items:flex-start}
.pwa-monitor-summary{display:grid;gap:3px;text-align:right}
.pwa-monitor-summary strong{color:#275b96}
.pwa-monitor-summary small{color:var(--muted);font-size:.68rem}
.pwa-health-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.pwa-health-card{
display:grid;
grid-template-columns:12px minmax(0,1fr);
gap:9px;
align-items:start;
min-width:0;
padding:12px;
border:1px solid var(--line);
border-radius:14px;
background:var(--surface-soft,#f7f9fc);
}
.pwa-health-dot{width:10px;height:10px;margin-top:4px;border-radius:50%;background:#9aa7b6;box-shadow:0 0 0 4px rgba(154,167,182,.15)}
.pwa-health-card>div{display:grid;gap:3px;min-width:0}
.pwa-health-card small{color:var(--muted);font-size:.65rem}
.pwa-health-card>i{grid-column:2;font-size:.64rem;font-style:normal;font-weight:850;color:#6f7c8d}
.pwa-health-card.is-checking .pwa-health-dot{background:#d99a24;box-shadow:0 0 0 4px rgba(217,154,36,.15)}
.pwa-health-card.is-ok{border-color:rgba(29,132,83,.25);background:rgba(29,132,83,.045)}
.pwa-health-card.is-ok .pwa-health-dot{background:#238553;box-shadow:0 0 0 4px rgba(35,133,83,.14)}
.pwa-health-card.is-ok>i{color:#197145}
.pwa-health-card.is-error{border-color:rgba(153,39,52,.28);background:rgba(153,39,52,.045)}
.pwa-health-card.is-error .pwa-health-dot{background:#a72b3a;box-shadow:0 0 0 4px rgba(167,43,58,.14)}
.pwa-health-card.is-error>i{color:#922a36}
.pwa-monitor-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pwa-monitor-actions .btn{width:100%;min-height:44px}
@media(max-width:980px){
.pwa-config-layout{grid-template-columns:1fr}
.pwa-assets-grid{grid-template-columns:1fr}
.pwa-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
.pwa-admin-hero,.pwa-save-bar{display:grid}
.pwa-admin-version{justify-self:start;text-align:left}
.pwa-asset-card{grid-template-columns:1fr}
.pwa-asset-preview{min-height:180px}
.pwa-assets-note{display:grid}
.pwa-save-bar{position:static}
.pwa-save-bar .btn{width:100%;min-width:0}
.pwa-health-grid,.pwa-monitor-actions{grid-template-columns:1fr}
.pwa-monitor-summary{text-align:left}
}
html[data-ui-scope="public"] body.public-body .online-store-home,
html[data-ui-scope="public"] body.public-body .online-store-catalog{
background:var(--ui-surface)!important;
color:var(--ui-text)!important;
border:1px solid var(--ui-card-border,var(--ui-border))!important;
border-radius:24px;
box-shadow:var(--ui-shadow)!important;
}
.online-store-home{padding:18px;display:flex;flex-direction:column;gap:14px}
.online-store-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.online-store-heading h2,.online-store-catalog-hero h1{margin:4px 0 5px;font-size:1.42rem;line-height:1.12;color:var(--ui-text)}
.online-store-heading p,.online-store-catalog-hero p{margin:0;color:var(--ui-muted);font-size:.9rem;line-height:1.45}
.online-store-bag,.online-store-catalog-top>button{position:relative;width:46px;height:46px;flex:0 0 46px;border:1px solid var(--ui-border);border-radius:15px;background:var(--ui-surface-2,var(--ui-surface));color:var(--ui-accent-strong);display:grid;place-items:center;padding:0}
.online-store-bag svg,.online-store-catalog-top>button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.online-store-bag b,.online-store-catalog-top>button b{position:absolute;top:-7px;right:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--ui-accent-strong);color:var(--ui-accent-contrast,#111);font-size:.66rem;display:grid;place-items:center;border:2px solid var(--ui-surface)}
.online-store-chips,.online-store-filter-row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 0 4px;overscroll-behavior-inline:contain}
.online-store-chips::-webkit-scrollbar,.online-store-filter-row::-webkit-scrollbar,.online-store-products::-webkit-scrollbar{display:none}
.online-store-chips span,.online-store-filter-row button{flex:0 0 auto;border:1px solid var(--ui-border);background:var(--ui-surface-2,var(--ui-surface));color:var(--ui-muted);border-radius:999px;padding:8px 12px;font-size:.74rem;font-weight:700;white-space:nowrap}
.online-store-filter-row button.is-active{background:var(--ui-accent-soft);border-color:var(--ui-accent);color:var(--ui-accent-strong)}
.online-store-products{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(74%,1fr);gap:12px;overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;padding:2px 1px 8px}
.online-product-card{scroll-snap-align:start;min-width:0;overflow:hidden;border:1px solid var(--ui-card-border,var(--ui-border));border-radius:18px;background:var(--ui-card,var(--ui-surface-2,var(--ui-surface)));display:flex;flex-direction:column;color:var(--ui-text)}
.online-product-media{position:relative;aspect-ratio:1/1;overflow:hidden;background:var(--ui-surface-3,var(--ui-surface-2,var(--ui-surface)))}
.online-product-media>img{display:block;width:100%;height:100%;object-fit:cover}
.online-product-media>small{position:absolute;right:9px;bottom:9px;border-radius:999px;background:rgba(0,0,0,.64);color:#fff;padding:5px 8px;font-size:.65rem}
.online-product-badge{position:absolute;left:9px;top:9px;border-radius:999px;padding:5px 9px;font-size:.64rem;font-weight:800;background:var(--ui-accent-strong);color:var(--ui-accent-contrast,#111)}
.online-product-badge.is-oferta{background:#ff6e75;color:#19060a}.online-product-badge.is-novo{background:#61d98b;color:#06170d}
.online-product-copy{display:flex;flex:1;flex-direction:column;padding:12px;gap:7px}
.online-product-copy>span{font-size:.66rem;color:var(--ui-accent-strong);font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.online-product-copy h3{font-size:.98rem;line-height:1.25;margin:0;color:var(--ui-text)}
.online-product-copy p{margin:0;color:var(--ui-muted);font-size:.78rem;line-height:1.42;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.online-product-price{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;margin-top:auto}
.online-product-price del{font-size:.7rem;color:var(--ui-muted)}.online-product-price strong{font-size:1.06rem;color:var(--ui-text)}
.online-product-copy .btn{margin-top:3px;min-height:40px;font-size:.78rem}
.online-store-view-all{min-height:44px}
.online-store-preview-ribbon{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:9px 11px;border:1px dashed var(--ui-accent);border-radius:13px;background:var(--ui-accent-soft);color:var(--ui-text);font-size:.72rem}
.online-store-preview-ribbon span{color:var(--ui-muted);text-align:right}
.online-store-empty{grid-column:1/-1;display:flex;flex-direction:column;gap:5px;padding:24px;border:1px dashed var(--ui-border);border-radius:17px;text-align:center;color:var(--ui-muted)}
.online-store-empty b{color:var(--ui-text)}
.online-store-catalog-page{gap:10px!important;padding-top:8px!important}
.online-store-catalog-top{position:sticky;top:8px;z-index:20;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:8px;margin:0 10px;padding:8px;border:1px solid var(--ui-border);border-radius:18px;background:color-mix(in srgb,var(--ui-header) 94%,transparent);backdrop-filter:blur(14px)}
.online-store-catalog-top>a{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:var(--ui-accent-strong);background:var(--ui-accent-soft);font-size:1.65rem;line-height:1}
.online-store-catalog-top>div{min-width:0;display:flex;align-items:center;gap:9px}.online-store-catalog-top>div img{width:35px;height:35px;border-radius:10px;object-fit:cover}.online-store-catalog-top>div span{min-width:0;display:flex;flex-direction:column}.online-store-catalog-top>div b,.online-store-catalog-top>div small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.online-store-catalog-top>div b{font-size:.83rem;color:var(--ui-text)}.online-store-catalog-top>div small{font-size:.66rem;color:var(--ui-muted)}
.online-store-catalog{margin:0 10px 20px;padding:17px;display:flex;flex-direction:column;gap:14px}
.online-store-catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.online-store-catalog-grid .online-product-card{height:100%}.online-store-catalog-grid .online-product-copy{padding:10px;gap:6px}.online-store-catalog-grid .online-product-copy h3{font-size:.86rem}.online-store-catalog-grid .online-product-copy p{display:none}.online-store-catalog-grid .online-product-copy .btn{font-size:.69rem;padding-inline:7px}.online-store-catalog-grid .online-product-price{display:block}.online-store-catalog-grid .online-product-price del{display:block}.online-store-catalog-grid .online-product-price strong{font-size:.94rem}
.online-store-cart[hidden]{display:none!important}.online-store-cart{position:fixed;inset:0;z-index:120;display:flex;align-items:flex-end;justify-content:center}.online-store-cart-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.66);backdrop-filter:blur(4px)}
.online-store-cart-sheet{position:relative;z-index:1;width:min(430px,100%);max-height:min(78vh,720px);overflow:hidden;border-radius:26px 26px 0 0;background:var(--ui-surface);border:1px solid var(--ui-border);border-bottom:0;color:var(--ui-text);display:flex;flex-direction:column;padding-bottom:max(15px,env(safe-area-inset-bottom))}
.online-store-cart-head{display:flex;align-items:center;justify-content:space-between;padding:17px;border-bottom:1px solid var(--ui-border)}.online-store-cart-head h2{margin:3px 0 0;font-size:1.2rem}.online-store-cart-head>button{width:38px;height:38px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-surface-2);color:var(--ui-text);font-size:1.4rem}
.online-store-cart-items{min-height:110px;overflow:auto;padding:10px 15px}.online-store-cart-empty{padding:28px 10px;text-align:center;color:var(--ui-muted)}
.online-store-cart-item{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--ui-border)}.online-store-cart-item img{width:52px;height:52px;border-radius:11px;object-fit:cover;background:var(--ui-surface-2)}.online-store-cart-item-copy{min-width:0}.online-store-cart-item-copy b{display:block;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.online-store-cart-item-copy small{color:var(--ui-muted);font-size:.68rem}.online-store-cart-qty{display:flex;align-items:center;gap:6px}.online-store-cart-qty button{width:29px;height:29px;border:1px solid var(--ui-border);border-radius:9px;background:var(--ui-surface-2);color:var(--ui-text)}.online-store-cart-qty span{min-width:18px;text-align:center;font-size:.74rem}
.online-store-cart-footer{display:flex;flex-direction:column;gap:9px;padding:13px 16px 0;border-top:1px solid var(--ui-border)}.online-store-cart-footer>div{display:flex;align-items:center;justify-content:space-between}.online-store-cart-footer>div span{color:var(--ui-muted)}.online-store-cart-footer>div strong{font-size:1.1rem}.online-store-cart-footer small{font-size:.68rem;line-height:1.35;color:var(--ui-muted);text-align:center}
body.store-private-preview .public-desktop-notice{display:none!important}
body.store-private-preview .public-mobile-experience{display:block!important;width:min(430px,100%);margin:0 auto;padding:10px 0 90px}
body.store-private-preview{background:var(--ui-page)!important}
.online-store-admin-page{display:flex;flex-direction:column;gap:18px}.online-store-admin-hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.online-store-admin-hero h1{margin:4px 0 7px}.online-store-admin-hero p{margin:0;color:var(--muted)}.online-store-admin-status{display:flex;align-items:flex-end;flex-direction:column;gap:10px}
.online-store-publication-form{display:flex;flex-direction:column;gap:14px}.online-store-state-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.online-store-state-choice label{display:block;cursor:pointer}.online-store-state-choice input{position:absolute;opacity:0;pointer-events:none}.online-store-state-choice label>span{display:flex;flex-direction:column;gap:5px;min-height:88px;padding:14px;border:1px solid var(--border);border-radius:16px;background:var(--surface-2)}.online-store-state-choice input:checked+span{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 22%,transparent)}.online-store-state-choice small{color:var(--muted);line-height:1.35}
.online-store-admin-grid{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(480px,1.28fr);gap:18px}.online-store-category-add{display:grid;grid-template-columns:1fr auto;gap:8px}.online-store-category-list{display:flex;flex-direction:column;gap:8px;margin-top:14px}.online-store-category-list article{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border:1px solid var(--border);border-radius:13px}.online-store-category-list article>span{display:flex;flex-direction:column}.online-store-category-list small{color:var(--muted)}
.online-store-product-form{display:flex;flex-direction:column;gap:12px}.online-store-product-flags{display:flex;gap:18px;flex-wrap:wrap}.online-store-product-flags label{display:flex;align-items:center;gap:8px}.online-store-admin-gallery{display:grid;grid-template-columns:repeat(5,minmax(80px,1fr));gap:8px}.online-store-admin-photo{display:flex;flex-direction:column;gap:5px;padding:6px;border:1px solid var(--border);border-radius:12px}.online-store-admin-photo img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:9px}.online-store-admin-photo span{font-size:.68rem}.online-store-admin-photo-empty{grid-column:1/-1;padding:15px;border:1px dashed var(--border);border-radius:12px;color:var(--muted);text-align:center}
.online-store-admin-products{display:flex;flex-direction:column;gap:9px}.online-store-admin-product{display:grid;grid-template-columns:60px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px;border:1px solid var(--border);border-radius:15px;background:var(--surface-2)}.online-store-admin-product>img{width:60px;height:60px;object-fit:cover;border-radius:12px}.online-store-admin-product>div:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:3px}.online-store-admin-product strong,.online-store-admin-product span,.online-store-admin-product small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.online-store-admin-product span,.online-store-admin-product small{color:var(--muted)}.online-store-admin-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.online-store-admin-actions form{margin:0}
@media(max-width:900px){
.online-store-admin-hero{flex-direction:column}.online-store-admin-status{align-items:flex-start}.online-store-admin-grid{grid-template-columns:1fr}.online-store-state-choice{grid-template-columns:1fr}.online-store-admin-gallery{grid-template-columns:repeat(3,minmax(70px,1fr))}.online-store-admin-product{grid-template-columns:54px minmax(0,1fr)}.online-store-admin-product>img{width:54px;height:54px}.online-store-admin-actions{grid-column:1/-1;justify-content:flex-start}
}
@media(max-width:380px){.online-store-catalog-grid{grid-template-columns:1fr 1fr}.online-store-products{grid-auto-columns:82%}.online-store-home{padding:15px}.online-store-catalog{padding:14px}.online-product-copy h3{font-size:.9rem}}
.online-store-catalog-grid .online-product-media{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain}
.online-store-catalog-grid .online-product-media::-webkit-scrollbar{display:none}
.online-store-catalog-grid .online-product-media>img{flex:0 0 100%;scroll-snap-align:start}
.online-store-admin-photo.is-local-preview{border-style:dashed;border-color:var(--accent)}
.online-store-cart-footer .is-disabled{pointer-events:none;opacity:.5}
.online-store-checkout-admin .online-store-checkout-form{display:flex;flex-direction:column;gap:18px}
.online-store-config-stack{display:flex;flex-direction:column;gap:12px}
.online-store-toggle-card{display:grid!important;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:flex-start;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);cursor:pointer}
.online-store-toggle-card input{margin-top:3px}.online-store-toggle-card span{display:flex;flex-direction:column;gap:4px}.online-store-toggle-card small{color:var(--muted);line-height:1.35}.online-store-checkout-save{display:flex;justify-content:flex-end;margin-top:12px}
.online-store-order-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.online-store-order-kpis article{padding:16px;border:1px solid var(--border);border-radius:15px;background:var(--surface);display:flex;flex-direction:column;gap:5px}.online-store-order-kpis span{color:var(--muted);font-size:.78rem}.online-store-order-kpis strong{font-size:1.5rem}
.online-store-order-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.online-store-orders-list{display:flex;flex-direction:column;gap:12px}.online-store-order-admin-card{padding:16px;border:1px solid var(--border);border-radius:18px;background:var(--surface);display:flex;flex-direction:column;gap:14px}.online-store-order-admin-card>header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.online-store-order-admin-card>header h3{margin:3px 0}.online-store-order-admin-card>header small{color:var(--muted)}.online-store-order-admin-card>header>strong{font-size:1.1rem;white-space:nowrap}.online-store-order-admin-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.online-store-order-admin-meta>span{padding:11px;border-radius:12px;background:var(--surface-2);display:flex;flex-direction:column;gap:4px}.online-store-order-admin-meta small{color:var(--muted);line-height:1.35}.online-store-order-admin-items{list-style:none;margin:0;padding:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.online-store-order-admin-items li{display:flex;justify-content:space-between;gap:10px;padding:9px 0}.online-store-order-admin-items li+li{border-top:1px solid var(--border)}.online-store-order-note{margin:0;padding:10px 12px;border-radius:12px;background:var(--surface-2);color:var(--muted)}.online-store-order-admin-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.online-store-order-admin-form .span-2{grid-column:1/-1}
html[data-ui-scope="public"] body.public-body .online-store-checkout-shell,
html[data-ui-scope="public"] body.public-body .online-store-order-shell{background:var(--ui-surface);border:1px solid var(--ui-border);box-shadow:none;color:var(--ui-text)}
.online-store-checkout-page,.online-store-order-page{gap:10px!important;padding-top:8px!important}
.online-store-checkout-lock{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--ui-accent-soft);color:var(--ui-accent-strong);font-weight:900;border:1px solid var(--ui-border)}
.online-store-checkout-shell,.online-store-order-shell{margin:0 10px 20px;padding:17px;border-radius:22px;display:flex;flex-direction:column;gap:16px}
.online-store-checkout-head h1,.online-store-order-shell h1{margin:4px 0 6px;font-size:1.45rem;line-height:1.12;color:var(--ui-text)}.online-store-checkout-head p,.online-store-order-shell>p{margin:0;color:var(--ui-muted);font-size:.86rem;line-height:1.45}
.online-store-checkout-summary{border:1px solid var(--ui-border);border-radius:17px;background:var(--ui-surface-2);overflow:hidden}.online-store-checkout-items{padding:5px 13px}.online-store-checkout-items article{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px 0}.online-store-checkout-items article+article{border-top:1px solid var(--ui-border)}.online-store-checkout-items img{width:48px;height:48px;border-radius:10px;object-fit:cover;background:var(--ui-surface)}.online-store-checkout-items article>div{min-width:0}.online-store-checkout-items b,.online-store-checkout-items small{display:block}.online-store-checkout-items b{font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.online-store-checkout-items small{font-size:.66rem;color:var(--ui-muted);margin-top:3px}.online-store-checkout-items strong{font-size:.75rem;white-space:nowrap}.online-store-checkout-total{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 12px;padding:12px 13px;border-top:1px solid var(--ui-border);font-size:.76rem}.online-store-checkout-total span{color:var(--ui-muted)}.online-store-checkout-total strong{font-size:.98rem;color:var(--ui-accent-strong)}
.online-store-public-checkout-form{display:flex;flex-direction:column;gap:13px}.online-store-public-checkout-form>section{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--ui-border);border-radius:16px;background:var(--ui-surface-2)}.online-store-public-checkout-form label{display:flex;flex-direction:column;gap:6px;color:var(--ui-text);font-size:.76rem;font-weight:700}.online-store-public-checkout-form input,.online-store-public-checkout-form textarea{width:100%;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-surface);color:var(--ui-text);padding:11px 12px;font:inherit;outline:none}.online-store-public-checkout-form input:focus,.online-store-public-checkout-form textarea:focus{border-color:var(--ui-accent)}.online-store-public-checkout-form label small,.online-store-checkout-help{font-weight:400;color:var(--ui-muted);font-size:.68rem;line-height:1.4}.online-store-checkout-options{display:flex;flex-direction:column;gap:8px}.online-store-checkout-options label{display:block;cursor:pointer}.online-store-checkout-options input{position:absolute;opacity:0;pointer-events:none}.online-store-checkout-options label>span{display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid var(--ui-border);border-radius:13px;background:var(--ui-surface)}.online-store-checkout-options label>span b{font-size:.78rem}.online-store-checkout-options label>span small{font-size:.66rem;color:var(--ui-muted)}.online-store-checkout-options input:checked+span{border-color:var(--ui-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--ui-accent) 18%,transparent);background:var(--ui-accent-soft)}.online-store-checkout-submit{min-height:48px}.online-store-checkout-security{display:block;text-align:center;color:var(--ui-muted);font-size:.65rem;line-height:1.4;padding:0 7px}
.online-store-order-success-mark{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--ui-accent-soft);border:1px solid var(--ui-accent);color:var(--ui-accent-strong);font-size:1.6rem;font-weight:900}.online-store-order-status{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.online-store-order-status article{padding:11px;border:1px solid var(--ui-border);border-radius:13px;background:var(--ui-surface-2);display:flex;flex-direction:column;gap:4px}.online-store-order-status span{font-size:.64rem;color:var(--ui-muted);text-transform:uppercase;letter-spacing:.06em}.online-store-order-status b{font-size:.76rem;line-height:1.3}.online-store-order-items,.online-store-order-pix{padding:14px;border:1px solid var(--ui-border);border-radius:16px;background:var(--ui-surface-2)}.online-store-order-items article{display:flex;justify-content:space-between;gap:10px;padding:9px 0}.online-store-order-items article+article{border-top:1px solid var(--ui-border)}.online-store-order-items article>div{display:flex;flex-direction:column;gap:3px}.online-store-order-items small{color:var(--ui-muted);font-size:.67rem}.online-store-order-total{display:flex;justify-content:space-between;align-items:center;padding-top:11px;margin-top:4px;border-top:1px solid var(--ui-border)}.online-store-order-total strong{font-size:1rem;color:var(--ui-accent-strong)}.online-store-order-pix{display:flex;flex-direction:column;gap:9px}.online-store-order-pix>b{font-size:.92rem;word-break:break-all}.online-store-order-pix small,.online-store-order-pix p{margin:0;color:var(--ui-muted);font-size:.68rem;line-height:1.4}
@media(max-width:760px){.online-store-order-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.online-store-order-admin-meta,.online-store-order-admin-form{grid-template-columns:1fr}.online-store-order-admin-form .span-2{grid-column:auto}.online-store-checkout-save{justify-content:stretch}.online-store-checkout-save .btn{width:100%}}
.online-product-card.is-sold-out{opacity:.82}.online-product-card.is-sold-out .online-product-media>img{filter:saturate(.65)}
.online-product-stock{display:inline-flex;align-self:flex-start;border-radius:999px;padding:5px 8px;font-size:.64rem;font-weight:800;line-height:1;background:var(--ui-accent-soft);color:var(--ui-accent-strong);border:1px solid var(--ui-border)}
.online-product-stock.is-out{background:color-mix(in srgb,#e35d6a 14%,var(--ui-surface));color:#ff9ca5;border-color:color-mix(in srgb,#e35d6a 45%,var(--ui-border))}.online-product-stock.is-low{background:color-mix(in srgb,var(--ui-accent) 14%,var(--ui-surface));color:var(--ui-accent-strong);border-color:var(--ui-accent)}
.online-store-stock-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.online-store-stock-kpis article{padding:16px;border:1px solid var(--border);border-radius:15px;background:var(--surface);display:flex;flex-direction:column;gap:5px}.online-store-stock-kpis span{color:var(--muted);font-size:.78rem}.online-store-stock-kpis strong{font-size:1.5rem}
.online-store-stock-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.online-store-stock-card{padding:16px;border:1px solid var(--border);border-radius:18px;background:var(--surface);display:flex;flex-direction:column;gap:14px}.online-store-stock-card>header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.online-store-stock-card h3{margin:3px 0 2px}.online-store-stock-card header small{color:var(--muted)}
.online-store-stock-number{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:3px 12px;padding:13px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2)}.online-store-stock-number span{color:var(--muted);font-size:.75rem}.online-store-stock-number strong{grid-row:1/3;grid-column:2;font-size:2rem;line-height:1}.online-store-stock-number small{color:var(--muted);font-size:.7rem}
.online-store-stock-config,.online-store-stock-adjust{display:flex;flex-direction:column;gap:10px}.online-store-stock-adjust{padding-top:13px;border-top:1px solid var(--border)}.online-store-stock-adjust label,.online-store-stock-config>div label{display:flex;flex-direction:column;gap:6px}.online-store-stock-adjust input,.online-store-stock-config input[type="number"]{width:100%}
.online-store-stock-movements{display:flex;flex-direction:column;gap:7px}.online-store-stock-movements article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--border);border-radius:13px;background:var(--surface-2)}.online-store-stock-movements article>div{display:flex;min-width:0;flex-direction:column;gap:3px}.online-store-stock-movements small,.online-store-stock-movements article>span{color:var(--muted);font-size:.68rem}.online-store-stock-movements strong{font-size:.86rem}.online-store-stock-movements .is-positive{color:#70d89a}.online-store-stock-movements .is-negative{color:#ff8a94}
.online-store-order-stock{align-self:flex-start;display:inline-flex;border-radius:999px;padding:5px 8px;font-size:.65rem;font-weight:800;border:1px solid var(--border)}.online-store-order-stock.is-reserved{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface-2))}.online-store-order-stock.is-released{color:#70d89a;background:color-mix(in srgb,#70d89a 10%,var(--surface-2))}
@media(max-width:760px){.online-store-stock-grid{grid-template-columns:1fr}.online-store-stock-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.online-store-stock-movements article{grid-template-columns:minmax(0,1fr) auto}.online-store-stock-movements article>span{grid-column:1/-1}.online-store-stock-admin .online-store-admin-status{width:100%;flex-direction:row;flex-wrap:wrap}.online-store-stock-admin .online-store-admin-status .btn{flex:1 1 auto}}
@media(max-width:420px){.online-store-stock-kpis{grid-template-columns:1fr 1fr}.online-store-stock-kpis article:first-child{grid-column:1/-1}}
html[data-ui-scope="admin"] .online-store-admin-page{gap:20px}
html[data-ui-scope="admin"] .online-store-admin-page>.panel,
html[data-ui-scope="admin"] .online-store-admin-page article.panel{min-width:0}
html[data-ui-scope="admin"] .online-store-admin-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px}
html[data-ui-scope="admin"] .online-store-admin-hero>div:first-child{min-width:0}
html[data-ui-scope="admin"] .online-store-admin-hero h1{margin:4px 0 6px}
html[data-ui-scope="admin"] .online-store-admin-hero p,
html[data-ui-scope="admin"] .online-store-admin-page .panel-title-line p,
html[data-ui-scope="admin"] .online-store-state-choice small,
html[data-ui-scope="admin"] .online-store-toggle-card small{display:block;max-width:100%;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.35}
html[data-ui-scope="admin"] .online-store-admin-status{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
html[data-ui-scope="admin"] .online-store-admin-status .btn{min-width:138px}
html[data-ui-scope="admin"] .online-store-admin-page :where(label,input,select,textarea,button){box-sizing:border-box}
html[data-ui-scope="admin"] .online-store-admin-page label{min-width:0}
html[data-ui-scope="admin"] .online-store-admin-page :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea){width:100%;max-width:100%}
html[data-ui-scope="admin"] .online-store-admin-page .grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:end}
html[data-ui-scope="admin"] .online-store-publication-form>.btn,
html[data-ui-scope="admin"] .online-store-product-form>.btn{align-self:flex-end;min-width:210px}
html[data-ui-scope="admin"] .online-store-state-choice label>span{min-height:84px}
html[data-ui-scope="admin"] .online-store-admin-grid{grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);align-items:start}
html[data-ui-scope="admin"] .online-store-category-add{grid-template-columns:minmax(0,1fr) 128px;gap:10px;align-items:end}
html[data-ui-scope="admin"] .online-store-category-add .btn{width:100%;min-height:44px}
html[data-ui-scope="admin"] .online-store-category-list article{min-width:0}
html[data-ui-scope="admin"] .online-store-category-list article>span{min-width:0}
html[data-ui-scope="admin"] .online-store-category-list article>span>*{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-ui-scope="admin"] .online-store-product-flags{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
html[data-ui-scope="admin"] .online-store-product-flags label{min-height:42px;padding:9px 11px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-surface-2)}
html[data-ui-scope="admin"] .online-store-admin-product{grid-template-columns:60px minmax(0,1fr) minmax(250px,300px);gap:14px;padding:12px}
html[data-ui-scope="admin"] .online-store-admin-actions{display:grid;grid-template-columns:repeat(3,minmax(74px,1fr));gap:7px;width:100%;justify-content:stretch}
html[data-ui-scope="admin"] .online-store-admin-actions form{width:100%}
html[data-ui-scope="admin"] .online-store-admin-actions .btn{width:100%;min-width:0;text-align:center}
html[data-ui-scope="admin"] .online-store-checkout-form .online-store-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-ui-scope="admin"] .online-store-config-stack{gap:13px}
html[data-ui-scope="admin"] .online-store-toggle-card{min-width:0;align-items:center}
html[data-ui-scope="admin"] .online-store-checkout-save{display:flex;justify-content:flex-end;margin-top:0}
html[data-ui-scope="admin"] .online-store-checkout-save .btn{min-width:210px}
html[data-ui-scope="admin"] .online-store-order-search{grid-template-columns:minmax(0,1fr) 130px;align-items:end}
html[data-ui-scope="admin"] .online-store-order-search .btn{width:100%;min-height:44px}
html[data-ui-scope="admin"] .online-store-order-admin-card>header{align-items:center}
html[data-ui-scope="admin"] .online-store-order-admin-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:end}
html[data-ui-scope="admin"] .online-store-order-admin-form .btn{width:100%;min-height:44px}
html[data-ui-scope="admin"] .online-store-stock-card{min-width:0}
html[data-ui-scope="admin"] .online-store-stock-card>header{align-items:center}
html[data-ui-scope="admin"] .online-store-stock-config .btn,
html[data-ui-scope="admin"] .online-store-stock-adjust .btn{width:100%;min-height:42px}
html[data-ui-scope="admin"] .online-store-stock-adjust{gap:12px}
html[data-ui-scope="admin"] .online-store-stock-movements article{min-width:0}
.manager-body .manager-nav-group{width:100%;margin:0}
.manager-body .manager-nav-group>summary{list-style:none;min-height:44px;width:100%;padding:0 11px;border:1px solid transparent;border-radius:11px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--ui-muted);font-size:.78rem;font-weight:800;cursor:pointer;box-sizing:border-box}
.manager-body .manager-nav-group>summary::-webkit-details-marker{display:none}
.manager-body .manager-nav-group>summary:after{content:'';width:7px;height:7px;flex:0 0 7px;border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .18s ease}
.manager-body .manager-nav-group[open]>summary:after{transform:rotate(225deg) translate(-1px,-1px)}
.manager-body .manager-nav-group>summary:hover,
.manager-body .manager-nav-group.is-active>summary,
.manager-body .manager-nav-group[open]>summary{background:var(--ui-accent-soft);color:var(--ui-accent-strong);border-color:color-mix(in srgb,var(--ui-accent) 24%,transparent)}
.manager-body .manager-nav-group>div{display:grid;gap:4px;margin:5px 0 7px;padding:5px;border:1px solid var(--ui-border);border-radius:11px;background:var(--ui-surface-2)}
.manager-body .manager-nav-group:not([open])>div{display:none}
.manager-body .manager-nav-group>div .manager-nav-link.system-drawer-link{min-height:40px!important;padding-left:16px!important}
@media(max-width:980px){
html[data-ui-scope="admin"] .online-store-admin-grid,
html[data-ui-scope="admin"] .online-store-checkout-form .online-store-admin-grid{grid-template-columns:1fr}
html[data-ui-scope="admin"] .online-store-admin-product{grid-template-columns:56px minmax(0,1fr)}
html[data-ui-scope="admin"] .online-store-admin-actions{grid-column:1/-1;max-width:none}
}
@media(max-width:760px){
html[data-ui-scope="admin"] .online-store-admin-hero{grid-template-columns:1fr;gap:12px}
html[data-ui-scope="admin"] .online-store-admin-status{width:100%;justify-content:flex-start}
html[data-ui-scope="admin"] .online-store-admin-status .btn{flex:1 1 160px}
html[data-ui-scope="admin"] .online-store-admin-page .grid-2{grid-template-columns:1fr}
html[data-ui-scope="admin"] .online-store-publication-form>.btn,
html[data-ui-scope="admin"] .online-store-product-form>.btn,
html[data-ui-scope="admin"] .online-store-checkout-save .btn{width:100%;min-width:0;align-self:stretch}
html[data-ui-scope="admin"] .online-store-order-admin-form{grid-template-columns:1fr}
html[data-ui-scope="admin"] .online-store-order-admin-form .span-2{grid-column:auto}
html[data-ui-scope="admin"] .online-store-product-flags{grid-template-columns:1fr}
}
@media(max-width:560px){
html[data-ui-scope="admin"] .online-store-category-add,
html[data-ui-scope="admin"] .online-store-order-search{grid-template-columns:1fr}
html[data-ui-scope="admin"] .online-store-admin-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
html[data-ui-scope="admin"] .online-store-admin-actions .btn{padding-inline:7px}
html[data-ui-scope="admin"] .online-store-admin-gallery{grid-template-columns:repeat(2,minmax(70px,1fr))}
}
html[data-ui-scope="admin"] .online-store-admin-page{
width:100%;
max-width:1320px;
margin:0 auto;
gap:22px;
}
html[data-ui-scope="admin"] .online-store-admin-page>.panel,
html[data-ui-scope="admin"] .online-store-admin-page article.panel{
padding:24px;
overflow:hidden;
}
html[data-ui-scope="admin"] .online-store-admin-page .panel-title-line{
align-items:flex-start;
gap:16px;
margin:0 0 18px;
padding:0 0 14px;
border-bottom:1px solid var(--ui-border);
}
html[data-ui-scope="admin"] .online-store-admin-page .panel-title-line>div,
html[data-ui-scope="admin"] .online-store-admin-hero>div:first-child,
html[data-ui-scope="admin"] .online-store-demo-copy{
display:grid;
gap:4px;
min-width:0;
}
html[data-ui-scope="admin"] .online-store-admin-page :where(h1,h2,h3,p){max-width:100%}
html[data-ui-scope="admin"] .online-store-admin-page :where(h1,h2,h3){line-height:1.15}
html[data-ui-scope="admin"] .online-store-admin-page .panel-title-line h2,
html[data-ui-scope="admin"] .online-store-admin-hero h1,
html[data-ui-scope="admin"] .online-store-demo-copy h2{margin:0}
html[data-ui-scope="admin"] .online-store-admin-hero h1{margin-top:2px}
html[data-ui-scope="admin"] .online-store-admin-hero p,
html[data-ui-scope="admin"] .online-store-admin-page .panel-title-line p,
html[data-ui-scope="admin"] .online-store-demo-copy p{
margin:0;
color:var(--ui-muted);
font-size:.76rem;
line-height:1.35;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
html[data-ui-scope="admin"] .online-store-admin-hero{
padding:24px 26px!important;
align-items:center;
}
html[data-ui-scope="admin"] .online-store-admin-status{
align-items:center;
gap:10px;
}
html[data-ui-scope="admin"] .online-store-admin-status .btn{
min-width:150px;
min-height:42px;
}
html[data-ui-scope="admin"] .online-store-admin-page form{min-width:0}
html[data-ui-scope="admin"] .online-store-admin-page label:not(.online-store-toggle-card):not(.online-store-admin-photo):not(.online-store-state-choice label){
display:grid;
gap:8px;
margin:0;
min-width:0;
color:var(--ui-text);
font-size:.76rem;
font-weight:800;
}
html[data-ui-scope="admin"] .online-store-admin-page label>span{min-width:0}
html[data-ui-scope="admin"] .online-store-admin-page :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea){
width:100%;
max-width:100%;
min-width:0;
min-height:44px;
border-color:var(--ui-border);
}
html[data-ui-scope="admin"] .online-store-admin-page textarea{
min-height:96px;
resize:vertical;
}
html[data-ui-scope="admin"] .online-store-publication-form,
html[data-ui-scope="admin"] .online-store-product-form,
html[data-ui-scope="admin"] .online-store-checkout-form,
html[data-ui-scope="admin"] .online-store-config-stack,
html[data-ui-scope="admin"] .online-store-stock-config,
html[data-ui-scope="admin"] .online-store-stock-adjust{
gap:16px;
}
html[data-ui-scope="admin"] .online-store-publication-form .grid-2,
html[data-ui-scope="admin"] .online-store-product-form .grid-2,
html[data-ui-scope="admin"] .online-store-stock-config .grid-2{
gap:14px;
}
html[data-ui-scope="admin"] .online-store-state-choice{gap:14px}
html[data-ui-scope="admin"] .online-store-state-choice label>span{
min-height:0;
padding:16px;
gap:6px;
}
html[data-ui-scope="admin"] .online-store-state-choice small,
html[data-ui-scope="admin"] .online-store-toggle-card small{
font-size:.7rem;
}
html[data-ui-scope="admin"] .online-store-form-actions,
html[data-ui-scope="admin"] .online-store-checkout-save{
display:flex;
justify-content:flex-end;
align-items:center;
gap:10px;
padding-top:2px;
}
html[data-ui-scope="admin"] .online-store-form-actions .btn,
html[data-ui-scope="admin"] .online-store-checkout-save .btn{
min-width:220px;
min-height:44px;
}
html[data-ui-scope="admin"] .online-store-demo-panel{
display:grid;
grid-template-columns:minmax(260px,.85fr) minmax(360px,1.15fr) auto;
align-items:center;
gap:20px;
}
html[data-ui-scope="admin"] .online-store-demo-panel.is-loaded{
grid-template-columns:minmax(0,1fr) auto;
}
html[data-ui-scope="admin"] .online-store-demo-thumbs{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:9px;
min-width:0;
}
html[data-ui-scope="admin"] .online-store-demo-thumbs>span{
min-width:0;
padding:7px;
border:1px solid var(--ui-border);
border-radius:14px;
background:var(--ui-surface-2);
}
html[data-ui-scope="admin"] .online-store-demo-thumbs img{
width:100%;
aspect-ratio:1/1;
object-fit:cover;
border-radius:10px;
}
html[data-ui-scope="admin"] .online-store-demo-thumbs b{
display:block;
margin-top:6px;
font-size:.64rem;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
html[data-ui-scope="admin"] .online-store-demo-action{margin:0}
html[data-ui-scope="admin"] .online-store-demo-action .btn{min-width:210px;min-height:44px}
html[data-ui-scope="admin"] .online-store-admin-grid{
grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);
gap:22px;
}
html[data-ui-scope="admin"] .online-store-category-add{
grid-template-columns:minmax(0,1fr) 128px;
gap:12px;
align-items:end;
}
html[data-ui-scope="admin"] .online-store-category-add .btn{
width:100%;
min-height:44px;
}
html[data-ui-scope="admin"] .online-store-category-list{
gap:10px;
margin-top:18px;
}
html[data-ui-scope="admin"] .online-store-category-list article{
padding:12px 13px;
gap:12px;
}
html[data-ui-scope="admin"] .online-store-category-list article>span{gap:3px}
html[data-ui-scope="admin"] .online-store-product-form{gap:16px}
html[data-ui-scope="admin"] .online-store-product-flags{gap:12px}
html[data-ui-scope="admin"] .online-store-product-flags label{
min-height:46px;
padding:10px 12px;
gap:9px;
}
html[data-ui-scope="admin"] .online-store-admin-gallery{
grid-template-columns:repeat(5,minmax(84px,1fr));
gap:10px;
}
html[data-ui-scope="admin"] .online-store-admin-photo{
gap:7px;
padding:7px;
}
html[data-ui-scope="admin"] .online-store-admin-photo.is-demo span{
color:var(--ui-muted);
line-height:1.3;
}
html[data-ui-scope="admin"] .online-store-catalog-admin-list .panel-title-line .btn{
flex:0 0 auto;
min-height:42px;
}
html[data-ui-scope="admin"] .online-store-admin-products{gap:11px}
html[data-ui-scope="admin"] .online-store-admin-product{
grid-template-columns:68px minmax(0,1fr) minmax(270px,330px);
gap:15px;
padding:13px 14px;
}
html[data-ui-scope="admin"] .online-store-admin-product>img{
width:68px;
height:68px;
}
html[data-ui-scope="admin"] .online-store-admin-product>div:nth-child(2){gap:4px}
html[data-ui-scope="admin"] .online-store-admin-actions{
grid-template-columns:repeat(3,minmax(80px,1fr));
gap:8px;
}
html[data-ui-scope="admin"] .online-store-admin-actions .btn{
min-height:38px;
padding:8px 10px;
}
html[data-ui-scope="admin"] .online-store-checkout-form{
display:grid;
gap:22px;
}
html[data-ui-scope="admin"] .online-store-checkout-form>.panel{margin:0}
html[data-ui-scope="admin"] .online-store-checkout-form .online-store-admin-grid{gap:22px}
html[data-ui-scope="admin"] .online-store-toggle-card{
min-height:58px;
padding:12px 13px;
gap:11px;
border:1px solid var(--ui-border);
border-radius:14px;
background:var(--ui-surface-2);
}
html[data-ui-scope="admin"] .online-store-toggle-card>span{
display:grid;
gap:3px;
min-width:0;
}
html[data-ui-scope="admin"] .online-store-order-kpis,
html[data-ui-scope="admin"] .online-store-stock-kpis{gap:12px}
html[data-ui-scope="admin"] .online-store-order-kpis article,
html[data-ui-scope="admin"] .online-store-stock-kpis article{padding:16px 18px}
html[data-ui-scope="admin"] .online-store-order-search{gap:12px}
html[data-ui-scope="admin"] .online-store-orders-list{gap:14px}
html[data-ui-scope="admin"] .online-store-order-admin-card{
padding:20px;
gap:16px;
}
html[data-ui-scope="admin"] .online-store-order-admin-card>header{
padding-bottom:13px;
border-bottom:1px solid var(--ui-border);
}
html[data-ui-scope="admin"] .online-store-order-admin-meta{gap:12px}
html[data-ui-scope="admin"] .online-store-order-admin-form{
gap:14px;
padding-top:14px;
border-top:1px solid var(--ui-border);
}
html[data-ui-scope="admin"] .online-store-order-admin-form .btn{min-height:44px}
html[data-ui-scope="admin"] .online-store-stock-grid{gap:16px}
html[data-ui-scope="admin"] .online-store-stock-card{
padding:20px;
gap:16px;
border-color:var(--ui-border);
background:var(--ui-surface);
}
html[data-ui-scope="admin"] .online-store-stock-number{
padding:14px 15px;
border-color:var(--ui-border);
background:var(--ui-surface-2);
}
html[data-ui-scope="admin"] .online-store-stock-adjust{
padding-top:16px;
border-top-color:var(--ui-border);
}
html[data-ui-scope="admin"] .online-store-stock-config .btn,
html[data-ui-scope="admin"] .online-store-stock-adjust .btn{min-height:44px}
html[data-ui-scope="public"] .online-product-media{
display:grid;
grid-auto-flow:column;
grid-auto-columns:100%;
overflow-x:auto;
overflow-y:hidden;
scroll-snap-type:x mandatory;
overscroll-behavior-inline:contain;
scrollbar-width:none;
-webkit-overflow-scrolling:touch;
}
html[data-ui-scope="public"] .online-product-media::-webkit-scrollbar{display:none}
html[data-ui-scope="public"] .online-product-media>img{
width:100%;
height:100%;
min-width:100%;
scroll-snap-align:start;
scroll-snap-stop:always;
user-select:none;
}
html[data-ui-scope="public"] .online-product-media>.online-product-badge,
html[data-ui-scope="public"] .online-product-media>small{
position:absolute;
z-index:3;
pointer-events:none;
}
html[data-ui-scope="public"] .online-store-products{grid-auto-columns:minmax(82%,1fr)}
html[data-ui-scope="public"] .online-store-catalog{
width:auto;
min-width:0;
overflow:visible;
}
html[data-ui-scope="public"] .online-store-catalog-grid{align-items:stretch}
html[data-ui-scope="public"] .online-store-catalog-grid .online-product-card{min-width:0}
html[data-ui-scope="public"] .online-store-cart-sheet{
max-height:min(86dvh,760px);
}
html[data-ui-scope="public"] .online-store-public-checkout-form input,
html[data-ui-scope="public"] .online-store-public-checkout-form textarea{
min-height:46px;
font-size:16px;
}
html[data-ui-scope="public"] .online-store-checkout-submit{min-height:50px}
html.store-cart-open,body.store-cart-open{overscroll-behavior:none}
html:has(body.store-private-preview){overflow-y:auto!important;overflow-x:hidden!important}
body.store-private-preview{
min-height:100vh;
overflow-x:hidden!important;
overflow-y:auto!important;
}
body.store-private-preview .public-mobile-experience{
display:block!important;
width:min(430px,100%)!important;
min-height:100vh;
margin:0 auto!important;
padding:10px 0 90px!important;
overflow:visible!important;
}
body.store-private-preview .mobile-app-shell,
body.store-private-preview .mobile-home{
overflow:visible!important;
}
@media(max-width:980px){
html[data-ui-scope="admin"] .online-store-demo-panel{
grid-template-columns:1fr;
align-items:start;
}
html[data-ui-scope="admin"] .online-store-demo-action .btn{width:100%;min-width:0}
}
@media(max-width:760px){
html[data-ui-scope="admin"] .online-store-admin-page{gap:16px}
html[data-ui-scope="admin"] .online-store-admin-page>.panel,
html[data-ui-scope="admin"] .online-store-admin-page article.panel,
html[data-ui-scope="admin"] .online-store-admin-hero{padding:18px!important}
html[data-ui-scope="admin"] .online-store-admin-hero{gap:14px}
html[data-ui-scope="admin"] .online-store-admin-status{
display:grid;
grid-template-columns:1fr;
align-items:stretch;
}
html[data-ui-scope="admin"] .online-store-admin-status .btn{width:100%;min-width:0}
html[data-ui-scope="admin"] .online-store-state-choice{grid-template-columns:1fr}
html[data-ui-scope="admin"] .online-store-state-choice label>span{padding:14px}
html[data-ui-scope="admin"] .online-store-form-actions,
html[data-ui-scope="admin"] .online-store-checkout-save{justify-content:stretch}
html[data-ui-scope="admin"] .online-store-form-actions .btn,
html[data-ui-scope="admin"] .online-store-checkout-save .btn{width:100%;min-width:0}
html[data-ui-scope="admin"] .online-store-demo-thumbs{grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-ui-scope="admin"] .online-store-admin-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-ui-scope="admin"] .online-store-catalog-admin-list .panel-title-line{
display:grid;
grid-template-columns:1fr;
}
html[data-ui-scope="admin"] .online-store-catalog-admin-list .panel-title-line .btn{width:100%}
html[data-ui-scope="admin"] .online-store-admin-product{
grid-template-columns:58px minmax(0,1fr);
gap:12px;
}
html[data-ui-scope="admin"] .online-store-admin-product>img{width:58px;height:58px}
html[data-ui-scope="admin"] .online-store-admin-actions{
grid-column:1/-1;
grid-template-columns:repeat(2,minmax(0,1fr));
}
html[data-ui-scope="admin"] .online-store-admin-actions form:last-child{grid-column:1/-1}
html[data-ui-scope="admin"] .online-store-admin-actions form:last-child .btn{width:100%}
html[data-ui-scope="admin"] .online-store-order-admin-card{padding:16px}
}
@media(max-width:560px){
html[data-ui-scope="admin"] .online-store-category-add{grid-template-columns:1fr}
html[data-ui-scope="admin"] .online-store-admin-page .panel-title-line p,
html[data-ui-scope="admin"] .online-store-admin-hero p,
html[data-ui-scope="admin"] .online-store-demo-copy p{font-size:.71rem}
}
@media(max-width:400px){
html[data-ui-scope="public"] .online-store-catalog-grid{grid-template-columns:1fr}
html[data-ui-scope="public"] .online-store-catalog-grid .online-product-copy{padding:13px;gap:7px}
html[data-ui-scope="public"] .online-store-catalog-grid .online-product-copy h3{font-size:.98rem}
html[data-ui-scope="public"] .online-store-catalog-grid .online-product-copy p{display:-webkit-box}
html[data-ui-scope="public"] .online-store-catalog-grid .online-product-copy .btn{font-size:.78rem;min-height:44px}
html[data-ui-scope="public"] .online-store-catalog-grid .online-product-price strong{font-size:1.02rem}
html[data-ui-scope="admin"] .online-store-admin-actions{grid-template-columns:1fr}
html[data-ui-scope="admin"] .online-store-admin-actions form:last-child{grid-column:auto}
html[data-ui-scope="admin"] .online-store-admin-actions .btn{width:100%}
}
html[data-ui-scope="admin"] .online-store-demo-notice{
margin:0;
padding:12px 15px;
display:flex;
align-items:center;
gap:7px;
border:1px dashed var(--ui-accent);
background:var(--ui-accent-soft);
color:var(--ui-muted);
font-size:.74rem;
line-height:1.3;
}
html[data-ui-scope="admin"] .online-store-demo-notice b{color:var(--ui-text)}
html[data-ui-scope="admin"] .online-store-demo-inline{
display:block;
margin:-3px 0 0;
color:var(--ui-muted);
font-size:.68rem;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
html[data-ui-scope="admin"] .online-store-stock-card.is-demo,
html[data-ui-scope="admin"] .online-store-order-admin-card.is-demo{
border-style:dashed;
border-color:color-mix(in srgb,var(--ui-accent) 55%,var(--ui-border));
}
html[data-ui-scope="admin"] .online-store-stock-card.is-demo :where(input,select,textarea,button):disabled,
html[data-ui-scope="admin"] .online-store-order-admin-card.is-demo :where(input,select,textarea,button):disabled{
opacity:.72;
cursor:not-allowed;
}
html[data-ui-scope="admin"] .online-store-stock-movements article.is-demo{
border-style:dashed;
}
html[data-ui-scope="admin"] .online-store-admin-page .panel-title-line+form,
html[data-ui-scope="admin"] .online-store-admin-page .panel-title-line+.online-store-config-stack,
html[data-ui-scope="admin"] .online-store-admin-page .panel-title-line+.online-store-category-list,
html[data-ui-scope="admin"] .online-store-admin-page .panel-title-line+.online-store-admin-products{
margin-top:2px;
}
html[data-ui-scope="admin"] .online-store-admin-page :where(.grid-2,.online-store-config-stack,.online-store-product-flags){
min-width:0;
}
html[data-ui-scope="admin"] .online-store-admin-page label>small,
html[data-ui-scope="admin"] .online-store-admin-page label>span>small{
margin-left:4px;
color:var(--ui-muted);
font-weight:600;
}
@media(max-width:560px){
html[data-ui-scope="admin"] .online-store-demo-notice{align-items:flex-start;font-size:.7rem}
html[data-ui-scope="admin"] .online-store-demo-inline{font-size:.65rem}
}
html[data-ui-scope="public"] .online-store-home .online-store-products{
display:flex!important;
width:100%;
max-width:100%;
gap:0!important;
overflow-x:hidden!important;
overflow-y:visible;
scroll-snap-type:x mandatory;
scroll-behavior:smooth;
overscroll-behavior-inline:none;
padding:2px 0 8px!important;
scrollbar-width:none;
touch-action:pan-y;
}
html[data-ui-scope="public"] .online-store-home .online-store-products::-webkit-scrollbar{display:none}
html[data-ui-scope="public"] .online-store-home .online-store-products>.online-product-card{
flex:0 0 100%!important;
width:100%!important;
min-width:100%!important;
max-width:100%!important;
scroll-snap-align:start;
scroll-snap-stop:always;
}
body.store-private-preview .public-footer{
display:block!important;
width:min(430px,100%)!important;
max-width:430px!important;
margin:18px auto 20px!important;
padding:18px 16px 26px!important;
min-height:0!important;
position:relative!important;
z-index:3!important;
background:transparent!important;
}
body.store-private-preview .public-footer .footer-inner{
width:100%!important;
max-width:100%!important;
margin:0 auto!important;
padding:0 10px!important;
gap:4px!important;
min-height:0!important;
line-height:1.32!important;
text-align:center;
}
html[data-ui-scope="public"] body.store-private-preview .public-desktop-notice{
display:none!important;
}
html[data-ui-scope="public"] body.store-private-preview .public-mobile-experience{
display:block!important;
width:min(430px,100%)!important;
max-width:430px!important;
margin-inline:auto!important;
padding-bottom:0!important;
}
html[data-ui-scope="public"] body.store-private-preview .mobile-app-shell,
html[data-ui-scope="public"] body.store-private-preview .mobile-home{
width:100%!important;
max-width:100%!important;
}
html[data-ui-scope="public"] body.store-private-preview .bottom-nav-mobile{
position:fixed!important;
left:50%!important;
right:auto!important;
transform:translateX(-50%)!important;
bottom:max(10px,env(safe-area-inset-bottom))!important;
width:min(420px,calc(100% - 18px))!important;
min-height:70px!important;
margin:0!important;
padding:6px 7px!important;
border-radius:23px!important;
z-index:72!important;
}
html[data-ui-scope="public"] body.store-private-preview .hours-floating-dock{
position:fixed!important;
left:50%!important;
bottom:calc(94px + env(safe-area-inset-bottom))!important;
transform:translate(-50%,0)!important;
margin:0!important;
z-index:71!important;
}
html[data-ui-scope="public"] body.store-private-preview .public-footer{
position:relative!important;
left:auto!important;
right:auto!important;
bottom:auto!important;
width:min(430px,100%)!important;
max-width:430px!important;
margin:20px auto 0!important;
padding:18px 16px calc(150px + env(safe-area-inset-bottom))!important;
min-height:0!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
z-index:3!important;
}
html[data-ui-scope="public"] body.store-private-preview .public-footer .footer-inner{
width:100%!important;
max-width:100%!important;
min-height:0!important;
margin:0 auto!important;
padding:0 10px!important;
gap:4px!important;
line-height:1.32!important;
text-align:center!important;
}
html[data-ui-scope="public"] body.store-private-preview .online-store-home{
margin-bottom:0!important;
}
html[data-ui-scope="public"] body.store-private-preview .mobile-home{
padding-bottom:0!important;
}
html[data-ui-scope="public"] .online-store-category-pills{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
width:100%;
max-width:100%;
}
html[data-ui-scope="public"] .online-store-category-pill{
min-width:0;
min-height:54px;
padding:9px 14px;
border:1px solid var(--ui-border);
border-radius:999px;
background:var(--ui-surface-2,var(--ui-surface));
color:var(--ui-text);
text-decoration:none;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:2px;
text-align:center;
box-sizing:border-box;
overflow:hidden;
}
html[data-ui-scope="public"] .online-store-category-pill span,
html[data-ui-scope="public"] .online-store-category-pill small{
display:block;
width:100%;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
html[data-ui-scope="public"] .online-store-category-pill span{font-size:.78rem;font-weight:800;color:var(--ui-accent-strong)}
html[data-ui-scope="public"] .online-store-category-pill small{font-size:.64rem;color:var(--ui-muted);line-height:1.2}
html[data-ui-scope="public"] .online-store-category-pill:active{transform:scale(.985)}
html[data-ui-scope="public"] .online-store-category-jumps{
display:flex;
gap:8px;
width:100%;
max-width:100%;
overflow-x:auto;
padding:1px 0 5px;
scrollbar-width:none;
scroll-snap-type:x proximity;
}
html[data-ui-scope="public"] .online-store-category-jumps::-webkit-scrollbar{display:none}
html[data-ui-scope="public"] .online-store-category-jumps a{
flex:0 0 auto;
min-height:38px;
padding:8px 13px;
border:1px solid var(--ui-border);
border-radius:999px;
background:var(--ui-surface-2,var(--ui-surface));
color:var(--ui-accent-strong);
font-size:.72rem;
font-weight:800;
text-decoration:none;
display:flex;
align-items:center;
justify-content:center;
scroll-snap-align:start;
}
html[data-ui-scope="public"] .online-store-category-sections{display:flex;flex-direction:column;gap:22px;min-width:0}
html[data-ui-scope="public"] .online-store-category-section{
min-width:0;
scroll-margin-top:88px;
padding-top:2px;
}
html[data-ui-scope="public"] .online-store-category-section>header{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:12px;
margin:0 0 10px;
padding:0 2px 9px;
border-bottom:1px solid var(--ui-border);
}
html[data-ui-scope="public"] .online-store-category-section>header>div{min-width:0}
html[data-ui-scope="public"] .online-store-category-section>header h2{margin:2px 0 0;color:var(--ui-text);font-size:1.03rem;line-height:1.15}
html[data-ui-scope="public"] .online-store-category-section>header small{flex:0 0 auto;color:var(--ui-muted);font-size:.66rem;white-space:nowrap}
@media(max-width:360px){
html[data-ui-scope="public"] .online-store-category-pills{gap:8px}
html[data-ui-scope="public"] .online-store-category-pill{min-height:50px;padding-inline:10px}
html[data-ui-scope="public"] .online-store-category-pill span{font-size:.72rem}
}
html[data-ui-scope="public"] body.public-body.store-private-preview{
min-height:100dvh!important;
height:auto!important;
overflow-x:hidden!important;
overflow-y:auto!important;
}
html[data-ui-scope="public"] body.public-body.store-private-preview .public-mobile-experience{
min-height:0!important;
height:auto!important;
overflow:visible!important;
padding-bottom:0!important;
}
html[data-ui-scope="public"] body.public-body.store-private-preview .mobile-app-shell,
html[data-ui-scope="public"] body.public-body.store-private-preview .mobile-home{
min-height:0!important;
height:auto!important;
overflow:visible!important;
}
html[data-ui-scope="public"] body.public-body.store-private-preview .public-footer{
display:block!important;
position:static!important;
top:auto!important;
right:auto!important;
bottom:auto!important;
left:auto!important;
inset:auto!important;
transform:none!important;
float:none!important;
clear:both!important;
width:min(430px,100%)!important;
max-width:430px!important;
min-height:0!important;
margin:28px auto 0!important;
padding:0 16px calc(214px + env(safe-area-inset-bottom))!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
z-index:auto!important;
}
html[data-ui-scope="public"] body.public-body.store-private-preview .public-footer .footer-inner{
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
width:100%!important;
max-width:100%!important;
min-height:0!important;
margin:0 auto!important;
padding:18px 10px 20px!important;
gap:4px!important;
line-height:1.32!important;
text-align:center!important;
}
html[data-ui-scope="public"] body.public-body.store-private-preview:has(.online-store-catalog-page) .public-footer{
margin-top:24px!important;
padding-bottom:36px!important;
}
html[data-ui-scope="public"] body.public-body.store-private-preview .public-footer{
margin-top:14px!important;
padding:0 16px calc(138px + env(safe-area-inset-bottom))!important;
}
html[data-ui-scope="public"] body.public-body.store-private-preview .public-footer .footer-inner{
padding:8px 10px!important;
gap:4px!important;
}
html[data-ui-scope="public"] body.public-body.store-private-preview .hours-floating-dock{
bottom:calc(94px + env(safe-area-inset-bottom))!important;
}
html[data-ui-scope="public"] body.public-body.store-private-preview .bottom-nav-mobile{
bottom:max(10px,env(safe-area-inset-bottom))!important;
}
html[data-ui-scope="public"] body.public-body.store-private-preview:has(.online-store-catalog-page) .public-footer{
margin-top:18px!important;
padding-bottom:30px!important;
}
html[data-ui-scope="public"] body.public-body .hours-floating-dock:not(.is-peeking):not([open]){
opacity:0!important;
pointer-events:none!important;
transform:translate(-50%,calc(100% + 10px))!important;
}
html[data-ui-scope="public"] body.public-body .hours-floating-dock.is-peeking,
html[data-ui-scope="public"] body.public-body .hours-floating-dock[open]{
opacity:1!important;
pointer-events:auto!important;
transform:translate(-50%,0)!important;
}
@media(max-width:900px){
html[data-ui-scope="public"] body.public-body:not(.auth-layout):not(:has(.online-store-catalog-page)):not(:has(.online-store-product-page)) .public-footer{
margin-top:14px!important;
padding:0 16px calc(138px + env(safe-area-inset-bottom))!important;
}
html[data-ui-scope="public"] body.public-body:not(.auth-layout):not(:has(.online-store-catalog-page)):not(:has(.online-store-product-page)) .public-footer .footer-inner{
padding:0 10px 8px!important;
gap:4px!important;
}
}
html[data-ui-scope="public"] body.public-body.store-private-preview .public-footer{
margin-top:14px!important;
padding:0 16px calc(138px + env(safe-area-inset-bottom))!important;
}
html[data-ui-scope="public"] body.public-body.store-private-preview .public-footer .footer-inner{
padding:0 10px 8px!important;
gap:4px!important;
}
html[data-ui-scope="public"] body.public-body:has(.online-store-catalog-page) .public-footer,
html[data-ui-scope="public"] body.public-body:has(.online-store-product-page) .public-footer{
position:static!important;
margin:16px auto 0!important;
padding:0 16px 28px!important;
width:min(430px,100%)!important;
max-width:430px!important;
background:transparent!important;
}
html[data-ui-scope="public"] body.public-body:has(.online-store-catalog-page) .public-footer .footer-inner,
html[data-ui-scope="public"] body.public-body:has(.online-store-product-page) .public-footer .footer-inner{
padding:8px 10px!important;
gap:4px!important;
}
html[data-ui-scope="public"] .online-product-card[data-product-href]{cursor:pointer}
html[data-ui-scope="public"] .online-product-card[data-product-href]:focus-visible{
outline:2px solid var(--ui-accent-strong);
outline-offset:2px;
}
html[data-ui-scope="public"] .online-store-product-page{
gap:10px!important;
padding-top:8px!important;
padding-bottom:0!important;
}
html[data-ui-scope="public"] .online-store-product-page>.online-store-preview-ribbon{
margin:0 10px;
}
html[data-ui-scope="public"] .online-store-product-detail{
display:flex;
flex-direction:column;
min-width:0;
width:100%;
margin:0;
padding:0;
}
html[data-ui-scope="public"] .online-store-product-hero{
position:relative;
width:100%;
aspect-ratio:1/1;
overflow:hidden;
background:var(--ui-surface-3,var(--ui-surface-2));
}
html[data-ui-scope="public"] .online-store-product-hero>img{
display:block;
width:100%;
height:100%;
object-fit:cover;
}
html[data-ui-scope="public"] .online-store-product-hero>.online-product-badge{
position:absolute;
top:12px;
left:12px;
z-index:2;
}
html[data-ui-scope="public"] .online-store-product-thumbs{
display:flex;
gap:8px;
width:100%;
overflow-x:auto;
padding:10px 10px 2px;
scrollbar-width:none;
scroll-snap-type:x proximity;
}
html[data-ui-scope="public"] .online-store-product-thumbs::-webkit-scrollbar{display:none}
html[data-ui-scope="public"] .online-store-product-thumb{
flex:0 0 64px;
width:64px;
height:64px;
padding:2px;
border:1px solid var(--ui-border);
border-radius:12px;
overflow:hidden;
background:var(--ui-surface-2);
scroll-snap-align:start;
}
html[data-ui-scope="public"] .online-store-product-thumb.is-active{
border-color:var(--ui-accent-strong);
box-shadow:0 0 0 1px var(--ui-accent-strong);
}
html[data-ui-scope="public"] .online-store-product-thumb img{
display:block;
width:100%;
height:100%;
object-fit:cover;
border-radius:9px;
}
html[data-ui-scope="public"] .online-store-product-info{
display:flex;
flex-direction:column;
gap:10px;
margin:0 10px;
padding:16px;
border:1px solid var(--ui-border);
border-radius:0 0 20px 20px;
background:var(--ui-surface);
}
html[data-ui-scope="public"] .online-store-product-category{
color:var(--ui-accent-strong);
font-size:.7rem;
font-weight:850;
letter-spacing:.07em;
text-transform:uppercase;
}
html[data-ui-scope="public"] .online-store-product-info h1{
margin:0;
color:var(--ui-text);
font-size:clamp(1.35rem,6vw,1.8rem);
line-height:1.12;
}
html[data-ui-scope="public"] .online-store-product-price{
display:flex;
align-items:baseline;
gap:9px;
}
html[data-ui-scope="public"] .online-store-product-price del{color:var(--ui-muted);font-size:.82rem}
html[data-ui-scope="public"] .online-store-product-price strong{color:var(--ui-text);font-size:1.28rem}
html[data-ui-scope="public"] .online-store-product-description{
display:flex;
flex-direction:column;
gap:6px;
padding-top:12px;
border-top:1px solid var(--ui-border);
}
html[data-ui-scope="public"] .online-store-product-description h2{
margin:0;
color:var(--ui-text);
font-size:1rem;
}
html[data-ui-scope="public"] .online-store-product-description p{
margin:0;
color:var(--ui-muted);
font-size:.82rem;
line-height:1.55;
white-space:normal;
}
html[data-ui-scope="public"] .online-store-product-actions{
display:grid;
grid-template-columns:1fr;
gap:9px;
padding-top:4px;
}
html[data-ui-scope="public"] .online-store-product-missing{
margin:0 10px 20px;
padding:20px;
border:1px solid var(--ui-border);
border-radius:20px;
background:var(--ui-surface);
display:grid;
gap:10px;
}
html[data-ui-scope="public"] .online-store-product-missing h1,
html[data-ui-scope="public"] .online-store-product-missing p{margin:0}
@media(max-width:360px){
html[data-ui-scope="public"] .online-store-product-info{padding:14px;margin-inline:8px}
html[data-ui-scope="public"] .online-store-product-thumbs{padding-inline:8px}
html[data-ui-scope="public"] .online-store-product-thumb{flex-basis:58px;width:58px;height:58px}
}
html[data-ui-scope="public"] body.public-body .top-app-actions{
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
gap:7px!important;
flex:0 0 auto!important;
min-width:85px!important;
}
html[data-ui-scope="public"] body.public-body .top-action-button{
flex:0 0 39px!important;
width:39px!important;
min-width:39px!important;
max-width:39px!important;
height:39px!important;
min-height:39px!important;
padding:0!important;
overflow:hidden!important;
border-radius:13px!important;
display:grid!important;
place-items:center!important;
text-decoration:none!important;
box-sizing:border-box!important;
}
html[data-ui-scope="public"] body.public-body .top-action-icon,
html[data-ui-scope="public"] body.public-body .top-action-icon svg{
display:block!important;
width:20px!important;
min-width:20px!important;
max-width:20px!important;
height:20px!important;
min-height:20px!important;
max-height:20px!important;
overflow:visible!important;
}
html[data-ui-scope="public"] body.public-body.store-private-preview .top-nav-mobile{
min-height:62px!important;
padding:8px 9px 8px 10px!important;
gap:10px!important;
}
html[data-ui-scope="public"] body.public-body.store-private-preview .top-store-brand{
flex:1 1 0!important;
min-width:0!important;
max-width:calc(100% - 95px)!important;
}
html[data-ui-scope="public"] body.public-body.store-private-preview .top-store-brand img{
flex:0 0 38px!important;
width:38px!important;
height:38px!important;
}
html[data-ui-scope="public"] body.public-body .public-faq-section{
margin-top:22px!important;
margin-bottom:6px!important;
}
html[data-ui-scope="public"] body.public-body .public-faq-section + .specialists-section.specialists-section-flat{
margin-top:0!important;
}
html[data-ui-scope="public"] body.public-body .public-faq-section + .specialists-section.specialists-section-flat .section-heading{
padding-top:0!important;
}
html[data-ui-scope="public"] body.public-body .top-app-actions{
min-width:131px!important;
}
html[data-ui-scope="public"] body.public-body.store-private-preview .top-store-brand{
max-width:calc(100% - 141px)!important;
}
html[data-ui-scope="public"] .public-share-trigger{
appearance:none;
-webkit-appearance:none;
border:1px solid var(--ui-border);
color:var(--ui-text);
background:var(--ui-surface-2);
cursor:pointer;
touch-action:manipulation;
}
html[data-ui-scope="public"] .public-share-trigger:disabled,
html[data-ui-scope="public"] .public-share-trigger.is-preview-disabled{
opacity:.52;
cursor:not-allowed;
}
html[data-ui-scope="public"] .public-share-icon,
html[data-ui-scope="public"] .public-share-icon svg,
html[data-ui-scope="public"] .public-share-trigger > span,
html[data-ui-scope="public"] .public-share-trigger > span svg{
display:block;
width:20px;
height:20px;
}
html[data-ui-scope="public"] .public-share-trigger svg,
html[data-ui-scope="public"] .public-share-option svg{
fill:none;
stroke:currentColor;
stroke-width:1.8;
stroke-linecap:round;
stroke-linejoin:round;
}
html[data-ui-scope="public"] .public-share-option[data-share-network="telegram"] svg,
html[data-ui-scope="public"] .public-share-option[data-share-network="x"] svg{
fill:currentColor;
stroke:none;
}
html[data-ui-scope="public"] .specialist-share-button{
flex:0 0 34px;
width:34px;
height:34px;
border-radius:11px;
padding:0;
display:grid;
place-items:center;
margin-left:auto;
}
html[data-ui-scope="public"] .detail-head-row{
display:flex;
align-items:center;
gap:8px;
width:100%;
}
html[data-ui-scope="public"] .online-store-product-top-actions{
display:flex;
align-items:center;
justify-content:flex-end;
gap:7px;
flex:0 0 auto;
}
html[data-ui-scope="public"] .online-store-product-share,
html[data-ui-scope="public"] .online-store-product-top-actions > button{
flex:0 0 38px;
width:38px;
height:38px;
padding:0;
border-radius:12px;
display:grid;
place-items:center;
}
html[data-ui-scope="public"] .online-product-media{
position:relative;
}
html[data-ui-scope="public"] .online-product-share-button{
position:absolute;
z-index:4;
right:10px;
top:10px;
width:34px;
height:34px;
padding:0;
border-radius:11px;
display:grid;
place-items:center;
background:color-mix(in srgb,var(--ui-surface) 90%,transparent);
backdrop-filter:blur(8px);
-webkit-backdrop-filter:blur(8px);
}
html[data-ui-scope="public"] .online-product-card .online-product-badge + .online-product-share-button{
top:10px;
}
html[data-ui-scope="public"] .public-share-sheet[hidden]{display:none!important}
html[data-ui-scope="public"] .public-share-sheet{
position:fixed;
inset:0;
z-index:1800;
display:flex;
align-items:flex-start;
justify-content:center;
padding:calc(env(safe-area-inset-top) + 68px) 10px max(12px,env(safe-area-inset-bottom));
}
html[data-ui-scope="public"] .public-share-backdrop{
position:absolute;
inset:0;
border:0;
background:rgba(0,0,0,.68);
backdrop-filter:blur(4px);
-webkit-backdrop-filter:blur(4px);
}
html[data-ui-scope="public"] .public-share-panel{
position:relative;
z-index:1;
width:min(100%,430px);
max-height:calc(100vh - 92px);
max-height:calc(100dvh - 92px - env(safe-area-inset-top));
overflow:auto;
overscroll-behavior:contain;
border:1px solid var(--ui-border);
border-radius:22px;
padding:16px;
background:var(--ui-surface);
color:var(--ui-text);
box-shadow:0 18px 50px rgba(0,0,0,.35);
}
html[data-ui-scope="public"] .public-share-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:12px;
margin-bottom:14px;
}
html[data-ui-scope="public"] .public-share-head h2{
margin:3px 0 0;
color:var(--ui-text);
font-size:1.05rem;
line-height:1.2;
}
html[data-ui-scope="public"] .public-share-close{
flex:0 0 36px;
width:36px;
height:36px;
border:1px solid var(--ui-border);
border-radius:12px;
background:var(--ui-surface-2);
color:var(--ui-text);
font-size:1.35rem;
line-height:1;
}
html[data-ui-scope="public"] .public-share-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:9px;
}
html[data-ui-scope="public"] .public-share-option{
min-height:66px;
padding:10px 8px;
border:1px solid var(--ui-border);
border-radius:15px;
background:var(--ui-surface-2);
color:var(--ui-text);
text-decoration:none;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:7px;
font:inherit;
}
html[data-ui-scope="public"] .public-share-option span,
html[data-ui-scope="public"] .public-share-option svg{
display:block;
width:22px;
height:22px;
}
html[data-ui-scope="public"] .public-share-option b{
font-size:.72rem;
line-height:1.15;
}
html[data-ui-scope="public"] .public-share-feedback{
display:block;
min-height:16px;
margin-top:10px;
text-align:center;
color:var(--ui-muted);
font-size:.7rem;
}
html.share-sheet-open,
html.share-sheet-open body{
overflow:hidden!important;
}
html[data-ui-scope="public"] .specialist-detail{
scroll-margin-top:16px;
}
@media(max-width:360px){
html[data-ui-scope="public"] body.public-body .top-app-actions{gap:5px!important;min-width:121px!important}
html[data-ui-scope="public"] body.public-body .top-action-button{width:37px!important;min-width:37px!important;max-width:37px!important;height:37px!important;min-height:37px!important}
html[data-ui-scope="public"] body.public-body.store-private-preview .top-store-brand{max-width:calc(100% - 129px)!important}
}
@media(max-width:900px){
html[data-ui-scope="public"] body.public-body:has(.online-store-catalog-page) .public-footer{
position:static!important;
width:min(430px,100%)!important;
max-width:430px!important;
margin:14px auto 0!important;
padding:0 16px calc(138px + env(safe-area-inset-bottom))!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
}
html[data-ui-scope="public"] body.public-body:has(.online-store-catalog-page) .public-footer .footer-inner{
width:100%!important;
max-width:100%!important;
margin:0 auto!important;
padding:0 10px 8px!important;
gap:4px!important;
text-align:center!important;
}
html[data-ui-scope="public"] body.public-body:has(.online-store-catalog-page) .hours-floating-dock{
bottom:calc(94px + env(safe-area-inset-bottom))!important;
}
html[data-ui-scope="public"] body.public-body:has(.online-store-catalog-page) .bottom-nav-mobile{
bottom:max(10px,env(safe-area-inset-bottom))!important;
}
}
html[data-ui-scope="public"] body.public-body.store-private-preview:has(.online-store-catalog-page) .public-footer{
display:block!important;
position:static!important;
inset:auto!important;
transform:none!important;
width:min(430px,100%)!important;
max-width:430px!important;
min-height:0!important;
margin:14px auto 0!important;
padding:0 16px calc(138px + env(safe-area-inset-bottom))!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
}
html[data-ui-scope="public"] body.public-body.store-private-preview:has(.online-store-catalog-page) .public-footer .footer-inner{
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
width:100%!important;
max-width:100%!important;
min-height:0!important;
margin:0 auto!important;
padding:0 10px 8px!important;
gap:4px!important;
text-align:center!important;
}
html[data-ui-scope="public"] body.public-body.store-private-preview:has(.online-store-catalog-page) .hours-floating-dock{
position:fixed!important;
left:50%!important;
bottom:calc(94px + env(safe-area-inset-bottom))!important;
margin:0!important;
z-index:71!important;
}
html[data-ui-scope="public"] body.public-body.store-private-preview:has(.online-store-catalog-page) .bottom-nav-mobile{
position:fixed!important;
left:50%!important;
right:auto!important;
transform:translateX(-50%)!important;
bottom:max(10px,env(safe-area-inset-bottom))!important;
width:min(420px,calc(100% - 18px))!important;
min-height:70px!important;
margin:0!important;
padding:6px 7px!important;
border-radius:23px!important;
z-index:72!important;
}
@media(max-width:900px){
html[data-ui-scope="public"] body.public-body:not(.auth-layout) .public-footer{
margin-top:10px!important;
}
html[data-ui-scope="public"] body.public-body:not(.auth-layout) .public-footer .footer-inner{
padding-top:0!important;
}
html[data-ui-scope="public"] body.public-body:has(.online-store-catalog-page) .online-store-catalog{
margin-bottom:0!important;
}
html[data-ui-scope="public"] body.public-body:has(.online-store-product-page) .online-store-product-detail,
html[data-ui-scope="public"] body.public-body:has(.online-store-product-page) .online-store-product-missing,
html[data-ui-scope="public"] body.public-body .online-store-home,
html[data-ui-scope="public"] body.public-body .booking-panel{
margin-bottom:0!important;
}
}
html[data-ui-scope="public"] body.public-body.store-private-preview .public-footer{
margin-top:10px!important;
}
html[data-ui-scope="public"] body.public-body.store-private-preview .public-footer .footer-inner{
padding-top:0!important;
}
html[data-ui-scope="public"] body.public-body.store-private-preview:has(.online-store-catalog-page) .online-store-catalog{
margin-bottom:0!important;
}
html[data-ui-scope="public"] body.public-body.store-private-preview:has(.online-store-product-page) .online-store-product-detail,
html[data-ui-scope="public"] body.public-body.store-private-preview:has(.online-store-product-page) .online-store-product-missing,
html[data-ui-scope="public"] body.public-body.store-private-preview .online-store-home,
html[data-ui-scope="public"] body.public-body.store-private-preview .booking-panel{
margin-bottom:0!important;
}
.gateway-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gateway-check{display:flex!important;align-items:center;gap:9px;min-height:44px;padding:10px 12px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-surface-2)}.gateway-check input{width:18px;height:18px;flex:0 0 auto}.gateway-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.gateway-inline-ok{color:var(--ui-success,#79d9a1);font-weight:800}.online-store-gateway-summary .manager-gateway-status article{min-height:78px;align-items:flex-start;flex-direction:column;justify-content:center}.online-store-order-gateway{display:grid;gap:10px;padding:16px;border:1px solid var(--ui-border);border-radius:16px;background:var(--ui-surface-2);margin-top:14px}.online-store-order-gateway>b{font-size:1rem}.online-store-order-gateway p{margin:0;color:var(--ui-muted)}
@media(max-width:760px){.gateway-actions{display:grid;grid-template-columns:1fr}.gateway-actions .btn{width:100%}.gateway-mini-grid{grid-template-columns:1fr 1fr}.gateway-card label{width:100%}}
@media(min-width:1181px) and (hover:hover) and (pointer:fine){
.admin-body .admin-menu>summary,
.admin-body .admin-profile-menu>summary{transition:background .16s ease,color .16s ease,border-color .16s ease}
.admin-body .admin-profile-submenu{
display:grid!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;
transform:translateY(-7px) scale(.985)!important;transform-origin:top right!important;
transition:opacity .18s cubic-bezier(.2,.72,.2,1),transform .18s cubic-bezier(.2,.72,.2,1),visibility .18s ease!important;will-change:opacity,transform
}
.admin-body .admin-profile-menu[open]>.admin-profile-submenu{
opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0) scale(1)!important
}
}
@media(prefers-reduced-motion:reduce){
.admin-body .admin-submenu,.admin-body .admin-profile-submenu{transition:none!important}
}
@media (hover:none) and (pointer:coarse){
html[data-ui-scope="public"] body.public-body:not(.auth-layout){
height:auto!important;
min-height:100dvh!important;
overflow-x:hidden!important;
overflow-y:auto!important;
}
html[data-ui-scope="public"] body.public-body:not(.auth-layout) .public-desktop-notice{
display:none!important;
}
html[data-ui-scope="public"] body.public-body:not(.auth-layout) .public-mobile-experience{
display:block!important;
width:100%!important;
max-width:100%!important;
margin:0 auto!important;
}
html[data-ui-scope="public"] body.public-body:not(.auth-layout) .public-footer{
position:static!important;
inset:auto!important;
transform:none!important;
width:100%!important;
margin-top:10px!important;
}
}
@media (max-width:1000px), (hover:none), (pointer:coarse){
html[data-ui-scope="public"] body.public-body:not(.auth-layout){
height:auto!important;
min-height:100dvh!important;
overflow-x:hidden!important;
overflow-y:auto!important;
}
html[data-ui-scope="public"] body.public-body:not(.auth-layout) .public-desktop-notice{
display:none!important;
}
html[data-ui-scope="public"] body.public-body:not(.auth-layout) .public-mobile-experience{
display:block!important;
width:100%!important;
max-width:100%!important;
margin:0 auto!important;
}
html[data-ui-scope="public"] body.public-body:not(.auth-layout) .public-footer{
position:static!important;
inset:auto!important;
transform:none!important;
width:100%!important;
margin-top:10px!important;
}
}
.admin-body .schedule-exceptions-panel{
min-width:0!important;
max-width:100%!important;
overflow-x:clip!important;
}
.admin-body .exception-editor-form{
grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr))!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
overflow:clip!important;
}
.admin-body .exception-editor-form>label,
.admin-body .exception-editor-form .exception-time-pair,
.admin-body .exception-editor-form input,
.admin-body .exception-editor-form select{
min-width:0!important;
max-width:100%!important;
width:100%!important;
}
.admin-body .exception-editor-form .exception-time-pair{
grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr)!important;
}
.admin-body .exception-editor-form>.btn{
grid-column:1/-1!important;
justify-self:stretch!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
white-space:normal!important;
}
.admin-body .operational-reset-page{
width:100%;
max-width:100%;
min-width:0;
overflow-x:hidden;
}
.admin-body .operational-reset-page,
.admin-body .operational-reset-page>*,
.admin-body .operational-reset-page .panel,
.admin-body .operational-reset-page .panel-title-line,
.admin-body .operational-reset-page .panel-title-line>*,
.admin-body .operational-reset-page .operational-reset-hero>*,
.admin-body .operational-reset-page .operational-reset-kpis,
.admin-body .operational-reset-page .operational-reset-scope,
.admin-body .operational-reset-page .operational-reset-form,
.admin-body .operational-reset-page article,
.admin-body .operational-reset-page label{
min-width:0;
max-width:100%;
}
.admin-body .operational-reset-hero{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
align-items:start;
width:100%;
}
.admin-body .operational-reset-page h1,
.admin-body .operational-reset-page h2,
.admin-body .operational-reset-page h3{
max-width:100%;
white-space:normal!important;
overflow:visible!important;
text-overflow:clip!important;
overflow-wrap:anywhere;
}
.admin-body .operational-reset-page p,
.admin-body .operational-reset-page li,
.admin-body .operational-reset-page .notice,
.admin-body .operational-reset-page .operational-reset-risk{
max-width:100%;
overflow-wrap:anywhere;
word-break:normal;
}
.admin-body .operational-reset-page .notice{
width:100%;
margin-left:0;
margin-right:0;
}
.admin-body .operational-reset-risk{
justify-self:end;
white-space:normal;
text-align:center;
}
.admin-body .operational-reset-kpis{
grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));
width:100%;
}
.admin-body .operational-reset-kpis article{
overflow:hidden;
}
.admin-body .operational-reset-kpis span,
.admin-body .operational-reset-kpis strong{
max-width:100%;
overflow-wrap:anywhere;
}
.admin-body .operational-reset-scope{
grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));
width:100%;
}
.admin-body .operational-reset-scope ul{
max-width:100%;
margin-right:0;
}
.admin-body .operational-reset-form{
width:100%;
max-width:100%;
grid-template-columns:repeat(2,minmax(0,1fr));
}
.admin-body .operational-reset-form input,
.admin-body .operational-reset-form select,
.admin-body .operational-reset-form textarea,
.admin-body .operational-reset-form .btn{
display:block;
width:100%;
max-width:100%;
min-width:0;
}
.admin-body .operational-reset-form .btn{
display:flex;
white-space:normal!important;
overflow-wrap:anywhere;
text-align:center;
}
@media(max-width:900px){
.admin-body .operational-reset-hero{grid-template-columns:1fr}
.admin-body .operational-reset-risk{justify-self:start}
}
@media(max-width:760px){
.admin-body .operational-reset-form{grid-template-columns:1fr}
.admin-body .operational-reset-form .btn{grid-column:auto}
}
@media(max-width:420px){
.admin-body .operational-reset-kpis{grid-template-columns:1fr}
.admin-body .operational-reset-scope{grid-template-columns:1fr}
}
.admin-body .operational-reset-kpis article,
.manager-body .operational-reset-kpis article{
background:var(--ui-surface-2,var(--bg-panel))!important;
border-color:var(--ui-border,var(--stroke))!important;
color:var(--ui-text,var(--text))!important;
}
.admin-body .operational-reset-kpis span,
.manager-body .operational-reset-kpis span{color:var(--ui-muted,var(--muted))!important}
.admin-body .operational-reset-kpis strong,
.manager-body .operational-reset-kpis strong{color:var(--ui-text,var(--text))!important}
.admin-body .pwa-color-control b,.admin-body .pwa-range-control output,.admin-body .pwa-admin-version,.admin-body .pwa-save-bar{background:#102448!important;color:#edf4ff!important}
.admin-body .pwa-save-bar small,.admin-body .pwa-save-bar span,.admin-body .pwa-admin-version small,.admin-body .pwa-admin-version span{color:#bccce5!important}
.admin-body .pwa-admin-page .pwa-splash-preview{grid-template-rows:auto auto;align-content:start;justify-items:center}
.admin-body .pwa-admin-page .pwa-splash-preview>div{width:min(100%,320px);aspect-ratio:9/16;min-height:0;height:auto;padding:0;box-sizing:border-box;place-content:normal;align-content:center;justify-items:center;gap:0}
.admin-body .pwa-admin-page .pwa-splash-preview img{width:62.72%;max-width:88%;max-height:none;height:auto}
.admin-body .pwa-admin-page{--surface-soft:#102448;--line:#294369;color-scheme:dark}
.admin-body .pwa-admin-page :is(.pwa-asset-card,.pwa-assets-note,.pwa-platform-note){background:#102448!important;border-color:#294369!important;color:#c5d3e8!important}
.admin-body .pwa-admin-page .pwa-asset-copy h3{color:#f1f6ff!important}
.admin-body .pwa-admin-page .pwa-asset-copy :is(p,small){color:#c5d3e8!important}
.admin-body .pwa-admin-page .pwa-asset-state.is-inherited{background:#193b60;color:#9cd5ff}
.admin-body .pwa-admin-page .pwa-asset-state.is-custom{background:#163f37;color:#8ee6be}
.admin-body .pwa-admin-page .pwa-file-field input{padding:8px;border:1px solid #365177;border-radius:8px;background:#0b1c38;color:#dce8f9}
.admin-body .pwa-admin-page input::file-selector-button{border:1px solid #43668d;border-radius:6px;background:#1b385b;color:#edf5ff;padding:7px 10px;margin-right:9px;cursor:pointer}
.admin-body .pwa-admin-page .pwa-remove-asset{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:9px;color:#dce8f9;font-size:.78rem}
.admin-body .pwa-admin-page .pwa-remove-asset input{width:16px;height:16px;flex:0 0 16px;margin:0;accent-color:#ff9b00}
.homepage-admin{display:grid;gap:16px}.homepage-admin-hero{display:flex;align-items:center;justify-content:space-between;gap:20px}.homepage-admin-hero h1,.homepage-settings-panel h2{margin:.18rem 0}.homepage-settings-panel{display:grid;gap:18px}.homepage-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.homepage-form-grid label,.homepage-card-fields label{display:grid;gap:7px}.homepage-form-grid label>span,.homepage-card-fields label>span{font-size:.78rem;font-weight:800;color:var(--ui-text)}.homepage-form-grid .span-2{grid-column:1/-1}.homepage-brand-upload{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid var(--ui-border);border-radius:16px;background:var(--ui-surface-2)}.homepage-brand-upload>div{display:grid;gap:4px}.homepage-brand-upload small,.homepage-card-fields small{color:var(--ui-text-muted);line-height:1.4}.homepage-check{display:flex!important;align-items:center;gap:8px!important;font-size:.76rem}.homepage-establishments-title{align-items:center}.homepage-card-editors{display:grid;gap:13px}.homepage-card-editor{border:1px solid var(--ui-border);border-radius:18px;padding:16px;background:var(--ui-surface-2);display:grid;gap:14px}.homepage-card-editor-head{display:flex;align-items:center;gap:12px}.homepage-card-editor-head>div{display:grid;gap:2px;flex:1}.homepage-card-editor-head small{color:var(--ui-text-muted)}.homepage-drag{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--ui-accent-soft);color:var(--ui-accent-strong);font-weight:900}.homepage-card-editor-grid{display:grid;grid-template-columns:190px minmax(0,1fr);gap:18px}.homepage-logo-field{display:flex;flex-direction:column;align-items:center;gap:10px;padding:13px;border:1px solid var(--ui-border);border-radius:15px;background:var(--ui-surface)}.homepage-logo-field img{width:110px;height:110px;object-fit:contain;background:#fff;border-radius:17px;padding:9px}.homepage-card-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.homepage-card-fields label:nth-of-type(3),.homepage-card-fields .homepage-switch{grid-column:1/-1}.homepage-switch{display:flex!important;align-items:center!important;gap:9px!important;padding:11px 12px;border-radius:12px;background:var(--ui-surface)}.homepage-savebar{position:sticky;bottom:14px;z-index:10;margin-top:16px;padding:13px 15px;border:1px solid var(--ui-border);border-radius:16px;background:var(--ui-surface);box-shadow:var(--ui-shadow);display:flex;align-items:center;justify-content:space-between;gap:15px}.homepage-savebar span{color:var(--ui-text-muted);font-size:.82rem}.btn.danger{color:#d84b5b!important}@media(max-width:760px){.homepage-admin-hero,.homepage-brand-upload,.homepage-establishments-title,.homepage-savebar{align-items:stretch;flex-direction:column}.homepage-form-grid,.homepage-card-fields{grid-template-columns:1fr}.homepage-form-grid .span-2,.homepage-card-fields label:nth-of-type(3),.homepage-card-fields .homepage-switch{grid-column:auto}.homepage-card-editor-grid{grid-template-columns:1fr}.homepage-logo-field{align-items:flex-start}.homepage-savebar .btn{width:100%;justify-content:center}}
html[data-ui-scope="admin"] body.public-body.auth-layout .auth-input-shell button.password-toggle{appearance:none;-webkit-appearance:none;background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;padding:0!important;position:absolute;right:3px;top:50%;transform:translateY(-50%);width:44px;height:44px;min-height:44px;display:grid;place-items:center;border-radius:12px;cursor:pointer}
html[data-ui-scope="admin"] body.public-body.auth-layout .auth-input-shell button.password-toggle:focus-visible{outline:2px solid var(--ui-accent);outline-offset:-4px}
html[data-ui-scope="admin"] body.public-body.auth-layout .auth-card-premium .auth-store-logo{background:transparent!important;border:0!important;padding:0;border-radius:0;overflow:visible!important}
html[data-ui-scope="admin"] body.public-body.auth-layout .auth-card-premium .auth-store-logo img{object-fit:contain;border-radius:0!important;clip-path:none}
.homepage-admin>form{display:grid;gap:18px}.homepage-admin input:not([type="checkbox"]):not([type="hidden"]):not([type="file"]),.homepage-admin select,.homepage-admin textarea{width:100%;min-width:0;min-height:46px;box-sizing:border-box;font:inherit}.homepage-admin textarea{resize:vertical}.homepage-form-grid{align-items:start}.homepage-admin label{min-width:0}.homepage-admin input[type="checkbox"]{width:18px;height:18px;flex:0 0 18px;margin:0;accent-color:var(--ui-accent)}.homepage-admin .homepage-logo-field img{background:transparent;border-radius:0;padding:0;object-fit:contain}.homepage-brand-upload{flex-wrap:wrap}.homepage-brand-upload>div{flex:1 1 320px}.homepage-admin small{line-height:1.6}.homepage-admin .homepage-savebar{margin-top:0}.homepage-admin .homepage-logo-field .btn:focus-within,.homepage-brand-upload .btn:focus-within{outline:2px solid var(--ui-accent);outline-offset:3px}
html[data-ui-scope="admin"] body.public-body.auth-layout .auth-store-identity{isolation:isolate}html[data-ui-scope="admin"] body.public-body.auth-layout .auth-card-premium .auth-store-logo{mix-blend-mode:screen}
html[data-ui-scope="admin"] body.public-body.auth-layout .auth-card-premium .auth-store-logo{border:1px solid #08baf2!important;border-radius:14px!important;overflow:hidden!important;mix-blend-mode:normal;padding:0;background:transparent!important}
html[data-ui-scope="admin"] body.public-body.auth-layout .auth-card-premium .auth-store-logo img{border-radius:13px!important;object-fit:contain;clip-path:none;mix-blend-mode:normal}
.homepage-admin .homepage-logo-field img{border:1px solid #08baf2;border-radius:12px;padding:0;object-fit:contain;background:transparent}
.admin-body .admin-profile-menu>summary{
flex-direction:row;
align-items:center;
justify-content:flex-end;
gap:7px;
}
.admin-body .admin-profile-summary{
display:flex;
align-items:center;
justify-content:flex-end;
gap:7px;
max-width:100%;
min-width:0;
}
.admin-body .admin-profile-avatar{
width:34px!important;
height:34px!important;
min-width:34px!important;
min-height:34px!important;
max-width:34px!important;
max-height:34px!important;
flex:0 0 34px!important;
border-radius:50%;
overflow:hidden;
display:grid;
place-items:center;
border:2px solid var(--ui-accent);
background:var(--ui-surface-2);
box-sizing:border-box;
}
.admin-body .admin-profile-avatar>img{
display:block!important;
width:100%!important;
height:100%!important;
min-width:0!important;
min-height:0!important;
max-width:100%!important;
max-height:100%!important;
object-fit:cover!important;
padding:0!important;
margin:0!important;
border:0!important;
border-radius:50%!important;
box-sizing:border-box!important;
}
.admin-body .admin-profile-avatar.is-brand-fallback>img{
object-fit:contain!important;
padding:2px!important;
}
.admin-body .admin-profile-copy{
display:flex;
flex-direction:column;
align-items:flex-end;
min-width:0;
max-width:150px;
}
.admin-body .admin-profile-copy strong{
max-width:150px;
overflow:hidden;
text-overflow:ellipsis;
}
.manager-body .manager-user-identity .staff-avatar{
width:38px!important;
height:38px!important;
min-width:38px!important;
min-height:38px!important;
max-width:38px!important;
max-height:38px!important;
flex:0 0 38px!important;
border-radius:50%!important;
object-fit:cover!important;
padding:0!important;
margin:0!important;
box-sizing:border-box!important;
}
.manager-body .manager-user-identity .staff-avatar.is-brand-fallback{
object-fit:contain!important;
padding:2px!important;
}
body.public-body .top-store-brand.is-authenticated-staff .staff-avatar{
width:38px!important;
height:38px!important;
min-width:38px!important;
min-height:38px!important;
max-width:38px!important;
max-height:38px!important;
flex:0 0 38px!important;
border-radius:50%!important;
object-fit:cover!important;
padding:0!important;
box-sizing:border-box!important;
}
body.public-body .top-store-brand.is-authenticated-staff .staff-avatar.is-brand-fallback{
object-fit:contain!important;
padding:2px!important;
}
body.public-body .bottom-access-avatar{
min-width:29px!important;
min-height:29px!important;
max-width:29px!important;
max-height:29px!important;
flex:0 0 29px!important;
}
body.public-body .bottom-access-avatar>img{
display:block!important;
width:100%!important;
height:100%!important;
min-width:0!important;
min-height:0!important;
max-width:100%!important;
max-height:100%!important;
object-fit:cover!important;
padding:0!important;
margin:0!important;
box-sizing:border-box!important;
}
body.public-body .bottom-access-avatar.is-brand-fallback>img{
object-fit:contain!important;
padding:2px!important;
}
body.public-body .online-store-catalog-top>.online-store-catalog-identity>img{
width:35px!important;
height:35px!important;
min-width:35px!important;
min-height:35px!important;
max-width:35px!important;
max-height:35px!important;
flex:0 0 35px!important;
object-fit:cover!important;
padding:0!important;
box-sizing:border-box!important;
}
body.public-body .online-store-catalog-top>.online-store-catalog-identity.is-authenticated-staff>img{
border-radius:50%!important;
}
body.public-body .online-store-catalog-top>.online-store-catalog-identity.is-brand-fallback>img{
object-fit:contain!important;
padding:2px!important;
}
@media(max-width:760px){
.admin-body .admin-profile-menu>summary{
width:42px!important;
min-width:42px!important;
padding:4px!important;
justify-content:center;
}
.admin-body .admin-profile-copy{display:none!important}
.admin-body .admin-profile-summary{width:34px;flex:0 0 34px;justify-content:center}
.manager-body .manager-user-identity .staff-avatar{
width:36px!important;
height:36px!important;
min-width:36px!important;
min-height:36px!important;
max-width:36px!important;
max-height:36px!important;
flex-basis:36px!important;
}
}
@media(min-width:1181px){
.admin-body .admin-header-inner{
width:min(calc(100% - 28px),1320px)!important;
gap:10px!important;
}
.admin-body .admin-brand{
margin-right:0!important;
flex:0 1 210px!important;
min-width:165px!important;
max-width:225px!important;
}
.admin-body .admin-nav.system-drawer-nav{
flex:1 1 auto!important;
min-width:0!important;
width:auto!important;
margin:0!important;
padding:4px 7px!important;
gap:4px!important;
justify-content:space-between!important;
}
.admin-body .admin-nav.system-drawer-nav>.admin-link,
.admin-body .admin-nav.system-drawer-nav>.admin-menu{
flex:0 0 auto!important;
}
.admin-body .admin-nav.system-drawer-nav>.admin-link,
.admin-body .admin-nav.system-drawer-nav>.admin-menu>summary{
padding-left:10px!important;
padding-right:10px!important;
}
.admin-body .admin-top-tools{
margin-left:0!important;
flex:0 0 auto!important;
}
.admin-body .admin-profile-copy{max-width:118px!important}
.admin-body .admin-profile-copy strong{max-width:118px!important}
}
body.public-body .service-payment-page{width:min(100% - 28px,720px);margin:0 auto;padding:34px 0 110px}
body.public-body .service-payment-card{display:grid;gap:18px;padding:24px;border:1px solid var(--ui-border);border-radius:24px;background:var(--ui-surface);color:var(--ui-text);box-shadow:0 20px 50px rgba(0,0,0,.12)}
body.public-body .service-payment-card h1{margin:0;font-size:clamp(1.7rem,6vw,2.4rem);line-height:1.05}
body.public-body .service-payment-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body.public-body .service-payment-summary>div{display:grid;gap:4px;min-width:0;padding:13px 14px;border:1px solid var(--ui-border);border-radius:14px;background:var(--ui-surface-2)}
body.public-body .service-payment-summary span,body.public-body .service-payment-state>span{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ui-muted);font-weight:800}
body.public-body .service-payment-summary b{font-size:.92rem;overflow-wrap:anywhere}
body.public-body .service-payment-state{display:grid;gap:4px;padding:15px 16px;border-radius:16px;background:var(--ui-accent-soft);border:1px solid color-mix(in srgb,var(--ui-accent) 34%,var(--ui-border))}
body.public-body .service-payment-state strong{font-size:1rem;color:var(--ui-text)}
body.public-body .service-payment-state small{color:var(--ui-muted)}
body.public-body .service-payment-upload{display:grid;gap:12px;padding-top:16px;border-top:1px solid var(--ui-border)}
body.public-body .service-payment-upload h2{margin:0;font-size:1.05rem}
body.public-body .service-payment-upload p{margin:0;color:var(--ui-muted);font-size:.88rem}
body.public-body .service-payment-upload input[type="file"]{width:100%;min-height:46px;padding:9px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-surface-2);color:var(--ui-text)}
body.public-body .receipt-sent{display:grid;gap:3px;padding:12px 14px;border:1px solid var(--ui-border);border-radius:13px;background:var(--ui-surface-2)}
body.public-body .receipt-sent span,body.public-body .receipt-sent small{color:var(--ui-muted);font-size:.78rem;overflow-wrap:anywhere}
.appointment-payment-extra{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:7px;min-width:0}
.appointment-payment-extra>small{flex-basis:100%;font-size:.65rem!important;white-space:normal!important}
.payment-state-badge{display:inline-flex!important;align-items:center!important;min-height:23px;padding:3px 7px;border-radius:999px;background:var(--ui-surface-2,var(--panel));border:1px solid var(--ui-border,var(--line));font-size:.62rem!important;line-height:1.1;text-transform:none!important;letter-spacing:0!important;white-space:normal!important;color:var(--ui-text,var(--text))!important}
.receipt-review-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.receipt-review-actions form{margin:0}
.manager-appointment-copy .appointment-payment-extra{margin-top:8px}
.manager-appointment-copy .appointment-payment-extra>small{color:#9fb0ce}
.admin-body .appointment-payment-block .appointment-payment-extra .btn{justify-self:start}
@media(max-width:560px){body.public-body .service-payment-page{width:min(100% - 18px,720px);padding-top:18px}body.public-body .service-payment-card{padding:18px;border-radius:20px}body.public-body .service-payment-summary{grid-template-columns:1fr}}
.whatsapp-settings-page{display:grid;gap:22px;min-width:0}
.whatsapp-settings-page>.panel{width:100%;min-width:0;margin:0}
.whatsapp-settings-page .panel h1,.whatsapp-settings-page .panel h2,.whatsapp-settings-page .panel h3,.whatsapp-settings-page .panel-title-line h2{white-space:normal;overflow:visible;text-overflow:clip}
.whatsapp-settings-page .panel-title-line{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px;margin-bottom:0;min-width:0}
.whatsapp-settings-page .panel-title-line>div{display:grid;gap:5px;min-width:0}
.whatsapp-settings-page .panel-title-line h2{margin:0;line-height:1.2}
.whatsapp-settings-page .panel-title-line p{max-width:900px;margin:2px 0 0;line-height:1.62}
.whatsapp-settings-page .panel-title-line>.status{justify-self:end;align-self:start;white-space:nowrap}
.whatsapp-hero{display:grid;grid-template-columns:minmax(0,1fr) 292px;align-items:center;gap:28px}
.whatsapp-hero>div:first-child{min-width:0}
.whatsapp-hero h1{margin:.2rem 0 .5rem;line-height:1.16}
.whatsapp-hero p{max-width:790px;margin:0;line-height:1.62}
.whatsapp-status-card{width:100%;min-width:0;padding:18px;border:1px solid var(--line);border-radius:18px;display:grid;gap:5px;background:var(--panel-soft);align-content:center}
.whatsapp-status-card>span,.whatsapp-kpi>span{font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;opacity:.72}
.whatsapp-status-card strong{font-size:1.18rem;line-height:1.25}
.whatsapp-status-card small{overflow-wrap:anywhere}
.whatsapp-status-card .status{margin-top:7px;justify-self:start}
.whatsapp-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:stretch}
.whatsapp-kpi{display:grid;gap:6px;min-height:126px;align-content:center;min-width:0}
.whatsapp-kpi strong{font-size:1.05rem;line-height:1.3;overflow-wrap:anywhere}
.whatsapp-kpi small{opacity:.72;line-height:1.45}
.whatsapp-last-send{font-size:.9rem!important}
.whatsapp-meta-guide{display:grid;gap:20px}
.whatsapp-meta-guide .panel-title-line{padding-bottom:2px}
.whatsapp-meta-steps{display:grid;grid-template-columns:1fr;gap:12px;width:100%}
.whatsapp-meta-steps article{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:start;gap:16px;width:100%;min-width:0;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:var(--panel-soft)}
.whatsapp-meta-steps article>b{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:var(--accent);color:var(--accent-contrast,#fff);font-size:.86rem;line-height:1}
.whatsapp-meta-steps article>div{min-width:0;display:grid;align-content:start;justify-items:start;gap:8px;padding-top:1px}
.whatsapp-meta-steps strong{display:block;font-size:.98rem;line-height:1.3}
.whatsapp-meta-steps span{display:block;max-width:930px;font-size:.88rem;line-height:1.58;opacity:.8}
.whatsapp-meta-steps .btn{justify-self:start;min-width:0;max-width:100%;white-space:normal;text-align:center;margin-top:2px}
.whatsapp-meta-steps code{display:inline-block;max-width:100%;padding:7px 10px;border:1px solid var(--line);border-radius:10px;background:rgba(0,0,0,.16);overflow-wrap:anywhere;font-size:.8rem}
.whatsapp-meta-links{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding-top:2px}
.whatsapp-meta-links a{font-weight:750;line-height:1.45}
.whatsapp-config-panel{display:grid;gap:20px}
.whatsapp-config-form{display:grid!important;grid-template-columns:1fr!important;gap:18px!important;margin:0;min-width:0}
.whatsapp-config-form>*{min-width:0}
.whatsapp-config-form label{min-width:0}
.whatsapp-toggle-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;width:100%;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:var(--panel-soft);margin:0}
.whatsapp-toggle-row>span:first-child{display:grid;gap:4px;min-width:0}
.whatsapp-toggle-row>span:first-child small{line-height:1.45;opacity:.74}
.whatsapp-toggle-row>.switch{justify-self:end;margin:0}
.whatsapp-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;width:100%}
.whatsapp-field-grid label{display:grid;gap:8px;margin:0}
.whatsapp-field-grid input{min-height:48px}
.whatsapp-message-editor{display:grid;gap:11px;width:100%;min-width:0;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--panel-soft)}
.whatsapp-editor-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;min-width:0}
.whatsapp-editor-head>span{font-size:.78rem;line-height:1.45;opacity:.72;text-align:right;white-space:normal}
.whatsapp-inline-toggle{display:flex!important;align-items:center;gap:10px;margin:0;min-width:0;line-height:1.4}
.whatsapp-inline-toggle input[type=checkbox]{width:18px!important;height:18px!important;min-width:18px;padding:0!important;margin:0;accent-color:var(--accent);background:none!important;border-radius:4px!important;box-shadow:none!important}
.whatsapp-message-editor textarea{display:block;width:100%;min-width:0;resize:vertical;min-height:170px;line-height:1.58;margin:0}
.whatsapp-message-editor>small{line-height:1.5;opacity:.74}
.whatsapp-placeholders{display:grid;grid-template-columns:max-content repeat(6,max-content);align-items:center;justify-content:start;gap:8px;width:100%;padding:15px 16px;border:1px dashed var(--line);border-radius:15px;overflow:hidden}
.whatsapp-placeholders b{margin:0;white-space:nowrap}
.whatsapp-placeholders code{padding:5px 8px;border-radius:9px;background:var(--panel-soft);font-size:.78rem;white-space:nowrap}
.whatsapp-placeholders span{grid-column:1/-1;font-size:.8rem;line-height:1.5;opacity:.74;padding-top:2px}
.whatsapp-advanced{width:100%;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.whatsapp-advanced summary{cursor:pointer;padding:16px 18px;font-weight:700;line-height:1.4}
.whatsapp-advanced-grid{padding:0 18px 18px;display:grid;grid-template-columns:1fr;gap:15px;width:100%}
.whatsapp-advanced-grid label{display:grid;gap:8px;margin:0}
.whatsapp-token-field,.whatsapp-tech-note{grid-column:auto}
.whatsapp-tech-note{padding:15px 16px;border-radius:14px;background:var(--panel-soft);display:grid;gap:5px}
.whatsapp-tech-note span{line-height:1.5;opacity:.78}
.whatsapp-template-action{display:flex;justify-content:flex-start;align-items:center;margin:0}
.whatsapp-template-action .btn{max-width:100%;white-space:normal}
.whatsapp-config-panel .form-actions{display:flex;justify-content:flex-start;align-items:center;margin-top:0;padding-top:2px}
.whatsapp-scheduler{display:grid;gap:16px}
.whatsapp-runner-row{display:grid;grid-template-columns:1fr;gap:12px;align-items:start;width:100%}
.whatsapp-runner-row code{display:block;width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere;padding:13px 14px;border:1px solid var(--line);border-radius:13px;background:var(--panel-soft);font-size:.78rem;line-height:1.5}
.whatsapp-runner-row form{margin:0;justify-self:start}
.whatsapp-scheduler>small{line-height:1.5;opacity:.74}
.whatsapp-flow{display:grid;gap:16px}
.whatsapp-flow-steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:12px}
.whatsapp-flow-steps article{min-height:112px;border:1px solid var(--line);border-radius:16px;padding:16px;display:grid;align-content:center;gap:5px;text-align:center;background:var(--panel-soft);min-width:0}
.whatsapp-flow-steps article b{width:28px;height:28px;border-radius:999px;display:grid;place-items:center;margin:0 auto 3px;background:var(--accent);color:var(--accent-contrast,#fff)}
.whatsapp-flow-steps article span{font-weight:700}
.whatsapp-flow-steps article small{line-height:1.45;opacity:.72}
.whatsapp-flow-steps i{font-style:normal;opacity:.5;font-size:1.4rem;align-self:center}
@media(max-width:1180px){
.whatsapp-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.whatsapp-placeholders{grid-template-columns:max-content repeat(3,max-content)}
.whatsapp-placeholders span{grid-column:1/-1}
}
@media(max-width:900px){
.whatsapp-hero{grid-template-columns:1fr;align-items:stretch;gap:18px}
.whatsapp-status-card{max-width:none}
.whatsapp-settings-page .panel-title-line{grid-template-columns:1fr;gap:10px}
.whatsapp-settings-page .panel-title-line>.status{justify-self:start}
.whatsapp-field-grid{grid-template-columns:1fr}
.whatsapp-flow-steps{grid-template-columns:1fr}
.whatsapp-flow-steps i{transform:rotate(90deg);text-align:center;justify-self:center}
}
@media(max-width:700px){
.whatsapp-settings-page{gap:16px}
.whatsapp-meta-steps article{grid-template-columns:32px minmax(0,1fr);gap:13px;padding:16px}
.whatsapp-meta-steps article>b{width:30px;height:30px}
.whatsapp-meta-steps .btn{width:100%}
.whatsapp-editor-head{grid-template-columns:1fr;gap:7px}
.whatsapp-editor-head>span{text-align:left}
.whatsapp-placeholders{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.whatsapp-placeholders span{flex-basis:100%}
}
@media(max-width:560px){
.whatsapp-overview-grid{grid-template-columns:1fr}
.whatsapp-toggle-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:14px}
.whatsapp-meta-links{display:grid;grid-template-columns:1fr;gap:10px}
.whatsapp-meta-links a{overflow-wrap:anywhere}
.whatsapp-message-editor{padding:15px}
}