:root{--ink:#101112;--ink2:#17191b;--paper:#f3f0e9;--white:#fff;--gold:#b99646;--gold2:#d3b76f;--blue:#1736a8;--blue2:#234ac7;--line:#ddd7cd;--muted:#74777b;--green:#2b9b69;--red:#b85f5f}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--paper);color:var(--ink)}button,input,select{font:inherit}.center{min-height:100vh;display:grid;place-items:center;background:var(--ink);color:#fff}.langs{display:flex;gap:7px}.langs button{border:1px solid #d4cfc5;background:#fff;color:#74777b;border-radius:999px;padding:7px 10px;cursor:pointer}.langs.dark button{background:transparent;border-color:#3a3d41;color:#a8abb0}.langs button.active{background:var(--blue)!important;border-color:var(--blue)!important;color:#fff!important}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#0d0e0f,#161819)}.auth-card{width:min(980px,100%);display:grid;grid-template-columns:.9fr 1.1fr;background:var(--ink2);border:1px solid #2b2d30;border-radius:28px;overflow:hidden;box-shadow:0 40px 100px #00000059}.auth-brand{min-height:610px;padding:48px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 20% 20%,rgba(185,150,70,.18),transparent 35%),linear-gradient(160deg,#0b0c0d,#17191b);border-right:1px solid #2b2d30}.auth-brand>div:last-child span{color:var(--gold);font-size:12px;letter-spacing:.18em;font-weight:800}.auth-brand h2{color:#fff;font-size:44px;line-height:1.02;margin:12px 0 0;letter-spacing:-.04em}.brand-seal{width:76px;height:76px;border:1px solid rgba(185,150,70,.55);color:var(--gold2);display:grid;place-items:center;border-radius:20px;font-weight:800;font-size:24px}.brand-seal.small{width:42px;height:42px;border-radius:12px;font-size:14px}.auth-panel{padding:52px 48px;color:#f7f7f4}.auth-row{display:flex;justify-content:space-between;align-items:center}.gold-pill,.eyebrow{color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.gold-pill{border:1px solid rgba(185,150,70,.35);background:#b9964614;padding:7px 11px;border-radius:999px}.auth-panel h1{font-size:42px;margin:28px 0;letter-spacing:-.04em}.auth-panel form{display:grid;gap:12px}.auth-panel label,.field span{font-size:12px;color:#b9bbbf}.auth-panel input{padding:16px 18px;background:#101113;border:1px solid #323438;border-radius:14px;color:#fff;outline:none}.code-input{font-size:28px;letter-spacing:.22em;text-align:center}.primary{border:0;border-radius:12px;background:var(--blue);color:#fff;font-weight:800;padding:12px 16px;cursor:pointer}.primary:hover{background:var(--blue2)}.primary:disabled{opacity:.5}.notice,.form-msg{margin-top:14px;padding:11px 13px;border-radius:10px;background:#1f2124;color:#d2d4d6}.app{min-height:100vh;display:grid;grid-template-columns:258px 1fr}.app aside{position:sticky;top:0;height:100vh;background:var(--ink);color:#f5f5f2;padding:22px 14px;display:flex;flex-direction:column}.logo{display:flex;align-items:center;gap:12px;padding:5px 10px 22px}.logo>div:last-child{display:flex;flex-direction:column}.logo strong{font-size:14px;letter-spacing:.14em}.logo span{font-size:9px;color:#777b80;letter-spacing:.18em}.navgroup{display:grid;gap:4px;margin-bottom:14px}.navlabel{padding:0 12px 5px;color:#666b70;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.app nav button{display:flex;align-items:center;gap:12px;border:0;background:transparent;color:#b7babf;border-radius:12px;padding:11px 12px;text-align:left;cursor:pointer}.app nav button:hover{background:#1a1c1f;color:#fff}.app nav button.active{background:#202326;color:#fff;box-shadow:inset 3px 0 0 var(--blue)}.app nav button>span{width:20px;text-align:center;color:#8f9398}.user{margin-top:auto;border-top:1px solid #25272a;padding:14px 4px 0;display:grid;grid-template-columns:38px 1fr;gap:9px;align-items:center}.uavatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--gold2),var(--gold));color:#17130b;font-weight:800}.user>div:nth-child(2){display:flex;flex-direction:column;min-width:0}.user strong{font-size:13px}.user span{font-size:10px;color:#80848a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user button{grid-column:1/-1;border:1px solid #313337;background:transparent;color:#b5b8bc;border-radius:10px;padding:9px;cursor:pointer}.app main{min-width:0}.app main>header{height:72px;background:#f3f0e9f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:3}.content{padding:30px;max-width:1480px;margin:0 auto}.hero,.pagehead{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:28px 30px;margin-bottom:18px;background:linear-gradient(135deg,#fff,#f8f5ef);border:1px solid var(--line);border-radius:22px}.hero h1,.pagehead h1{font-size:32px;margin:6px 0 7px;letter-spacing:-.035em}.hero p,.pagehead p{margin:0;color:var(--muted)}.secure{display:flex;align-items:center;gap:8px;border:1px solid #d8d3ca;background:#fff;border-radius:999px;padding:9px 12px;font-size:12px;color:#55595d}.secure b,.system b{width:8px;height:8px;border-radius:50%;background:var(--green)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}.stat i{position:absolute;left:0;top:0;bottom:0;width:4px}.stat i.blue{background:var(--blue)}.stat i.gold{background:var(--gold)}.stat span{display:block;color:#6d7074;font-size:12px;margin-bottom:14px}.stat strong{font-size:28px}.cols{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;margin-top:16px}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.panel-head{padding:18px 20px;border-bottom:1px solid #ebe7df}.panel-head h3{margin:0;font-size:15px}.panel-body{padding:20px}.empty{min-height:180px;display:grid;place-items:center;color:#8a8d91;background:#fbfaf7;border:1px dashed #ddd7cd;border-radius:14px;text-align:center;padding:20px}.empty.tall{min-height:360px}.quick{display:grid;gap:9px}.action{display:flex;justify-content:space-between;align-items:center;border:1px solid #ded8ce;background:#fbfaf7;border-radius:12px;padding:13px 14px;cursor:pointer}.primaryAction{background:var(--blue);border-color:var(--blue);font-weight:800}.system>div{display:grid;grid-template-columns:10px 1fr auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #eeeae3}.system>div:last-child{border-bottom:0}.system span{font-size:12px;color:#6d7074}.brand-note{color:#6d7074;line-height:1.6}.staff-list{display:grid;gap:10px}.staff-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto auto auto;gap:12px;align-items:center;padding:14px;border:1px solid #e2ddd4;border-radius:14px;background:#fbfaf7}.staff-avatar{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#17191b;color:var(--gold2);font-weight:800}.staff-main{display:flex;flex-direction:column;min-width:0}.staff-main span,.staff-main small{color:#7a7d81;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.staff-main span{font-size:12px;margin-top:2px}.staff-main small{font-size:11px;margin-top:3px}.badge{padding:6px 9px;border-radius:999px;background:#eeeae4;color:#777;font-size:11px}.badge.active{background:#e8f5ef;color:#257b57}.mini,.secondary{border:1px solid #d8d2c8;background:#fff;border-radius:10px;padding:8px 10px;cursor:pointer}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#070809a6;display:grid;place-items:center;padding:20px;z-index:20}.modal{width:min(760px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:22px;padding:24px;box-shadow:0 30px 90px #0000004d}.modal.small{width:min(500px,100%)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.modal-head h2{margin:5px 0 0}.modal-head>button{border:0;background:#f1eee8;width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:20px}.modal form{display:grid;gap:18px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:7px}.field span{color:#65686c}.field input,.field select{width:100%;padding:12px 13px;border:1px solid #d8d2c8;border-radius:11px;background:#fff;outline:none}.field input:focus,.field select:focus{border-color:var(--blue)}.perm-title{font-size:13px;font-weight:800;color:#333}.checks{display:grid;grid-template-columns:1fr 1fr;gap:9px}.checks label,.status-line{display:flex;gap:9px;align-items:center;padding:10px;border:1px solid #e3ded6;border-radius:10px;background:#fbfaf7;font-size:13px}.modal-actions{display:flex;justify-content:flex-end;gap:9px}.form-msg{background:#f3f1ec;color:#555}.pagehead>.primary{align-self:center}@media(max-width:1000px){.auth-card{grid-template-columns:1fr}.auth-brand{display:none}.stats{grid-template-columns:repeat(2,1fr)}.cols{grid-template-columns:1fr}.staff-card{grid-template-columns:48px 1fr auto}.staff-card .mini{grid-column:auto}.grid2,.checks{grid-template-columns:1fr}}@media(max-width:760px){.app{grid-template-columns:1fr}.app aside{display:none}.content{padding:20px}.stats{grid-template-columns:1fr 1fr}.hero,.pagehead{flex-direction:column}.app main>header{padding:0 18px}}@media(max-width:480px){.stats{grid-template-columns:1fr}.auth-panel{padding:34px 22px}.staff-card{grid-template-columns:44px 1fr}.staff-card>.badge,.staff-card>.mini{grid-column:2}.pagehead>.primary{width:100%}}textarea{font:inherit}.field textarea{width:100%;padding:12px 13px;border:1px solid #d8d2c8;border-radius:11px;background:#fff;outline:none;resize:vertical}.field textarea:focus{border-color:var(--blue)}.customer-search{display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:16px}.customer-search input{padding:12px 14px;border:1px solid #d8d2c8;border-radius:11px;outline:none}.customer-search input:focus{border-color:var(--blue)}.customer-list{display:grid;gap:10px}.customer-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto auto auto;gap:12px;align-items:center;padding:14px;border:1px solid #e2ddd4;border-radius:14px;background:#fbfaf7}.customer-avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#17191b;color:var(--gold2);font-weight:800}.customer-main{display:flex;flex-direction:column;min-width:0}.customer-main span,.customer-main small{color:#7a7d81;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-main span{font-size:12px;margin-top:2px}.customer-main small{font-size:11px;margin-top:3px}.customer-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.customer-detail-grid>div{display:flex;flex-direction:column;padding:14px;border:1px solid #e2ddd4;border-radius:12px;background:#fbfaf7}.customer-detail-grid span{font-size:11px;color:#7a7d81;margin-bottom:5px}.history-list{display:grid;gap:9px}.history-row{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border:1px solid #e2ddd4;border-radius:12px}.history-row>div{display:flex;flex-direction:column}.history-row span{font-size:12px;color:#777;margin-top:3px}@media(max-width:1000px){.customer-row{grid-template-columns:48px 1fr auto}.customer-detail-grid{grid-template-columns:1fr}}@media(max-width:520px){.customer-row{grid-template-columns:44px 1fr}.customer-row>.badge,.customer-row>.mini{grid-column:2}}.phone-field{display:grid;grid-template-columns:105px 1fr;gap:8px}.search-empty>div{display:grid;gap:14px;justify-items:center}.inline-create{width:max-content}.services-list{display:grid;gap:10px}.service-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:14px;border:1px solid #e2ddd4;border-radius:14px;background:#fbfaf7}.service-sort{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#17191b;color:var(--gold2);font-size:12px;font-weight:800}.service-main{display:flex;flex-direction:column;min-width:0}.service-main span,.service-main small{font-size:12px;color:#7a7d81;margin-top:3px}.service-main small{font-size:11px}.translation-grid{display:grid;gap:12px;padding:14px;background:#fbfaf7;border:1px solid #e2ddd4;border-radius:14px}.staff-service-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.staff-service-grid label{display:flex;gap:9px;align-items:center;padding:10px;border:1px solid #e3ded6;border-radius:10px;background:#fbfaf7;font-size:13px}.unit-field{display:grid;grid-template-columns:auto 1fr;border:1px solid #d8d2c8;border-radius:11px;overflow:hidden;background:#fff}.unit-field.right{grid-template-columns:1fr auto}.unit-field input{border:0!important;border-radius:0!important;min-width:0}.unit-field span{display:grid;place-items:center;padding:0 12px;background:#f5f2ec;color:#6f7276;font-size:12px}@media(max-width:700px){.service-row{grid-template-columns:44px 1fr}.service-row>.badge,.service-row>.mini{grid-column:2}.staff-service-grid{grid-template-columns:1fr}}.service-help{margin:-2px 0 10px;color:#7b7e82;font-size:12px;line-height:1.45}.service-title-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.service-tag{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:10px!important;font-weight:800;line-height:1;text-transform:uppercase;letter-spacing:.04em;border:1px solid #d9dce8;background:#f4f5fb;color:#3c4568}.tag-beard{background:#f4efe7;color:#795d2f;border-color:#e4d8c6}.tag-treatment{background:#eef6ef;color:#397049;border-color:#d5e7d8}.tag-package{background:#f5f0e4;color:#84691f;border-color:#e6d8ad}.tag-combo{background:#eef2fb;color:#36528c;border-color:#d6dff2}.tag-colour{background:#f5eef8;color:#76508a;border-color:#e5d7eb}:root{--paper:#eef3fb;--ink:#081221;--ink2:#0d1728;--white:#ffffff;--gold:#c99a4b;--gold2:#e3bb75;--blue:#1848d8;--blue2:#1236a9;--line:#d9e3f2;--muted:#607089;--green:#1f9d68}html,body,#root{background:linear-gradient(180deg,#eef3fb,#f7f9fd);color:var(--ink)}.center{background:radial-gradient(circle at top,#15358f,#091321 62%)}.langs{gap:10px;flex-wrap:wrap}.langs button{display:inline-flex;align-items:center;gap:8px;border:1px solid #d8e0ee;background:#ffffffe0;box-shadow:0 8px 18px #12244a0f;color:#42536c;padding:8px 12px}.langs.dark button{background:#ffffff0a;border-color:#ffffff24;color:#dfe7f5}.langs .flag{font-size:14px;line-height:1}.app aside{background:linear-gradient(180deg,#08111f,#0d1730 55%,#0f1b38);border-right:1px solid rgba(255,255,255,.04);box-shadow:24px 0 60px #08111f2e}.logo strong{letter-spacing:.16em}.logo span{color:#8b95a9}.brand-seal,.brand-seal.small{background:linear-gradient(135deg,#c99a4b1f,#1848d81f);border-color:#c99a4b6b}.app nav button{color:#b9c3d5}.app nav button:hover{background:#ffffff14}.app nav button.active{background:linear-gradient(90deg,#1848d83d,#1848d814);box-shadow:inset 3px 0 0 var(--blue),0 10px 28px #1848d814}.uavatar{background:linear-gradient(145deg,#1c49d9,#0f2c89);color:#fff;box-shadow:0 8px 20px #1848d838}.user{border-top-color:#ffffff14}.user button{border-color:#ffffff1f;color:#d7dfef}.app main>header{background:#f7faffd6;border-bottom:1px solid rgba(201,214,235,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.content{padding:34px}.hero,.pagehead,.panel,.stat,.staff-card,.customer-row,.service-row,.customer-detail-grid>div,.history-row,.action,.checks label,.status-line,.staff-service-grid label,.translation-grid,.modal{box-shadow:0 14px 42px #162b570f}.hero,.pagehead{background:linear-gradient(135deg,#fff,#f6f9ff 55%,#eff4ff);border-color:#dbe5f5}.hero h1,.pagehead h1{color:#091321}.hero p,.pagehead p,.brand-note,.system span,.stat span,.service-main span,.service-main small,.staff-main span,.staff-main small,.customer-main span,.customer-main small{color:#62748d}.panel{border-color:#dbe5f5;background:#ffffffe0}.panel-head{background:linear-gradient(180deg,#fff,#f8fbff);border-bottom-color:#e4ecf7}.secure{border-color:#d8e4f5;background:#ffffffeb;color:#48607c}.stat{border-color:#dbe5f5;background:linear-gradient(180deg,#fff,#f8fbff)}.stat i.gold{background:linear-gradient(180deg,#d6a755,#c4871a)}.stat i.blue{background:linear-gradient(180deg,#3062ff,#1238ba)}.action,.staff-card,.customer-row,.service-row,.customer-detail-grid>div,.history-row,.checks label,.status-line,.staff-service-grid label,.translation-grid{border-color:#dbe5f5;background:linear-gradient(180deg,#fff,#f9fbff)}.primary{background:linear-gradient(135deg,#2456f5,#1439b7);box-shadow:0 12px 24px #2456f538}.primary:hover{background:linear-gradient(135deg,#2c61ff,#1536aa)}.secondary,.mini{border-color:#d7e1f0;background:#fff;color:#1a2740}.primaryAction{background:linear-gradient(135deg,#2456f5,#1439b7)!important;border-color:#2456f5!important;color:#fff!important}.empty{background:linear-gradient(180deg,#fcfdff,#f6f9ff);border-color:#d8e2f2;color:#7b8aa0}.field input,.field select,.field textarea,.customer-search input,.unit-field{border-color:#d8e1ef;background:#fff}.field input:focus,.field select:focus,.field textarea:focus,.customer-search input:focus{border-color:#2456f5;box-shadow:0 0 0 4px #2456f51f}.unit-field span{background:#f2f6fc;color:#5f6f87}.readonly{background:#f4f7fd!important;color:#5f6f87}.modal-back{background:#08122194;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal{border:1px solid rgba(220,229,244,.9)}.modal-head>button{background:#eff4fb;color:#24314d}.form-msg{background:#edf3ff;color:#24437d}.badge{background:#edf1f7;color:#54657e}.badge.active{background:#e7f7ef;color:#1b7d54}.service-sort,.staff-avatar{background:linear-gradient(145deg,#08111f,#183057);color:#f5c46d}.service-tag{background:#eef4ff;color:#234aa8;border-color:#d7e3fb}.tag-beard{background:#f8f1e8;color:#8b6230;border-color:#eedfc7}.tag-treatment{background:#ebf8ee;color:#2f7d45;border-color:#d5ecd9}.tag-package{background:#fbf4e8;color:#8f6822;border-color:#efdfbc}.tag-combo{background:#edf2ff;color:#3555ad;border-color:#d8e0fb}.tag-colour{background:#f7effc;color:#7e54a0;border-color:#eadcf8}@media(max-width:760px){.langs button span:last-child{display:none}}.head-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:18px 0;padding:14px 16px;border:1px solid var(--line);border-radius:18px;background:#ffffffe0;box-shadow:0 10px 28px #162b570d}.calendar-toolbar select{min-width:190px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#fff;color:var(--ink)}.toolbar-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.toolbar-nav strong{margin-left:8px;color:#33445f;font-size:14px}.week-grid{display:grid;grid-template-columns:repeat(7,minmax(165px,1fr));gap:10px;overflow-x:auto;padding-bottom:10px}.day-column{min-width:165px;border:1px solid #dbe5f5;border-radius:16px;background:#fffffff0;overflow:hidden;box-shadow:0 12px 32px #162b570d}.day-column>header{display:flex;align-items:center;justify-content:space-between;padding:12px 13px;background:linear-gradient(180deg,#fff,#f6f9ff);border-bottom:1px solid #e3eaf5;text-transform:capitalize}.day-column>header span{font-size:13px;font-weight:800;color:#33445f}.day-column>header b{display:grid;place-items:center;min-width:24px;height:24px;border-radius:999px;background:#edf3ff;color:#1f4bc9;font-size:12px}.today-column{border-color:#7291ff;box-shadow:0 0 0 2px #2456f514,0 14px 36px #2456f51a}.today-column>header{background:linear-gradient(135deg,#edf3ff,#f8fbff)}.day-body{padding:10px;display:flex;flex-direction:column;gap:8px;min-height:420px}.calendar-event{display:flex;flex-direction:column;gap:3px;text-align:left;border:1px solid #dbe5f5;border-left:4px solid #2456f5;border-radius:12px;background:#f7faff;padding:10px;cursor:pointer;color:var(--ink);transition:.18s}.calendar-event:hover{transform:translateY(-1px);box-shadow:0 10px 24px #2456f51a}.calendar-event time{font-size:11px;color:#2456f5;font-weight:900}.calendar-event strong{font-size:13px}.calendar-event span,.calendar-event small{font-size:11px;color:#61718a}.calendar-event.status-completed{border-left-color:#1f9d68;background:#f4fbf7}.calendar-event.status-cancelled{opacity:.55;border-left-color:#b0b8c5;background:#f7f8fa;text-decoration:line-through}.calendar-block{display:flex;flex-direction:column;gap:2px;border-radius:12px;padding:9px 10px;background:repeating-linear-gradient(135deg,#f2f4f8,#f2f4f8 8px,#e8edf5 8px,#e8edf5 16px);border:1px solid #d8dfeb;color:#4f5e75}.calendar-block time{font-size:11px;font-weight:900}.calendar-block strong{font-size:12px}.calendar-block span{font-size:11px}.block-holiday{background:#fff6eb;border-color:#edd8b6}.block-break{background:#f6f0ff;border-color:#e4d8f7}.day-empty{margin:auto;text-align:center;color:#a0acbd;font-size:12px}.day-add{height:34px;border:1px dashed #c7d4e8;border-radius:10px;background:#fbfdff;color:#3158c8;cursor:pointer;font-size:18px}.day-add:hover{background:#edf3ff}.schedule-modal{max-width:820px}.booking-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:8px 0 16px}.booking-services label{display:flex;align-items:flex-start;gap:9px;border:1px solid #dbe5f5;border-radius:12px;padding:10px 12px;background:#fbfdff}.booking-services label span{display:flex;flex-direction:column;gap:2px}.booking-services strong{font-size:13px}.booking-services small{font-size:11px;color:#66758c}.disabled-service{opacity:.55}.booking-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.booking-summary>div{display:flex;align-items:center;justify-content:space-between;border:1px solid #dbe5f5;border-radius:12px;background:#f7faff;padding:12px 14px}.booking-summary span{font-size:12px;color:#66758c}.booking-summary strong{font-size:15px}.booking-detail{display:grid;grid-template-columns:1fr 1fr;gap:10px}.booking-detail>div{display:flex;flex-direction:column;gap:4px;border:1px solid #dbe5f5;border-radius:12px;background:#f8fbff;padding:12px}.booking-detail .wide{grid-column:1/-1}.booking-detail span{font-size:11px;color:#6b7890}.booking-detail strong{font-size:14px}.danger{border:1px solid #efc9c9;background:#fff5f5;color:#a93f3f;border-radius:12px;padding:11px 15px;font-weight:800;cursor:pointer}.booking-list{display:flex;flex-direction:column;gap:8px}.booking-row{display:grid;grid-template-columns:90px 1fr auto;gap:14px;align-items:center;border:1px solid #dbe5f5;border-radius:14px;background:linear-gradient(180deg,#fff,#f9fbff);padding:12px 14px;text-align:left;cursor:pointer;color:var(--ink)}.booking-row:hover{border-color:#aebfe1;box-shadow:0 9px 22px #162b570f}.booking-time{display:flex;flex-direction:column}.booking-time strong{font-size:18px;color:#193ba8}.booking-time span{font-size:11px;color:#6f7e95}.booking-main{display:flex;flex-direction:column;gap:2px}.booking-main strong{font-size:14px}.booking-main span,.booking-main small{font-size:12px;color:#66758c}.booking-status.confirmed{background:#eaf1ff;color:#214bb5}.booking-status.completed{background:#e8f7ef;color:#1f7d55}.booking-status.cancelled{background:#f2f3f6;color:#727d8d}@media(max-width:900px){.week-grid{grid-template-columns:repeat(7,165px)}.booking-services{grid-template-columns:1fr}.calendar-toolbar{align-items:flex-start;flex-direction:column}.calendar-toolbar select{width:100%}.booking-row{grid-template-columns:76px 1fr}.booking-status{grid-column:2}.booking-detail{grid-template-columns:1fr}}.booking-service-option{border:1px solid #d9e3f2;border-radius:14px;background:#fff;overflow:hidden;transition:.18s ease}.booking-service-option.selected{border-color:#9bb6ff;box-shadow:0 0 0 3px #2456f512}.booking-service-option>label{display:flex;gap:10px;align-items:flex-start;padding:13px 14px;cursor:pointer}.booking-service-option>label>span{display:flex;flex-direction:column;gap:3px}.booking-service-option>label small{color:#7b8aa0}.duration-override{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-top:1px solid #e5ebf5;background:#f7f9ff}.duration-override>span{display:flex;flex-direction:column;gap:2px;min-width:0}.duration-override small{font-size:12px;color:#7a89a0;line-height:1.3}.duration-input{display:flex;align-items:center;border:1px solid #d7e1ef;border-radius:10px;background:#fff;overflow:hidden;flex:0 0 auto}.duration-input input{width:76px;border:0!important;box-shadow:none!important;padding:9px 10px;text-align:right;background:#fff}.duration-input b{padding:9px 10px;background:#eef3fb;color:#617089;font-size:12px;font-weight:600}@media(max-width:720px){.duration-override{align-items:stretch;flex-direction:column}.duration-input{width:max-content}}.booking-customer-picker{margin-bottom:16px;padding:14px;border:1px solid #dbe5f5;border-radius:16px;background:linear-gradient(180deg,#fbfdff,#f5f8ff)}.booking-customer-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:10px}.field-label{display:block;font-size:12px;color:#607089;margin-bottom:4px}.selected-customer{display:block;font-size:13px;color:#0d1728}.compact{padding:9px 12px;white-space:nowrap}.booking-search{margin-bottom:10px}.booking-customer-results{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:170px;overflow:auto;padding-right:3px}.customer-pick{display:grid;grid-template-columns:36px 1fr 18px;gap:9px;align-items:center;text-align:left;border:1px solid #dbe5f5;border-radius:12px;background:#fff;padding:9px 10px;color:#0d1728;cursor:pointer}.customer-pick:hover{border-color:#9db4ee;background:#f7faff}.customer-pick.active{border-color:#2456f5;box-shadow:0 0 0 3px #2456f51a;background:#f2f6ff}.customer-pick span:nth-child(2){display:flex;flex-direction:column;min-width:0}.customer-pick strong{font-size:13px}.customer-pick small{font-size:11px;color:#71819a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-pick b{color:#2456f5}.mini-avatar{width:34px;height:34px;font-size:12px}.customer-pick-empty{grid-column:1/-1;padding:12px;text-align:center;color:#7b8aa0;font-size:12px}@media(max-width:760px){.booking-customer-results{grid-template-columns:1fr}.booking-customer-head{flex-direction:column}.compact{width:100%}}.calendar-block{width:100%;text-align:left;cursor:pointer;font:inherit}.calendar-block:hover{transform:translateY(-1px);box-shadow:0 8px 18px #162b5714}.calendar-block small{margin-top:4px;color:#2456f5;font-weight:700}.block-reason-card{display:grid;gap:6px;padding:14px;border:1px solid #dbe5f5;border-radius:12px;background:#f9fbff;margin:14px 0}.block-reason-card span{font-size:12px;color:#607089}.block-reason-card strong{font-size:14px}.danger{border:1px solid #efb5b5;background:#fff3f3;color:#b63232;border-radius:10px;padding:10px 14px;font-weight:800;cursor:pointer}.danger:hover{background:#ffe8e8}.danger:disabled{opacity:.5;cursor:not-allowed}.calendar-toolbar-v2{display:grid;grid-template-columns:auto 1fr auto;align-items:center}.calendar-view-tabs{display:inline-flex;padding:4px;border:1px solid #d7e2f2;border-radius:12px;background:#f4f7fd;gap:4px}.calendar-view-tabs button{border:0;background:transparent;padding:9px 16px;border-radius:9px;font-weight:800;color:#667792;cursor:pointer}.calendar-view-tabs button.active{background:#1748d5;color:#fff;box-shadow:0 7px 16px #1748d52e}.timeline-wrap{display:grid;grid-template-columns:72px minmax(0,1fr);overflow:auto;max-height:690px;border:1px solid #dce6f4;border-radius:16px;background:#fff}.time-axis{position:relative;background:#f8faff;border-right:1px solid #dce6f4;min-width:72px}.time-label{position:absolute;right:12px;transform:translateY(-7px);font-size:12px;font-weight:800;color:#657690;white-space:nowrap}.day-timeline-grid{display:grid;grid-template-columns:repeat(var(--staff-count),minmax(240px,1fr));min-width:max-content}.day-timeline-grid.one-staff{min-width:100%}.staff-day-column,.week-day-column{min-width:240px;border-right:1px solid #dce6f4;background:#fff}.staff-day-column:last-child,.week-day-column:last-child{border-right:0}.staff-day-column>header,.week-day-column>header{height:54px;position:sticky;top:0;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 14px;background:#f8fafff5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #dce6f4}.staff-day-column>header strong,.week-day-column>header strong{font-size:13px;color:#18253c;text-transform:capitalize}.staff-day-column>header span,.week-day-column>header span{font-size:11px;color:#7888a1}.timeline-canvas{position:relative;min-width:100%;background:#fff;cursor:crosshair}.grid-line{position:absolute;left:0;right:0;border-top:1px solid #edf1f7;pointer-events:none}.grid-line.hour{border-top-color:#dfe6f1}.grid-line.half{border-top-style:dashed}.schedule-event,.schedule-block{position:absolute;left:6px;right:6px;z-index:4;overflow:hidden;text-align:left;border-radius:10px;padding:6px 8px;cursor:pointer;font:inherit;display:flex;flex-direction:column;gap:1px;box-shadow:0 4px 12px #15306714}.schedule-event{border:1px solid #cddafa;border-left:4px solid #2456f5;background:linear-gradient(180deg,#f8faff,#eef4ff);color:#101c31}.schedule-event:hover,.schedule-block:hover{z-index:6;box-shadow:0 10px 24px #1a3a822e}.schedule-event time,.schedule-block time{font-size:10px;font-weight:900;color:#2456f5;line-height:1.15}.schedule-event strong,.schedule-block strong{font-size:12px;line-height:1.2}.schedule-event span,.schedule-event small,.schedule-block span,.schedule-block small{font-size:10px;line-height:1.2;color:#64748c}.schedule-event.status-completed{border-left-color:#1f9d68;background:#f0faf5}.schedule-event.status-cancelled{opacity:.48;text-decoration:line-through;border-left-color:#9ba6b7}.schedule-block{border:1px solid #d7dfec;background:repeating-linear-gradient(135deg,#f1f4f8,#f1f4f8 8px,#e5ebf4 8px,#e5ebf4 16px);color:#46566f}.schedule-block time{color:#55657d}.schedule-block small{color:#2456f5;font-weight:800}.now-line{position:absolute;left:0;right:0;height:2px;background:#e53935;z-index:7;pointer-events:none;box-shadow:0 0 0 1px #e539350d}.now-line span{position:absolute;left:-4px;top:-4px;width:9px;height:9px;border-radius:50%;background:#e53935}.closed-canvas{cursor:default;background:repeating-linear-gradient(135deg,#fbfcfe,#fbfcfe 10px,#f3f6fa 10px,#f3f6fa 20px)}.closed-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#8795aa;font-weight:800;background:#f8fafd73}.week-timeline-wrap{max-height:690px}.week-timeline-grid{display:grid;grid-template-columns:repeat(6,minmax(185px,1fr));min-width:1110px}.week-day-column{min-width:185px}.week-day-column>header span{display:grid;place-items:center;width:24px;height:24px;border-radius:999px;background:#edf3ff;color:#2456f5;font-weight:900}.today-week>header{background:#eef4ff}.today-week{box-shadow:inset 0 0 0 2px #2456f52e}@media(max-width:1050px){.calendar-toolbar-v2{grid-template-columns:1fr;gap:10px}.calendar-view-tabs{justify-self:start}.day-timeline-grid{grid-template-columns:repeat(var(--staff-count),220px)}.timeline-wrap,.week-timeline-wrap{max-height:620px}}.timeline-wrap{max-height:min(68vh,720px);overflow:auto;scrollbar-gutter:stable both-edges;overscroll-behavior:contain}.timeline-wrap::-webkit-scrollbar{width:11px;height:11px}.timeline-wrap::-webkit-scrollbar-track{background:#edf2f9;border-radius:999px}.timeline-wrap::-webkit-scrollbar-thumb{background:#afbdd1;border:3px solid #edf2f9;border-radius:999px}.timeline-wrap::-webkit-scrollbar-thumb:hover{background:#8194ae}.time-axis{position:sticky;left:0;z-index:12;background:#f8faff;box-shadow:1px 0 #dce6f4}.time-axis-head{position:sticky;top:0;height:54px;background:#f8faff;border-bottom:1px solid #dce6f4;z-index:14}.time-label{right:13px;z-index:13}.staff-day-column>header,.week-day-column>header{z-index:15}.day-timeline-grid,.week-timeline-grid{align-items:start}.timeline-canvas{background-image:linear-gradient(to bottom,#eff4fb33,#fff0)}.schedule-event,.schedule-block{min-height:26px}.schedule-event.status-cancelled{display:none}.week-timeline-wrap{max-height:min(68vh,720px)}@media(max-width:1050px){.timeline-wrap,.week-timeline-wrap{max-height:64vh}}.timeline-wrap{scroll-padding-top:54px}.time-axis{overflow:visible}.time-label{transform:translateY(-50%)}.timeline-canvas{overflow:visible}.outside-hours-zone{position:absolute;left:0;right:0;z-index:1;background:repeating-linear-gradient(135deg,#e6ebf4b8,#e6ebf4b8 9px,#f4f7fbe6 9px,#f4f7fbe6 18px);border-top:1px solid #dbe3ef;border-bottom:1px solid #dbe3ef;pointer-events:none}.outside-hours-zone.full{top:18px;bottom:18px}.outside-hours-zone span{position:sticky;top:68px;display:inline-flex;margin:12px;padding:4px 8px;border-radius:999px;background:#ffffffd1;border:1px solid #d9e2f0;color:#7a879b;font-size:10px;font-weight:800;letter-spacing:.02em}.availability-override{position:absolute;left:6px;right:6px;z-index:3;overflow:hidden;text-align:left;border-radius:10px;padding:6px 8px;cursor:pointer;font:inherit;display:flex;flex-direction:column;gap:1px;border:1px solid #b9d7c8;border-left:4px solid #2a9d68;background:repeating-linear-gradient(135deg,#f3fbf7,#f3fbf7 9px,#e8f6ee 9px,#e8f6ee 18px);color:#173a2b;box-shadow:0 4px 12px #1f9d6814}.availability-override:hover{z-index:7;box-shadow:0 10px 24px #1f9d682e}.availability-override time{font-size:10px;font-weight:900;color:#23875d;line-height:1.15}.availability-override strong{font-size:12px;line-height:1.2}.availability-override span,.availability-override small{font-size:10px;line-height:1.2;color:#5d7469}.availability-override small{font-weight:800;color:#1d7d56}.extra-help{margin:0 0 14px;padding:11px 12px;border:1px solid #d9e4f2;border-radius:12px;background:#f6f9ff;color:#5f6f87;line-height:1.45}.schedule-event,.schedule-block{z-index:5}.grid-line{z-index:2}.now-line{z-index:8}.time-axis-head{min-height:54px}@media(max-width:1050px){.outside-hours-zone span{display:none}}.public-booking-shell{min-height:100vh;background:radial-gradient(circle at 85% 0%,rgba(31,76,215,.15),transparent 34%),linear-gradient(180deg,#07111f 0,#0c1c39 33%,#eef3fb 33%,#f7f9fd);color:#0b1525}.public-booking-head{height:84px;max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;color:#fff}.public-brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.public-brand>span{width:42px;height:42px;border:1px solid rgba(224,177,87,.55);border-radius:12px;display:grid;place-items:center;color:#e0b157;font-weight:900}.public-brand strong{display:block;letter-spacing:.16em;font-size:14px}.public-brand small{display:block;color:#8795ae;letter-spacing:.18em;font-size:9px;margin-top:2px}.public-langs{display:flex;gap:8px}.public-langs button{border:1px solid rgba(255,255,255,.16);background:#ffffff0f;color:#cbd5e6;border-radius:999px;padding:8px 11px;display:flex;gap:7px;align-items:center;cursor:pointer}.public-langs button.active{background:#2354e8;color:#fff;border-color:#3a69f1}.public-langs b{font-weight:600;font-size:12px}.public-booking-wrap{max-width:980px;margin:22px auto 0;padding:0 20px 42px}.public-booking-card{background:#fffffffa;border:1px solid #dce6f4;border-radius:28px;box-shadow:0 28px 80px #06132d38;overflow:hidden}.public-booking-intro{padding:34px 38px 20px;background:linear-gradient(135deg,#fff,#f4f7ff)}.public-eyebrow{font-size:11px;letter-spacing:.18em;color:#c08e39;font-weight:800}.public-booking-intro h1{font-size:34px;line-height:1.05;margin:8px 0}.public-booking-intro p{margin:0;color:#65758d}.public-progress{position:relative;display:grid;grid-template-columns:repeat(5,1fr);padding:15px 38px 23px;background:#f7f9fd;border-top:1px solid #e7edf7;border-bottom:1px solid #e7edf7}.public-progress-line{position:absolute;height:2px;left:10%;right:10%;top:30px;background:#dce5f3}.public-progress-line i{display:block;height:2px;background:#2456f5;transition:.25s}.public-progress>div:not(.public-progress-line){position:relative;z-index:1;text-align:center}.public-progress span{display:grid;width:30px;height:30px;margin:auto;place-items:center;background:#e8eef8;border:3px solid #f7f9fd;border-radius:50%;font-size:12px;font-weight:800;color:#7b8aa0}.public-progress .on span{background:#2456f5;color:#fff}.public-progress small{display:block;margin-top:5px;color:#8290a5;font-size:10px}.public-step{padding:30px 38px}.public-step-title h2{margin:0 0 5px;font-size:24px}.public-step-title p{margin:0 0 24px;color:#6d7d94}.public-service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.public-service{border:1px solid #dbe5f3;background:#fff;border-radius:16px;padding:16px;text-align:left;display:flex;gap:12px;align-items:center;cursor:pointer;min-height:78px}.public-service:hover,.public-service.selected{border-color:#2f5df0;background:#f2f6ff;box-shadow:0 0 0 3px #2f5df014}.public-service .check{width:24px;height:24px;border:1px solid #cbd7e9;border-radius:7px;display:grid;place-items:center;color:#fff;flex:0 0 auto}.public-service.selected .check{background:#2456f5;border-color:#2456f5}.public-service strong,.public-service small{display:block}.public-service small{color:#72829a;margin-top:5px}.public-barber-grid{display:grid;gap:12px}.public-barber{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid #dbe5f3;background:#fff;border-radius:16px;text-align:left;cursor:pointer}.public-barber.selected{border-color:#2456f5;background:#f2f6ff;box-shadow:0 0 0 3px #2456f514}.barber-avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#0b1525,#1b3d84);color:#efbd62;font-weight:900}.public-barber strong,.public-barber small{display:block}.public-barber small{margin-top:4px;color:#72829a}.public-subhead{font-size:13px;color:#53657f;margin:22px 0 10px}.public-days{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;overflow-x:auto;padding-bottom:4px}.public-days button{min-width:92px;border:1px solid #dbe5f3;background:#fff;border-radius:14px;padding:11px 8px;cursor:pointer}.public-days button.selected{background:#102f9d;color:#fff;border-color:#244fe0}.public-days strong,.public-days small{display:block}.public-days strong{font-size:11px}.public-days small{font-size:18px;margin-top:4px}.public-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.public-slots button{border:1px solid #dbe5f3;background:#fff;border-radius:13px;padding:12px;cursor:pointer}.public-slots button.selected{background:#2456f5;color:#fff;border-color:#2456f5}.public-slots strong,.public-slots small{display:block}.public-slots small{font-size:10px;margin-top:3px;color:#72829a}.public-slots button.selected small{color:#dfe7ff}.public-empty{text-align:center;padding:36px;border:1px dashed #d8e2f0;border-radius:16px;color:#7d8ca2;background:#fbfcff}.public-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.public-form-grid label>span,.public-notes>span{font-size:12px;color:#5d6d84;display:block;margin-bottom:6px}.public-form-grid input,.public-form-grid select,.public-notes textarea{width:100%;border:1px solid #d7e1ef;border-radius:12px;padding:13px 14px;font:inherit;box-sizing:border-box;outline:none}.public-form-grid input:focus,.public-notes textarea:focus{border-color:#2456f5;box-shadow:0 0 0 3px #2456f51a}.public-phone{display:grid;grid-template-columns:112px 1fr;gap:8px}.public-notes{display:block;margin-top:16px}.public-notes textarea{resize:vertical}.public-consents{display:grid;gap:8px;margin-top:18px}.public-consents label{display:flex;gap:10px;align-items:flex-start;border:1px solid #e0e7f2;border-radius:12px;padding:12px;color:#53657d;font-size:12px}.public-review{display:grid;grid-template-columns:1fr 1fr;gap:12px}.public-review>div,.public-confirm-grid>div{border:1px solid #dce5f2;border-radius:14px;padding:14px;background:#f9fbff}.public-review span,.public-confirm-grid span{display:block;color:#6e7f96;font-size:11px;margin-bottom:5px}.public-review strong,.public-confirm-grid strong{font-size:14px}.public-actions{display:flex;justify-content:space-between;gap:12px;padding:0 38px 32px}.public-primary,.public-secondary{border-radius:12px;padding:13px 19px;font-weight:800;cursor:pointer;border:1px solid transparent}.public-primary{background:linear-gradient(135deg,#2f62ff,#173bbb);color:#fff;box-shadow:0 12px 24px #2456f533}.public-secondary{background:#fff;border-color:#d7e1ef;color:#25354e}.public-error{margin:0 38px 20px;border:1px solid #f1c6c6;background:#fff3f3;color:#a53a3a;border-radius:12px;padding:11px 13px;font-size:13px}.public-confirm{padding:10px 38px 38px;text-align:center}.public-checkmark{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;margin:8px auto 22px;background:#e4f8ef;color:#178a5a;font-size:34px;font-weight:900}.public-confirm-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:left;margin-bottom:22px}.public-confirm-grid .wide{grid-column:1/-1}.public-footer{text-align:center;color:#8090a6;padding:24px 10px}.public-footer strong,.public-footer span{display:block}.public-footer strong{color:#26364f;font-size:12px;letter-spacing:.16em}.public-footer span{font-size:11px;margin-top:5px}@media(max-width:720px){.public-booking-head{height:74px}.public-langs b{display:none}.public-booking-wrap{padding:0 10px 28px;margin-top:10px}.public-booking-card{border-radius:20px}.public-booking-intro{padding:26px 22px 18px}.public-booking-intro h1{font-size:28px}.public-progress{padding:12px 15px 18px}.public-progress-line{left:11%;right:11%;top:27px}.public-progress small{display:none}.public-step{padding:24px 20px}.public-service-grid,.public-form-grid,.public-review,.public-confirm-grid{grid-template-columns:1fr}.public-slots{grid-template-columns:repeat(3,1fr)}.public-days{grid-template-columns:repeat(14,86px)}.public-actions{padding:0 20px 24px}.public-error{margin:0 20px 18px}.public-confirm{padding:0 20px 28px}.public-confirm-grid .wide{grid-column:auto}.public-phone{grid-template-columns:105px 1fr}}