:root{--bg:#f6f7f4;--surface:#fff;--surface-soft:#f8f9f6;--text:#111;--muted:#646963;--line:#e4e8e1;--lime:#95d82e;--lime-soft:#dff7b8;--black:#050505;--info:#2f80ed}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}body{overflow-x:hidden}a,button,input{font:inherit}a,button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}.appShell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;padding:20px;border-right:1px solid var(--line);background:hsla(80,43%,99%,.94);display:flex;flex-direction:column;gap:22px}.appointmentCard,.brand,.businessTop,.locationPill,.paymentBox,.profileStrip,.searchBox,.sectionHead,.sideNav a,.tags,.topbar,.totalBar{display:flex;align-items:center}.brand{gap:12px;font-size:22px;font-weight:800}.brandMark{width:38px;height:38px;border-radius:13px;background:var(--black);color:var(--lime);display:grid;place-items:center;box-shadow:0 14px 30px hsla(0,0%,7%,.12)}.sideNav{display:grid;grid-gap:6px;gap:6px}.sideNav a{min-height:42px;border-radius:14px;color:var(--muted);font-size:14px;font-weight:750;gap:12px;padding:0 12px}.sideNav a span{width:8px;height:8px;border-radius:999px;background:#c9cec6;flex:0 0 8px}.sideNav a.active,.sideNav a:hover{background:var(--black);color:var(--surface)}.sideNav a.active span,.sideNav a:hover span{background:var(--lime)}.cityCard{margin-top:auto;min-height:118px;border-radius:20px;background:var(--black);color:var(--surface);padding:16px;display:grid;align-content:end;grid-gap:5px;gap:5px}.cityCard small,.cityCard span{color:#d8d8d8;font-size:12px;font-weight:650}.cityCard strong{font-size:20px}.workspace{min-width:0;padding:20px}.topbar{min-height:52px;gap:12px;margin-bottom:16px}.locationPill,.textButton,.topAction{height:40px;border-radius:14px;padding:0 14px;white-space:nowrap;font-size:13px;font-weight:750}.locationPill{color:var(--text)}.locationPill,.searchBox{background:var(--surface);border:1px solid var(--line)}.searchBox{flex:1 1;min-width:260px;height:46px;border-radius:16px;gap:12px;padding:0 8px 0 16px;box-shadow:0 12px 28px hsla(0,0%,7%,.05)}.searchBox span{color:var(--muted);font-size:13px;font-weight:650;white-space:nowrap}.searchBox input{min-width:0;flex:1 1;height:34px;border:0;outline:0;background:transparent;color:var(--text)}.searchBox button,.topAction,.totalBar button{height:36px;border-radius:13px;background:var(--black);color:var(--surface);padding:0 14px;font-size:12px;font-weight:800}.contentGrid{grid-template-columns:minmax(0,1fr) 380px;align-items:start}.contentGrid,.mainColumn{display:grid;grid-gap:16px;gap:16px}.mainColumn{min-width:0}.adminHero,.bookingRail,.businessHero,.heroPanel,.panel,.profileStrip{border:1px solid var(--line);background:var(--surface)}.heroPanel{min-height:220px;grid-template-columns:minmax(0,1fr) 240px;grid-gap:22px;background:linear-gradient(120deg,rgba(149,216,46,.2),hsla(0,0%,100%,0) 44%),var(--surface)}.adminHero,.businessHero,.heroPanel{border-radius:24px;padding:24px;display:grid;gap:22px;align-items:center}.adminHero,.businessHero{min-height:184px;grid-template-columns:minmax(0,1fr) 218px;grid-gap:22px}.businessHero{background:linear-gradient(120deg,rgba(149,216,46,.18),hsla(0,0%,100%,0) 42%),var(--surface)}.adminHero{background:linear-gradient(120deg,rgba(47,128,237,.12),hsla(0,0%,100%,0) 44%),var(--surface)}.eyebrow{color:#72b716;font-size:12px;font-weight:800;text-transform:uppercase}h1,h2,h3,p{margin:0}h1{max-width:520px;margin-top:10px;font-size:40px;line-height:1.05;font-weight:750;letter-spacing:0}.adminHero p,.businessHero p,.heroPanel p,.profileStrip small,.railHead p{color:var(--muted);font-size:15px;line-height:1.5;font-weight:600}.adminHero p,.businessHero p,.heroPanel p{max-width:620px;margin-top:14px}.heroStats{display:grid;grid-gap:10px;gap:10px}.heroStats div{min-height:66px;border-radius:18px;background:var(--black);color:var(--surface);padding:13px;display:grid;grid-gap:3px;gap:3px}.heroStats strong{font-size:21px;line-height:1;font-weight:800}.heroStats span{color:var(--lime);font-size:11px;font-weight:800}.panel{border-radius:20px;padding:16px}.kpiGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.kpiCard{min-height:98px;border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:16px;display:grid;align-content:space-between;grid-gap:8px;gap:8px}.kpiCard small,.kpiCard span{color:var(--muted);font-size:12px;font-weight:650}.kpiCard strong{font-size:24px;font-weight:800;line-height:1}.opsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.sectionHead{justify-content:space-between;gap:18px;margin-bottom:16px}.sectionHead.compact{margin-bottom:12px}h2{margin-top:4px;font-size:22px;line-height:1.1;font-weight:750;letter-spacing:0}h3{font-size:15px;font-weight:800}.textButton{border:1px solid var(--line);background:var(--surface-soft);color:var(--text);display:inline-flex;align-items:center}.categoryGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.categoryTile{min-height:154px;border:1px solid var(--line);border-radius:18px;background:var(--surface-soft);padding:14px;display:grid;align-content:start;grid-gap:8px;gap:8px}.categoryTile img{width:62px;height:62px;border-radius:20px;object-fit:cover}.categoryTile strong{font-size:15px}.categoryTile span{color:var(--muted);font-size:12px;font-weight:650;line-height:1.35}.splitGrid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);grid-gap:18px;gap:18px}.resultCount{color:var(--muted);font-size:12px;font-weight:750}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.filters button{height:34px;border:1px solid var(--line);border-radius:17px;background:var(--surface);color:var(--text);padding:0 12px;font-size:11px;font-weight:800}.filters button.active{background:var(--black);color:var(--surface);border-color:var(--black)}.businessList{display:grid;grid-gap:10px;gap:10px}.businessRow{min-height:124px;border:1px solid var(--line);border-radius:18px;padding:9px;display:grid;grid-template-columns:94px minmax(0,1fr);grid-gap:12px;gap:12px}.bookingHero,.businessPhoto,.sheetPhoto{background:#d6c1a4}.businessPhoto{border-radius:14px;padding:7px;display:flex;justify-content:flex-end;align-items:flex-start}.businessPhoto span{border-radius:10px;background:var(--lime);color:#263b00;padding:4px 7px;font-size:9px;font-weight:800}.photoWarm{background:linear-gradient(135deg,#d6c1a4,#2f241b)}.photoClinic{background:linear-gradient(135deg,#ddebf1,#8fb1c0)}.photoDark{background:linear-gradient(135deg,#4c3522,#171411)}.photoSport{background:linear-gradient(135deg,#788f79,#1f2a24)}.businessBody{min-width:0;display:grid;grid-gap:5px;gap:5px;align-content:start}.businessTop{justify-content:space-between;gap:10px}.businessTop strong{min-width:0;font-size:15px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.businessTop span{border-radius:999px;background:var(--lime-soft);color:#4f8100;padding:4px 7px;font-size:10px;font-weight:800}.appointmentCard span,.businessBody p,.mapSheet span{color:var(--muted);font-size:11px;font-weight:650}.appointmentCard em,.businessBody em{color:#72b716;font-size:11px;font-style:normal;font-weight:800}.tableList{display:grid;grid-gap:8px;gap:8px}.tableRow{min-height:48px;border:1px solid var(--line);border-radius:15px;background:var(--surface);display:grid;grid-template-columns:.9fr 1fr 1.1fr auto;align-items:center;grid-gap:10px;gap:10px;padding:0 12px}.tableRow em,.tableRow span,.tableRow strong{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tableRow strong{color:var(--text);font-size:12px;font-weight:800}.tableRow span{color:var(--muted);font-size:11px;font-weight:650}.tableRow em{border-radius:999px;background:var(--lime-soft);color:#4f8100;padding:5px 8px;font-size:10px;font-style:normal;font-weight:800}.serviceManageRow{grid-template-columns:minmax(0,1.35fr) auto auto auto}.paymentStatus{min-height:118px;border-radius:18px;background:var(--black);color:var(--surface);padding:16px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:14px;gap:14px;align-items:center}.paymentStatus div{display:grid;grid-gap:6px;gap:6px}.paymentStatus span{color:#d8d8d8;font-size:12px;font-weight:700;line-height:1.45}.paymentStatus button{height:38px;border-radius:14px;background:var(--lime);color:var(--text);padding:0 13px;font-size:11px;font-weight:800}.miniMetricGrid{margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.miniMetricGrid div{min-height:70px;border-radius:17px;background:var(--surface-soft);padding:12px;display:grid;grid-gap:4px;gap:4px}.miniMetricGrid strong{font-size:18px}.miniMetricGrid span{color:var(--muted);font-size:11px;font-weight:650}.adminCategoryGrid,.branchGrid,.infraGrid,.staffManageGrid{display:grid;grid-gap:10px;gap:10px}.staffManageGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.staffManageCard{min-height:142px;border:1px solid var(--line);border-radius:18px;padding:12px;display:grid;justify-items:center;align-content:center;grid-gap:6px;gap:6px}.staffManageCard>span{width:44px;height:44px;border-radius:16px;background:var(--black);color:var(--lime);display:grid;place-items:center;font-weight:800}.staffManageCard em,.staffManageCard small{color:var(--muted);font-size:11px;font-style:normal;font-weight:650;text-align:center}.branchGrid,.infraGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.branchCard,.infraCard{min-height:116px;border:1px solid var(--line);border-radius:18px;background:var(--surface-soft);padding:14px;display:grid;align-content:space-between;grid-gap:6px;gap:6px}.branchCard em,.branchCard small,.branchCard span,.infraCard small,.infraCard span{color:var(--muted);font-size:11px;font-style:normal;font-weight:650}.setupList{display:grid;grid-gap:8px;gap:8px}.setupList div{min-height:48px;border:1px solid var(--line);border-radius:15px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.setupList span{color:var(--text);font-size:12px;font-weight:750}.setupList strong{color:var(--muted);font-size:11px;font-weight:750;text-align:right}.adminCategoryGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.adminCategoryGrid article{min-height:128px;border:1px solid var(--line);border-radius:18px;background:var(--surface-soft);padding:12px;display:grid;align-content:start;grid-gap:7px;gap:7px}.adminCategoryGrid img{width:48px;height:48px;border-radius:16px;object-fit:cover}.adminCategoryGrid strong{font-size:13px}.adminCategoryGrid span{color:var(--muted);font-size:10px;font-weight:650;line-height:1.35}.tags{gap:5px;flex-wrap:wrap}.tags span{border-radius:9px;background:var(--surface-soft);color:var(--text);padding:5px 7px;font-size:9px;font-weight:700}.mapPanel{min-height:612px;border-radius:24px;background:linear-gradient(35deg,transparent 47%,hsla(0,0%,100%,.7) 48%,hsla(0,0%,100%,.7) 52%,transparent 53%),linear-gradient(120deg,#e8eee7,#c6ddec);position:relative;overflow:hidden;border:1px solid var(--line)}.mapTop{position:absolute;z-index:2;top:16px;left:16px;right:16px;height:46px;border-radius:18px;background:var(--surface);display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 14px;box-shadow:0 12px 28px hsla(0,0%,7%,.08)}.mapTop span{color:var(--muted);font-size:12px;font-weight:650}.mapTop button{height:32px;border-radius:13px;background:var(--surface-soft);color:var(--text);padding:0 10px;font-size:10px;font-weight:800}.road{position:absolute;height:16px;border-radius:12px;background:hsla(0,0%,100%,.72)}.roadOne{left:-70px;right:-30px;top:230px;transform:rotate(-24deg)}.roadTwo{left:-70px;right:20px;top:420px;transform:rotate(18deg)}.pin{position:absolute;width:34px;height:34px;border-radius:50% 50% 50% 4px;transform:rotate(-45deg);background:var(--black)}.mainPin{left:48%;top:39%;width:62px;height:62px;border:5px solid var(--surface);background:var(--lime)}.p1{left:18%;top:34%}.p2{right:18%;top:24%}.p3{right:28%;bottom:30%}.userDot{position:absolute;left:59%;top:48%;width:20px;height:20px;border-radius:50%;border:5px solid var(--surface);background:var(--info)}.mapSheet{position:absolute;left:18px;right:18px;bottom:18px;border-radius:20px;background:var(--surface);padding:12px;display:grid;grid-template-columns:82px minmax(0,1fr);grid-gap:12px;gap:12px;box-shadow:0 14px 34px hsla(0,0%,7%,.12)}.sheetPhoto{min-height:86px;border-radius:15px}.mapSheet div:last-child{display:grid;align-content:center;grid-gap:6px;gap:6px}.mapSheet a{height:34px;border-radius:13px;background:var(--black);color:var(--surface);display:inline-flex;align-items:center;justify-content:center;padding:0 12px;font-size:11px;font-weight:800;width:-moz-fit-content;width:fit-content}.appointmentGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.appointmentCard{min-height:86px;border:1px solid var(--line);border-radius:18px;padding:12px;gap:12px}.dateBox{width:68px;height:60px;border-radius:17px;background:var(--black);color:var(--surface);display:grid;place-items:center}.dateBox span{color:var(--surface);font-size:10px;line-height:1}.dateBox strong{color:var(--lime);font-size:15px}.appointmentCard div:nth-child(2){flex:1 1;min-width:0;display:grid;grid-gap:4px;gap:4px}.bookingRail{position:-webkit-sticky;position:sticky;top:22px;border-radius:28px;padding:18px;display:grid;grid-gap:14px;gap:14px}.railHead{display:grid;grid-gap:6px;gap:6px}.bookingHero{min-height:148px;border-radius:22px}.railSection{display:grid;grid-gap:8px;gap:8px}.dateGrid button,.service,.staff,.timeGrid button{border:1px solid var(--line);background:var(--surface);color:var(--text)}.service{min-height:48px;border-radius:14px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;grid-gap:10px;gap:10px;padding:0 12px;text-align:left}.service span{font-weight:800}.service span,.service strong{font-size:12px}.dateGrid small,.paymentBox small,.service small,.staff small,.totalBar span{color:var(--muted);font-size:10px;font-weight:650}.dateGrid button.active,.service.active,.staff.active{border-color:var(--lime);background:#f4fbea}.staffGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.staff{min-height:96px;border-radius:17px;padding:9px;display:grid;justify-items:center;align-content:center;grid-gap:5px;gap:5px}.staff span{width:38px;height:38px;border-radius:14px;background:var(--surface-soft);display:grid;place-items:center;font-weight:800}.staff strong{font-size:11px}.dateGrid,.timeGrid{display:grid;grid-gap:8px;gap:8px}.dateGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.dateGrid button{min-height:50px;border-radius:14px;display:grid;place-items:center}.dateGrid strong{font-size:11px}.timeGrid{grid-template-columns:repeat(5,minmax(0,1fr))}.timeGrid button{height:36px;border-radius:12px;font-size:11px;font-weight:800}.timeGrid button.active{background:var(--black);border-color:var(--black);color:var(--surface)}.paymentBox{min-height:60px;border:1px solid var(--line);border-radius:18px;gap:12px;padding:10px}.paymentBox>span{width:38px;height:38px;border-radius:14px;background:var(--lime);display:grid;place-items:center;font-weight:800}.paymentBox div{display:grid;grid-gap:3px;gap:3px}.paymentBoxState.payment{border-color:#1e5faa;background:#f4f9ff}.paymentBoxState.confirmed{border-color:var(--lime);background:#f4fbea}.paymentBoxState.failed{border-color:#f0b7b2;background:#fff7f6}.checkoutPanel{border:1px solid var(--line);border-radius:18px;background:var(--surface-soft);padding:10px;display:grid;grid-gap:10px;gap:10px}.checkoutForm section{max-width:none!important;margin:0!important;border:0!important;border-radius:14px!important;padding:12px!important}.checkoutForm button,.refreshPayment{width:100%}.bookingReceipt{border:1px solid var(--line);border-radius:18px;background:var(--surface-soft);padding:12px;display:grid;grid-gap:8px;gap:8px}.bookingReceipt div{display:flex;justify-content:space-between;gap:12px}.bookingReceipt span{color:var(--muted);font-size:11px;font-weight:700}.bookingReceipt strong{min-width:0;font-size:12px;font-weight:850;overflow-wrap:anywhere;text-align:right}.bookingError{margin:0;border-radius:14px;background:#fff7f6;color:#9d2018;padding:10px 12px;font-size:12px;font-weight:750;line-height:1.4}.totalBar{min-height:58px;justify-content:space-between;gap:12px}.totalBar div{display:grid;grid-gap:3px;gap:3px}.totalBar strong{font-size:22px}.totalBar button:disabled{opacity:.62;cursor:wait}.profileStrip{margin-top:18px;border-radius:24px;padding:18px;justify-content:space-between;gap:18px}.profileStrip div{display:grid;grid-gap:5px;gap:5px}.profileStrip strong{font-size:20px}.profileStrip a{height:42px;border-radius:15px;background:var(--black);color:var(--surface);display:inline-flex;align-items:center;padding:0 14px;font-size:12px}.profileStrip a,.statusPill{font-weight:800;white-space:nowrap}.statusPill{width:-moz-fit-content;width:fit-content;border-radius:999px;padding:6px 9px;font-size:10px}.statusPill.ok{background:var(--lime-soft);color:#4f8100}.statusPill.warn{background:#fff1c7;color:#765300}.statusPill.info{background:#dcecff;color:#1e5faa}.statusPill.danger{background:#ffe0df;color:#9d2018}.resultPage{min-height:100vh;padding:24px;display:grid;place-items:center}.resultPanel{width:min(520px,100%);border:1px solid var(--line);border-radius:24px;background:var(--surface);padding:24px;display:grid;grid-gap:18px;gap:18px;box-shadow:0 18px 50px hsla(0,0%,7%,.08)}.resultPanel h1{font-size:32px;line-height:1.05}.resultPanel p{color:var(--muted);font-size:15px;font-weight:650}.resultDetails{border:1px solid var(--line);border-radius:18px;background:var(--surface-soft);padding:14px;display:grid;grid-gap:10px;gap:10px}.resultDetails div{display:flex;justify-content:space-between;gap:14px}.resultDetails span{color:var(--muted);font-size:12px;font-weight:700}.resultDetails strong{min-width:0;text-align:right;overflow-wrap:anywhere;font-size:13px}.actionGrid button,.formGrid button,.miniAction,.paymentStatus a{min-height:36px;border-radius:14px;background:var(--black);color:var(--surface);padding:0 12px;font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.richTable{overflow-x:auto}.adminWideRow{grid-template-columns:minmax(130px,1.2fr) minmax(110px,.9fr) minmax(90px,.8fr) minmax(120px,1fr) auto auto auto;min-width:860px}.submerchantRow{grid-template-columns:minmax(150px,1.2fr) minmax(160px,1fr) minmax(170px,1fr) auto auto auto;min-width:760px}.manageBusinessRow{grid-template-columns:104px minmax(0,1fr)}.actionGrid,.detailGrid,.formGrid{display:grid;grid-gap:10px;gap:10px}.detailGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.detailGrid div{min-height:92px;border:1px solid var(--line);border-radius:18px;background:var(--surface-soft);padding:14px;display:grid;align-content:space-between;grid-gap:10px;gap:10px}.detailGrid span,.formGrid span{color:var(--muted);font-size:11px;font-weight:650}.detailGrid strong{font-size:13px}.actionGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.actionGrid button{min-height:52px}.formGrid label{display:grid;grid-gap:7px;gap:7px}.formGrid input,.formGrid textarea{width:100%;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--text);padding:12px;outline:none;font-weight:650}.formGrid textarea{min-height:124px;resize:vertical}@media (max-width:1100px){.opsGrid{grid-template-columns:1fr}.tableRow{grid-template-columns:.9fr 1fr 1fr auto}}@media (max-width:860px){.appShell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--line)}.sideNav{grid-template-columns:repeat(4,minmax(0,1fr))}.sideNav a{justify-content:center}.cityCard{display:none}.contentGrid{grid-template-columns:1fr}.bookingRail{position:relative;top:0}}@media (max-width:820px){.workspace{padding:14px}.adminHero,.appointmentGrid,.businessHero,.heroPanel,.opsGrid,.splitGrid,.topbar{grid-template-columns:1fr}.topbar{align-items:stretch;flex-direction:column}.locationPill,.searchBox,.topAction{width:100%}.searchBox span{display:none}h1{font-size:42px}.heroPanel{min-height:0}.adminCategoryGrid,.categoryGrid,.kpiGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.sideNav{grid-template-columns:repeat(3,minmax(0,1fr))}.sideNav a{font-size:12px}.mapPanel{min-height:520px}}@media (max-width:520px){.sidebar{padding:16px}.sideNav{grid-template-columns:repeat(2,minmax(0,1fr))}.profileStrip,.sectionHead{align-items:flex-start;flex-direction:column}.adminCategoryGrid,.branchGrid,.categoryGrid,.dateGrid,.infraGrid,.kpiGrid,.staffGrid,.staffManageGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.actionGrid,.businessRow,.detailGrid,.mapSheet,.paymentStatus,.serviceManageRow,.tableRow{grid-template-columns:1fr}.businessPhoto,.sheetPhoto{min-height:120px}.timeGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}