:root{color:#26241f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f5f3ed;font-family:Tahoma,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html{background:#f5f3ed;min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}#root{min-height:100vh}::selection{color:#171713;background:#d9b56d}:root{--ink:#24231f;--muted:#777268;--line:#e7e2d7;--paper:#fffefa;--canvas:#f5f3ed;--dark:#1e211e;--gold:#c89943;--gold-soft:#f4ead5;--shadow:0 18px 50px #28251d12}h1,h2,h3,p{margin-top:0}button:disabled{opacity:.65;cursor:wait}.admin-layout{background:var(--canvas);min-height:100vh;display:flex}.sidebar{z-index:30;color:#f7f3ea;background:var(--dark);flex-direction:column;width:260px;padding:26px 18px 18px;display:flex;position:fixed;inset:0 0 0 auto;overflow-y:auto}.brand-row,.login-brand{align-items:center;gap:12px;display:flex}.brand-row{border-bottom:1px solid #ffffff17;padding:0 8px 27px}.brand-row>div:nth-child(2){flex-direction:column;gap:2px;display:flex}.brand-row strong,.login-brand>span:last-child{letter-spacing:-.3px;font-size:20px}.brand-row span{color:#a9aaa3;font-size:11px}.brand-mark{color:#29271f;background:var(--gold);border-radius:13px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 7px 20px #c8994333}.brand-mark.large{border-radius:17px;width:54px;height:54px}.nav-label{color:#74766f;letter-spacing:.8px;margin:25px 10px 10px;font-size:10px;font-weight:700}.sidebar nav{flex-direction:column;gap:4px;display:flex}.sidebar nav a{color:#adafa8;border-radius:10px;align-items:center;gap:12px;min-height:45px;padding:0 13px;font-size:13px;font-weight:600;text-decoration:none;transition:all .18s;display:flex}.sidebar nav a:hover{color:#fff;background:#ffffff0e}.sidebar nav a.active{color:#211f19;background:var(--gold)}.nav-arrow{opacity:.5;margin-inline-start:auto}.sidebar nav a.active .nav-arrow{opacity:.8}.sidebar-footer{margin-top:auto;padding-top:24px}.admin-profile{border-top:1px solid #ffffff17;align-items:center;gap:10px;padding:14px 8px;display:flex}.admin-profile>div:last-child{flex-direction:column;gap:3px;display:flex}.admin-profile strong{font-size:12px}.admin-profile span{color:#898b84;font-size:10px}.avatar,.mini-avatar{border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.avatar{color:#24231f;background:#e8d9b8;width:35px;height:35px}.admin-logout{color:#d0b3ad;background:#b7483e1f;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;width:100%;height:41px;display:flex}.admin-logout:hover{color:#ffd9d2;background:#b7483e33}.content-shell{flex:1;min-width:0;min-height:100vh;margin-right:260px}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:15;background:#fffefad1;align-items:center;height:64px;padding:0 38px;display:flex;position:sticky;top:0}.topbar-title{font-size:13px;font-weight:700}.topbar-date{color:var(--muted);margin-inline-start:auto;font-size:11px}.main-content{width:min(1380px,100%);margin:0 auto;padding:38px}.main-content>div:not(.page-stack),.page-stack{flex-direction:column;gap:22px;display:flex}.page-header{justify-content:space-between;align-items:center;gap:20px;min-height:65px;display:flex}.page-header h1,.barber-welcome h1{color:var(--ink);letter-spacing:-1px;margin-bottom:7px;font-size:clamp(25px,3vw,34px);font-weight:800}.page-header p,.barber-welcome p{color:var(--muted);margin-bottom:0;font-size:13px;line-height:1.7}.eyebrow{color:#d9b56d;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:13px;font-size:10px;font-weight:800;display:inline-block}.eyebrow.dark{color:#9b772f}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.stats-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{border:1px solid var(--line);background:var(--paper);border-radius:16px;align-items:flex-start;gap:14px;min-height:128px;padding:20px;display:flex;box-shadow:0 8px 28px #28251d09}.stat-icon,.list-icon{border-radius:11px;flex:none;place-items:center;display:grid}.stat-icon{background:var(--gold-soft);color:#9b772f;width:40px;height:40px}.tone-blue .stat-icon{color:#3d6c8b;background:#e8f1f5}.tone-green .stat-icon{color:#467355;background:#e8f1e8}.tone-purple .stat-icon{color:#715a83;background:#eee8f2}.stat-copy{flex-direction:column;gap:7px;min-width:0;display:flex}.stat-copy>span{color:var(--muted);font-size:11px}.stat-copy strong{color:var(--ink);white-space:nowrap;font-size:clamp(18px,2vw,24px)}.stat-copy small{color:#a19c92;font-size:10px}.section-card{border:1px solid var(--line);background:var(--paper);border-radius:17px;padding:23px;box-shadow:0 10px 35px #28251d09}.section-heading{justify-content:space-between;align-items:center;gap:16px;min-height:47px;margin-bottom:19px;display:flex}.section-heading .eyebrow{margin-bottom:5px}.section-heading h2,.table-toolbar h2{letter-spacing:-.4px;margin:0;font-size:18px}.dashboard-grid{grid-template-columns:2fr 1fr;gap:18px;display:grid}.span-2{min-width:0}.text-link{color:#8e6c2a;align-items:center;gap:5px;font-size:11px;font-weight:700;text-decoration:none;display:inline-flex}.performance-list{flex-direction:column;display:flex}.performance-row{border-bottom:1px solid #eeeae1;align-items:center;gap:12px;min-width:0;padding:14px 0;display:flex}.performance-row:last-child{border-bottom:0}.rank{color:#7c6537;background:var(--gold-soft);border-radius:8px;flex:none;place-items:center;width:28px;height:28px;font-size:10px;font-weight:800;display:inline-grid}.performance-info{flex:1;min-width:0}.performance-info>div:first-child{justify-content:space-between;gap:15px;margin-bottom:9px;display:flex}.performance-info strong{font-size:12px}.performance-info span{color:var(--muted);font-size:10px}.progress{background:#efede7;border-radius:10px;width:100%;height:5px;overflow:hidden}.progress i{border-radius:inherit;background:linear-gradient(90deg,#c39039,#e0bc72);height:100%;display:block}.performance-value{text-align:left;flex-direction:column;gap:5px;display:flex}.performance-value strong{font-size:12px}.performance-value span{color:var(--muted);font-size:9px}.summary-main{color:#fff;background:linear-gradient(135deg,#252822,#34372f);border-radius:13px;flex-direction:column;gap:7px;padding:23px 18px;display:flex}.summary-main span{color:#b9bbb2;font-size:10px}.summary-main strong{color:#e0bd72;font-size:25px}.summary-list{flex-direction:column;display:flex}.summary-list>div{border-bottom:1px solid #eeeae1;justify-content:space-between;align-items:center;padding:15px 3px;display:flex}.summary-list span{color:var(--muted);font-size:11px}.summary-list strong{font-size:12px}.summary-list .accent strong{color:#9b772f}.primary-button,.secondary-button{border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:43px;padding:0 17px;font-size:12px;font-weight:700;text-decoration:none;transition:all .18s;display:inline-flex}.primary-button{color:#fff;background:var(--dark);width:100%}.primary-button:hover{background:#34372f;transform:translateY(-1px)}.secondary-button{color:var(--ink);border:1px solid var(--line);background:#fff}.button-auto{width:auto}.icon-button{border:1px solid var(--line);width:39px;height:39px;color:var(--ink);background:#fff;border-radius:9px;place-items:center;padding:0;display:grid}.menu-button,.sidebar-close{display:none}.state-card,.empty-state{border:1px solid var(--line);min-height:220px;color:var(--muted);background:var(--paper);text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:13px;padding:30px;display:flex}.empty-state{background:0 0;border:0;min-height:180px}.empty-state strong{color:var(--ink)}.empty-state p{margin:0;font-size:11px}.empty-icon{color:#a98239;background:var(--gold-soft);border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.error-state{color:#963f38}.error-state button{color:#8e6c2a;background:0 0;border:0;font-weight:700}.spinner{border:3px solid #dfd9cc;border-top-color:var(--gold);border-radius:50%;width:25px;height:25px;animation:.7s linear infinite spin}.spinner.small{border-width:2px;width:16px;height:16px}@keyframes spin{to{transform:rotate(360deg)}}.notice{border-radius:10px;align-items:center;gap:9px;min-height:45px;padding:11px 15px;font-size:12px;display:flex}.notice-success{color:#376244;background:#edf5ef;border:1px solid #cee0d2}.notice-error{color:#8c3b34;background:#faeeec;border:1px solid #e8cac5}.management-grid{grid-template-columns:330px minmax(0,1fr);align-items:start;gap:18px;display:grid}.sticky-card{position:sticky;top:86px}.stack-form{flex-direction:column;gap:15px;display:flex}.field{flex-direction:column;gap:7px;display:flex}.field>span,.filter-bar label>span{color:#5f5b53;font-size:11px;font-weight:700}.field small{color:#99938a;font-weight:400}input,select{width:100%;height:43px;color:var(--ink);background:#fff;border:1px solid #dcd7cc;border-radius:9px;outline:none;padding:0 13px;font-size:12px;transition:all .15s}input:focus,select:focus{border-color:#c79a47;box-shadow:0 0 0 3px #c79a471f}input::placeholder{color:#aaa59c}.item-list{flex-direction:column;gap:10px;display:flex}.list-card{background:#fff;border:1px solid #ece8df;border-radius:12px;align-items:center;gap:13px;min-height:70px;padding:13px 14px;display:flex}.list-icon{color:#8e6c2a;background:var(--gold-soft);width:38px;height:38px}.list-main{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.list-main strong{font-size:12px}.list-main span{color:var(--muted);font-size:10px}.status-pill,.status-active,.status-disabled{white-space:nowrap;border-radius:20px;padding:5px 9px;font-size:9px;font-weight:700}.status-pill.active,.status-active{color:#3f704e;background:#e8f2eb}.status-pill.disabled,.status-disabled{color:#98443c;background:#f8e9e7}.row-actions,.action-buttons{align-items:center;gap:6px;display:flex}.row-actions button,.action-buttons button,.icon-text-button,.danger-text-button,.success-text-button,.edit-button,.danger-button,.success-button,.cancel-button{border:0;border-radius:7px;min-height:32px;padding:0 10px;font-size:10px;font-weight:700}.icon-text-button,.edit-button{color:#665127;background:#f4ead5}.danger-text-button,.danger-button{color:#98443c;background:#f8e9e7}.success-text-button,.success-button{color:#3f704e;background:#e8f2eb}.cancel-button{border:1px solid var(--line);background:#fff}.table-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.table-toolbar .eyebrow{margin-bottom:5px}.search-box{color:#9b958b;background:#fff;border:1px solid #ded9ce;border-radius:9px;align-items:center;gap:8px;width:min(320px,100%);height:42px;padding:0 12px;display:flex}.search-box input{height:38px;box-shadow:none;border:0;padding:0}.table-wrapper{width:100%;overflow-x:auto}.table-wrapper::-webkit-scrollbar{height:7px}.table-wrapper::-webkit-scrollbar-thumb{background:#d6d0c4;border-radius:10px}table{border-collapse:collapse;width:100%;font-size:11px}th{color:#8e897f;text-align:right;white-space:nowrap;background:#f8f6f1;padding:11px 13px;font-size:9px}th:first-child{border-radius:0 8px 8px 0}th:last-child{border-radius:8px 0 0 8px}td{color:#59564f;white-space:nowrap;border-bottom:1px solid #eeeae2;padding:14px 13px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfbf7}.person-cell{align-items:center;gap:9px;display:flex}.mini-avatar{color:#6d572e;background:var(--gold-soft);width:30px;height:30px}.count-badge{color:#655027;background:var(--gold-soft);border-radius:7px;place-items:center;min-width:26px;height:24px;padding:0 7px;font-size:10px;font-weight:700;display:inline-grid}.cell-sub{color:#9d988f;margin-top:5px;font-size:9px;display:block}.positive{color:#4b7656}.filter-bar{border:1px solid var(--line);background:var(--paper);border-radius:13px;align-items:flex-end;gap:10px;padding:15px;display:flex}.filter-bar label{flex-direction:column;gap:6px;min-width:140px;display:flex}.filter-bar .grow{flex:1}.input-with-icon{position:relative}.input-with-icon svg{color:#99938a;position:absolute;top:13px;right:12px}.input-with-icon input{padding-right:36px}.timeline{max-width:750px;margin:0 auto}.timeline-item{border-right:1px solid #ded8cc;padding:0 28px 18px 0;position:relative}.timeline-item:last-child{border-right-color:#0000}.timeline-dot{border:2px solid var(--paper);background:var(--gold);border-radius:50%;width:10px;height:10px;position:absolute;top:18px;right:-5px;box-shadow:0 0 0 2px #e6d5b2}.timeline-card{border:1px solid #ece7dd;border-radius:11px;justify-content:space-between;align-items:center;gap:15px;min-height:60px;padding:14px 17px;display:flex}.timeline-card>div:first-child{flex-direction:column;gap:6px;display:flex}.timeline-card strong{font-size:12px}.timeline-card span{color:var(--muted);font-size:9px}.percentage-change{direction:ltr;align-items:center;gap:10px;display:flex}.percentage-change span{color:#98443c;background:#f8e9e7;border-radius:7px;padding:5px 9px}.percentage-change strong{color:#3f704e;background:#e8f2eb;border-radius:7px;padding:5px 9px}.date-range{align-items:center;gap:8px;display:flex}.date-range input{width:135px}.date-range span{color:var(--muted);font-size:10px}.bar-chart{align-items:flex-end;gap:7px;height:260px;padding-top:25px;display:flex;overflow-x:auto}.bar-column{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;min-width:27px;height:100%;display:flex;position:relative}.bar-track{background:#f0ede6;border-radius:6px;align-items:flex-end;width:min(18px,90%);height:190px;display:flex;overflow:hidden}.bar-track i{background:linear-gradient(#d8ad5b,#b78732);border-radius:6px;width:100%;min-height:5px}.bar-column>span{color:var(--muted);white-space:nowrap;font-size:8px}.bar-tooltip{color:#fff;background:var(--dark);white-space:nowrap;border-radius:5px;padding:5px 7px;font-size:8px;display:none;position:absolute;top:0}.bar-column:hover .bar-tooltip{display:block}.rank-list{flex-direction:column;display:flex}.rank-list>div{border-bottom:1px solid #eeeae1;align-items:center;gap:10px;padding:12px 0;display:flex}.rank-list>div:last-child{border-bottom:0}.rank-list>div>div{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.rank-list strong{font-size:11px}.rank-list small{color:var(--muted);font-size:9px}.rank-list b{font-size:10px}.barber-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.form-group{flex-direction:column;gap:7px;display:flex}.form-group label{color:#5f5b53;font-size:11px;font-weight:700}.form-title-row,.table-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px;display:flex}.form-title-row h2,.table-header h2{margin:0;font-size:18px}.table-header p{color:var(--muted);margin:4px 0 0;font-size:10px}.form-actions{align-items:end;display:flex}.commission-badge{color:#6d572e;background:var(--gold-soft);border-radius:7px;padding:5px 8px;font-weight:700}.message-box{color:#376244;background:#edf5ef;border:1px solid #cee0d2;border-radius:9px;margin-bottom:15px;padding:12px 14px;font-size:11px}.login-page{background:#f7f5f0;grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.login-visual{color:#fff;background:radial-gradient(circle at 20% 20%,#41443b 0,#252822 42%,#181a17 100%);flex-direction:column;min-height:100vh;padding:55px 7vw;display:flex;position:relative;overflow:hidden}.login-visual:after{content:"";border:1px solid #d3ae6538;border-radius:50%;width:480px;height:480px;position:absolute;bottom:-180px;left:-130px;box-shadow:0 0 0 70px #d3ae6509,0 0 0 140px #d3ae6506}.visual-grain{opacity:.16;background-image:radial-gradient(#fff .6px,#0000 .6px);background-size:9px 9px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.login-brand{z-index:1;position:relative}.visual-copy{z-index:1;margin:auto 0;position:relative}.visual-copy h2{letter-spacing:-2.8px;max-width:590px;margin-bottom:23px;font-size:clamp(37px,5vw,64px);line-height:1.28}.visual-copy p{color:#b7b8b2;max-width:480px;font-size:14px;line-height:1.9}.visual-stat{z-index:1;flex-direction:column;gap:6px;display:flex;position:relative}.visual-stat span{color:#8f928a;font-size:10px}.visual-stat strong{color:#d9b66d;font-size:14px}.login-panel{place-items:center;padding:45px;display:grid}.login-card{width:min(420px,100%)}.mobile-login-brand{display:none}.login-card h1{letter-spacing:-1.2px;margin:0 0 10px;font-size:34px}.login-card>p{color:var(--muted);margin-bottom:30px;font-size:12px}.login-card form{flex-direction:column;gap:17px;display:flex}.password-field{position:relative}.password-field input{padding-left:62px}.password-field button{color:#8e6c2a;background:0 0;border:0;height:29px;font-size:10px;font-weight:700;position:absolute;top:7px;left:8px}.login-submit{margin-top:7px}.login-submit svg{transform:rotate(180deg)}.login-error{color:#903d35;background:#f8e9e7;border-radius:9px;margin-bottom:18px;padding:12px;font-size:11px}.login-help{color:#969086;text-align:center;margin-top:18px;font-size:9px;display:block}.barber-page{background:var(--canvas);min-height:100vh}.barber-topbar{border-bottom:1px solid var(--line);background:var(--paper);justify-content:space-between;align-items:center;height:72px;padding:0 max(25px,50vw - 640px);display:flex}.barber-container{flex-direction:column;gap:22px;width:min(1280px,100%);margin:0 auto;padding:38px 30px;display:flex}.barber-welcome{justify-content:space-between;align-items:center;gap:20px;display:flex}.commission-seal{color:#6f572b;background:var(--gold-soft);border:1px solid #d8be87;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:88px;height:88px;display:flex}.commission-seal span{font-size:9px}.commission-seal strong{font-size:22px}.barber-content{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:18px;display:grid}.visit-entry{position:sticky;top:20px}.recent-visits{min-width:0}.service-picker{border:0;min-width:0;margin:0;padding:0}.service-picker legend{color:#5f5b53;width:100%;margin-bottom:8px;font-size:11px;font-weight:700}.service-picker legend small{color:#99938a;margin-inline-start:5px;font-weight:400}.service-options{flex-direction:column;gap:7px;display:flex}.service-option{cursor:pointer;background:#fff;border:1px solid #ded9ce;border-radius:10px;align-items:center;gap:9px;min-height:47px;padding:8px 10px;transition:all .16s;display:flex}.service-option:hover{border-color:#cfad6c}.service-option.selected{background:#fbf6eb;border-color:#c79943;box-shadow:0 0 0 2px #c7994317}.service-option>input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.service-check{color:#fff;background:#fff;border:1px solid #d3cdc1;border-radius:6px;flex:none;place-items:center;width:21px;height:21px;display:grid}.service-option.selected .service-check{background:#b98a34;border-color:#b98a34}.service-name{min-width:0;color:var(--ink);flex:1;font-size:11px;font-weight:700}.service-option>strong{color:#7c6331;white-space:nowrap;font-size:10px}.selected-total{color:#6e5a34;background:var(--gold-soft);border-radius:8px;justify-content:space-between;align-items:center;margin-top:9px;padding:10px 11px;font-size:10px;display:flex}.selected-total strong{font-size:11px}.system-page{background:var(--canvas);min-height:100vh}.system-topbar{border-bottom:1px solid var(--line);background:var(--paper);justify-content:space-between;align-items:center;height:72px;padding:0 max(25px,50vw - 690px);display:flex}.system-topbar .login-brand>div{flex-direction:column;gap:2px;display:flex}.system-topbar .login-brand small{color:var(--muted);font-size:9px}.system-container{width:min(1380px,100%);margin:0 auto;padding:38px}.system-grid{grid-template-columns:minmax(0,1.6fr) 390px;align-items:start;gap:18px;display:grid}.new-salon-card{position:sticky;top:22px}.salon-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.salon-card{background:#fff;border:1px solid #e8e2d7;border-radius:13px;padding:16px;transition:all .16s}.salon-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #28251d0f}.salon-card.suspended{opacity:.78;background:#faf8f4}.salon-card-head{align-items:center;gap:10px;display:flex}.salon-card-head>div:nth-child(2){flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.salon-card-head strong{font-size:13px}.salon-card-head span:not(.status-pill){color:var(--muted);font-size:9px}.salon-metrics{border-block:1px solid #eeeae1;grid-template-columns:repeat(3,1fr);margin:15px 0;padding:12px 0;display:grid}.salon-metrics>div{border-left:1px solid #eeeae1;flex-direction:column;gap:5px;padding:0 8px;display:flex}.salon-metrics>div:last-child{border-left:0}.salon-metrics span{color:var(--muted);font-size:9px}.salon-metrics strong{font-size:11px}.salon-card-foot{justify-content:space-between;align-items:center;gap:10px;display:flex}.salon-card-foot>div{flex-direction:column;gap:4px;min-width:0;display:flex}.salon-card-foot span{font-size:10px;font-weight:700}.salon-card-foot small{color:var(--muted);font-size:8px}.form-pair{grid-template-columns:1fr 1fr;gap:10px;display:grid}.form-divider{text-align:center;margin:4px 0;position:relative}.form-divider:before{content:"";border-top:1px solid var(--line);position:absolute;inset:50% 0 auto}.form-divider span{color:var(--muted);background:var(--paper);padding:0 9px;font-size:9px;position:relative}.salon-card-foot .salon-card-actions{flex-direction:row;flex:none}.system-top-actions,.salon-hero-actions{align-items:center;gap:9px;display:flex}.system-top-actions .secondary-button:first-child svg{transform:rotate(180deg)}.salon-detail-hero{border:1px solid var(--line);min-height:130px;box-shadow:var(--shadow);background:linear-gradient(135deg,#fffefa 45%,#f6efdf);border-radius:18px;justify-content:space-between;align-items:center;gap:25px;padding:24px;display:flex}.salon-detail-title{align-items:center;gap:17px;min-width:0;display:flex}.salon-hero-icon{color:#856526;background:var(--gold-soft);border-radius:16px;flex:none;place-items:center;width:57px;height:57px;display:grid}.salon-title-line{align-items:center;gap:11px;display:flex}.salon-title-line h1{letter-spacing:-1px;margin:0;font-size:clamp(25px,3vw,35px)}.salon-detail-title p{color:var(--muted);margin:8px 0 0;font-size:11px}.subscription-note{flex-direction:column;gap:5px;min-width:115px;display:flex}.subscription-note span{color:var(--muted);font-size:9px}.subscription-note strong{font-size:11px}.detail-action{min-height:40px;padding:0 14px}.detail-period{border:1px solid var(--line);background:var(--paper);border-radius:13px;justify-content:space-between;align-items:center;gap:20px;padding:15px 18px;display:flex}.detail-period>div:first-child{flex-direction:column;gap:4px;display:flex}.detail-period .eyebrow{margin:0}.detail-period strong{font-size:12px}.detail-overview-strip{border:1px solid var(--line);background:var(--paper);border-radius:15px;grid-template-columns:repeat(6,1fr);padding:17px 20px;display:grid}.detail-overview-strip>div{border-left:1px solid #ece7dd;flex-direction:column;gap:7px;padding:2px 16px;display:flex}.detail-overview-strip>div:last-child{border-left:0}.detail-overview-strip span{color:var(--muted);font-size:9px}.detail-overview-strip strong{font-size:14px}.detail-overview-strip small{color:var(--muted);font-size:9px;font-weight:500}.salon-chart{height:225px}.salon-chart .bar-track{height:155px}.detail-tabs{border:1px solid var(--line);background:var(--paper);border-radius:13px;gap:5px;padding:6px;display:flex;overflow-x:auto}.detail-tabs button{min-width:130px;height:43px;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:11px;font-weight:700;display:flex}.detail-tabs button span{color:#78612f;background:var(--gold-soft);border-radius:6px;place-items:center;min-width:20px;height:20px;font-size:8px;display:grid}.detail-tabs button.active{color:#fff;background:var(--dark)}.detail-tabs button.active span{color:#2b2922;background:#d7b466}.detail-two-columns{grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);align-items:start;gap:18px;display:grid}.service-tags{align-items:center;gap:4px;display:flex}.service-tags span{color:#725b2d;background:var(--gold-soft);border-radius:6px;padding:4px 7px;font-size:8px}.branch-detail-list{flex-direction:column;gap:9px;display:flex}.branch-detail-list article{border:1px solid #ece8df;border-radius:11px;align-items:center;gap:11px;padding:12px;display:flex}.branch-detail-list article>div:nth-child(2){flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.branch-detail-list article>div:nth-child(2) strong{font-size:11px}.branch-detail-list article>div:nth-child(2) span{color:var(--muted);font-size:9px}.branch-detail-list article>div:last-child{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.branch-detail-list article>div:last-child strong{font-size:10px}@media (width<=1100px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.detail-two-columns{grid-template-columns:1fr}.barber-form{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-overview-strip{grid-template-columns:repeat(3,1fr);row-gap:18px}.detail-overview-strip>div:nth-child(3){border-left:0}}@media (width<=820px){.sidebar{transition:transform .25s;transform:translate(105%);box-shadow:-20px 0 50px #0000002e}.sidebar.is-open{transform:translate(0)}.sidebar-overlay{z-index:25;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#14151273;border:0;position:fixed;inset:0}.content-shell{margin-right:0}.menu-button,.sidebar-close{display:grid}.sidebar-close{color:#fff;background:#ffffff0d;border-color:#ffffff1f;width:34px;height:34px;margin-inline-start:auto}.topbar{gap:13px;padding:0 22px}.main-content{padding:28px 22px}.management-grid,.barber-content,.system-grid{grid-template-columns:1fr}.sticky-card,.visit-entry,.new-salon-card{position:static}.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-panel{min-height:100vh;padding:30px}.mobile-login-brand{align-items:center;gap:10px;margin-bottom:42px;display:flex}.page-header{flex-direction:column;align-items:flex-start}.date-range{flex-wrap:wrap;width:100%}.barber-form{grid-template-columns:1fr 1fr}.system-container{padding:28px 22px}.salon-detail-hero,.detail-period{flex-direction:column;align-items:flex-start}.salon-hero-actions{justify-content:space-between;width:100%}}@media (width<=560px){.topbar-date{display:none}.main-content{padding:22px 14px 35px}.stats-grid,.stats-grid.compact{grid-template-columns:1fr 1fr;gap:10px}.stat-card{flex-direction:column;gap:9px;min-height:112px;padding:14px}.stat-icon{width:34px;height:34px}.stat-copy{gap:4px}.stat-copy strong{font-size:16px}.section-card{padding:17px}.table-toolbar{flex-direction:column;align-items:stretch}.search-box{width:100%}.filter-bar{flex-direction:column;align-items:stretch}.filter-bar label{min-width:0}.filter-bar .button-auto{width:100%}.list-card{flex-wrap:wrap}.list-main{min-width:calc(100% - 55px)}.row-actions{justify-content:flex-end;width:100%}.barber-form{grid-template-columns:1fr}.barber-container{padding:26px 14px}.barber-welcome{align-items:flex-start}.commission-seal{width:72px;height:72px}.barber-topbar,.system-topbar{padding:0 14px}.timeline-card{flex-direction:column;align-items:flex-start}.date-range input{width:calc(50% - 18px)}.date-range button,.page-header>.primary-button{width:100%}.login-panel{padding:25px 20px}.system-container{padding:24px 14px}.salon-list,.form-pair{grid-template-columns:1fr}.system-top-actions .secondary-button{padding:0 10px;font-size:0}.system-top-actions .secondary-button svg{margin:0}.salon-detail-hero{padding:18px}.salon-detail-title{align-items:flex-start}.salon-title-line{flex-direction:column;align-items:flex-start}.salon-hero-actions{flex-direction:column;align-items:stretch}.detail-action{width:100%}.detail-overview-strip{grid-template-columns:repeat(2,1fr)}.detail-overview-strip>div:nth-child(3){border-left:1px solid #ece7dd}.detail-overview-strip>div:nth-child(2n){border-left:0}.detail-tabs button{min-width:112px}.salon-card-foot{flex-direction:column;align-items:flex-start}.salon-card-foot .salon-card-actions{width:100%}.salon-card-actions button{flex:1}}.admin-entry-hint{color:#467355;background:#e8f1e8;border-radius:8px;align-items:center;gap:6px;min-height:30px;padding:0 10px;font-size:9px;font-weight:700;display:inline-flex}.admin-visit-form{grid-template-columns:minmax(250px,.8fr) minmax(300px,1.25fr) 230px;align-items:start;gap:18px;display:grid}.admin-visit-fields{flex-direction:column;gap:12px;display:flex}.admin-service-picker .service-options{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.admin-visit-submit{color:#fff;background:linear-gradient(145deg,#242721,#34372f);border-radius:13px;flex-direction:column;justify-content:space-between;gap:22px;min-height:100%;padding:16px;display:flex}.admin-visit-submit>div{flex-direction:column;gap:7px;display:flex}.admin-visit-submit span{color:#b7b9b1;font-size:9px}.admin-visit-submit strong{color:#e0bd72;font-size:24px}.admin-visit-submit small{color:#93968e;font-size:9px;line-height:1.6}.admin-visit-submit .primary-button{color:#28261f;background:var(--gold)}.admin-visit-submit .primary-button:hover{background:#d5aa59}@media (width<=1100px){.admin-visit-form{grid-template-columns:1fr 1fr}.admin-visit-submit{flex-direction:row;grid-column:1/-1;align-items:center;min-height:auto}.admin-visit-submit .primary-button{width:auto;min-width:190px}}@media (width<=820px){.admin-visit-form{grid-template-columns:1fr}.admin-visit-submit{grid-column:auto}}@media (width<=560px){.admin-entry-hint{display:none}.admin-service-picker .service-options{grid-template-columns:1fr}.admin-visit-submit{flex-direction:column;align-items:stretch}.admin-visit-submit .primary-button{width:100%;min-width:0}}.admin-visit-entry{scroll-margin-top:82px}.editing-row{background:#fff9eb}.editing-row:hover{background:#fff5dc}