:root{--ink:#172029;--muted:#6f767b;--canvas:#f4f1eb;--cream:#fbfaf6;--line:#dedad1;--amber:#efa43d;--amber-pale:#fff0d4;--teal:#58b9aa;--teal-pale:#dff4ee;--purple:#8b78e6;--purple-pale:#ebe7ff;--danger:#c76155;--shadow:0 18px 45px #20262b17}*{box-sizing:border-box}html{background:var(--canvas)}body{background:var(--canvas);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #efa43d66}.loading-shell{text-align:center;place-content:center;gap:12px;min-height:100vh;display:grid}.loading-mark{background:var(--ink);color:#fff;width:58px;height:58px;box-shadow:8px 8px 0 var(--amber);border-radius:18px;place-items:center;margin:auto;font-size:28px;font-weight:900;display:grid}.error-text{color:var(--danger)}.app-shell{grid-template-columns:204px 1fr;min-height:100vh;display:grid}.side-nav{background:var(--ink);color:#fff;z-index:20;flex-direction:column;height:100vh;padding:26px 16px 18px;display:flex;position:sticky;top:0}.brand{align-items:flex-start;gap:8px;padding:0 4px 30px;display:flex}.brand-mark{background:var(--amber);width:40px;height:40px;color:var(--ink);border-radius:12px;flex:none;place-items:center;font-size:22px;font-weight:900;display:grid;transform:rotate(-4deg)}.brand-copy{min-width:0}.brand strong{white-space:normal;overflow-wrap:anywhere;letter-spacing:.025em;font-size:13px;line-height:1.12;display:block}.brand small{color:#9ea6ab;margin-top:2px;font-size:10px;display:block}.side-nav nav{gap:5px;display:grid}.nav-item{color:#aeb6bc;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:12px;padding:12px 13px;display:flex}.nav-item span{text-align:center;width:22px;font-size:19px}.nav-item em{font-size:13px;font-style:normal;font-weight:700}.nav-item:hover{color:#fff;background:#ffffff0f}.nav-item.active{color:var(--ink);background:var(--amber);box-shadow:inset 0 -2px #0000001f}.nav-logout{color:#fff;border:1px solid #ffffff24;margin-top:0}.nav-logout span{color:var(--amber)}.nav-logout:disabled{opacity:.55;cursor:wait}.side-foot{border-top:1px solid #ffffff1a;margin-top:auto;padding:18px 0 0}.side-foot .nav-logout{width:100%}.main-content{min-width:0;padding:25px 30px 50px}.topbar{justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:#8e887d;margin:0 0 5px;font-size:9px;font-weight:900}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.04em;margin-bottom:0;font-size:29px;line-height:1}.top-actions{align-items:center;gap:12px;display:flex}.mode-switch{border:1px solid var(--line);background:#fff;border-radius:13px;padding:4px;display:flex}.mode-switch button{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:9px;padding:9px 12px;font-size:11px;font-weight:800}.mode-switch button.selected{background:var(--ink);color:#fff}.primary-button,.submit-button{background:var(--amber);color:var(--ink);cursor:pointer;border:0;border-radius:12px;padding:12px 17px;font-size:12px;font-weight:900;box-shadow:0 4px #c8862f}.primary-button:hover,.submit-button:hover{transform:translateY(-1px)}.primary-button:disabled,.submit-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.mode-banner{background:var(--ink);color:#fff;border-radius:17px;grid-template-columns:auto 1fr minmax(240px,.75fr);align-items:center;gap:15px;margin-bottom:17px;padding:16px 19px;display:grid;position:relative;overflow:hidden}.mode-banner.compact{grid-template-columns:auto minmax(0,1fr)}.mode-banner:after{content:"";border:1px solid #ffffff14;border-radius:50%;width:130px;height:130px;position:absolute;top:-52px;right:-50px}.mode-orb{background:var(--amber);width:38px;height:38px;color:var(--ink);border-radius:13px;place-items:center;font-weight:900;display:grid}.mode-banner p{color:#aeb7bd;margin:3px 0 0;font-size:10px;line-height:1.45}.stat-grid{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:17px;display:grid}.stat-grid article{border:1px solid var(--line);background:#fff;border-radius:15px;align-items:center;gap:13px;padding:15px;display:flex;box-shadow:0 8px 20px #20262b09}.stat-icon{border-radius:13px;flex:none;place-items:center;width:41px;height:41px;font-size:18px;display:grid}.stat-icon.amber{background:var(--amber-pale);color:#a65d00}.stat-icon.purple{background:var(--purple-pale);color:#6d55d0}.stat-icon.teal{background:var(--teal-pale);color:#19796d}.stat-icon.blue{color:#386d8e;background:#e3eff7}.stat-grid small{color:var(--muted);font-size:9px;font-weight:800;display:block}.stat-grid strong{font-size:24px;line-height:1.05;display:block}.stat-grid p{color:#8b8f91;margin:2px 0 0;font-size:9px}.arena-layout{grid-template-columns:minmax(0,1.7fr) minmax(290px,.75fr);gap:17px;display:grid}.panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:18px;min-width:0;padding:18px}.panel-head{justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px;display:flex}.panel-head h2{letter-spacing:-.025em;margin:0;font-size:17px}.panel-badge{text-transform:uppercase;color:#77736b;background:#f0eee9;border-radius:8px;padding:6px 9px;font-size:9px;font-weight:900}.barber-grid{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.barber-card{border:1px solid var(--line);background:var(--cream);border-radius:15px;min-width:0;position:relative;overflow:hidden}.barber-card:before{content:"";background:var(--barber-color);height:4px;position:absolute;top:0;left:0;right:0}.barber-top{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:13px 11px 8px;display:grid}.avatar{background:var(--barber-color);width:35px;height:35px;color:var(--ink);border-radius:11px;place-items:center;font-size:11px;font-weight:900;display:grid;position:relative;box-shadow:inset 0 -3px #00000014}.avatar i{background:#73d39a;border:2px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;bottom:-3px;right:-3px}.barber-top h3{margin:0 0 2px;font-size:12px}.barber-top p{color:var(--muted);margin:0;font-size:8px}.status-chip{text-transform:uppercase;border-radius:7px;padding:5px 6px;font-size:7px;font-weight:900}.status-chip.serving{background:var(--amber-pale);color:#9d5a05}.status-chip.available{background:var(--teal-pale);color:#22796d}.status-chip.break,.status-chip.off{color:#77736c;background:#ebe9e5}.chair-scene{background:#eeebe4;border-radius:12px;align-items:center;gap:9px;height:99px;margin:4px 10px 9px;padding:11px;display:flex;position:relative;overflow:hidden}.chair-scene:after{content:"";background:repeating-linear-gradient(90deg, var(--barber-color) 0 12px, transparent 12px 20px);opacity:.45;height:4px;position:absolute;bottom:0;left:0;right:0}.chair{background:var(--ink);width:48px;height:59px;color:var(--barber-color);border-radius:17px 17px 8px 8px;flex:none;place-items:center;font-size:18px;display:grid;box-shadow:inset 0 -8px #ffffff12}.current-client{min-width:0}.current-client small{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:7px;display:block}.current-client strong{text-overflow:ellipsis;white-space:nowrap;margin:3px 0;font-size:11px;display:block;overflow:hidden}.current-client span{color:var(--muted);font-size:8px;display:block}.current-client.empty strong{color:#7d7b75;white-space:normal;font-size:9px;line-height:1.3}.service-progress{color:var(--muted);grid-template-columns:auto 1fr auto;align-items:center;gap:7px;margin:-2px 11px 8px;font-size:7px;font-weight:800;display:grid}.service-progress>div{background:#ddd9d1;border-radius:8px;height:5px;overflow:hidden}.service-progress i{border-radius:inherit;background:linear-gradient(90deg, var(--barber-color), var(--amber));height:100%;transition:width .5s;display:block}.service-progress b{color:var(--ink);text-align:right;min-width:34px}.complete-burst{z-index:8;background:color-mix(in srgb, var(--teal) 91%, white);color:#fff;pointer-events:none;align-content:center;place-items:center;gap:5px;font-size:38px;font-weight:900;animation:1.5s both complete-pop;display:grid;position:absolute;inset:0}.complete-burst small{letter-spacing:.13em;font-size:8px}.barber-card.available .avatar{animation:2.8s ease-in-out infinite ready-breathe}.barber-card.available .avatar i{animation:2.2s ease-out infinite ready-dot}.barber-card.available .chair{animation:2.8s ease-in-out infinite chair-ready}.barber-card.available .chair-scene:after{animation:6s linear infinite barber-stripe}.barber-card.serving .chair span{transform-origin:50%;animation:1.35s ease-in-out infinite scissors-snip}.barber-card.serving .chair-scene:after{opacity:.8;animation:2.4s linear infinite barber-stripe}.barber-card.serving .chair-scene:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff75,#0000);width:42%;animation:3.4s ease-in-out infinite service-sweep;position:absolute;inset:0;transform:translate(-170%)}.barber-card.serving .chair-scene>*{z-index:1;position:relative}@keyframes ready-breathe{0%,to{box-shadow:inset 0 -3px 0 #00000014, 0 0 0 0 color-mix(in srgb, var(--barber-color) 0%, transparent);transform:scale(1)}50%{box-shadow:inset 0 -3px 0 #00000014, 0 0 0 7px color-mix(in srgb, var(--barber-color) 15%, transparent);transform:scale(1.055)}}@keyframes ready-dot{0%,45%,to{box-shadow:0 0 #32be7e6b}75%{box-shadow:0 0 0 7px #32be7e00}}@keyframes chair-ready{0%,to{box-shadow:inset 0 -8px #ffffff12,0 5px 14px #17202914}50%{box-shadow:inset 0 -8px 0 #ffffff12, 0 8px 22px color-mix(in srgb, var(--barber-color) 25%, transparent)}}@keyframes scissors-snip{0%,to{transform:rotate(-7deg)scale(1)}45%{transform:rotate(8deg)scale(.88)}58%{transform:rotate(5deg)scale(1.04)}}@keyframes barber-stripe{to{background-position:80px 0}}@keyframes service-sweep{0%,30%{transform:translate(-170%)}75%,to{transform:translate(340%)}}@keyframes complete-pop{0%{opacity:0;transform:scale(.88)}12%,72%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.04)}}.card-action{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:9px;width:calc(100% - 20px);margin:0 10px 8px;padding:8px 6px;font-size:8px;font-weight:900}.card-action.dark{background:var(--ink);color:#fff;border-color:var(--ink)}.card-action.ghost{color:var(--muted);background:0 0}.next-slot{border-top:1px solid var(--line);justify-content:space-between;gap:6px;padding:9px 10px;font-size:7px;display:flex}.next-slot span{color:var(--muted)}.next-slot b{text-align:right}.icon-button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:9px;width:30px;height:30px;font-size:17px}.queue-list{gap:8px;min-height:214px;display:grid}.queue-card{background:var(--cream);border:1px solid var(--line);border-radius:12px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:9px;padding:10px 8px;display:grid;position:relative;overflow:hidden}.ticket{background:var(--purple-pale);color:#6a53cb;border-radius:11px;flex:none;place-items:center;width:38px;height:38px;font-size:10px;font-weight:900;display:grid}.queue-main{min-width:0}.queue-main strong{font-size:10px;display:block}.queue-main p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:7px;overflow:hidden}.eta{text-align:right}.eta small{color:var(--muted);font-size:6px;display:block}.more-button{color:#a19c93;cursor:pointer;background:0 0;border:0;font-size:18px}.queue-path{background:#e7e2d9;height:2px;position:absolute;bottom:0;left:0;right:0}.queue-path i{background:var(--purple);width:50%;height:100%;display:block}.queue-path i.next{width:82%}.queue-preference{flex-wrap:wrap;grid-column:2/-1;align-items:flex-end;gap:6px;padding:2px 0 3px;display:flex}.queue-preference label{flex:130px;min-width:0}.queue-preference label>span{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;margin-bottom:4px;font-size:6px;font-weight:900;display:block}.queue-preference select{border:1px solid var(--line);width:100%;min-width:0;color:var(--ink);background:#fff;border-radius:7px;padding:6px 7px;font-size:7px;font-weight:800}.quick-switch{border:1px solid color-mix(in srgb, var(--teal) 42%, white);background:var(--teal-pale);color:color-mix(in srgb, var(--teal) 68%, black);cursor:pointer;white-space:nowrap;border-radius:7px;padding:6px 8px;font-size:7px;font-weight:900}.queue-preference select:disabled,.quick-switch:disabled{opacity:.55;cursor:wait}.wide-secondary{color:#6f6b64;cursor:pointer;background:0 0;border:1px dashed #beb9ae;border-radius:10px;width:100%;margin-top:11px;padding:10px;font-size:9px;font-weight:800}.wide-secondary:hover{background:#f7f4ee}.empty-state{text-align:center;min-height:180px;color:var(--muted);align-content:center;place-items:center;display:grid}.empty-state span{background:var(--teal-pale);color:#277e72;border-radius:50%;place-items:center;width:36px;height:36px;margin-bottom:8px;display:grid}.empty-state strong{color:var(--ink);font-size:11px}.empty-state p{margin:3px 0;font-size:9px}.toast{z-index:100;box-shadow:var(--shadow);border-radius:12px;align-items:center;gap:15px;padding:11px 15px;font-size:11px;font-weight:800;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%)}.toast.success{background:var(--ink);color:#fff}.toast.error{color:#8e3d34;background:#fff2ef;border:1px solid #e8bdb7}.toast button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:18px}.content-page{gap:16px;display:grid}.page-toolbar{background:var(--ink);color:#fff;border-radius:15px;justify-content:space-between;align-items:center;min-height:74px;padding:15px 17px;display:flex}.page-toolbar p{color:#aeb7bd;margin:0;font-size:11px}.table-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:16px;overflow:hidden}.table-head,.table-row{grid-template-columns:1.05fr 1.3fr 1.15fr .8fr .7fr 1.4fr;align-items:center;gap:14px;padding:13px 16px;display:grid}.table-head{text-transform:uppercase;letter-spacing:.08em;color:#88847d;background:#efede7;font-size:8px;font-weight:900}.table-row{border-top:1px solid #ebe7df;min-height:66px;font-size:10px}.table-row>span{min-width:0}.table-row strong{font-size:10px;display:block}.table-row small{color:var(--muted);margin-top:3px;font-size:8px;display:block}.row-actions{gap:6px;display:flex}.pill{text-transform:capitalize;background:#eeeae3;border-radius:8px;padding:6px 8px;font-size:8px;font-style:normal;font-weight:900;display:inline-block}.pill.confirmed{background:var(--teal-pale);color:#277d71}.mini-button{border:1px solid var(--line);cursor:pointer;white-space:nowrap;background:#fff;border-radius:8px;padding:6px 8px;font-size:8px;font-weight:900;text-decoration:none}.mini-button.wa{background:var(--teal-pale);color:#176b60;border-color:#b7ddd5}.mini-button.danger{color:var(--danger)}.mini-button:hover{filter:brightness(.97)}.inline-create{border:1px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:1.2fr 1fr 1fr auto;align-items:end;gap:10px;padding:16px;display:grid}.inline-create h2{margin:0;font-size:16px}.inline-create input,.inline-create select,.field input,.field select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:10px;min-width:0;padding:11px 12px;font-size:11px}.inline-create input,.inline-create select{height:40px}.inline-create input[type=color]{width:45px;padding:5px}.services-form{grid-template-columns:1.2fr 1fr .7fr .8fr .55fr auto}.customer-form{grid-template-columns:1.15fr 1fr .9fr 1.1fr auto}.customer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.customer-avatar{background:var(--ink);width:46px;height:46px;color:var(--amber);border-radius:15px;place-items:center;font-weight:900;display:grid}.customer-pagination{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;margin-top:2px;padding:11px 14px;display:flex}.customer-pagination p{color:var(--muted);margin:0;font-size:11px}.customer-pagination p strong{color:var(--ink)}.customer-pagination>div{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.customer-pagination button{border:1px solid var(--line);min-width:34px;height:34px;color:var(--ink);cursor:pointer;background:#fff;border-radius:9px;font-size:11px;font-weight:900}.customer-pagination button:hover:not(:disabled),.customer-pagination button:focus-visible{border-color:var(--amber);background:var(--amber-pale)}.customer-pagination button.active{border-color:var(--amber);background:var(--amber);color:var(--ink)}.customer-pagination button:disabled{cursor:not-allowed;opacity:.38}.membership-card{appearance:none;border:1px solid color-mix(in srgb, var(--amber) 50%, var(--ink));background:linear-gradient(145deg, color-mix(in srgb, var(--ink) 90%, white), var(--ink) 68%);color:#fff;text-align:left;cursor:pointer;border-radius:18px;flex-direction:column;width:100%;min-width:0;min-height:218px;padding:18px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 34px #17202929,inset 0 0 0 1px #ffffff0f}.membership-card:hover{border-color:var(--amber);transform:translateY(-3px);box-shadow:0 20px 42px #17202938,inset 0 0 0 1px #ffffff14}.membership-card:focus-visible{outline-color:var(--amber)}.membership-stripe{background:repeating-linear-gradient(-45deg, white 0 10px, var(--amber) 10px 20px, var(--teal) 20px 30px);height:7px;position:absolute;inset:0 0 auto}.membership-card header{z-index:1;justify-content:space-between;align-items:flex-start;gap:9px;display:flex;position:relative}.member-brand{align-items:center;gap:9px;min-width:0;display:flex}.member-brand>span:last-child{min-width:0}.member-logo{background:var(--amber);width:34px;height:34px;color:var(--ink);border-radius:10px;flex:none;place-items:center;font-size:18px;font-weight:900;display:grid;transform:rotate(-3deg);box-shadow:3px 3px #00000038}.member-brand strong{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.04em;font-size:12px;display:block;overflow:hidden}.member-brand small{color:#aeb8be;letter-spacing:.08em;margin-top:2px;font-size:8px;display:block}.member-tier{color:var(--amber);letter-spacing:.1em;background:#ffffff12;border:1px solid #ffffff2b;border-radius:7px;flex:none;padding:5px 7px;font-size:8px;font-weight:900}.member-body{z-index:1;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin:28px 0 22px;display:grid;position:relative}.member-avatar{border:2px solid color-mix(in srgb, var(--amber) 65%, white);width:48px;height:48px;color:var(--amber);background:#ffffff14;border-radius:50%;place-items:center;font-size:14px;font-weight:900;display:grid}.member-identity{min-width:0}.member-identity small,.member-points small{color:#96a3aa;text-transform:uppercase;letter-spacing:.1em;font-size:8px;display:block}.member-identity h3{text-overflow:ellipsis;white-space:nowrap;margin:0 0 4px;font-size:17px;overflow:hidden}.member-identity p{color:#d0d6d9;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;overflow:hidden}.member-points{text-align:right;min-width:72px}.member-points strong{color:var(--amber);margin:2px 0;font-size:36px;line-height:.9;display:block}.member-points span{color:#aeb8be;letter-spacing:.1em;font-size:9px;font-weight:900}.member-update-hint{z-index:2;border-top:1px solid #ffffff1c;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:11px;display:flex;position:relative}.member-update-hint span{color:#9da8ae;font-size:10px}.member-update-hint b{color:var(--amber);letter-spacing:.03em;font-size:10px}.membership-card footer{z-index:2;justify-content:space-between;align-items:flex-end;gap:8px;margin-top:auto;display:flex;position:relative}.member-gender>span{color:#aeb8be;margin-bottom:3px;font-size:9px;display:block}.member-gender select{color:#fff;background:#ffffff17;border:0;border-radius:6px;max-width:125px;padding:5px 6px;font-size:9px}.member-gender select option{color:var(--ink)}.member-actions{gap:5px;display:flex}.member-actions button{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:7px;padding:6px 8px;font-size:9px;font-weight:900}.member-actions button:last-child{border-color:color-mix(in srgb, var(--amber) 55%, transparent);background:var(--amber);color:var(--ink)}.member-actions button:hover{transform:translateY(-1px)}.member-watermark{color:#fff;opacity:.025;pointer-events:none;font-size:100px;line-height:1;position:absolute;bottom:-29px;right:7px;transform:rotate(-16deg)}.gender-inline{color:#928d84;align-items:center;gap:3px;font-size:8px;display:flex}.gender-inline select{color:var(--muted);background:0 0;border:0;max-width:122px;padding:0;font-size:8px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.service-card{border:1px solid color-mix(in srgb, var(--ink) 14%, var(--line));background:linear-gradient(148deg, white 0 72%, color-mix(in srgb, var(--amber-pale) 45%, white));border-radius:19px;flex-direction:column;gap:16px;min-width:0;min-height:272px;padding:23px 20px 18px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 34px #17202914}.service-card:hover{border-color:color-mix(in srgb, var(--amber) 55%, var(--line));transform:translateY(-3px);box-shadow:0 19px 42px #17202921}.service-card.inactive{color:color-mix(in srgb, var(--ink) 67%, white);box-shadow:none;background:linear-gradient(148deg,#f5f3ef 0 72%,#ebe8e2)}.service-card-stripe{background:repeating-linear-gradient(-45deg, white 0 12px, var(--amber) 12px 24px, var(--teal) 24px 36px);height:8px;position:absolute;inset:0 0 auto}.service-card-header{z-index:1;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;display:grid;position:relative}.service-mark{border:1px solid color-mix(in srgb, var(--amber) 40%, white);background:var(--ink);width:48px;height:48px;color:var(--amber);box-shadow:4px 4px 0 color-mix(in srgb, var(--amber) 65%, transparent);border-radius:14px;place-items:center;font-size:23px;display:grid;transform:rotate(-3deg)}.service-title{min-width:0}.service-title small{color:var(--muted);letter-spacing:.13em;margin-bottom:3px;font-size:9px;font-weight:900;display:block}.service-card h3{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:17px;line-height:1.2;overflow:hidden}.service-status{letter-spacing:.04em;border-radius:999px;align-self:start;padding:6px 9px;font-size:9px;font-weight:900}.service-status.active{border:1px solid color-mix(in srgb, var(--teal) 40%, white);background:var(--teal-pale);color:color-mix(in srgb, var(--teal) 70%, black)}.service-status.inactive{color:#79746b;background:#ebe8e2;border:1px solid #d8d3ca}.service-meta{z-index:1;border:1px solid var(--line);background:color-mix(in srgb, var(--cream) 75%, white);border-radius:12px;grid-template-columns:1fr 1fr;display:grid;position:relative;overflow:hidden}.service-meta>span{padding:11px 13px}.service-meta>span+span{border-left:1px solid var(--line)}.service-meta small,.service-price small{color:var(--muted);margin-bottom:3px;font-size:10px;font-weight:800;display:block}.service-meta strong{color:var(--ink);font-size:13px;display:block}.service-price{z-index:1;position:relative}.service-price strong{color:var(--ink);letter-spacing:-.025em;font-size:24px;line-height:1.1;display:block}.service-actions{z-index:2;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;display:grid;position:relative}.service-actions button{cursor:pointer;border-radius:10px;min-height:39px;padding:9px 11px;font-size:11px;font-weight:900}.service-update-button{border:1px solid var(--ink);background:var(--ink);color:#fff}.service-toggle-button{border:1px solid var(--line);color:var(--ink);background:#fff}.service-actions button:hover,.service-actions button:focus-visible{filter:brightness(.97);transform:translateY(-1px)}.service-watermark{color:var(--ink);opacity:.025;pointer-events:none;font-size:108px;line-height:1;position:absolute;bottom:31px;right:-8px;transform:rotate(-14deg)}.team-layout{grid-template-columns:240px 1fr;gap:14px;display:grid}.team-list{border:1px solid var(--line);background:#fff;border-radius:16px;align-content:start;gap:5px;padding:8px;display:grid}.team-select{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:9px;display:grid}.team-select:hover,.team-select.active{border-color:var(--line);background:#f5f1ea}.avatar.small{width:34px;height:34px;font-size:9px}.team-select strong{font-size:10px;display:block}.team-select small{color:var(--muted);margin-top:2px;font-size:8px;display:block}.status-dot{background:#aaa;border-radius:50%;width:8px;height:8px}.status-dot.available{background:var(--teal)}.status-dot.serving{background:var(--amber)}.schedule-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:17px}.week-strip{grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:16px;display:grid}.day{text-align:center;border:1px solid var(--line);background:#f3f0e9;border-radius:10px;padding:9px 5px}.day span{color:var(--muted);font-size:8px;display:block}.day strong{margin-top:3px;font-size:7px;display:block}.day.active{background:var(--teal-pale);border-color:#b8ddd6}.day.off{color:#aaa}.schedule-columns{grid-template-columns:1fr 1.25fr;gap:12px;display:grid}.schedule-columns form{background:var(--cream);border:1px solid var(--line);border-radius:13px;padding:12px}.schedule-columns h3,.exception-list h3{margin-bottom:10px;font-size:11px}.field{margin-bottom:11px;display:block}.field>span{color:#5f625f;margin-bottom:6px;font-size:9px;font-weight:800;display:block}.form-grid{gap:9px;display:grid}.form-grid.two{grid-template-columns:1fr 1fr}.exception-list{margin-top:15px}.exception-list>p{color:var(--muted);font-size:9px}.exception-list>div{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:9px 0;display:grid}.exception-list strong{font-size:9px}.exception-list p{color:var(--muted);grid-column:2;margin:-4px 0 0;font-size:8px}.exception-list button{color:var(--danger);cursor:pointer;background:#f3e6e3;border:0;border-radius:7px;grid-area:1/3/3;width:25px;height:25px}.block-type{text-transform:uppercase;background:#eeeae3;border-radius:7px;padding:5px 7px;font-size:7px;font-weight:900}.block-type.leave{color:#9b4e45;background:#f5e2df}.block-type.break{background:var(--amber-pale);color:#956019}.block-type.unavailable{background:var(--purple-pale);color:#6652bb}.report-cards{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.report-cards article{border:1px solid var(--line);background:#fff;border-radius:15px;padding:16px}.report-cards small{color:var(--muted);font-size:9px}.report-cards strong{margin:4px 0;font-size:22px;display:block}.report-cards p{color:#929088;margin:0;font-size:8px}.table-head.transactions,.table-row.transactions{grid-template-columns:1.2fr 1.1fr 1fr .8fr .7fr .8fr}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f161ca8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal-card{background:var(--cream);border-radius:20px;width:min(540px,100%);max-height:calc(100vh - 36px);padding:25px;position:relative;overflow:auto;box-shadow:0 35px 100px #00000059}.modal-card h2{margin-bottom:6px;font-size:22px}.modal-close{cursor:pointer;background:#ebe7df;border:0;border-radius:10px;width:32px;height:32px;font-size:19px;position:absolute;top:15px;right:16px}.form-intro{color:var(--muted);margin-bottom:18px;font-size:10px}.submit-button{width:100%;margin-top:5px;padding:13px}.slot-grid{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.slot{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:9px;padding:8px 5px;font-size:9px;font-weight:800}.slot:hover,.slot.selected{background:var(--ink);color:#fff;border-color:var(--ink)}.no-slot{color:var(--muted);background:#eeeae3;border-radius:9px;grid-column:1/-1;margin:0;padding:11px;font-size:9px}.checkout-summary{border:1px solid var(--line);background:#fff;border-radius:13px;align-items:center;gap:12px;margin:15px 0;padding:11px;display:flex}.checkout-summary strong{font-size:12px}.checkout-summary p{color:var(--muted);margin:3px 0 0;font-size:9px}.payment-methods{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.payment-methods label{cursor:pointer}.payment-methods input{opacity:0;pointer-events:none;position:absolute}.payment-methods span{border:1px solid var(--line);text-align:center;text-transform:capitalize;background:#fff;border-radius:9px;padding:9px 5px;font-size:8px;font-weight:900;display:block}.payment-methods input:checked+span{background:var(--ink);color:#fff;border-color:var(--ink)}.points-preview{background:var(--amber-pale);color:#88540e;border-radius:10px;margin-bottom:10px;padding:10px;font-size:9px}.customer-lookup{margin-bottom:4px}.lookup-search{position:relative}.lookup-search>span{color:var(--muted);pointer-events:none;font-size:19px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.lookup-search input{padding-left:38px}.lookup-hint{color:var(--muted);margin:-4px 0 10px;font-size:11px}.lookup-results{border:1px solid var(--line);background:#fff;border-radius:12px;gap:5px;margin:-4px 0 12px;padding:6px;display:grid;box-shadow:0 12px 25px #17202914}.lookup-results>button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:8px;display:grid}.lookup-results>button:hover,.lookup-results>button:focus-visible{background:var(--teal-pale)}.lookup-results strong{font-size:12px;display:block}.lookup-results small{color:var(--muted);margin-top:2px;font-size:10px;display:block}.lookup-results b{color:#9a5f13;font-size:10px}.lookup-results>p{color:var(--muted);text-align:center;margin:0;padding:10px;font-size:11px}.customer-avatar.mini{border-radius:9px;width:32px;height:32px;font-size:9px}.lookup-selected{border:1px solid color-mix(in srgb, var(--teal) 38%, white);background:var(--teal-pale);border-radius:10px;grid-template-columns:1fr auto;gap:2px 10px;margin:-3px 0 12px;padding:10px 12px;display:grid}.lookup-selected span{color:color-mix(in srgb, var(--teal) 72%, black);text-transform:uppercase;letter-spacing:.06em;grid-column:1/-1;font-size:9px;font-weight:900}.lookup-selected strong{font-size:12px}.lookup-selected small{color:var(--muted);font-size:10px}@media (max-width:1080px){.barber-grid{grid-template-columns:1fr}.arena-layout{grid-template-columns:1.35fr .8fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.services-form{grid-template-columns:1fr 1fr 1fr}.services-form>div{grid-column:1/-1}.team-layout{grid-template-columns:1fr}.team-list{grid-template-columns:repeat(3,1fr)}}@media (max-width:760px){.app-shell{display:block}.side-nav{z-index:40;flex-direction:row;width:100%;height:68px;padding:8px;position:fixed;top:auto;bottom:0;box-shadow:0 -8px 25px #0000002e}.brand,.side-foot{display:none}.side-nav nav{grid-template-columns:repeat(6,1fr);gap:3px;width:100%;display:grid}.nav-item{flex-direction:column;justify-content:center;gap:2px;padding:7px 2px}.nav-item span{font-size:15px}.nav-item em{font-size:7px}.main-content{padding:18px 14px 92px}.topbar{align-items:flex-start}.top-actions{flex-direction:column-reverse;align-items:stretch}.mode-switch button{padding:7px 8px;font-size:8px}.primary-button{padding:10px 12px}.mode-banner{grid-template-columns:auto 1fr}.day-level{grid-column:1/-1}.stat-grid{gap:8px}.stat-grid article{padding:11px}.arena-layout,.barber-grid,.customer-grid,.service-grid{grid-template-columns:1fr}.customer-pagination{flex-direction:column;align-items:stretch}.customer-pagination>div{justify-content:flex-start}.inline-create,.services-form{grid-template-columns:1fr}.inline-create>div,.services-form>div{grid-column:auto}.table-card{overflow-x:auto}.table-head,.table-row{min-width:760px}.team-list{grid-template-columns:1fr}.week-strip{grid-template-columns:repeat(7,82px);overflow-x:auto}.schedule-columns,.report-cards{grid-template-columns:1fr}.payment-methods{grid-template-columns:repeat(2,1fr)}}.app-shell{--amber-pale:color-mix(in srgb, var(--amber) 19%, white);--teal-pale:color-mix(in srgb, var(--teal) 18%, white)}.side-nav{overflow:hidden}.side-nav:after{content:"";opacity:.16;background:repeating-linear-gradient(-35deg, white 0 14px, var(--amber) 14px 28px, var(--teal) 28px 42px);border-radius:30px;width:48px;height:180px;position:absolute;top:34%;right:-31px;transform:rotate(8deg)}.barber-pole{background:repeating-linear-gradient(-38deg, white 0 6px, var(--amber) 6px 12px, var(--teal) 12px 18px);border:2px solid #ffffffbf;border-radius:5px;flex:none;width:7px;height:40px;box-shadow:0 0 0 2px #00000021}.topbar{margin-bottom:9px}.barber-ornament{height:18px;color:color-mix(in srgb, var(--ink) 48%, transparent);letter-spacing:.18em;text-transform:uppercase;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-bottom:17px;font-size:7px;font-weight:900;display:grid}.barber-ornament i{background:repeating-linear-gradient(90deg, var(--amber) 0 18px, var(--ink) 18px 29px, var(--teal) 29px 47px);opacity:.7;height:2px}.panel{position:relative;overflow:hidden}.barber-panel:after{content:"✂";color:var(--ink);opacity:.025;pointer-events:none;font-size:110px;position:absolute;bottom:-20px;right:12px;transform:rotate(-14deg)}.chair-scene{background-color:#eeebe4;background-image:repeating-linear-gradient(90deg,#0000 0 18px,#17202909 18px 19px)}.points-preview{color:color-mix(in srgb, var(--ink) 75%, black);gap:5px;display:grid}.barber-form{grid-template-columns:repeat(4,1fr)}.barber-form>div{grid-column:1/-1}.barber-head-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.barber-head-actions form{border:1px solid var(--line);background:var(--cream);border-radius:9px;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:5px;padding:5px 6px 5px 9px;font-size:10px;display:flex}.barber-head-actions form span{font-weight:900}.barber-head-actions form input{background:#fff;border:0;border-radius:5px;width:76px;padding:6px;font-size:11px}.barber-head-actions form select{max-width:125px;color:var(--ink);background:#fff;border:0;border-radius:5px;padding:6px;font-size:11px}.commission-rule{font-weight:900;color:color-mix(in srgb, var(--teal) 72%, black)!important}.barber-head-actions form button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:5px;padding:5px 7px;font-size:7px;font-weight:900}.barber-profile-button{border:1px solid color-mix(in srgb, var(--amber) 55%, var(--line));background:var(--amber-pale);color:color-mix(in srgb, var(--amber) 65%, black);cursor:pointer;border-radius:8px;padding:7px 10px;font-size:10px;font-weight:900}.barber-profile-button:hover{border-color:var(--amber);background:var(--amber);color:var(--ink)}.barber-identity{color:var(--muted);margin:4px 0 0;font-size:10px;font-weight:800}.barber-stats{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px;display:grid}.barber-stats article{border:1px solid var(--line);background:#f3f0e9;border-radius:11px;padding:11px}.barber-stats article.commission{background:var(--amber-pale);border-color:color-mix(in srgb, var(--amber) 38%, white)}.barber-stats small{color:var(--muted);font-size:7px;font-weight:800;display:block}.barber-stats strong{margin:3px 0;font-size:14px;display:block}.barber-stats p{color:#928d84;margin:0;font-size:7px}.performance-section{border-top:3px double var(--line);margin-top:18px;padding-top:16px}.history-toolbar{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:10px;display:flex}.history-toolbar h3{margin:0;font-size:13px}.date-filter{align-items:flex-end;gap:7px;display:flex}.date-filter label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:7px;font-weight:900}.date-filter input{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:7px;margin-top:4px;padding:7px;font-size:8px;display:block}.date-filter>span{color:#aaa49a;padding-bottom:8px}.range-summary{background:var(--ink);color:#fff;border-radius:11px;grid-template-columns:repeat(4,1fr);margin-bottom:9px;padding:10px;display:grid}.range-summary span{border-right:1px solid #ffffff21;padding:2px 10px}.range-summary span:last-child{border:0}.range-summary small{color:#abb4b9;font-size:7px;display:block}.range-summary b{margin-top:3px;font-size:12px;display:block}.range-summary .accent b{color:var(--amber)}.history-table{border:1px solid var(--line);border-radius:11px;overflow:hidden}.history-head,.history-row{grid-template-columns:1.1fr 1.1fr 1fr .8fr .8fr;align-items:center;gap:8px;padding:9px 10px;display:grid}.history-head{color:#87827a;text-transform:uppercase;letter-spacing:.07em;background:#efede7;font-size:7px;font-weight:900}.history-row{border-top:1px solid var(--line);font-size:8px}.history-row strong{display:block}.history-row small{color:var(--muted);margin-top:2px;display:block}.commission-cell{color:color-mix(in srgb, var(--teal) 70%, black);font-weight:900}.history-empty{text-align:center;color:var(--muted);padding:24px;font-size:9px}.report-cards.four{grid-template-columns:repeat(4,1fr)}.table-head.transactions.commission-history,.table-row.transactions.commission-history{grid-template-columns:1.1fr 1fr .9fr .7fr .65fr .8fr .8fr}.theme-hero{background:var(--ink);color:#fff;border-radius:17px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:20px;display:grid;position:relative;overflow:hidden}.theme-hero h2{margin-bottom:5px;font-size:20px}.theme-hero p:last-child{color:#abb4b9;margin:0;font-size:9px}.theme-hero>span{color:var(--amber);font-size:45px;transform:rotate(-12deg)}.theme-pole{background:repeating-linear-gradient(-35deg, white 0 9px, var(--amber) 9px 18px, var(--teal) 18px 27px);border:3px solid #fff;border-radius:10px;width:16px;height:62px}.theme-layout{grid-template-columns:1fr .9fr;gap:15px;display:grid}.theme-controls,.theme-preview{border:1px solid var(--line);background:#fff;border-radius:16px;padding:17px}.preset-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:18px;display:grid}.preset-grid button{border:1px solid var(--line);background:var(--cream);cursor:pointer;text-align:left;border-radius:10px;padding:10px}.preset-grid button>span{border-radius:6px;height:20px;margin-bottom:7px;display:flex;overflow:hidden}.preset-grid i{flex:1}.preset-grid strong{font-size:9px}.color-form{border-top:1px solid var(--line);padding-top:14px}.color-form h3{margin-bottom:11px;font-size:11px}.color-form label{grid-template-columns:1fr auto 95px;align-items:center;gap:8px;margin-bottom:8px;font-size:9px;font-weight:800;display:grid}.color-form input[type=color]{border:1px solid var(--line);background:#fff;border-radius:7px;width:34px;height:28px;padding:2px}.color-form input:not([type=color]){border:1px solid var(--line);text-transform:uppercase;border-radius:7px;padding:7px;font-size:8px}.theme-preview{--preview-ink:#172029;--preview-accent:#efa43d;--preview-secondary:#58b9aa;--preview-canvas:#f4f1eb;align-self:start;padding:0;position:sticky;top:20px;overflow:hidden}.preview-bar{background:var(--preview-ink);color:#fff;align-items:center;gap:9px;height:58px;padding:12px 16px;display:flex}.preview-bar strong{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.04em;max-width:70%;overflow:hidden}.preview-bar i{color:var(--preview-accent);font-size:8px;font-style:normal}.mini-pole{background:repeating-linear-gradient(-35deg, white 0 5px, var(--preview-accent) 5px 10px, var(--preview-secondary) 10px 15px);border-radius:5px;width:8px;height:34px}.preview-body{background:var(--preview-canvas);min-height:360px;padding:18px}.preview-title{justify-content:space-between;font-weight:900;display:flex}.preview-title button{background:var(--preview-accent);color:var(--preview-ink);border:0;border-radius:7px;padding:7px 9px;font-size:7px;font-weight:900}.preview-stats{grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0;display:grid}.preview-stats span{background:#fff;border-radius:8px;padding:10px;font-size:7px}.preview-stats i{color:var(--preview-secondary);font-size:16px;font-style:normal;font-weight:900;display:block}.preview-chairs{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.preview-chairs>span{height:120px;color:var(--preview-ink);border-top:4px solid var(--preview-secondary);background:#fff;border-radius:9px;align-content:center;place-items:center;font-size:28px;display:grid}.preview-chairs>span:nth-child(2){border-color:var(--preview-accent)}.preview-chairs i{margin-top:8px;font-size:7px;font-style:normal;display:block}.preview-stripes{background:repeating-linear-gradient(90deg, var(--preview-accent) 0 18px, var(--preview-ink) 18px 30px, var(--preview-secondary) 30px 48px);height:5px;margin-top:15px}@media (max-width:1080px){.barber-stats{grid-template-columns:repeat(2,1fr)}.theme-layout{grid-template-columns:1fr}.theme-preview{position:static}.barber-form{grid-template-columns:1fr 1fr 1fr}.barber-form>div{grid-column:1/-1}}@media (max-width:760px){.side-nav nav{grid-template-columns:repeat(7,1fr);gap:2px}.nav-item{padding-left:1px;padding-right:1px}.nav-item span{font-size:14px}.nav-item em{font-size:6px}.barber-form{grid-template-columns:1fr}.barber-form>div{grid-column:auto}.report-cards.four{grid-template-columns:1fr}.barber-head-actions{flex-direction:column;align-items:flex-end}.barber-stats{grid-template-columns:1fr 1fr}.history-toolbar{flex-direction:column;align-items:flex-start}.date-filter{width:100%}.date-filter label{flex:1}.date-filter input{width:100%}.range-summary{grid-template-columns:1fr 1fr;gap:8px}.range-summary span{border-right:0}.history-table{overflow-x:auto}.history-head,.history-row{min-width:630px}.preset-grid{grid-template-columns:1fr}.color-form label{grid-template-columns:1fr auto 88px}}body{font-size:15px;line-height:1.45}.eyebrow,.brand small,.side-foot p{font-size:11px}.mode-banner strong{font-size:15px}.mode-banner p{font-size:12px}.day-level,.stat-grid small,.stat-grid p{font-size:11px}.stat-grid strong{font-size:26px}.panel-badge{font-size:10px}.panel-head h2{font-size:19px}.barber-top h3{font-size:14px}.barber-top p{font-size:11px}.status-chip,.current-client small{font-size:9px}.current-client strong{font-size:13px}.current-client span,.current-client.empty strong{font-size:10px}.service-progress,.next-slot{font-size:9px}.card-action{padding-block:10px;font-size:11px}.queue-main strong{font-size:13px}.queue-main p{font-size:10px}.eta small{font-size:9px}.eta strong{font-size:14px}.queue-preference label>span{font-size:9px}.queue-preference select,.quick-switch{padding:8px;font-size:10px}.page-toolbar p{font-size:13px}.table-head{font-size:10px}.table-row,.table-row strong{font-size:12px}.table-row small,.pill,.mini-button{font-size:10px}.inline-create input,.inline-create select,.field input,.field select{font-size:13px}.customer-info h3{font-size:15px}.customer-info p{font-size:12px}.gender-inline,.gender-inline select,.loyalty-box span{font-size:10px}.service-card h3{font-size:14px}.service-card p{font-size:11px}.service-card>strong{font-size:14px}.team-select strong{font-size:13px}.team-select small{font-size:10px;line-height:1.35}.field>span{font-size:11px}.day span{font-size:10px}.day strong{font-size:9px}.schedule-columns h3,.exception-list h3{font-size:13px}.exception-list>p,.exception-list strong{font-size:11px}.exception-list p,.block-type,.barber-stats small,.barber-stats p{font-size:10px}.barber-stats strong{font-size:16px}.date-filter label{font-size:10px}.date-filter input{font-size:11px}.range-summary small{font-size:10px}.range-summary b{font-size:14px}.history-head{font-size:10px}.history-row,.history-empty,.report-cards small,.report-cards p,.theme-hero p:last-child,.preset-grid strong,.color-form label,.color-form input:not([type=color]){font-size:11px}.member-brand strong{font-size:13px}.member-brand small,.member-tier,.member-identity small,.member-points span{font-size:9px}.member-points small{font-size:11px;font-weight:900}.member-gender>span,.member-gender select,.member-actions button{font-size:10px}@media (min-width:761px) and (max-width:900px){.membership-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.nav-item em{font-size:9px}.barber-head-actions{align-items:stretch}.barber-head-actions form{justify-content:flex-start}.barber-head-actions form select{max-width:150px}.side-nav nav{grid-template-columns:repeat(auto-fit,minmax(38px,1fr))}.nav-logout{background:#c7615521;border-color:#0000;margin-top:0}.nav-logout span{color:#f0a39a}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.logout-button:disabled{opacity:.55;cursor:wait}.auth-logout{border-top:1px solid var(--line);text-align:center;gap:8px;margin-top:18px;padding-top:16px;display:grid}.auth-logout>span{color:var(--muted);font-size:10px;font-weight:800}.auth-shell{background:radial-gradient(circle at 12% 15%, color-mix(in srgb, var(--amber) 20%, transparent), transparent 25%), linear-gradient(145deg, #111820, #24313a);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:var(--cream);border:1px solid #ffffff1f;border-radius:24px;width:min(440px,100%);padding:38px;position:relative;overflow:hidden;box-shadow:0 35px 90px #00000057}.auth-pole{background:repeating-linear-gradient(-45deg, white 0 13px, var(--amber) 13px 26px, var(--teal) 26px 39px);height:9px;position:absolute;inset:0 0 auto}.auth-card h1{letter-spacing:-.04em;margin:5px 0 8px;font-size:31px}.auth-intro{color:var(--muted);margin:0 0 24px;font-size:13px}.auth-card form{gap:14px;display:grid}.auth-card label span{color:#5f625f;margin-bottom:6px;font-size:11px;font-weight:900;display:block}.auth-card input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:11px;padding:13px 14px;font-size:14px}.auth-card form button,.logout-button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:11px;padding:13px 16px;font-weight:900}.auth-card form button:disabled{opacity:.55;cursor:wait}.auth-card>small{color:var(--muted);text-align:center;margin-top:20px;font-size:10px;display:block}.auth-error{color:#8f3f36;background:#f8e7e4;border:1px solid #e4b4ad;border-radius:10px;padding:10px 12px;font-size:12px}.license-card{text-align:center}.license-date{background:var(--amber-pale);border-radius:10px;padding:11px;font-size:12px}.logout-button{width:100%}.logout-button.compact{background:#ffffff17;border:1px solid #ffffff38;width:auto;padding:9px 13px;font-size:11px}.shop-switcher{text-align:left;gap:3px;display:grid}.shop-switcher span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:8px;font-weight:900}.shop-switcher select{border:1px solid var(--line);min-width:150px;color:var(--ink);background:#fff;border-radius:9px;padding:8px 10px;font-size:10px;font-weight:800}.license-card .shop-switcher{margin:14px 0}.license-card .shop-switcher select{width:100%}.backoffice-loading{background:var(--cream);min-height:100vh;color:var(--muted);place-items:center;display:grid}.backoffice-shell{min-height:100vh;color:var(--ink);background:#f3f0ea;padding-bottom:48px}.backoffice-header{background:var(--ink);color:#fff;justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:14px clamp(18px,4vw,52px);display:flex}.backoffice-brand,.backoffice-user{align-items:center;gap:12px;display:flex}.backoffice-brand small,.backoffice-user small{color:#aeb8be;letter-spacing:.1em;font-size:9px;font-weight:900;display:block}.backoffice-brand strong,.backoffice-user strong{margin-top:2px;font-size:15px;display:block}.backoffice-pole{background:repeating-linear-gradient(-38deg, white 0 7px, var(--amber) 7px 14px, var(--teal) 14px 21px);border:2px solid #fff;border-radius:8px;width:13px;height:45px}.backoffice-user{text-align:right}.backoffice-alert,.credential-banner{border-radius:12px;width:min(1180px,100% - 36px);margin:16px auto 0;padding:12px 15px;font-size:12px;font-weight:800}.backoffice-alert.error{color:#8f3f36;background:#f8e7e4;border:1px solid #e4b4ad}.backoffice-alert.success{background:var(--teal-pale);color:#176b60;border:1px solid #a8d7ce}.credential-banner{background:var(--ink);color:#fff;box-shadow:var(--shadow);justify-content:space-between;align-items:center;gap:16px;display:flex}.credential-banner small{color:var(--amber);letter-spacing:.08em;font-size:9px;display:block}.credential-banner strong{letter-spacing:.05em;margin-top:4px;font-family:ui-monospace,monospace;font-size:20px;display:block}.credential-banner button{background:var(--amber);color:var(--ink);cursor:pointer;border:0;border-radius:8px;padding:9px 13px;font-weight:900}.credential-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0f161cb8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.credential-modal{border:1px solid color-mix(in srgb, var(--amber) 45%, white);background:var(--cream);text-align:center;border-radius:22px;width:min(520px,100%);padding:30px;box-shadow:0 35px 100px #0000006b}.credential-modal-mark{background:var(--amber-pale);border-radius:16px;place-items:center;width:52px;height:52px;margin:0 auto 12px;font-size:24px;display:grid}.credential-modal h2{margin:4px 0 8px;font-size:24px}.credential-modal>p:not(.eyebrow){max-width:410px;color:var(--muted);margin:0 auto 20px;font-size:12px;line-height:1.55}.credential-modal>strong{overflow-wrap:anywhere;border:2px dashed color-mix(in srgb, var(--amber) 55%, var(--line));letter-spacing:.06em;background:#fff;border-radius:12px;padding:15px;font-family:ui-monospace,monospace;font-size:clamp(18px,4vw,26px);display:block}.credential-modal>div{grid-template-columns:1fr 1fr;gap:9px;margin-top:18px;display:grid}.credential-modal button{cursor:pointer;border:0;border-radius:10px;padding:12px;font-weight:900}.copy-credential{background:var(--amber);color:var(--ink)}.close-credential{background:var(--ink);color:#fff}.backoffice-hero{grid-template-columns:1fr auto;align-items:center;gap:24px;width:min(1180px,100% - 36px);margin:30px auto 18px;display:grid}.backoffice-hero h1{letter-spacing:-.045em;margin:2px 0 5px;font-size:clamp(28px,4vw,42px)}.backoffice-hero p:last-child{color:var(--muted);margin:0;font-size:13px}.backoffice-metrics{border:1px solid var(--line);background:#fff;border-radius:15px;grid-template-columns:repeat(3,118px);display:grid;overflow:hidden}.backoffice-metrics span{border-left:1px solid var(--line);padding:15px}.backoffice-metrics span:first-child{border:0}.backoffice-metrics b{font-size:23px;display:block}.backoffice-metrics small{color:var(--muted);font-size:9px}.backoffice-create{border:1px solid var(--line);width:min(1180px,100% - 36px);box-shadow:var(--shadow);background:#fff;border-radius:14px;margin:0 auto 18px;padding:0 16px}.backoffice-create summary{cursor:pointer;padding:14px 0;font-size:12px;font-weight:900}.backoffice-create form{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:10px;padding:15px 0;display:grid}.backoffice-create label span,.backoffice-panel label span{color:var(--muted);margin-bottom:5px;font-size:10px;font-weight:900;display:block}.backoffice-create input,.backoffice-panel input,.backoffice-panel textarea,.add-user-form input,.add-user-form select,.shop-detail-title select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:9px;padding:10px;font-size:12px}.backoffice-create .wide{grid-column:span 2}.backoffice-create button,.backoffice-panel button,.add-user-form button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:9px;align-self:end;padding:10px 14px;font-size:11px;font-weight:900}.backoffice-layout{grid-template-columns:280px minmax(0,1fr);gap:15px;width:min(1180px,100% - 36px);margin:0 auto;display:grid}.shop-list,.shop-detail,.audit-panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:17px}.shop-list{align-self:start;padding:9px}.shop-list h2{padding:6px 8px 10px;font-size:14px}.shop-list>button{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;padding:10px;display:grid}.shop-list>button:hover,.shop-list>button.active{border-color:var(--line);background:var(--cream)}.shop-list strong,.shop-list small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.shop-list strong{font-size:12px}.shop-list small{color:var(--muted);margin-top:3px;font-size:9px}.shop-list i{border-radius:999px;padding:4px 7px;font-size:8px;font-style:normal;font-weight:900}.license-ok{background:var(--teal-pale);color:#176b60}.license-expired{color:#963f35;background:#f8e7e4}.shop-detail{min-width:0;padding:18px}.shop-detail-title{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.shop-detail-title h2{margin:1px 0 3px;font-size:22px}.shop-detail-title p:last-child{color:var(--muted);margin:0;font-size:11px}.shop-detail-title select{width:auto}.backoffice-panels{grid-template-columns:1fr 1fr;gap:12px;display:grid}.backoffice-panel{border:1px solid var(--line);background:var(--cream);border-radius:13px;align-content:start;gap:9px;padding:14px;display:grid}.backoffice-panel h3{margin:0 0 4px;font-size:14px}.backoffice-panel textarea{resize:vertical;min-height:66px}.license-summary{border-radius:10px;grid-template-columns:1fr auto;padding:11px;display:grid}.license-summary small{grid-column:1/-1;font-size:9px}.license-summary strong{font-size:16px}.license-summary span{font-size:11px}.license-summary.active{background:var(--teal-pale);color:#176b60}.license-summary.expired{color:#963f35;background:#f8e7e4}.users-panel{border:1px solid var(--line);border-radius:13px;margin-top:14px;padding:14px}.users-panel h3{margin:1px 0 12px;font-size:15px}.add-user-form{grid-template-columns:1fr 1fr .8fr auto;gap:8px;margin-bottom:13px;display:grid}.user-table{border:1px solid var(--line);border-radius:10px;overflow:hidden}.user-head,.user-row{grid-template-columns:1.3fr .55fr .55fr 1.35fr;align-items:center;gap:8px;padding:9px 10px;display:grid}.user-head{color:var(--muted);text-transform:uppercase;background:#eeebe5;font-size:9px;font-weight:900}.user-row{border-top:1px solid var(--line);font-size:10px}.user-row strong,.user-row small{display:block}.user-row small{color:var(--muted);margin-top:2px}.role-pill,.status-active,.status-revoked{text-transform:uppercase;border-radius:999px;width:fit-content;padding:4px 7px;font-size:8px;font-weight:900}.role-pill{background:var(--amber-pale)}.status-active{background:var(--teal-pale);color:#176b60}.status-revoked{color:#777168;background:#eeeae3}.user-actions{justify-content:flex-end;gap:5px;display:flex}.user-actions button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:7px;padding:6px 7px;font-size:8px;font-weight:900}.user-actions button.danger{color:var(--danger)}.audit-panel{width:min(1180px,100% - 36px);margin:16px auto 0;padding:17px}.audit-toolbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:12px;display:flex}.audit-toolbar h2{margin:1px 0 2px;font-size:17px}.audit-toolbar>div>small{color:var(--muted);font-size:10px}.audit-downloads{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.audit-downloads a{border:1px solid var(--line);background:var(--cream);color:var(--ink);border-radius:9px;padding:8px 10px;font-size:10px;font-weight:900;text-decoration:none}.audit-downloads a:hover{border-color:var(--amber);background:var(--amber-pale)}.audit-list{transition:opacity .15s}.audit-list.loading{opacity:.45;pointer-events:none}.audit-panel article{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:10px 2px;display:flex}.audit-panel article strong,.audit-panel article small{overflow-wrap:anywhere;display:block}.audit-panel article strong{font-size:10px}.audit-panel article small,.audit-panel time{color:var(--muted);margin-top:2px;font-size:9px}.audit-panel time{text-align:right;flex:none}.audit-empty{border-top:1px solid var(--line);color:var(--muted);text-align:center;margin:0;padding:20px 2px;font-size:11px}.audit-pagination{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:8px;padding-top:13px;display:flex}.audit-pagination p{color:var(--muted);margin:0;font-size:10px}.audit-pagination>div,.audit-pagination span{align-items:center;gap:4px;display:flex}.audit-pagination i{color:var(--muted);padding:0 2px;font-style:normal}.audit-pagination button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;min-width:31px;height:31px;font-size:10px;font-weight:900}.audit-pagination button.active{border-color:var(--ink);background:var(--ink);color:#fff}.audit-pagination button:disabled{opacity:.4;cursor:not-allowed}@media (max-width:900px){.backoffice-hero{grid-template-columns:1fr}.backoffice-metrics{grid-template-columns:repeat(3,1fr);width:100%}.backoffice-layout{grid-template-columns:1fr}.shop-list{display:flex;overflow-x:auto}.shop-list h2{display:none}.shop-list>button{min-width:230px}.backoffice-panels{grid-template-columns:1fr}}@media (max-width:650px){.auth-card{padding:32px 22px}.backoffice-user span{display:none}.backoffice-create form{grid-template-columns:1fr}.backoffice-create .wide{grid-column:auto}.backoffice-metrics{grid-template-columns:1fr}.backoffice-metrics span{border-left:0;border-top:1px solid var(--line)}.add-user-form{grid-template-columns:1fr}.user-table{overflow-x:auto}.user-head,.user-row{min-width:650px}.credential-banner{flex-direction:column;align-items:flex-start}.credential-banner strong{font-size:16px}}@media (max-width:760px){.side-nav{align-items:stretch;height:72px;padding:7px 8px;overflow:hidden}.brand{display:none}.side-nav nav{overscroll-behavior-inline:contain;scrollbar-width:none;flex:auto;gap:3px;width:auto;min-width:0;display:flex;overflow-x:auto}.side-nav nav::-webkit-scrollbar{display:none}.side-nav nav .nav-item{flex:1 0 57px;min-width:57px}.side-foot{border-top:0;border-left:1px solid #ffffff1f;flex:0 0 57px;margin:0 0 0 5px;padding:0 0 0 5px;display:block}.side-foot .nav-logout{background:#c7615521;border-color:#0000;flex-direction:column;justify-content:center;gap:2px;min-width:0;height:100%;padding:6px 2px}.side-foot .nav-logout span{color:#f0a39a;font-size:15px}.side-foot .nav-logout em{font-size:9px}.main-content{padding:16px 12px 94px}.topbar{flex-direction:column;gap:13px;width:100%}.topbar>div:first-child{width:100%}.top-actions{flex-direction:column;align-items:stretch;gap:8px;width:100%}.shop-switcher select{width:100%;min-width:0}.top-actions>.primary-button{width:100%}.mode-switch{grid-template-columns:1fr 1fr;display:grid}.mode-banner.compact{grid-template-columns:auto minmax(0,1fr);padding:14px}.barber-ornament{letter-spacing:.1em;gap:7px;font-size:6px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-grid article{align-items:flex-start;gap:8px;min-width:0}.stat-icon{width:34px;height:34px}.form-grid.two,.slot-grid{grid-template-columns:1fr}.lookup-results>button{grid-template-columns:auto minmax(0,1fr)}.lookup-results b{grid-column:2}.modal-card{border-radius:16px;max-height:calc(100dvh - 24px);padding:22px 16px}.table-card,.history-table,.user-table{overscroll-behavior-inline:contain;scrollbar-width:thin}}@media (max-width:650px){.backoffice-header{min-height:64px;padding:10px 12px}.backoffice-brand strong{font-size:13px}.backoffice-pole{height:38px}.logout-button.compact{padding:9px 10px}.backoffice-hero,.backoffice-create,.backoffice-layout,.audit-panel{width:calc(100% - 20px)}.backoffice-hero{gap:14px;margin-top:20px}.backoffice-hero h1{font-size:29px}.backoffice-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.backoffice-metrics span{border-top:0;border-left:1px solid var(--line);min-width:0;padding:10px 8px}.backoffice-metrics b{font-size:19px}.backoffice-metrics small{overflow-wrap:anywhere;font-size:8px;display:block}.shop-list{padding:6px}.shop-list>button{min-width:205px}.shop-detail{padding:12px}.shop-detail-title{flex-direction:column;align-items:stretch}.shop-detail-title select{width:100%}.users-panel{padding:11px}.user-table{border:0;overflow:visible}.user-head{display:none}.user-row{border:1px solid var(--line);background:var(--cream);border-radius:10px;grid-template-columns:minmax(0,1fr) auto;gap:8px;min-width:0;margin-top:8px;padding:10px}.user-row>span:first-child{grid-column:1/-1}.user-actions{grid-column:1/-1;justify-content:stretch}.user-actions button{flex:1;min-height:34px}.audit-panel{padding:13px}.audit-toolbar{flex-direction:column;align-items:stretch}.audit-downloads{grid-template-columns:1fr 1fr;display:grid}.audit-downloads a{text-align:center}.audit-panel article{flex-direction:column;align-items:flex-start;gap:5px}.audit-panel time{text-align:left}.audit-pagination{flex-direction:column;align-items:stretch}.audit-pagination>div{max-width:100%;padding-bottom:3px;overflow-x:auto}.credential-modal{padding:24px 16px}.credential-modal>div{grid-template-columns:1fr}}