:root{--bp-navy:#071d49;--bp-navy-2:#0b2d68;--bp-blue:#176bff;--bp-blue-dark:#0c4cc2;--bp-cyan:#31c7c3;--bp-green:#19a974;--bp-bg:#f3f6fb;--bp-text:#17243a;--bp-muted:#6d7e97;--bp-line:#e2eaf4;--bp-white:#fff;--bp-shadow:0 20px 60px rgba(7,29,73,.11)}
*{box-sizing:border-box}
html{font-size:17px}
body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--bp-text);background:var(--bp-bg)}
button,input,select,textarea{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
html,body{max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
.barber-auth-shell,.barber-portal-shell,.barber-main,.barber-content{min-width:0;max-width:100%}
img,video,canvas{max-width:100%;height:auto}
.barber-brand{display:inline-flex;align-items:center;gap:11px;color:inherit;text-decoration:none}.barber-brand>span,.barber-mobile-brand>span{display:grid;place-items:center;width:45px;height:45px;border-radius:14px;color:#fff;background:linear-gradient(135deg,var(--bp-blue),var(--bp-cyan));box-shadow:0 12px 28px rgba(23,107,255,.25)}.barber-brand strong,.barber-mobile-brand strong{font-size:1.12rem;font-weight:900;letter-spacing:-.045em}.barber-brand strong span,.barber-mobile-brand strong span{color:#55d6d1}

/* Login */
.barber-auth-body{min-height:100vh;background:#071d49}.barber-auth-shell{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);min-height:100vh}.barber-auth-visual{position:relative;display:flex;flex-direction:column;padding:clamp(34px,5vw,76px);overflow:hidden;color:#fff;background:radial-gradient(circle at 78% 18%,rgba(49,199,195,.24),transparent 24%),radial-gradient(circle at 15% 76%,rgba(23,107,255,.32),transparent 30%),linear-gradient(145deg,#061838,#0a2b65 62%,#0d479b)}.barber-auth-visual:before,.barber-auth-visual:after{position:absolute;border:1px solid rgba(255,255,255,.1);border-radius:50%;content:""}.barber-auth-visual:before{top:-210px;right:-170px;width:560px;height:560px}.barber-auth-visual:after{left:-220px;bottom:-310px;width:650px;height:650px}.barber-auth-visual .barber-brand{position:relative;z-index:2}.barber-auth-copy{position:relative;z-index:2;max-width:720px;margin:auto 0 30px}.barber-auth-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(255,255,255,.13);border-radius:999px;color:#9ee9e6;background:rgba(255,255,255,.07);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.barber-auth-copy h1{max-width:700px;margin:22px 0 15px;font-size:clamp(2.25rem,4.7vw,4.7rem);font-weight:900;line-height:.99;letter-spacing:-.065em}.barber-auth-copy p{max-width:610px;margin:0;color:rgba(255,255,255,.68);font-size:1rem;line-height:1.7}.barber-auth-preview{position:relative;z-index:2;width:min(100%,580px);padding:20px;border:1px solid rgba(255,255,255,.13);border-radius:25px;background:rgba(255,255,255,.095);box-shadow:0 28px 75px rgba(0,0,0,.18);backdrop-filter:blur(18px)}.preview-head,.preview-appointment,.preview-metrics{display:flex;align-items:center}.preview-head{gap:9px}.preview-head span{padding:6px 9px;border-radius:9px;color:#b4f4f1;background:rgba(49,199,195,.15);font-size:.67rem;font-weight:800}.preview-head strong{flex:1;font-size:.82rem}.preview-head i{color:#5ee0a9}.preview-appointment{gap:14px;margin:17px 0;padding:15px;border-radius:17px;color:var(--bp-text);background:#fff}.preview-appointment time{padding:9px;border-radius:10px;color:#fff;background:var(--bp-blue);font-size:.74rem;font-weight:900}.preview-appointment div{display:grid;flex:1;gap:3px}.preview-appointment strong{font-size:.8rem}.preview-appointment span{color:var(--bp-muted);font-size:.68rem}.preview-metrics{gap:10px}.preview-metrics span{flex:1;padding:10px;border-radius:12px;color:rgba(255,255,255,.68);background:rgba(0,0,0,.1);font-size:.66rem}.preview-metrics strong{margin-right:3px;color:#fff;font-size:.82rem}.barber-auth-trust{position:relative;z-index:2;display:flex;gap:20px;margin-top:24px;color:rgba(255,255,255,.65);font-size:.7rem;font-weight:700}.barber-auth-trust span{display:flex;align-items:center;gap:7px}.barber-auth-form-panel{display:grid;place-items:center;padding:35px;background:#fff}.barber-auth-form-wrap{width:min(100%,470px)}.barber-mobile-brand{display:none;align-items:center;gap:10px;margin-bottom:38px}.barber-auth-heading>span{color:var(--bp-blue);font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.barber-auth-heading h2{margin:9px 0 7px;color:var(--bp-navy);font-size:clamp(1.75rem,3vw,2.35rem);font-weight:900;letter-spacing:-.055em}.barber-auth-heading p{margin:0 0 27px;color:var(--bp-muted);font-size:.84rem;line-height:1.65}.barber-login-alert{display:none;margin-bottom:16px;padding:12px 14px;border:1px solid #fecaca;border-radius:13px;color:#b42318;background:#fff1f1;font-size:.75rem;font-weight:700}.barber-login-alert.show{display:block}.barber-login-alert.success{border-color:#b7ebd3;color:#06754e;background:#edfff7}.barber-field{display:grid;gap:7px;margin-bottom:16px}.barber-field>span{color:var(--bp-text);font-size:.73rem;font-weight:800}.barber-field>div{display:flex;align-items:center;min-height:52px;padding:0 13px;border:1px solid #d9e3ef;border-radius:14px;background:#fbfdff;transition:.18s ease}.barber-field>div:focus-within{border-color:#8db6ff;box-shadow:0 0 0 4px rgba(23,107,255,.08);background:#fff}.barber-field>div>i{color:#8ba0bb}.barber-field input{min-width:0;flex:1;padding:0 11px;border:0;outline:0;color:var(--bp-text);background:transparent;font-size:.82rem}.barber-field button{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:9px;color:var(--bp-muted);background:transparent}.barber-field small{min-height:0;color:#c2413a;font-size:.65rem;font-weight:700}.barber-field.invalid>div{border-color:#f5a6a1}.barber-login-options{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:5px 0 22px;color:var(--bp-muted);font-size:.68rem;font-weight:700}.barber-login-options label,.barber-login-options span{display:flex;align-items:center;gap:7px}.barber-login-options input{accent-color:var(--bp-blue)}.barber-login-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:53px;border:0;border-radius:14px;color:#fff;background:linear-gradient(135deg,var(--bp-blue),var(--bp-blue-dark));box-shadow:0 15px 30px rgba(23,107,255,.24);font-size:.8rem;font-weight:850;transition:.18s ease}.barber-login-button:hover{transform:translateY(-2px)}.barber-login-button:disabled{opacity:.7;transform:none}.barber-manager-link{margin:24px 0 0;color:var(--bp-muted);text-align:center;font-size:.71rem}.barber-manager-link a{color:var(--bp-blue);font-weight:800;text-decoration:none}

/* Portal */
.barber-portal-body{min-height:100vh}.barber-portal-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.barber-side{position:sticky;top:0;display:flex;flex-direction:column;height:100vh;padding:25px 17px;border-right:1px solid var(--bp-line);background:#fff;z-index:50}.barber-side .barber-brand{padding:0 10px 22px}.barber-side-profile{display:flex;align-items:center;gap:11px;margin:4px 0 21px;padding:13px;border:1px solid var(--bp-line);border-radius:16px;background:#f8fbff}.barber-avatar{display:grid;place-items:center;width:43px;height:43px;flex:0 0 43px;border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--bp-navy),var(--bp-blue));font-size:.8rem;font-weight:900}.barber-side-profile>div:nth-child(2){display:grid;min-width:0;flex:1;gap:3px}.barber-side-profile strong,.barber-side-profile span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.barber-side-profile strong{color:var(--bp-navy);font-size:.75rem}.barber-side-profile span{color:var(--bp-muted);font-size:.63rem}.barber-side-profile>i{color:var(--bp-blue)}.barber-navigation{display:grid;gap:5px;overflow:auto}.barber-navigation>span{margin:15px 12px 5px;color:#99a7ba;font-size:.59rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.barber-navigation button{display:flex;align-items:center;gap:11px;min-height:46px;padding:0 12px;border:0;border-radius:12px;color:#64758d;background:transparent;text-align:left;font-size:.72rem;transition:.17s ease}.barber-navigation button i{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;color:#7d90aa;background:#f0f4f9}.barber-navigation button strong{flex:1}.barber-navigation button em{padding:4px 7px;border-radius:999px;color:var(--bp-blue);background:#e9f1ff;font-size:.58rem;font-style:normal;font-weight:850}.barber-navigation button:hover{color:var(--bp-navy);background:#f5f8fc}.barber-navigation button.active{color:#fff;background:linear-gradient(135deg,var(--bp-blue),var(--bp-blue-dark));box-shadow:0 12px 26px rgba(23,107,255,.21)}.barber-navigation button.active i{color:#fff;background:rgba(255,255,255,.15)}.barber-navigation button.active em{color:#fff;background:rgba(255,255,255,.17)}.barber-side-sync{display:flex;align-items:center;gap:10px;margin-top:auto;padding:13px;border-radius:14px;color:#0d7354;background:#edfff7}.barber-side-sync>i{font-size:1.2rem}.barber-side-sync div{display:grid;gap:2px}.barber-side-sync strong{font-size:.68rem}.barber-side-sync span{font-size:.59rem}.barber-side-logout{display:flex;align-items:center;justify-content:center;gap:8px;min-height:43px;margin-top:9px;border:1px solid #f0d6d4;border-radius:12px;color:#b42318;background:#fff8f7;font-size:.7rem;font-weight:800}.barber-main{min-width:0}.barber-topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:13px;min-height:82px;padding:14px clamp(22px,3vw,44px);border-bottom:1px solid rgba(7,29,73,.07);background:rgba(255,255,255,.92);backdrop-filter:blur(18px)}.barber-menu-button{display:none;place-items:center;width:43px;height:43px;border:1px solid #d7e3f4;border-radius:13px;color:var(--bp-blue);background:#edf4ff}.barber-topbar-copy{display:grid;flex:1;gap:2px}.barber-topbar-copy span{color:var(--bp-muted);font-size:.67rem;font-weight:700}.barber-topbar-copy h1{margin:0;color:var(--bp-navy);font-size:1.12rem;font-weight:900;letter-spacing:-.04em}.barber-topbar-actions{display:flex;align-items:center;gap:9px}.barber-live-chip{display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #cdebdc;border-radius:999px;color:#08714f;background:#f2fff8;font-size:.65rem;font-weight:800}.barber-live-chip i{width:7px;height:7px;border-radius:50%;background:#17b67b;box-shadow:0 0 0 4px rgba(23,182,123,.13)}.barber-topbar-actions button{display:grid;place-items:center;width:39px;height:39px;border:1px solid var(--bp-line);border-radius:11px;color:var(--bp-blue);background:#fff}.barber-content{width:min(100%,1560px);margin:0 auto;padding:clamp(22px,3vw,44px)}.barber-loading{display:grid;place-items:center;min-height:55vh;color:var(--bp-muted);text-align:center}.barber-loading span{width:42px;height:42px;margin-bottom:14px;border:4px solid #dfeaff;border-top-color:var(--bp-blue);border-radius:50%;animation:bpSpin .7s linear infinite}.barber-loading strong{color:var(--bp-navy);font-size:.9rem}.barber-loading small{margin-top:5px;font-size:.7rem}
.bp-hero{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:25px;min-height:230px;padding:clamp(27px,3vw,43px);overflow:hidden;border-radius:28px;color:#fff;background:linear-gradient(125deg,#061a41,#0b3476 59%,#176bff);box-shadow:0 24px 65px rgba(7,29,73,.2)}.bp-hero:before,.bp-hero:after{position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%;content:""}.bp-hero:before{top:-240px;right:-80px;width:530px;height:530px}.bp-hero:after{right:190px;bottom:-300px;width:480px;height:480px}.bp-hero>div,.bp-hero>button{position:relative;z-index:2}.bp-hero-kicker{display:inline-flex;align-items:center;gap:8px;color:#a9d5ff;font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.bp-hero h2{max-width:710px;margin:13px 0 9px;font-size:clamp(1.85rem,3.8vw,3.4rem);font-weight:900;line-height:1.03;letter-spacing:-.06em}.bp-hero p{max-width:690px;margin:0;color:rgba(255,255,255,.68);font-size:.84rem;line-height:1.65}.bp-primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:47px;padding:0 17px;border:0;border-radius:13px;color:var(--bp-navy);background:#fff;font-size:.72rem;font-weight:850;white-space:nowrap}.bp-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:14px}.bp-metric{display:grid;grid-template-columns:47px 1fr;gap:2px 12px;min-height:112px;padding:18px;border:1px solid var(--bp-line);border-radius:19px;background:#fff;box-shadow:0 12px 35px rgba(7,29,73,.06)}.bp-metric>i{grid-row:1/3;display:grid;place-items:center;width:47px;height:47px;border-radius:14px;color:var(--bp-blue);background:#edf4ff}.bp-metric span{align-self:end;color:var(--bp-muted);font-size:.65rem;font-weight:750}.bp-metric strong{align-self:start;color:var(--bp-navy);font-size:1.34rem;font-weight:900;letter-spacing:-.045em}.bp-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.75fr);gap:14px;margin-top:14px}.bp-panel{border:1px solid var(--bp-line);border-radius:22px;background:#fff;box-shadow:0 14px 42px rgba(7,29,73,.065)}.bp-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 20px;border-bottom:1px solid var(--bp-line)}.bp-panel-head div{display:grid;gap:4px}.bp-panel-head h3{margin:0;color:var(--bp-navy);font-size:.9rem;font-weight:880;letter-spacing:-.03em}.bp-panel-head span{color:var(--bp-muted);font-size:.64rem}.bp-panel-head button,.bp-date-control button{display:inline-flex;align-items:center;gap:7px;min-height:37px;padding:0 11px;border:1px solid #dbe6f4;border-radius:10px;color:var(--bp-blue);background:#f7faff;font-size:.63rem;font-weight:800}.bp-timeline{padding:8px 20px 18px}.bp-appointment{display:grid;grid-template-columns:74px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #edf1f6;cursor:pointer}.bp-appointment:last-child{border-bottom:0}.bp-appointment time{padding:9px 7px;border-radius:10px;color:var(--bp-blue);background:#edf4ff;text-align:center;font-size:.68rem;font-weight:900}.bp-appointment>div{display:grid;gap:4px;min-width:0}.bp-appointment strong{overflow:hidden;color:var(--bp-navy);font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.bp-appointment span{overflow:hidden;color:var(--bp-muted);font-size:.64rem;text-overflow:ellipsis;white-space:nowrap}.bp-status{display:inline-flex;align-items:center;padding:6px 8px;border-radius:999px;color:#08714f;background:#edfff7;font-size:.58rem;font-weight:850}.bp-status.attention{color:#9a6200;background:#fff7df}.bp-status.done{color:#2459b8;background:#edf4ff}.bp-next{display:grid;gap:12px;padding:20px}.bp-next-time{display:flex;align-items:center;justify-content:space-between}.bp-next-time span{color:var(--bp-blue);font-size:.68rem;font-weight:850}.bp-next-time strong{color:var(--bp-navy);font-size:1.1rem}.bp-next h3{margin:0;color:var(--bp-navy);font-size:1.05rem;font-weight:900}.bp-next p{margin:0;color:var(--bp-muted);font-size:.7rem;line-height:1.55}.bp-next-details{display:grid;gap:8px;padding:13px;border-radius:14px;background:#f6f9fd}.bp-next-details span{display:flex;align-items:center;gap:8px;color:#60728b;font-size:.65rem;font-weight:700}.bp-next .bp-primary-button{color:#fff;background:var(--bp-blue)}.bp-section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.bp-section-header div{display:grid;gap:5px}.bp-section-header span{color:var(--bp-blue);font-size:.66rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.bp-section-header h2{margin:0;color:var(--bp-navy);font-size:1.55rem;font-weight:900;letter-spacing:-.05em}.bp-section-header p{margin:0;color:var(--bp-muted);font-size:.72rem}.bp-date-control{display:flex;align-items:center;gap:8px}.bp-date-control input{min-height:39px;padding:0 11px;border:1px solid #dbe6f4;border-radius:10px;color:var(--bp-navy);background:#fff;font-size:.7rem;font-weight:800}.bp-agenda-list,.bp-client-grid,.bp-performance-grid{display:grid;gap:12px}.bp-agenda-card{display:grid;grid-template-columns:100px minmax(0,1fr) auto;align-items:center;gap:17px;padding:17px;border:1px solid var(--bp-line);border-radius:19px;background:#fff;box-shadow:0 12px 34px rgba(7,29,73,.055);cursor:pointer}.bp-agenda-card time{display:grid;place-items:center;min-height:64px;border-radius:14px;color:#fff;background:linear-gradient(135deg,var(--bp-navy),var(--bp-blue));font-size:.74rem;font-weight:900}.bp-agenda-card>div{display:grid;gap:5px;min-width:0}.bp-agenda-card h3{margin:0;color:var(--bp-navy);font-size:.84rem;font-weight:880}.bp-agenda-card p{margin:0;color:var(--bp-muted);font-size:.67rem}.bp-agenda-card small{color:#8391a5;font-size:.61rem}.bp-client-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bp-client-card{display:grid;gap:14px;padding:19px;border:1px solid var(--bp-line);border-radius:19px;background:#fff;box-shadow:0 12px 35px rgba(7,29,73,.05)}.bp-client-head{display:flex;align-items:center;gap:11px}.bp-client-head .barber-avatar{width:44px;height:44px}.bp-client-head div{display:grid;min-width:0;gap:3px}.bp-client-head strong{color:var(--bp-navy);font-size:.76rem}.bp-client-head span{color:var(--bp-muted);font-size:.63rem}.bp-client-card>p{min-height:42px;margin:0;color:var(--bp-muted);font-size:.66rem;line-height:1.55}.bp-client-card footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:12px;border-top:1px solid var(--bp-line);color:#61738d;font-size:.62rem;font-weight:750}.bp-performance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bp-performance-card{padding:21px;border:1px solid var(--bp-line);border-radius:21px;background:#fff;box-shadow:0 14px 38px rgba(7,29,73,.06)}.bp-performance-card.wide{grid-column:1/-1}.bp-performance-card>span{color:var(--bp-muted);font-size:.65rem;font-weight:750}.bp-performance-card>strong{display:block;margin-top:8px;color:var(--bp-navy);font-size:1.75rem;font-weight:900;letter-spacing:-.05em}.bp-performance-card>small{display:block;margin-top:5px;color:#8190a5;font-size:.62rem}.bp-progress-list{display:grid;gap:14px;margin-top:18px}.bp-progress-row{display:grid;grid-template-columns:130px 1fr auto;align-items:center;gap:12px}.bp-progress-row span,.bp-progress-row strong{font-size:.65rem}.bp-progress-track{height:9px;overflow:hidden;border-radius:999px;background:#edf1f6}.bp-progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--bp-blue),var(--bp-cyan))}.bp-profile-grid{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:14px}.bp-profile-card,.bp-form-card{padding:22px;border:1px solid var(--bp-line);border-radius:22px;background:#fff;box-shadow:0 14px 40px rgba(7,29,73,.06)}.bp-profile-card{text-align:center}.bp-profile-card .barber-avatar{width:76px;height:76px;margin:0 auto 13px;border-radius:23px;font-size:1.15rem}.bp-profile-card h2{margin:0;color:var(--bp-navy);font-size:1.2rem;font-weight:900}.bp-profile-card p{margin:7px 0 18px;color:var(--bp-muted);font-size:.7rem}.bp-profile-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.bp-profile-tags span{padding:7px 9px;border-radius:999px;color:#526b8c;background:#eff4fa;font-size:.6rem;font-weight:750}.bp-form-card h3{margin:0 0 17px;color:var(--bp-navy);font-size:.9rem;font-weight:880}.bp-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.bp-form-grid label{display:grid;gap:6px;color:#41546f;font-size:.65rem;font-weight:780}.bp-form-grid input,.bp-form-grid select{min-height:45px;padding:0 11px;border:1px solid #d9e3ef;border-radius:11px;outline:0;color:var(--bp-text);background:#fbfdff;font-size:.72rem}.bp-form-grid input:focus,.bp-form-grid select:focus{border-color:#8db6ff;box-shadow:0 0 0 3px rgba(23,107,255,.08)}.bp-form-actions{display:flex;justify-content:flex-end;margin-top:15px}.bp-form-actions button{min-height:43px;padding:0 15px;border:0;border-radius:11px;color:#fff;background:var(--bp-blue);font-size:.7rem;font-weight:820}.bp-divider{height:1px;margin:22px 0;background:var(--bp-line)}.bp-empty{display:grid;place-items:center;min-height:230px;padding:25px;border:1px dashed #cedbea;border-radius:19px;color:var(--bp-muted);background:#fafcff;text-align:center}.bp-empty i{margin-bottom:9px;color:#a2b4ca;font-size:1.5rem}.bp-empty strong{color:var(--bp-navy);font-size:.8rem}.bp-empty span{margin-top:5px;font-size:.67rem}
.barber-dialog{width:min(94vw,780px);max-height:90vh;padding:0;border:0;border-radius:24px;background:#fff;box-shadow:0 35px 100px rgba(7,29,73,.3)}.barber-dialog::backdrop{background:rgba(4,15,38,.62);backdrop-filter:blur(5px)}.barber-dialog-shell{display:grid;max-height:90vh}.barber-dialog header,.barber-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:13px;padding:18px 21px}.barber-dialog header{border-bottom:1px solid var(--bp-line)}.barber-dialog header div{display:grid;gap:3px}.barber-dialog header span{color:var(--bp-blue);font-size:.63rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.barber-dialog h2{margin:0;color:var(--bp-navy);font-size:1.08rem;font-weight:900}.barber-dialog header button{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:11px;color:var(--bp-muted);background:#f0f4f9}.barber-dialog-content{overflow:auto;padding:21px}.bp-dialog-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:16px}.bp-dialog-summary div{padding:13px;border:1px solid var(--bp-line);border-radius:13px;background:#fafcff}.bp-dialog-summary span,.bp-dialog-summary strong{display:block}.bp-dialog-summary span{color:var(--bp-muted);font-size:.59rem}.bp-dialog-summary strong{margin-top:4px;color:var(--bp-navy);font-size:.71rem}.bp-dialog-section{margin-top:17px}.bp-dialog-section h3{margin:0 0 10px;color:var(--bp-navy);font-size:.75rem;font-weight:850}.bp-dialog-note{padding:13px;border-radius:13px;color:#5d708c;background:#f4f7fb;font-size:.67rem;line-height:1.55}.bp-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bp-check-grid label{display:flex;align-items:center;gap:8px;padding:11px;border:1px solid var(--bp-line);border-radius:11px;color:#4c607d;font-size:.67rem;font-weight:750}.bp-check-grid input{accent-color:var(--bp-blue)}.bp-dialog-select{width:100%;min-height:45px;padding:0 11px;border:1px solid #d9e3ef;border-radius:11px;color:var(--bp-text);background:#fff;font-size:.72rem}.barber-dialog footer{border-top:1px solid var(--bp-line);background:#fafcff}.barber-dialog footer button{min-height:43px;padding:0 15px;border:0;border-radius:11px;font-size:.7rem;font-weight:820}.barber-dialog footer .secondary{color:#536987;background:#eaf0f6}.barber-dialog footer .primary{color:#fff;background:var(--bp-blue)}.barber-toast{position:fixed;right:22px;bottom:22px;z-index:100;max-width:360px;padding:13px 16px;opacity:0;visibility:hidden;border-radius:13px;color:#fff;background:var(--bp-navy);box-shadow:0 18px 48px rgba(7,29,73,.28);font-size:.7rem;font-weight:750;transform:translateY(12px);transition:.2s ease}.barber-toast.show{opacity:1;visibility:visible;transform:none}.barber-toast.error{background:#b42318}.barber-mobile-nav,.barber-side-overlay{display:none}
.spin{animation:bpSpin .7s linear infinite}
@keyframes bpSpin{to{transform:rotate(360deg)}}
@media(max-width:1199px){.barber-portal-shell{grid-template-columns:1fr}.barber-side{position:fixed;left:0;transform:translateX(-110%);width:280px;box-shadow:24px 0 60px rgba(7,29,73,.2);transition:.25s ease}.barber-side.show{transform:none}.barber-menu-button{display:grid}.barber-side-overlay{position:fixed;inset:0;z-index:40;background:rgba(4,15,38,.48);backdrop-filter:blur(3px)}.barber-side-overlay.show{display:block}.bp-client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.barber-auth-shell{grid-template-columns:1fr}.barber-auth-visual{display:none}.barber-auth-form-panel{min-height:100vh}.barber-mobile-brand{display:flex}.bp-metrics{grid-template-columns:repeat(2,1fr)}.bp-grid,.bp-profile-grid{grid-template-columns:1fr}.bp-client-grid{grid-template-columns:1fr}.bp-hero{align-items:flex-start;flex-direction:column}.bp-appointment{grid-template-columns:66px minmax(0,1fr)}.bp-appointment .bp-status{grid-column:2}.bp-agenda-card{grid-template-columns:82px minmax(0,1fr)}.bp-agenda-card>.bp-status{grid-column:2}.bp-performance-grid{grid-template-columns:1fr}.bp-performance-card.wide{grid-column:auto}}
@media(max-width:680px){html{font-size:16.5px}.barber-topbar{min-height:72px;padding:11px 14px}.barber-content{padding:18px 13px 104px}.barber-live-chip{display:none}.barber-mobile-nav{position:fixed;right:8px;bottom:8px;left:8px;z-index:35;display:grid;grid-template-columns:repeat(5,1fr);padding:8px;border:1px solid rgba(7,29,73,.08);border-radius:20px;background:rgba(255,255,255,.95);box-shadow:0 18px 55px rgba(7,29,73,.2);backdrop-filter:blur(18px)}.barber-mobile-nav button{display:grid;place-items:center;gap:4px;min-height:52px;border:0;border-radius:14px;color:#718198;background:transparent;font-size:.55rem;font-weight:780}.barber-mobile-nav button i{font-size:1rem}.barber-mobile-nav button.active{color:#fff;background:linear-gradient(135deg,var(--bp-blue),var(--bp-blue-dark))}.bp-hero{min-height:250px;padding:24px}.bp-hero h2{font-size:1.85rem}.bp-hero .bp-primary-button{width:100%}.bp-metrics{gap:9px}.bp-metric{grid-template-columns:40px 1fr;min-height:98px;padding:13px}.bp-metric>i{width:40px;height:40px}.bp-metric strong{font-size:1.15rem}.bp-section-header{align-items:flex-start;flex-direction:column}.bp-date-control{width:100%}.bp-date-control input{flex:1;min-width:0}.bp-agenda-card{grid-template-columns:1fr;gap:10px}.bp-agenda-card time{min-height:43px}.bp-agenda-card>.bp-status{grid-column:auto;justify-self:start}.bp-client-grid{grid-template-columns:1fr}.bp-form-grid{grid-template-columns:1fr}.bp-progress-row{grid-template-columns:95px 1fr}.bp-progress-row strong{grid-column:2;text-align:right}.bp-dialog-summary{grid-template-columns:1fr 1fr}.bp-check-grid{grid-template-columns:1fr}.barber-dialog footer{align-items:stretch;flex-direction:column-reverse}.barber-dialog footer button{width:100%}.barber-toast{right:13px;bottom:86px;left:13px;max-width:none}.barber-login-options{align-items:flex-start;flex-direction:column}.barber-auth-form-panel{padding:25px 20px}}
@media(max-width:520px){.barber-auth-body :where(input,select,textarea),.barber-portal-body :where(input,select,textarea){font-size:16px}.barber-dialog{width:calc(100vw - 14px);max-height:calc(100vh - 14px)}.barber-dialog-shell{max-height:calc(100vh - 14px)}}