*{box-sizing:border-box}html{font-family:Tahoma,"Segoe UI",Arial,sans-serif}body{margin:0;background:#f4f3ef;color:#191919}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.owner-body{--gold:#c6a15b;--dark:#121212}.app-shell{display:grid;grid-template-columns:270px 1fr;min-height:100vh}.sidebar{background:var(--dark);color:#fff;padding:22px 16px;display:flex;flex-direction:column;gap:22px;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;padding:8px}.brand img{width:48px;height:48px;border-radius:15px;object-fit:cover}.brand strong{display:block;font-size:14px}.brand small{display:block;color:#aaa;margin-top:4px}.brand-mark{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,var(--gold,#c6a15b),#8b6b32);color:#111;font-weight:900;box-shadow:0 8px 30px #0004}.brand-mark.big{width:72px;height:72px;border-radius:23px;margin:auto;font-size:22px}.sidebar nav{display:grid;gap:6px}.sidebar nav a{padding:12px 14px;border-radius:12px;color:#d5d5d5;font-size:14px}.sidebar nav a:hover{background:#ffffff10;color:#fff}.logout-form{margin-top:auto}.nav-logout{width:100%;border:1px solid #ffffff20;background:transparent;color:#ddd;border-radius:12px;padding:11px}.main{min-width:0}.topbar{height:76px;background:#fff;border-bottom:1px solid #e8e5de;padding:0 28px;display:flex;align-items:center;gap:14px;position:sticky;top:0;z-index:10}.topbar>div{display:grid;gap:4px}.topbar small{color:#888}.topbar .ghost-btn{margin-inline-start:auto}.menu-btn{display:none;border:0;background:none;font-size:24px}.content{padding:28px;max-width:1500px;margin:auto}.hero{background:var(--dark);color:#fff;border-radius:26px;padding:34px;display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:22px;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:220px;height:220px;background:var(--gold);opacity:.11;border-radius:50%;left:-40px;top:-70px}.hero h1{margin:8px 0;font-size:32px}.hero p{margin:0;color:#bbb}.eyebrow{font-size:12px;letter-spacing:.7px;color:var(--gold,#c6a15b);font-weight:800}.trial-pill{background:#ffffff12;border:1px solid #ffffff1c;padding:12px 16px;border-radius:999px;white-space:nowrap}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.stats-grid.mini{grid-template-columns:repeat(3,1fr);margin:18px 0 0}.stat{background:#fff;border:1px solid #e5e2da;border-radius:20px;padding:20px;display:grid;gap:8px}.stat span{color:#777;font-size:13px}.stat strong{font-size:25px}.stat small{color:#999}.stat.attention{border-color:#e7c887;background:#fffaf1}.two-col{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;margin-bottom:18px}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:18px}.panel{background:#fff;border:1px solid #e5e2da;border-radius:20px;padding:20px;margin-bottom:18px;box-shadow:0 8px 25px #00000004}.panel.narrow{max-width:760px}.panel h1,.panel h2{margin-top:0}.panel-head,.page-actions,.closing-head,.profile-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.panel-head a{color:#866a36;font-weight:700}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;min-width:650px}.table-wrap th,.table-wrap td{padding:12px 10px;text-align:right;border-bottom:1px solid #eeeae1;font-size:13px}.table-wrap th{color:#777;font-size:12px}.badge{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:800;background:#eee}.badge.pending{background:#fff2cf;color:#805d00}.badge.approved{background:#dff7e7;color:#136a32}.badge.rejected{background:#ffe3e3;color:#9b1c1c}.badge.big{font-size:14px;padding:10px 15px}.count-badge{background:#111;color:#fff;border-radius:999px;padding:5px 10px}.empty-good{padding:28px;text-align:center;color:#6c7b70;background:#f5faf6;border-radius:14px}.name-list{display:grid}.name-list a{display:flex;align-items:center;gap:10px;padding:11px;border-bottom:1px solid #eee}.name-list b{margin-inline-start:auto;color:#a44;font-size:11px}.avatar{width:34px;height:34px;border-radius:12px;background:#eee2c9;display:grid;place-items:center;font-weight:900}.avatar.lg{width:52px;height:52px;border-radius:17px}.avatar.xl{width:74px;height:74px;border-radius:23px;font-size:24px}.cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.person-card{background:#fff;border:1px solid #e5e2da;border-radius:20px;padding:18px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px}.person-card h3{margin:0 0 5px}.person-card p,.person-card small{margin:0;color:#888}.person-metrics{display:grid;gap:5px;text-align:left}.person-metrics span{font-size:12px;color:#666}.person-metrics em{font-style:normal;font-size:11px}.person-metrics .on{color:#277b45}.person-metrics .off{color:#a33}.page-actions{margin-bottom:18px}.page-actions h1{margin:0 0 5px}.page-actions p{margin:0;color:#777}.primary-btn,.approve-btn,.close-btn{border:0;background:var(--gold,#c6a15b);color:#16120a;border-radius:13px;padding:12px 16px;font-weight:900;display:inline-block}.primary-btn.huge{font-size:17px;padding:16px}.primary-btn.inline{width:auto}.ghost-btn{border:1px solid #d8d4ca;background:#fff;border-radius:12px;padding:10px 14px;font-weight:700}.danger-btn{border:0;background:#9d2626;color:#fff;border-radius:12px;padding:11px 14px;font-weight:800}.approve-btn{background:#1e7b45;color:#fff;width:100%;padding:14px}.mini-btn{border:1px solid #d8d4ca;background:#fff;border-radius:9px;padding:7px 10px;font-size:12px}.danger-mini{border:0;background:#f7dddd;color:#9d2222;border-radius:9px;padding:8px 10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .full{grid-column:1/-1}.stack{display:grid;gap:13px}.stack.compact{gap:7px}.stack label,.form-grid label,.filter-bar label,.add-fields label{display:grid;gap:6px;color:#555;font-size:13px}input,select,textarea{width:100%;border:1px solid #d8d4ca;background:#fff;border-radius:11px;padding:11px 12px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--gold,#c6a15b);box-shadow:0 0 0 3px #c6a15b22}textarea{min-height:75px;resize:vertical}.check{display:flex!important;align-items:center;grid-template-columns:auto 1fr!important}.check input{width:auto}.filter-bar{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.filter-bar label{min-width:170px}.simple-list{display:grid}.simple-list>div,.audit-list>div{display:flex;justify-content:space-between;gap:12px;padding:11px 4px;border-bottom:1px solid #eee}.simple-list span,.audit-list span{color:#888;font-size:12px}.service-admin-list{display:grid;gap:10px}.service-row{display:grid;grid-template-columns:2fr 1fr .5fr 1fr auto;gap:7px;align-items:center}.inline-form{margin-top:-6px;margin-bottom:8px}.tabs{display:flex;gap:6px;flex-wrap:wrap}.tabs a{padding:8px 11px;border-radius:10px;background:#eee}.tabs a.active{background:#111;color:#fff}.receipt{width:100%;max-height:520px;object-fit:contain;background:#f5f5f5;border-radius:16px}.review-actions{display:grid;gap:12px;margin-top:15px}.cancelled-row{text-decoration:line-through;opacity:.55}.ranking-list{display:grid;gap:10px}.rank-card{background:#fff;border:1px solid #e5e2da;border-radius:18px;padding:15px;display:flex;align-items:center;gap:13px}.rank-no{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#191919;color:#fff;font-weight:900}.rank-card .grow{flex:1}.rank-card h3,.rank-card p{margin:0}.rank-card p{color:#888;margin-top:4px;font-size:12px}.inline-pay{display:flex;gap:6px}.security-note{background:#f6f3ec;padding:14px;border-radius:13px;margin-top:18px}.alert{padding:12px 14px;border-radius:12px;margin-bottom:15px}.alert.success{background:#e1f6e8;color:#166633}.alert.error{background:#ffe5e5;color:#8b1d1d}.login-screen,.pin-screen{min-height:100vh;background:#111;color:#fff;display:grid;place-items:center;padding:20px}.login-card,.pin-card{width:min(100%,430px);background:#1a1a1a;border:1px solid #2c2c2c;padding:30px;border-radius:28px;text-align:center;box-shadow:0 30px 80px #0008}.login-card h1,.pin-card h1{margin-bottom:5px}.login-card p,.pin-card p{color:#aaa}.login-card input{background:#111;border-color:#333;color:#fff}.login-card label{text-align:right}.muted-link{display:inline-block;color:#aaa;margin-top:18px;font-size:13px}.status-box{padding:12px;background:#111;border-radius:12px}.pin-dots{display:flex;justify-content:center;gap:12px;margin:28px}.pin-dots i{width:14px;height:14px;border-radius:50%;border:2px solid #777}.pin-dots i.filled{background:#c6a15b;border-color:#c6a15b}.pin-error{height:22px;color:#ff8f8f}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;direction:ltr}.keypad button{height:66px;border:1px solid #333;background:#222;color:#fff;border-radius:18px;font-size:21px}.keypad button:active{transform:scale(.97);background:#333}.barber-body{background:#0f0f0f;color:#fff;--gold:#c6a15b;--dark:#121212}.barber-wrap{max-width:760px;margin:auto;padding:18px}.barber-header{display:flex;justify-content:space-between;align-items:center;padding:15px 0 20px}.barber-header h1{margin:5px 0}.barber-header p{margin:0;color:#888}.barber-body .ghost-btn{background:#171717;color:#ddd;border-color:#333}.barber-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:14px}.barber-stats>div{background:#191919;border:1px solid #262626;border-radius:18px;padding:15px;display:grid;gap:8px}.barber-stats span{color:#8f8f8f;font-size:12px}.barber-stats strong{font-size:19px}.barber-panel{background:#181818;border:1px solid #292929;border-radius:22px;padding:17px;margin-bottom:14px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.section-title h2{margin:0}.section-title span{color:#777;font-size:11px}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.service-choice input{position:absolute;opacity:0}.service-choice span{display:grid;gap:4px;background:#222;border:1px solid #333;border-radius:16px;padding:14px}.service-choice small{color:#aaa}.service-choice input:checked+span{border-color:var(--gold);background:#2a2419;box-shadow:0 0 0 2px #c6a15b22}.add-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.barber-body input,.barber-body select,.barber-body textarea{background:#101010;color:#fff;border-color:#333}.barber-body input.readonly{opacity:.65}.haircut-list{display:grid;gap:8px}.haircut-item{background:#111;border:1px solid #292929;border-radius:16px;padding:12px;display:flex;align-items:center;gap:11px}.haircut-item.cancelled{opacity:.5}.time-badge{background:#2a2419;color:#e7c883;padding:7px 8px;border-radius:9px;font-size:12px}.haircut-item h3,.haircut-item p{margin:0}.haircut-item p{color:#aaa;margin-top:3px;font-size:12px}.haircut-item .grow{flex:1}.edit-menu{position:relative}.edit-menu summary{list-style:none;background:#222;padding:7px 9px;border-radius:9px;font-size:12px}.edit-menu[open]{min-width:220px}.edit-menu form{margin-top:8px}.cancel-form{border-top:1px solid #333;padding-top:8px}.close-day-card{border-radius:22px;background:linear-gradient(145deg,#c6a15b,#967238);color:#17120a;padding:22px;margin-bottom:14px;display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:center}.close-day-card .eyebrow{color:#2f2412}.upload-box{background:#ffffff66;border:1px dashed #5c461e;padding:13px;border-radius:13px;display:grid;gap:7px}.upload-box input{background:#fff;color:#111}.close-btn{background:#111;color:#fff}.closed-card{background:#17251b;border:1px solid #284a30;padding:20px;border-radius:20px;margin-bottom:14px}.closed-card b{font-size:20px}.barber-body .simple-list>div{border-color:#2a2a2a}.barber-body .simple-list span{color:#aaa}.color-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.profile-head,.closing-head{background:#fff;border:1px solid #e5e2da;padding:20px;border-radius:20px;margin-bottom:18px}.profile-head>div:nth-child(2){flex:1}.profile-head h1,.closing-head h1{margin:0}.profile-head p,.closing-head p{margin:5px 0;color:#777}.menu-open .sidebar{display:flex}
@media(max-width:1000px){.app-shell{grid-template-columns:1fr}.sidebar{display:none;position:fixed;z-index:30;right:0;width:280px}.menu-btn{display:block}.stats-grid{grid-template-columns:repeat(2,1fr)}.two-col,.three-col{grid-template-columns:1fr}.cards-grid{grid-template-columns:1fr}.topbar{padding:0 16px}.content{padding:16px}.service-row{grid-template-columns:1fr 1fr}.service-row .check{grid-column:1/-1}.hero h1{font-size:25px}}
@media(max-width:600px){.stats-grid,.stats-grid.mini{grid-template-columns:1fr 1fr}.hero{padding:24px;align-items:flex-start;flex-direction:column}.trial-pill{white-space:normal}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.page-actions,.profile-head,.closing-head{align-items:flex-start;flex-direction:column}.barber-stats{grid-template-columns:1fr 1fr}.barber-stats>div:last-child{grid-column:1/-1}.service-grid{grid-template-columns:1fr 1fr}.add-fields{grid-template-columns:1fr}.close-day-card{grid-template-columns:1fr}.section-title{align-items:flex-start;gap:6px;flex-direction:column}.inline-pay{min-width:360px}.person-card{grid-template-columns:auto 1fr}.person-metrics{grid-column:1/-1;display:flex;justify-content:space-between;text-align:right}.topbar .ghost-btn{display:none}}