:root{--navy:#162d40;--red:#ce4946;--blue:#397392;--ink:#213448;--muted:#84909a;--border:#e6e9e9;--bg:#f7f8f8;--white:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #79aaca;outline-offset:3px}button{border:0}a{color:inherit;text-decoration:none}header{height:98px;padding:0 5%;display:flex;align-items:center;gap:50px;background:#fff;border-bottom:1px solid var(--border);position:relative}header:before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:repeating-linear-gradient(125deg,var(--red) 0 22px,#fff 22px 40px,var(--blue) 40px 62px,#fff 62px 80px)}.brand{display:flex;align-items:center;gap:13px;font-size:21px;font-weight:850;letter-spacing:.3px;white-space:nowrap}.brand-light{font-weight:400}.brand small{display:block;font-size:8px;font-weight:650;letter-spacing:2.9px;margin-top:5px}.barber-pole{width:22px;height:43px;border:3px solid var(--navy);border-radius:9px;background:repeating-linear-gradient(135deg,#fff 0 7px,var(--red) 7px 14px,#fff 14px 21px,var(--blue) 21px 28px);position:relative}.barber-pole:before,.barber-pole:after{content:'';position:absolute;width:25px;height:5px;left:-5px;border-radius:3px;background:var(--navy)}.barber-pole:before{top:-6px}.barber-pole:after{bottom:-6px}nav{display:flex;height:100%;gap:30px;flex:1;justify-content:center}nav button{background:none;color:#7b858f;display:flex;gap:9px;align-items:center;font-size:14px;position:relative}nav button.active{color:var(--navy);font-weight:650}nav button.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--red)}.admin-access{display:flex;gap:10px;align-items:center;padding:12px 16px;border:1px solid var(--border);background:#fff;border-radius:7px;font-size:12px;font-weight:600}.lock{color:#9ba3aa;font-size:13px;margin-left:7px}main{max-width:1440px;margin:auto;padding:43px 5% 36px;min-height:calc(100vh - 158px)}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px;gap:20px}.eyebrow{font-size:10px;letter-spacing:2.1px;font-weight:750;color:var(--blue)}h1{font-size:clamp(27px,2.7vw,39px);letter-spacing:-1.5px;margin:10px 0;font-weight:740;line-height:1.2}.red-dot{font-size:12px;margin-left:5px;color:var(--red)}p{line-height:1.6}.intro p{font-size:13px;color:#84909a;margin:0}.today{display:flex;gap:12px;align-items:center;color:#87919a;font-size:11px;text-transform:capitalize}.today>span{font-size:25px;padding:12px;border:1px solid #e3e7e9;border-radius:9px;background:white}.today strong{display:block;color:var(--ink);font-size:13px;margin-top:5px}.sale-layout{display:grid;grid-template-columns:minmax(0,1fr) 355px;gap:30px;align-items:start}h2{font-size:17px;letter-spacing:-.4px;margin:0}h3{margin:0;font-size:15px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.subtle{font-size:8px;letter-spacing:1.6px;color:#98a1a8}.catalog-toolbar{display:flex;gap:15px;margin-bottom:22px;justify-content:space-between}.segmented{display:flex;background:#eceff0;border-radius:8px;padding:4px;gap:4px}.segmented button{padding:10px 13px;background:transparent;border-radius:6px;font-size:12px;color:#7d8791;white-space:nowrap}.segmented button.active{background:#fff;color:var(--navy);box-shadow:0 2px 5px #15293e0b;font-weight:650}.segmented b{font-size:9px;padding:2px 5px;border-radius:4px;margin-left:6px;background:#eef1f3;color:#8c969e}.search{display:flex!important;align-items:center;gap:8px;border:1px solid var(--border);border-radius:8px;padding:0 12px;background:#fff;max-width:205px;margin:0!important;color:#8a969f}.search input{border:0;padding:10px 0;font-size:11px;width:100%;background:none;outline:0}.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.catalog-card{text-align:left;background:#fff;border:1px solid var(--border);border-radius:11px;padding:23px;transition:transform .15s,border-color .15s;position:relative;overflow:hidden;color:var(--ink)}.catalog-card:hover{border-color:#a8bdcc;transform:translateY(-2px)}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.service-icon{font-size:26px;display:grid;place-items:center;width:49px;height:49px;border-radius:12px;color:var(--red);background:#fbf0ee}.service-icon.blue{color:var(--blue);background:#eef4f7}.card-tag{font-size:9px;font-weight:650;letter-spacing:1px;color:#939ca4}.catalog-card h3{font-size:16px;margin-bottom:6px}.catalog-card p{font-size:11px;color:#969fa5;margin:0}.card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:23px}.card-bottom strong{font-size:21px;letter-spacing:-.5px}.add{display:grid;place-items:center;width:31px;height:31px;background:var(--navy);color:white;font-size:22px;font-weight:300;border-radius:7px}.in-cart{position:absolute;right:20px;bottom:63px;font-size:9px;color:var(--blue)}.barber-note{display:flex;align-items:center;gap:17px;margin-top:23px;border:1px solid var(--border);border-radius:9px;padding:21px;background:#f0f3f4;overflow:hidden;position:relative}.note-icon{font-size:30px;color:#718597}.barber-note strong{font-size:12px;font-weight:600}.barber-note p{font-size:10px;color:#8b97a0;margin:5px 0 0}.mini-pole{height:80px;width:33px;position:absolute;right:21px;top:12px;background:repeating-linear-gradient(135deg,#dbe1e5 0 9px,transparent 9px 18px);transform:rotate(12deg);opacity:.55}.order{background:#fff;border:1px solid var(--border);border-radius:12px;padding:25px;box-shadow:0 7px 25px #23344804}.order-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.order-heading .eyebrow{font-size:8px;color:#9ba3a9;letter-spacing:1.6px}.order-heading h2{font-size:21px;margin-top:6px}.receipt-icon{font-size:27px;color:#a1aab1}label{display:block;font-size:11px;font-weight:600;margin-bottom:16px}input,select{width:100%;border:1px solid #e1e6e8;padding:12px;border-radius:6px;margin-top:8px;color:var(--ink);background:#fff;font-size:12px;min-height:43px}input::placeholder{color:#a2aab0}input:focus,select:focus{outline:2px solid #95bdd3;outline-offset:1px}.optional{color:#a2aab0;font-size:9px;font-weight:400;float:right}.required{color:var(--red)}.order-items-title{border-top:1px dashed #e0e5e7;padding-top:20px;font-size:9px;letter-spacing:1px;color:#85919a;margin-top:23px;display:flex;justify-content:space-between}.order-items-title span{font-size:9px;letter-spacing:0;color:#a3abb2}.empty-cart{text-align:center;padding:24px 0 26px}.empty-cart>span{display:block;font-size:31px;color:#b4bfc5;margin-bottom:9px}.empty-cart strong{font-size:11px;font-weight:500;color:#8f9aa3}.empty-cart p{font-size:10px;color:#a3adb4;line-height:1.8;margin:7px 0 0}.total{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed #e0e5e7;padding:23px 0}.total>span{font-size:11px;color:#7e8c97}.total strong{font-size:25px;letter-spacing:-1px}.primary{background:var(--red);color:white;padding:14px 20px;border-radius:7px;font-size:12px;font-weight:600;min-height:45px;box-shadow:0 3px 5px #ce494612}.primary:hover{background:#b93e3b}.wide{width:100%;display:flex;align-items:center;justify-content:space-between}.order-footnote{text-align:center;font-size:9px;color:#a0a9b0;margin:13px 0 0}.cart-item{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #f0f2f4;gap:10px}.cart-item strong{font-size:11px}.cart-item small{display:block;color:#8997a2;font-size:11px;margin-top:5px}.quantity{display:flex;align-items:center;gap:9px;font-size:12px}.quantity button{width:28px;height:30px;border-radius:4px;background:#f1f4f5;color:var(--ink);font-size:16px}#cart{max-height:330px;overflow:auto;margin-bottom:14px}footer{height:60px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 5%;color:#9aa5ac;font-size:9px;letter-spacing:.5px}.connection{display:inline-block;width:6px;height:6px;background:#5d9f8d;border-radius:50%;margin-right:6px}.footer-divider{margin:0 15px;color:#c9d0d5}footer button{background:none;font-size:10px;color:#7f909c}.muted{color:#86939d;font-size:12px}.setup-note{font-size:11px;color:#ae7337;background:#fff7e9;padding:10px;border-radius:6px}.secondary{background:white;border:1px solid var(--border);border-radius:6px;padding:12px 17px;color:var(--ink);font-size:12px}.agenda-toolbar,.dashboard-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:15px}.agenda-toolbar input,.dashboard-toolbar select{width:175px;margin:0}.agenda-toolbar .section-heading{margin:0}.badge{font-size:10px;font-weight:500;color:var(--blue);background:#edf3f7;padding:6px 9px;border-radius:5px}.agenda-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.agenda-card,.panel{background:#fff;border:1px solid var(--border);border-radius:10px;padding:24px}.barber-profile{display:flex;gap:13px;align-items:center}.barber-profile p{font-size:11px;color:#8b98a3;margin:6px 0 0}.avatar{display:grid;place-items:center;flex-shrink:0;width:45px;height:45px;border-radius:50%;background:#eaf0f4;color:var(--blue);font-size:14px;font-weight:700}.avatar.small{width:30px;height:30px;font-size:11px}.schedule{margin-top:23px}.appointment{display:flex;gap:15px;padding:16px 12px;background:#f2f6f8;border-left:3px solid var(--blue);border-radius:5px;margin-top:10px;align-items:center}.appointment-time{font-size:14px;font-weight:700}.appointment-time small{display:block;font-size:10px;color:#8d9aa4;margin-top:6px;font-weight:400}.appointment strong{font-size:12px}.appointment p{font-size:11px;color:#86939d;margin:3px 0}.cancel{margin-left:auto}.free-slot{font-size:10px;color:#548b76;margin:13px 0}.agenda-hint{font-size:10px;color:#8f9aa3;border-top:1px solid var(--border);padding-top:15px;margin-bottom:0}.empty{text-align:center;padding:40px 15px;color:#8b99a4;font-size:12px}.empty>span{font-size:30px;display:block;margin-bottom:12px}.empty h3{color:#536979}.full{grid-column:1/-1}.mobile-welcome{max-width:480px;margin:50px auto;text-align:center}.large-scissors{font-size:65px;display:block;color:var(--red);margin-bottom:30px}.mobile-welcome h1{font-size:44px;margin:20px 0}.mobile-welcome p{font-size:14px;color:#86939d;margin-bottom:30px}.mobile-welcome small{display:block;font-size:11px;color:#919fa9;margin-top:20px}.account-line{display:flex;justify-content:space-between;font-size:13px;margin-bottom:30px}.text-button{background:none;color:var(--blue);font-size:11px;padding:10px}.danger{color:var(--red)}.admin-tabs{display:flex;gap:25px;border-bottom:1px solid var(--border);margin-bottom:28px}.admin-tabs button{background:none;padding:14px 0;color:#89959e;font-size:12px}.admin-tabs .active{border-bottom:2px solid var(--red);color:var(--navy);font-weight:650}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:25px}.stat{background:white;border:1px solid var(--border);border-radius:9px;padding:23px}.stat>span{display:flex;justify-content:space-between;color:#7f8e99;font-size:11px}.stat i{font-style:normal;color:var(--blue)}.stat>strong{display:block;font-size:29px;letter-spacing:-1px;margin:15px 0 8px}.stat small{font-size:9px;color:#9ba5ad}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px;margin-bottom:23px}.panel h2{margin-bottom:20px}.barber-result{margin:20px 0}.result-head{display:flex;gap:9px;align-items:center;font-size:12px}.result-head b{margin-left:auto;font-size:12px}.bar-track{height:5px;background:#eef2f4;margin-top:13px;border-radius:4px;overflow:hidden}.bar-track i{display:block;height:100%;background:var(--blue)}.barber-result p{font-size:10px;color:#84939e}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}th{color:#8b98a1;font-weight:500;padding:13px 10px;border-bottom:1px solid var(--border);white-space:nowrap}td{padding:15px 10px;border-bottom:1px solid #eef1f3;line-height:1.5}tr:last-child td{border:0}.access-help{margin-top:24px}.access-help p{font-size:12px;max-width:740px}.access-help code{display:inline-block;background:#f0f4f6;padding:12px;border-radius:6px;overflow-wrap:anywhere;font-size:12px}dialog{border:1px solid var(--border);border-radius:13px;width:450px;max-width:calc(100% - 32px);padding:27px;color:var(--ink);box-shadow:0 20px 80px #142b4033}dialog::backdrop{background:#10263985;backdrop-filter:blur(3px)}.modal-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.modal-heading h2{font-size:20px}.icon-button{background:none;color:#8b98a1;font-size:24px;padding:4px 8px;border-radius:5px;min-width:35px;min-height:35px}dialog form{margin-top:23px}label small{display:block;font-size:10px;font-weight:400;color:#8a99a4;margin-top:7px;line-height:1.5}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-error{color:var(--red);font-size:12px}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);padding:15px 23px;background:var(--navy);color:white;border-radius:9px;font-size:12px;box-shadow:0 8px 30px #132b4022;opacity:0;pointer-events:none;transition:.2s;max-width:90%;z-index:1000}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1350px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sale-layout{grid-template-columns:minmax(0,1fr) 370px}}@media(max-width:1050px){header{gap:20px;padding:0 4%}.sale-layout{gap:20px;grid-template-columns:minmax(0,1fr) 320px}main{padding:30px 4%}.subtle{display:none}.catalog-toolbar{flex-wrap:wrap}.search{max-width:none;width:100%}.catalog-card{padding:18px}.order{padding:20px}.barber-note{padding:17px}.today{display:none}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:750px){header{height:85px;gap:14px;flex-wrap:wrap;justify-content:space-between}.brand{font-size:17px}.brand small{font-size:6px;letter-spacing:2.3px}.barber-pole{height:34px;width:18px}.barber-pole:before,.barber-pole:after{width:21px}nav{gap:15px;flex:0}nav button{font-size:18px}nav button span{display:none}.admin-access{padding:10px;font-size:17px;gap:0}.admin-access span{display:none}main{padding:28px 5%;min-height:calc(100vh - 145px)}.intro{margin-bottom:27px;align-items:flex-start}.intro h1{font-size:29px}.intro p{font-size:12px}.intro .primary,.intro .secondary{padding:11px;font-size:10px;white-space:nowrap}.sale-layout{grid-template-columns:1fr}.catalog-toolbar{flex-wrap:nowrap}.search{max-width:160px}.segmented button{font-size:10px;padding:10px}.segmented b{display:none}.catalog-grid{gap:12px}.catalog-card{padding:18px}.card-top{margin-bottom:15px}.catalog-card h3{font-size:14px}.card-bottom strong{font-size:19px}.barber-note{margin-bottom:4px}.order{padding:24px}.empty-cart{padding:20px 0}.dashboard-grid{grid-template-columns:1fr}.stat{padding:17px}.stat>strong{font-size:24px}.agenda-toolbar{align-items:flex-start}.agenda-toolbar .section-heading{display:block}.agenda-toolbar .badge{display:inline-block;margin-top:9px}.agenda-toolbar input{width:145px}.admin-tabs{gap:19px}.admin-tabs button{font-size:10px}.dashboard-toolbar h2{font-size:15px}.dashboard-toolbar .primary{font-size:10px;padding:12px}.panel{padding:20px}.mobile-welcome{margin:30px auto}.mobile-welcome h1{font-size:41px}footer{font-size:8px}.footer-divider{margin:0 7px}.form-row{gap:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}