@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.table-row{display:table-row}.grid{display:grid}.grow{flex-grow:1}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{font-family:DM Sans,sans-serif;color:#f8fafc;background:#080c14;font-synthesis:none;--bg:#080c14;--surface:#111827;--surface-2:#172131;--line:#263346;--blue:#38bdf8;--blue-strong:#00a8ff;--muted:#94a3b8;--green:#4ade80;--orange:#fbbf24}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg)}button{font:inherit;color:inherit;border:0;cursor:pointer}button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}h1,h2,h3,p{margin:0}h1,h2,h3,strong,.brand span{font-family:Space Grotesk,sans-serif}h1{font-size:clamp(2rem,4vw,3.45rem);line-height:1.08;letter-spacing:-.055em}h2{font-size:1.35rem;letter-spacing:-.035em}h3{font-size:.98rem;letter-spacing:-.02em}.app-shell{min-height:100vh;background:radial-gradient(circle at 77% -10%,rgba(0,168,255,.12),transparent 28%),#080c14}.role-switcher{height:44px;display:flex;justify-content:center;align-items:center;gap:4px;background:#05080e;border-bottom:1px solid #182332;position:sticky;top:0;z-index:30}.preview-label{font-size:11px;color:#64748b;margin-right:10px;text-transform:uppercase;letter-spacing:.13em}.role-switcher button{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;color:#718198;font-size:12px;font-weight:700;transition:.2s}.role-switcher button.active{background:#172b42;color:#d9f4ff;box-shadow:inset 0 0 0 1px #205073}.brand{display:flex;align-items:center;gap:8px;color:#fff;font-weight:700;font-size:20px}.brand img{width:31px;height:31px;border-radius:9px;-o-object-fit:cover;object-fit:cover}.client-portal{min-height:calc(100vh - 44px)}.client-header{height:74px;max-width:1280px;margin:auto;padding:0 32px;display:flex;align-items:center;gap:32px}.client-header nav{display:flex;gap:24px;margin-left:auto}.client-header nav button{background:none;color:#90a0b7;font-size:14px}.client-header nav button:hover{color:#fff}.location-chip{display:flex;gap:6px;align-items:center;background:#111a28;border:1px solid var(--line);border-radius:99px;padding:9px 13px;color:#cbd5e1;font-size:13px}.header-actions{display:flex;align-items:center;gap:12px}.icon-button{height:34px;width:34px;display:grid;place-items:center;background:#111a28;color:#9cacbf;border:1px solid #253244;border-radius:50%;transition:.2s}.icon-button:hover{border-color:#3b8bb7;color:#dff7ff}.avatar,.profile-large{display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#b8edf9,#167dc0);color:#061321;font-size:12px;font-weight:800}.avatar{width:34px;height:34px}.mobile-menu{display:none;background:none}.client-main{max-width:1216px;margin:0 auto;padding:54px 32px 90px}.hero-section{min-height:320px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.hero-copy{max-width:660px;position:relative;z-index:1}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:#8290a5;display:flex;align-items:center;gap:7px;margin-bottom:14px;font-weight:700}.eyebrow.blue{color:var(--blue)}.hero-section h1{max-width:620px}.hero-section h1 em{color:var(--blue);font-style:normal}.hero-subtitle{font-size:16px;line-height:1.7;color:var(--muted);max-width:470px;margin-top:18px}.hero-orb{height:285px;width:285px;border-radius:50%;margin-right:7%;display:grid;place-items:center;position:relative;color:#32bff6;background:radial-gradient(circle,#10436a 0%,#0b1c2d 52%,transparent 69%);filter:drop-shadow(0 0 36px rgba(0,168,255,.18))}.orb-ring{position:absolute;top:15px;right:15px;bottom:15px;left:15px;border:1px solid #27698d;border-radius:50%;border-top-color:#54d7ff;border-right-color:transparent;transform:rotate(35deg)}.search-widget{background:#111827f0;border:1px solid #314153;border-radius:16px;padding:9px;display:flex;align-items:center;box-shadow:0 18px 40px #00000038;position:relative;margin-top:-12px}.search-field{flex:1;display:flex;align-items:center;gap:12px;padding:13px 20px;border-right:1px solid #273446}.search-field>svg{color:#55caff}.search-field div{display:flex;flex-direction:column;gap:4px}.search-field small{font-size:11px;color:#77869a}.search-field strong{font-size:13px;color:#e5eef8}.primary-button,.outline-button,.text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;padding:11px 16px;font-weight:700;font-size:13px;transition:.2s}.primary-button{background:var(--blue-strong);color:#00111f;box-shadow:0 8px 20px #00a8ff33}.primary-button:hover{background:#63d3ff;transform:translateY(-1px)}.outline-button{border:1px solid #3a4b61;background:#152030;color:#d5e1eb}.outline-button:hover{border-color:#54c8f5}.text-button{background:none;color:var(--blue);padding:5px}.search-button{height:48px;padding:0 22px;margin:0 1px}.section-block{margin-top:72px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.section-heading h2{margin-top:5px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.category-card{background:#101824;border:1px solid #202d3c;border-radius:13px;text-align:left;padding:18px;display:grid;grid-template-columns:44px 1fr 16px;-moz-column-gap:12px;column-gap:12px;align-items:center;transition:.2s}.category-card:hover{border-color:#2f9ccc;transform:translateY(-3px);background:#132234}.category-icon{grid-row:span 2;width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#16344c;color:#68d5ff;font-size:25px}.category-card strong{font-size:14px}.category-card small{color:#72839a;font-size:11px;margin-top:3px}.category-card>svg{grid-column:3;grid-row:1 / span 2;color:#60768c}.instant-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.shop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.shop-card{overflow:hidden;background:#101824;border:1px solid #202d3c;border-radius:14px;transition:.25s}.shop-card:hover{transform:translateY(-4px);border-color:#347c9f}.shop-image-wrap{height:168px;position:relative;overflow:hidden}.shop-image-wrap img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;filter:saturate(.85)}.shop-image-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 40%,rgba(3,7,13,.58))}.shop-tag{position:absolute;left:12px;top:12px;z-index:1;padding:5px 8px;background:#d9f7ff;color:#042336;border-radius:5px;font-size:10px;font-weight:800}.heart-button{position:absolute;right:12px;top:12px;z-index:2;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#030a12a6;color:#fff}.heart-button:hover{color:#ff7893}.shop-card-body{padding:15px}.shop-title-row{display:flex;justify-content:space-between;gap:8px}.shop-title-row h3{line-height:1.3}.shop-title-row p,.shop-meta,.shop-card-body small{color:#7f91a7;font-size:11px;margin-top:5px;display:flex;align-items:center;gap:4px}.rating{display:flex;align-items:center;gap:3px;color:#fcd34d;font-size:12px;font-weight:700;white-space:nowrap}.shop-meta{justify-content:space-between;margin:17px 0 13px;padding-top:12px;border-top:1px solid #223043}.shop-meta b{color:#dbeafe}.shop-meta span:last-child{color:#91a2b6}.full{width:100%}.small{padding:8px 12px;font-size:12px}.bottom-nav{display:none}.page-intro,.dashboard-welcome{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.page-intro h1,.dashboard-welcome h1{font-size:clamp(2rem,3.5vw,3rem)}.page-intro .filter-button,.filter-button{display:flex;gap:7px;align-items:center;background:#152030;border:1px solid #3a4b61;border-radius:8px;padding:10px 14px;color:#d4e1ec}.search-inline{display:flex;align-items:center;gap:16px;background:#111a28;border:1px solid #2a3a4c;border-radius:10px;padding:9px 12px;color:#9eb0c2;margin-bottom:18px}.search-inline span{padding:5px 20px;border-right:1px solid #2a3a4c;font-size:13px}.search-inline .primary-button{margin-left:auto}.view-toggle{display:flex;gap:4px;margin:16px 0 18px}.view-toggle button,.view-chip{display:flex;align-items:center;gap:7px;background:none;color:#7f91a7;padding:9px 12px;border-radius:7px;font-size:13px}.view-toggle button.active,.view-chip.active{background:#16324a;color:#7ddbff}.search-results{display:grid;grid-template-columns:210px 1fr;gap:24px}.search-results aside{background:#111a28;border:1px solid #233144;border-radius:12px;padding:17px;height:-moz-max-content;height:max-content;display:flex;flex-direction:column;gap:12px;font-size:13px}.check-row{display:flex;gap:9px;align-items:center;color:#a5b3c4;font-size:12px}.check-row input{accent-color:var(--blue)}.filter-divider{height:1px;background:#263444;margin:8px 0}.price-range{color:#d6e1ec;display:flex;align-items:center;gap:8px}.price-range span{flex:1;height:3px;background:linear-gradient(90deg,var(--blue),#255473);border-radius:5px}.results-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.map-view{height:570px;position:relative;border-radius:14px;overflow:hidden;border:1px solid #2c3e51;background:#0e1a23}.map-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;background:linear-gradient(32deg,transparent 48%,#294454 49%,#294454 50%,transparent 51%),linear-gradient(117deg,transparent 47%,#213b4d 48%,#213b4d 50%,transparent 51%),linear-gradient(78deg,transparent 47%,#213b4d 48%,#213b4d 50%,transparent 51%),linear-gradient(#132733 1px,transparent 1px),linear-gradient(90deg,#132733 1px,transparent 1px);background-size:100% 100%,100% 100%,100% 100%,42px 42px,42px 42px}.map-view:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 58% 48%,rgba(31,114,151,.2),transparent 34%)}.map-label{position:absolute;top:28px;left:36px;font-family:Space Grotesk;font-size:30px;color:#4d7383;z-index:1}.map-pin{position:absolute;z-index:2;color:#29bdf7;background:none;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 4px 8px #030a0f)}.map-pin span{margin-top:-9px;background:#d8f6ff;color:#06304c;padding:3px 6px;border-radius:4px;font-size:10px;font-weight:700}.pin-0{top:35%;left:38%}.pin-1{top:48%;left:58%}.pin-2{top:61%;left:46%}.pin-3{top:29%;left:72%}.map-card{position:absolute;z-index:3;bottom:18px;left:18px;width:295px;display:flex;align-items:center;gap:12px;background:#101a26;border:1px solid #3c5b71;border-radius:10px;padding:9px;box-shadow:0 10px 28px #03090e}.map-card img{width:60px;height:60px;-o-object-fit:cover;object-fit:cover;border-radius:7px}.map-card div{display:flex;flex-direction:column;gap:6px;flex:1}.map-card small{display:flex;gap:4px;color:#f7d96b;font-size:11px}.dashboard-welcome{align-items:center}.dashboard-welcome>div:first-child p:last-child{color:var(--muted);margin-top:8px}.profile-large{width:59px;height:59px;font-size:17px}.dashboard-tabs{display:flex;gap:26px;border-bottom:1px solid #263344;margin:32px 0 20px}.dashboard-tabs button{padding:0 1px 13px;background:none;color:#72839a;font-size:13px}.dashboard-tabs button.active{color:var(--blue);border-bottom:2px solid var(--blue)}.booking-card{background:#111a28;border:1px solid #2a3a4c;border-radius:14px}.featured-booking{display:flex;overflow:hidden}.booking-image{width:35%;min-height:235px;position:relative}.booking-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.booking-image span{position:absolute;top:14px;left:14px;background:#c7f9db;color:#095628;font-size:11px;font-weight:800;padding:5px 8px;border-radius:5px}.booking-details{padding:28px;flex:1}.booking-details h2{margin-bottom:9px}.booking-details>p:not(.eyebrow){color:#8fa0b3;font-size:13px;display:flex;gap:6px;align-items:center}.booking-service{display:flex;justify-content:space-between;margin:25px 0 22px;border-top:1px solid #263344;border-bottom:1px solid #263344;padding:15px 0;font-size:13px}.booking-service span{display:flex;gap:8px;align-items:center}.booking-service svg{color:var(--blue)}.booking-actions{display:flex;gap:10px}.dashboard-columns{display:grid;grid-template-columns:1.25fr 1fr;gap:24px;margin-top:38px}.history-list{display:flex;flex-direction:column;gap:10px}.history-item,.mini-place{display:flex;align-items:center;gap:12px;background:#101824;border:1px solid #202d3c;border-radius:10px;padding:10px}.history-item img{width:52px;height:52px;-o-object-fit:cover;object-fit:cover;border-radius:7px}.history-item div,.mini-place div{display:flex;flex-direction:column;gap:5px;flex:1}.history-item small,.mini-place small{color:#7f91a7;font-size:11px}.saved-panel{background:#111a28;border:1px solid #253448;padding:20px;border-radius:13px}.saved-panel h2{margin:0 0 16px}.mini-place{background:#172333;margin-top:8px}.mini-place>svg{color:#55c9f4}.portal{display:flex;min-height:calc(100vh - 44px);background:#0b111c}.portal-sidebar{width:238px;flex:0 0 238px;background:#0b121e;border-right:1px solid #1e2b3d;padding:27px 16px;display:flex;flex-direction:column}.portal-sidebar .brand{padding:0 13px 35px}.sidebar-label{color:#56667b;font-size:10px;text-transform:uppercase;letter-spacing:.16em;padding:0 13px 12px;font-weight:700}.portal-sidebar>button,.sidebar-bottom>button{display:flex;align-items:center;gap:12px;width:100%;padding:11px 13px;border-radius:8px;background:none;color:#8191a4;text-align:left;font-size:13px;margin-bottom:3px}.portal-sidebar>button.active,.portal-sidebar>button:hover,.sidebar-bottom>button:hover{background:#14283b;color:#e0f5ff}.portal-sidebar button svg{color:#5e7187}.portal-sidebar button.active svg{color:var(--blue)}.portal-sidebar em{margin-left:auto;background:#0e9bd6;color:#02121d;font-style:normal;border-radius:50%;min-width:20px;height:20px;text-align:center;padding-top:2px;font-size:11px;font-weight:800}.sidebar-bottom{margin-top:auto}.upgrade-card{margin-top:22px;padding:14px;border:1px solid #2b5671;background:linear-gradient(145deg,#102b42,#112131);border-radius:10px;display:grid;gap:6px;color:#66d2ff}.upgrade-card strong{font-size:12px}.upgrade-card small{font-size:10px;color:#87a1b5}.portal-content{min-width:0;flex:1}.portal-header{height:74px;border-bottom:1px solid #1d2b3d;padding:0 35px;display:flex;align-items:center;justify-content:space-between;background:#0c1421}.portal-brand{display:flex;align-items:center;gap:10px}.portal-brand .brand{display:none}.portal-brand>div:last-child{display:flex;flex-direction:column;gap:4px}.portal-brand small{font-size:11px;color:#718198}.portal-header-actions{display:flex;align-items:center;gap:10px}.portal-header-actions .icon-button{position:relative}.portal-header-actions i{position:absolute;right:3px;top:3px;width:6px;height:6px;background:#38bdf8;border-radius:50%}.portal-main{padding:45px 44px 60px;max-width:1440px;margin:0 auto}.portal-page-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:32px}.portal-page-heading h1{font-size:clamp(2rem,3vw,2.7rem)}.portal-page-heading>div>p:last-child{color:#8291a5;margin-top:8px;font-size:14px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:24px}.metric-grid.three{grid-template-columns:repeat(3,1fr)}.metric-card{background:#111a28;border:1px solid #253447;border-radius:12px;padding:18px;display:grid;grid-template-columns:34px 1fr;-moz-column-gap:10px;column-gap:10px;align-items:center}.metric-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:#12314a;color:#5bcaf7;grid-row:span 2}.metric-card>span{font-size:11px;color:#7f91a7}.metric-card strong{font-size:24px;margin-top:5px}.metric-card small{grid-column:2;color:#55d994;font-size:10px;margin-top:3px}.next-client{display:flex;align-items:center;gap:17px;background:linear-gradient(100deg,#12334b,#132231);border:1px solid #296385;padding:16px 20px;border-radius:12px;margin-bottom:24px}.next-icon{width:38px;height:38px;display:grid;place-items:center;background:#0b9eda;color:#041724;border-radius:9px}.next-client h2{font-size:17px;margin-bottom:5px}.next-client p:last-child{font-size:12px;color:#89a3b9}.next-time{margin-left:auto;display:flex;flex-direction:column;align-items:end;gap:4px}.next-time strong{font-size:18px}.next-time small{color:#59dd95;font-size:11px}.vendor-columns,.admin-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}.panel{background:#111a28;border:1px solid #253447;border-radius:12px;padding:21px}.panel-heading{display:flex;align-items:start;justify-content:space-between;margin-bottom:22px}.panel-heading h2{margin-top:5px}.timeline-row{display:grid;grid-template-columns:42px 12px 1fr auto 17px;align-items:center;gap:12px;padding:14px 0;border-top:1px solid #202d3c}.timeline-row time{font-size:12px;color:#718198}.timeline-dot{width:9px;height:9px;border-radius:50%;background:#53677d}.timeline-dot.completed{background:#54d493}.timeline-dot.upcoming{background:#3bbaf1;box-shadow:0 0 0 4px #3bbaf11a}.timeline-dot.break{background:#526174}.timeline-client{display:flex;flex-direction:column;gap:5px}.timeline-client small{font-size:11px;color:#8291a5}.status-pill{display:inline-flex;padding:5px 8px;border-radius:5px;font-size:10px;font-weight:700;background:#223044;color:#9aabbb}.status-pill.completed{background:#16382d;color:#65df9b}.status-pill.pending{background:#43391e;color:#f4c866}.status-pill.upcoming{background:#15344a;color:#75d8ff}.status-pill.break{background:#252d38;color:#8a98a8}.chart{height:230px;display:flex;flex-direction:column}.chart-values{display:flex;flex-direction:column;gap:5px}.chart-values strong{font-size:24px}.chart-values span{font-size:11px;color:#55d994}.bars{display:flex;align-items:end;gap:12px;flex:1;padding:25px 9px 0;border-bottom:1px solid #2c3a4b}.bar-group{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:8px}.bar{width:100%;max-width:24px;background:linear-gradient(#2bc0f4,#12658c);border-radius:4px 4px 0 0}.bar-group small{font-size:10px;color:#708097}.insight-foot{display:flex;justify-content:space-between;font-size:11px;color:#718198;margin-top:13px}.insight-foot span:first-child{display:flex;gap:6px;align-items:center;color:#b3c1ce}.legend-dot,.live-badge i{width:7px;height:7px;border-radius:50%;background:#35c3f4;display:inline-block}.calendar-toolbar{display:flex;align-items:center;gap:10px;background:#111a28;border:1px solid #253447;padding:10px 14px;border-radius:9px;margin-bottom:14px}.calendar-toolbar strong{font-size:13px}.toolbar-spacer{flex:1}.calendar-card{background:#111a28;border:1px solid #253447;border-radius:12px;overflow:hidden}.calendar-head,.time-row{display:grid;grid-template-columns:75px repeat(3,1fr)}.calendar-head{border-bottom:1px solid #29384a;padding:16px 0}.calendar-head>span{font-size:10px;color:#63768a;padding:0 14px}.calendar-head>div{display:grid;grid-template-columns:34px 1fr;-moz-column-gap:8px;column-gap:8px;align-items:center;border-left:1px solid #273546;padding:0 14px}.calendar-head strong{font-size:12px}.calendar-head small{grid-column:2;color:#6e8195;font-size:10px}.staff-avatar{width:30px;height:30px;background:#194561;border-radius:50%;display:grid;place-items:center;font-size:9px;color:#7bdcff;grid-row:span 2}.calendar-body{height:620px;position:relative}.time-row{height:77px;border-bottom:1px solid #1e2b39}.time-row time{padding:12px 14px;color:#64758b;font-size:10px}.time-row>div{border-left:1px solid #1f2c3b}.calendar-event{position:absolute;left:76px;width:calc((100% - 75px) / 3 - 15px);padding:10px;border-radius:7px;background:#144c65;border-left:3px solid #54d9ff;display:flex;flex-direction:column;gap:4px}.calendar-event strong{font-size:11px}.calendar-event small{font-size:10px;color:#a9d9e9}.event-one{top:80px;height:68px}.event-two{top:195px;height:76px}.event-three{left:calc(75px + (100% - 75px) / 3 + 8px);top:275px;height:62px;background:#204259;border-color:#98cbdd}.event-block{left:calc(75px + 2 * (100% - 75px) / 3 + 8px);top:310px;height:68px;background:#272d38;border-color:#6c7887}.list-toolbar{display:flex;justify-content:space-between;margin-bottom:16px}.search-inline.compact{margin:0;width:270px;padding:7px 12px}.search-inline.compact span{border:0;padding:0;color:#718198}.data-table,.approval-table{background:#111a28;border:1px solid #253447;border-radius:12px;overflow:hidden}.data-row{min-height:76px;display:flex;align-items:center;gap:16px;padding:12px 20px;border-bottom:1px solid #202d3c}.data-row:last-child,.table-row:last-child{border:0}.row-icon,.store-avatar{width:38px;height:38px;display:grid;place-items:center;flex:none;border-radius:9px;background:#17384e;color:#70d7fb;font-family:Space Grotesk;font-weight:700}.row-main{display:flex;flex-direction:column;gap:5px;flex:1}.row-main small{color:#8192a6;font-size:11px}.data-row>span,.data-row>b{font-size:12px;color:#a4b2c0;width:80px}.data-row>b{color:#e4edf4}.payout-panel{max-width:800px}.payout-row{display:flex;align-items:center;padding:15px 0;border-top:1px solid #233041}.payout-row>div{flex:1;display:flex;flex-direction:column;gap:5px}.payout-row small{font-size:11px;color:#788ba0}.payout-row>b{margin-right:35px}.admin-grid{grid-template-columns:1.35fr 1fr}.feed-row{display:grid;grid-template-columns:9px 1fr auto auto;gap:12px;align-items:center;padding:14px 0;border-top:1px solid #202d3c}.feed-dot{width:8px;height:8px;border-radius:50%;background:#2dbaf2}.feed-row div{display:flex;flex-direction:column;gap:5px}.feed-row div small,.feed-row>small{font-size:10px;color:#8191a3}.feed-row>b{font-size:12px}.live-badge,.save-state{display:flex;gap:6px;align-items:center;color:#5ce29b;font-size:11px;background:#16382d;padding:6px 8px;border-radius:5px}.count-badge{background:#0fa6e5;color:#03121f;font-size:11px;font-weight:800;padding:4px 8px;border-radius:99px}.approval-card>p{color:#8191a4;font-size:13px;line-height:1.6;margin:2px 0 22px}.approval-stats{display:flex;border-top:1px solid #263444;margin-top:24px;padding-top:20px;justify-content:space-between;text-align:center}.approval-stats span{display:flex;flex-direction:column;gap:5px;flex:1;border-right:1px solid #263444}.approval-stats span:last-child{border:0}.approval-stats strong{font-size:20px}.approval-stats small{color:#718399;font-size:10px}.table-head,.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr 100px;align-items:center;gap:15px;padding:14px 20px}.table-head{background:#151f2d;color:#6e8196;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.table-row{min-height:68px;border-bottom:1px solid #202d3c;font-size:12px;color:#aebcca}.business-name{display:flex;align-items:center;gap:12px;color:#e4edf5}.store-avatar{width:32px;height:32px;border-radius:7px}.approve-button{display:flex;align-items:center;justify-content:center;gap:5px;background:#153c36;border:1px solid #2e8068;color:#75e8ac;border-radius:6px;padding:7px;font-size:11px}.finance-settings{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:920px}.fee-panel>p{color:#8191a4;font-size:13px;line-height:1.6;margin-bottom:22px}.fee-input{display:flex;align-items:center;justify-content:space-between;background:#0e1723;border:1px solid #314356;border-radius:8px;padding:13px;margin-bottom:10px}.fee-input span{font-size:12px;color:#8496a8}.fee-input strong{font-size:17px}.save-state{background:none;padding:0}.finance-total{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid #273547;color:#91a1b1;font-size:13px}.finance-total strong{color:#e3edf5}.finance-total.total{border:0;margin-top:5px;color:#d7e3ed}.finance-total.total strong{font-size:19px;color:var(--blue)}.settings-list{max-width:850px;background:#111a28;border:1px solid #253447;border-radius:12px}.setting-row{display:flex;align-items:center;gap:14px;padding:19px 20px;border-bottom:1px solid #202d3c}.setting-row:last-child{border:0}.setting-icon{width:36px;height:36px;display:grid;place-items:center;background:#17384e;border-radius:8px;color:var(--blue)}.setting-row div:nth-child(2){display:flex;flex-direction:column;gap:5px;flex:1}.setting-row small{font-size:11px;color:#718399}.setting-row>span{font-size:12px;color:#b5c3d0}.setting-row>svg{color:#60758a}.portal-bottom-nav{display:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#02070dc2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;display:grid;place-items:center;padding:20px}.booking-modal{position:relative;width:min(470px,100%);background:#111a28;border:1px solid #375066;border-radius:16px;padding:28px;box-shadow:0 25px 80px #00000080}.modal-close{position:absolute;right:15px;top:15px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#1b2938;color:#9daebe}.booking-modal h2{font-size:25px;margin-bottom:24px}.booking-choice{display:flex;align-items:center;gap:12px;border:1px solid #31506a;background:#142c40;border-radius:10px;padding:13px}.booking-choice>svg{color:var(--blue)}.booking-choice div{display:flex;flex-direction:column;gap:4px;flex:1}.booking-choice small{color:#91a4b7;font-size:11px}.booking-choice b{color:#e9f5fb}.field-label{font-size:11px;color:#8395a7;font-weight:700;margin:22px 0 10px}.day-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.day-picker button,.time-picker button{border:1px solid #2e4054;background:#131e2b;padding:9px 5px;border-radius:7px;color:#b7c5d2;font-size:11px}.day-picker button{display:flex;flex-direction:column;gap:4px}.day-picker small{font-size:9px;color:#70869b}.day-picker button.active,.time-picker button.active{background:#0d8fc7;border-color:#25b8f1;color:#041522}.time-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.checkout-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #293a4c;margin-top:25px;padding-top:18px}.checkout-row div{display:flex;flex-direction:column;gap:4px}.checkout-row small{font-size:10px;color:#7f91a4}.checkout-row strong{font-size:20px}.secure-note{display:flex;justify-content:center;align-items:center;gap:6px;color:#71879b;font-size:10px;margin-top:18px}.confirmation{text-align:center;display:flex;flex-direction:column;align-items:center}.confirmation-icon{height:62px;width:62px;display:grid;place-items:center;border-radius:50%;background:#194b39;color:#65e4a0;margin:4px 0 20px}.confirmation h2{margin-bottom:10px}.confirmation>p:not(.eyebrow){color:#8ca0b1;font-size:13px;line-height:1.5;max-width:290px;margin-bottom:18px}.confirmation>strong{font-size:13px}.confirmation>small{color:#7a8ea2;font-size:11px;margin:7px 0 18px}.qr{width:110px;height:110px;padding:10px;background:#f5fafc;border-radius:7px;margin:4px 0 17px}.qr-pattern{width:100%;height:100%;background:repeating-linear-gradient(45deg,#061421 0,#061421 3px,#fff 3px,#fff 7px),repeating-linear-gradient(-45deg,transparent 0 5px,#061421 5px 7px);mix-blend-mode:multiply}@media (max-width:900px){.hero-orb{margin-right:0;transform:scale(.8)}.shop-grid{grid-template-columns:repeat(2,1fr)}.instant-row{grid-template-columns:repeat(3,270px);overflow:auto;padding-bottom:7px}.category-grid{grid-template-columns:repeat(2,1fr)}.portal-sidebar{width:204px;flex-basis:204px}.portal-main{padding:36px 25px}.metric-grid{grid-template-columns:repeat(2,1fr)}.vendor-columns,.admin-grid,.finance-settings{grid-template-columns:1fr}.insight-panel{display:none}.results-list{grid-template-columns:1fr}.search-results{grid-template-columns:190px 1fr}}@media (max-width:640px){.role-switcher{justify-content:flex-start;padding:0 12px;overflow:auto}.preview-label{display:none}.client-header{height:64px;padding:0 17px;gap:12px}.mobile-menu{display:grid;place-items:center;background:none;color:#8ba0b2}.client-header nav{display:none}.location-chip{margin-left:auto;padding:8px 10px;font-size:11px}.header-actions .icon-button{display:none}.client-main{padding:31px 17px 92px}.hero-section{min-height:305px}.hero-section h1{font-size:37px;max-width:330px}.hero-subtitle{font-size:14px;max-width:310px}.hero-orb{position:absolute;right:-110px;bottom:-28px;opacity:.6}.search-widget{display:block;padding:7px}.search-field{border-right:0;border-bottom:1px solid #273446;padding:13px 12px}.search-field:last-of-type{border-bottom:0}.search-button{width:100%;margin:7px 0 0}.section-block{margin-top:49px}.section-heading{align-items:start}.section-heading h2{font-size:20px}.text-button{font-size:11px;padding-top:10px}.category-card{padding:13px;grid-template-columns:36px 1fr 14px}.category-icon{width:36px;height:36px;font-size:20px}.category-card strong{font-size:12px}.category-card small{font-size:10px}.shop-grid{grid-template-columns:1fr}.shop-image-wrap{height:190px}.bottom-nav,.portal-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:65px;z-index:25;background:#09101af5;border-top:1px solid #273648;justify-content:space-around;padding:7px 9px}.bottom-nav button,.portal-bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:60px;background:none;color:#71839a;font-size:10px}.bottom-nav button.active,.portal-bottom-nav button.active{color:var(--blue)}.page-intro,.dashboard-welcome{align-items:start;gap:15px}.page-intro h1,.dashboard-welcome h1{font-size:31px}.search-inline{flex-wrap:wrap;gap:8px;padding:9px}.search-inline span{padding:5px 9px}.search-inline .primary-button{width:100%;margin:3px 0 0}.search-results{display:block}.search-results aside{display:none}.map-view{height:520px}.map-card{width:calc(100% - 36px)}.featured-booking{display:block}.booking-image{width:100%;height:180px;min-height:0}.booking-details{padding:20px}.booking-details h2{font-size:20px}.booking-actions{flex-direction:column}.dashboard-columns{grid-template-columns:1fr;margin-top:30px}.dashboard-tabs{gap:18px;overflow:auto;white-space:nowrap}.dashboard-tabs button{font-size:12px}.portal-sidebar{display:none}.portal-header{height:65px;padding:0 17px}.portal-brand .brand{display:flex}.portal-brand>div:last-child{display:none}.portal-main{padding:29px 17px 85px}.portal-page-heading{display:block;margin-bottom:24px}.portal-page-heading .primary-button,.portal-page-heading .outline-button{margin-top:18px;width:100%}.portal-page-heading h1{font-size:31px}.metric-grid{grid-template-columns:repeat(2,1fr);gap:9px}.metric-grid.three{grid-template-columns:1fr}.metric-card{padding:13px;grid-template-columns:30px 1fr}.metric-icon{width:30px;height:30px}.metric-card strong{font-size:19px}.metric-card span{font-size:10px}.next-client{display:grid;grid-template-columns:38px 1fr;gap:12px}.next-time{grid-column:2;margin:0;align-items:start}.next-client>.outline-button{grid-column:1 / -1;width:100%}.timeline-row{grid-template-columns:38px 10px 1fr 17px}.timeline-row .status-pill{display:none}.calendar-toolbar{flex-wrap:wrap}.toolbar-spacer{display:none}.calendar-card{overflow:auto}.calendar-head,.time-row,.calendar-body{min-width:650px}.data-row{padding:12px}.data-row>span,.data-row>b{width:auto}.data-row>span{display:none}.table-head,.table-row{grid-template-columns:1.5fr .8fr .8fr 1fr 28px;gap:7px;padding:12px;font-size:10px}.table-head span:nth-child(2),.table-row>span:nth-child(2),.table-head span:nth-child(3),.table-row>span:nth-child(3){display:none}.table-row .approve-button{font-size:0}.table-row .approve-button svg{margin:0}.finance-total{font-size:12px}.setting-row{padding:14px}.setting-row>span{display:none}.booking-modal{padding:23px 18px}.booking-modal h2{font-size:22px}.checkout-row{display:block}.checkout-row div{margin-bottom:13px}.checkout-row .primary-button{width:100%}}@media (min-width:641px){.bottom-nav{display:none!important}}.signin-button{background:none;color:#cbd5e1;font-size:13px;font-weight:600;padding:9px 14px;border-radius:8px;transition:.2s}.signin-button:hover{color:#fff;background:#1a2939}.signup-button{padding:9px 16px!important;font-size:13px!important}.logo-button{background:none;display:flex;align-items:center}.user-menu-wrap{position:relative}.user-dropdown{position:absolute;right:0;top:calc(100% + 8px);min-width:210px;background:#111a28;border:1px solid #2d3f54;border-radius:10px;padding:8px;box-shadow:0 18px 40px #0006;z-index:40;display:flex;flex-direction:column;gap:2px}.user-dropdown button{display:flex;align-items:center;gap:9px;background:none;color:#a5b3c4;font-size:13px;padding:9px 10px;border-radius:7px;text-align:left;width:100%}.user-dropdown button:hover{background:#17263a;color:#e0f0ff}.user-dropdown .user-email{font-size:11px;color:#718198;padding:6px 10px 10px;border-bottom:1px solid #233044;word-break:break-all}.user-dropdown .sign-out{color:#f87171;margin-top:4px;border-top:1px solid #233044;padding-top:11px}.user-dropdown .sign-out:hover{background:#2a1620;color:#fca5a5}.portal-user-menu{position:relative}.portal-dropdown{right:0;top:calc(100% + 8px)}.auth-modal{position:relative;width:min(420px,100%);background:#111a28;border:1px solid #375066;border-radius:16px;padding:30px 26px;box-shadow:0 25px 80px #00000080;text-align:left}.auth-brand{display:flex;align-items:center;gap:8px;color:#fff;font-weight:700;font-size:20px;font-family:Space Grotesk,sans-serif;margin-bottom:22px}.auth-brand img{width:31px;height:31px;border-radius:9px;-o-object-fit:cover;object-fit:cover}.auth-modal h2{font-size:22px;margin-bottom:8px}.auth-subtitle{font-size:13px;color:#8295a8;line-height:1.5;margin-bottom:24px}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-field{display:flex;align-items:center;gap:10px;background:#0e1723;border:1px solid #314356;border-radius:9px;padding:12px 14px;transition:.2s}.auth-field:focus-within{border-color:#25b8f1;box-shadow:0 0 0 3px #38bdf81a}.auth-field svg{color:#6b8499;flex:none}.auth-field input{background:none;border:0;outline:none;color:#e5eef8;font-size:14px;width:100%}.auth-field input::-moz-placeholder{color:#5d718a}.auth-field input::placeholder{color:#5d718a}.auth-error{color:#f87171;font-size:12px;background:#2a1620;border:1px solid #4a2230;border-radius:7px;padding:9px 12px}.auth-divider{text-align:center;color:#5d718a;font-size:11px;margin:18px 0 14px;position:relative}.auth-divider span{background:#111a28;padding:0 12px;position:relative;z-index:1}.auth-divider:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#263344}.auth-switch{display:block;width:100%;text-align:center;background:none;color:var(--blue);font-size:13px;font-weight:600;padding:8px;border-radius:7px;transition:.2s}.auth-switch:hover{background:#132234}.auth-note{display:flex;justify-content:center;align-items:center;gap:6px;color:#5d718a;font-size:10px;margin-top:18px}.vendor-auth{min-height:100vh;display:grid;place-items:center;padding:40px 20px;background:radial-gradient(circle at 50% 30%,rgba(0,168,255,.08),transparent 40%),#080c14}.vendor-auth-card{width:min(440px,100%);background:#111a28;border:1px solid #375066;border-radius:16px;padding:40px 32px;text-align:center;box-shadow:0 25px 80px #00000080}.vendor-auth-card .auth-brand{justify-content:center;margin-bottom:28px}.vendor-auth-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:14px;background:#12314a;color:#5bcaf7;margin:0 auto 22px}.vendor-auth-card h1{font-size:24px;margin-bottom:10px}.vendor-auth-card>p{font-size:13px;color:#8295a8;line-height:1.5;margin-bottom:26px}.vendor-auth-card .auth-form{text-align:left}@media (max-width:640px){.signin-button{display:none}.signup-button{padding:8px 14px!important;font-size:12px!important}.header-actions{gap:8px}.user-dropdown{right:-10px}.auth-modal{padding:24px 20px}.vendor-auth-card{padding:32px 22px}.vendor-auth-card-wide{padding:28px 18px}.vendor-signup-form .form-row{flex-direction:column;gap:12px}.vendor-photo-grid{grid-template-columns:repeat(2,1fr)}.vendor-form-actions{flex-direction:column-reverse;gap:10px}.vendor-steps{font-size:11px;gap:6px}}.vendor-auth-card-wide{width:min(560px,100%);text-align:left}.vendor-signup-form .auth-field{margin-bottom:14px}.vendor-steps{display:flex;gap:12px;justify-content:center;margin:20px 0 24px}.vendor-steps span{font-size:13px;font-weight:600;color:#5a6b7d;padding:6px 14px;border-radius:20px;background:#152030;border:1px solid #253244}.vendor-steps span.active{color:#5bcaf7;border-color:#2a5a7a;background:#12314a}.vendor-step-title{font-size:15px;font-weight:700;color:#cbd5e1;margin-bottom:16px;text-align:center}.vendor-signup-form .onboarding-field{margin-bottom:14px}.vendor-signup-form .form-row{display:flex;gap:14px;margin-bottom:0}.vendor-signup-form .form-row .onboarding-field{flex:1}.vendor-photo-picker{margin:18px 0 8px}.vendor-photo-label{display:block;font-size:13px;font-weight:600;color:#8295a8;margin-bottom:10px}.vendor-photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.vendor-photo-option{position:relative;border-radius:10px;overflow:hidden;border:2px solid #253244;cursor:pointer;background:none;padding:0;transition:.15s}.vendor-photo-option img{width:100%;height:64px;-o-object-fit:cover;object-fit:cover;display:block}.vendor-photo-option.selected{border-color:#5bcaf7;box-shadow:0 0 0 2px #5bcaf740}.vendor-photo-check{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;background:#5bcaf7;color:#080c14;display:grid;place-items:center}.vendor-form-actions{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:8px}.vendor-form-actions .primary-button{flex:1}.logo-3d{display:flex;align-items:center;gap:9px;color:#fff;font-weight:700;font-size:20px;font-family:Space Grotesk,sans-serif}.logo-3d span{background:linear-gradient(135deg,#e8f6ff,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-3d-inner{position:relative;width:38px;height:38px;border-radius:11px;perspective:100px}.logo-3d-inner img{width:100%;height:100%;border-radius:11px;-o-object-fit:cover;object-fit:cover;transform:translateZ(4px);box-shadow:0 2px 8px #00a8ff4d,inset 0 1px #ffffff26}.logo-3d-inner:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:13px;background:linear-gradient(145deg,#38bdf866,#00a8ff1a);z-index:-1;filter:blur(6px)}.logo-3d-shine{position:absolute;top:3px;left:3px;width:40%;height:40%;border-radius:8px;background:linear-gradient(135deg,rgba(255,255,255,.35),transparent);pointer-events:none}.hero-stats{display:flex;gap:32px;margin-top:28px}.hero-stats>div{display:flex;flex-direction:column;gap:2px}.hero-stats strong{font-size:28px;color:#38bdf8;font-family:Space Grotesk}.hero-stats small{font-size:11px;color:#718198}.loading-text{color:#718198;font-size:14px;padding:20px 0}.empty-state{text-align:center;padding:60px 20px;display:flex;flex-direction:column;align-items:center;gap:12px}.empty-state h2{font-size:20px}.empty-state p{color:#8291a5;font-size:14px}.trust-section{margin-top:80px}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.trust-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:28px 16px;background:#101824;border:1px solid #202d3c;border-radius:14px;transition:.2s}.trust-item:hover{border-color:#2f9ccc;transform:translateY(-3px)}.trust-item svg{color:#38bdf8}.trust-item strong{font-size:14px}.trust-item small{font-size:11px;color:#72839a;line-height:1.5}.search-input{background:none;border:0;outline:none;color:#e5eef8;font-size:14px;width:100%;padding:0 8px}.search-input::-moz-placeholder{color:#5d718a}.search-input::placeholder{color:#5d718a}.city-select{background:#0e1723;border:1px solid #314356;color:#cbd5e1;border-radius:7px;padding:8px 10px;font-size:13px;outline:none}.city-select option{background:#111a28;color:#cbd5e1}.back-button{display:inline-flex;align-items:center;gap:6px;background:none;color:#8291a5;font-size:13px;margin-bottom:20px;transition:.2s}.back-button:hover{color:#38bdf8}.shop-detail-page{padding-top:20px}.shop-banner{height:320px;position:relative;border-radius:16px;overflow:hidden;border:1px solid #2a3a4c}.shop-banner img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.shop-banner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#080c1433,#080c14d9);display:flex;align-items:end;justify-content:space-between;padding:24px}.shop-banner-info h1{font-size:28px;margin:10px 0 6px}.shop-banner-info p{color:#a8b9cc;font-size:13px;display:flex;align-items:center;gap:6px}.shop-banner-meta{display:flex;gap:20px;margin-top:12px}.shop-banner-meta span{display:flex;align-items:center;gap:5px;font-size:12px;color:#a8b9cc}.shop-banner-meta .rating{color:#fcd34d}.shop-banner-actions{display:flex;gap:8px;align-self:flex-start}.shop-tabs{display:flex;gap:28px;border-bottom:1px solid #263344;margin:28px 0 24px}.shop-tabs button{padding:0 1px 13px;background:none;color:#72839a;font-size:14px;font-weight:600;transition:.2s}.shop-tabs button.active{color:#38bdf8;border-bottom:2px solid #38bdf8}.service-accordion{display:flex;flex-direction:column;gap:10px}.service-item{display:flex;align-items:center;justify-content:space-between;background:#101824;border:1px solid #202d3c;border-radius:12px;padding:18px 20px;transition:.2s}.service-item:hover{border-color:#2f9ccc}.service-info{display:flex;flex-direction:column;gap:6px;flex:1}.service-info strong{font-size:15px}.service-info small{color:#8291a5;font-size:12px}.service-meta{display:flex;align-items:center;gap:6px;color:#72839a;font-size:11px}.service-right{display:flex;align-items:center;gap:16px}.service-right b{font-size:18px;color:#e4edf4}.staff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.staff-card{background:#101824;border:1px solid #202d3c;border-radius:14px;padding:22px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;transition:.2s}.staff-card:hover{border-color:#2f9ccc;transform:translateY(-2px)}.staff-avatar-lg{width:64px;height:64px;border-radius:50%;background:linear-gradient(145deg,#b8edf9,#167dc0);color:#061321;display:grid;place-items:center;font-weight:800;font-size:20px;font-family:Space Grotesk;margin-bottom:6px}.staff-card strong{font-size:15px}.staff-card small{color:#5bcaf7;font-size:12px}.staff-card p{color:#72839a;font-size:12px;line-height:1.5;margin:6px 0 10px}.chair-badge{background:#16344c;color:#68d5ff;padding:4px 10px;border-radius:99px;font-size:11px;font-weight:600}.staff-card-footer{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap;justify-content:center}.commission-badge{background:#1a2e1e;color:#65df9b;padding:4px 10px;border-radius:99px;font-size:10px;font-weight:600}.reviews-list{display:flex;flex-direction:column;gap:14px}.review-item{background:#101824;border:1px solid #202d3c;border-radius:12px;padding:18px}.review-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.review-avatar{width:40px;height:40px;border-radius:50%;background:#17384e;color:#70d7fb;display:grid;place-items:center;font-weight:700;font-size:14px;font-family:Space Grotesk}.review-header strong{font-size:14px}.review-stars{display:flex;gap:2px;color:#fcd34d;margin-top:3px}.review-item p{color:#a8b9cc;font-size:13px;line-height:1.6}.booking-list{display:flex;flex-direction:column;gap:14px}.booking-list-item{display:flex;gap:16px;background:#111a28;border:1px solid #2a3a4c;border-radius:14px;overflow:hidden}.booking-list-image{width:100px;min-height:100px;flex:none}.booking-list-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.booking-list-info{flex:1;padding:16px;display:flex;flex-direction:column;gap:6px}.booking-list-info strong{font-size:15px}.booking-list-info small{display:flex;align-items:center;gap:5px;color:#8291a5;font-size:12px}.booking-list-info .status-pill{align-self:flex-start}.booking-list-actions{display:flex;flex-direction:column;gap:8px;justify-content:center;padding-right:16px}.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:8px;padding:8px 12px;font-weight:700;font-size:12px;background:#2a1620;border:1px solid #4a2230;color:#f87171;transition:.2s}.danger-button:hover{background:#3a1e28}.status-pill.confirmed{background:#16382d;color:#65df9b}.status-pill.cancelled{background:#2a1620;color:#f87171}.staff-picker,.payment-picker{display:flex;flex-wrap:wrap;gap:7px}.staff-picker button,.payment-picker button{display:flex;align-items:center;gap:6px;border:1px solid #2e4054;background:#131e2b;padding:8px 12px;border-radius:7px;color:#b7c5d2;font-size:12px;transition:.2s}.staff-picker button.active,.payment-picker button.active{background:#0d8fc7;border-color:#25b8f1;color:#041522}.onboarding-card{max-width:640px;background:#111a28;border:1px solid #2a3a4c;border-radius:14px;padding:32px}.onboarding-form{display:flex;flex-direction:column;gap:16px}.onboarding-field{display:flex;flex-direction:column;gap:6px}.onboarding-field span{font-size:12px;color:#8291a5;font-weight:600}.onboarding-field input,.onboarding-field select{background:#0e1723;border:1px solid #314356;color:#e5eef8;border-radius:8px;padding:11px 14px;font-size:14px;outline:none;transition:.2s}.onboarding-field input:focus,.onboarding-field select:focus{border-color:#25b8f1;box-shadow:0 0 0 3px #38bdf81a}.onboarding-field select{cursor:pointer}.add-form-card{background:#111a28;border:1px solid #2a3a4c;border-radius:14px;padding:24px;margin-bottom:20px;display:flex;flex-direction:column;gap:16px}.form-row{display:flex;gap:16px}.form-row .onboarding-field{flex:1}.filter-tabs{display:flex;gap:6px;margin-bottom:20px}.filter-tabs button{background:#152030;border:1px solid #2a3a4c;color:#8291a5;padding:8px 14px;border-radius:8px;font-size:12px;font-weight:600;transition:.2s}.filter-tabs button.active{background:#16324a;color:#7ddbff;border-color:#25b8f1}.reject-button{display:flex;align-items:center;justify-content:center;gap:5px;background:#2a1620;border:1px solid #4a2230;color:#f87171;border-radius:6px;padding:7px;font-size:11px;transition:.2s}.reject-button:hover{background:#3a1e28}.table-actions{display:flex;gap:6px;align-items:center}.naphit-footer{background:#05080e;border-top:1px solid #1e2b3d;margin-top:60px}.footer-top{max-width:1216px;margin:0 auto;padding:56px 32px 40px;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.2fr;gap:32px}.footer-brand-col p{color:#718198;font-size:13px;line-height:1.6;margin:14px 0 18px;max-width:280px}.footer-socials{display:flex;gap:10px}.footer-socials a{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#111a28;border:1px solid #233044;color:#8291a5;transition:.2s}.footer-socials a:hover{border-color:#38bdf8;color:#38bdf8}.footer-links-col h4,.footer-contact-col h4{font-size:13px;font-weight:700;color:#cbd5e1;margin-bottom:16px;font-family:Space Grotesk}.footer-links-col a{display:block;color:#718198;font-size:13px;padding:5px 0;transition:.2s;text-decoration:none}.footer-links-col a:hover{color:#38bdf8}.footer-contact-col a,.footer-contact-col p{display:flex;align-items:center;gap:8px;color:#718198;font-size:13px;padding:5px 0;text-decoration:none}.footer-contact-col a:hover{color:#38bdf8}.footer-app-badges{display:flex;gap:8px;margin-top:14px}.app-badge{display:flex;align-items:center;gap:7px;background:#111a28;border:1px solid #233044;color:#cbd5e1;padding:8px 14px;border-radius:8px;font-size:12px;font-weight:600;transition:.2s}.app-badge:hover{border-color:#38bdf8}.play-icon{display:inline-block;width:14px;height:14px;background:linear-gradient(135deg,#38bdf8,#00a8ff);border-radius:3px}.footer-bottom{max-width:1216px;margin:0 auto;padding:20px 32px;border-top:1px solid #1e2b3d;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.footer-bottom span{color:#5d718a;font-size:12px}.footer-legal{display:flex;gap:20px}.footer-legal a{color:#5d718a;font-size:12px;text-decoration:none;transition:.2s}.footer-legal a:hover{color:#38bdf8}.footer-secure{display:flex;align-items:center;gap:5px;color:#5ce29b;font-size:12px}.scissors-icon{display:inline-block;width:28px;height:28px;background:linear-gradient(135deg,#38bdf8,#00a8ff);border-radius:8px;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M6 3a3 3 0 1 0 0 6 3 3 0 0 0 0-6zM6 15a3 3 0 1 0 0 6 3 3 0 0 0 0-6zM6 6l12 12M6 18L18 6'/%3E%3C/svg%3E") center/16px no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M6 3a3 3 0 1 0 0 6 3 3 0 0 0 0-6zM6 15a3 3 0 1 0 0 6 3 3 0 0 0 0-6zM6 6l12 12M6 18L18 6'/%3E%3C/svg%3E") center/16px no-repeat}@media (max-width:900px){.trust-grid,.staff-grid{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:1fr 1fr;gap:28px}.footer-brand-col{grid-column:1 / -1}}@media (max-width:640px){.hero-stats{gap:20px}.hero-stats strong{font-size:22px}.trust-grid{grid-template-columns:1fr 1fr}.staff-grid{grid-template-columns:1fr}.shop-banner{height:220px}.shop-banner-info h1{font-size:20px}.shop-banner-meta{flex-wrap:wrap;gap:10px}.form-row{flex-direction:column}.footer-top{grid-template-columns:1fr;gap:24px;padding:40px 20px 28px}.footer-bottom{padding:16px 20px;flex-direction:column;text-align:center}.table-head,.table-row{grid-template-columns:1.5fr 1fr 60px;gap:8px}.table-head span:nth-child(4),.table-row>span:nth-child(4),.table-head span:nth-child(5),.table-row>span:nth-child(5){display:none}.filter-tabs{overflow:auto;white-space:nowrap}}.location-dropdown-wrap{position:relative}.location-dropdown{position:absolute;top:calc(100% + 8px);left:0;background:#0e1723;border:1px solid #2f9ccc;border-radius:12px;box-shadow:0 16px 40px #00000080,0 0 20px #00a8ff1f;padding:8px;min-width:200px;max-height:340px;overflow-y:auto;z-index:50;animation:dropIn .18s ease}.location-dropdown button{display:block;width:100%;text-align:left;background:none;color:#a8b9cc;font-size:13px;padding:9px 12px;border-radius:8px;transition:.15s}.location-dropdown button:hover{background:#152030;color:#e5eef8}.location-dropdown button.active{background:#16324a;color:#7ddbff;font-weight:600}.chevron-up{transform:rotate(180deg);transition:.2s}@keyframes dropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.signup-button{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#38bdf8,#00a8ff)!important;color:#041522!important;font-weight:700;font-size:13px;padding:9px 18px;border-radius:99px;transition:.2s;box-shadow:0 2px 12px #00a8ff4d}.signup-button:hover{transform:translateY(-1px);box-shadow:0 4px 18px #00a8ff73}.signin-button{display:flex;align-items:center;background:none;color:#a8b9cc;font-size:13px;font-weight:600;padding:9px 16px;border-radius:99px;transition:.2s}.signin-button:hover{color:#fff;background:#152030}.footer-barber-cta{max-width:1216px;margin:0 auto;padding:24px 32px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-barber-cta strong{font-size:16px;color:#e5eef8}.footer-barber-cta small{display:block;color:#718198;font-size:13px;margin-top:4px}.admin-auth-card{border-color:#3a4a5c}.admin-auth-icon{background:linear-gradient(135deg,#1e3a5f,#0d1e30)!important;color:#38bdf8!important}.admin-auth-card h1{color:#38bdf8}@media (max-width:640px){.mobile-menu{order:5;margin-left:0}.logo-button{order:1;flex-shrink:0}.location-dropdown-wrap{order:2;margin-left:auto}.header-actions{order:4}.client-header nav{order:3}.location-chip{padding:7px 10px;font-size:11px;max-width:130px}.location-text{display:inline-block;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.signup-button{padding:7px 14px;font-size:12px}.signin-button{padding:7px 12px;font-size:12px}.location-dropdown{min-width:170px}.footer-barber-cta{padding:20px;flex-direction:column;text-align:center;margin:0 auto;max-width:1216px}}.search-widget{margin-top:46px;padding:13px;border:1px solid rgba(75,151,190,.52);border-radius:22px;background:linear-gradient(135deg,#122130fa,#09131ffa);box-shadow:0 20px 44px #00000057,0 0 34px #00a8ff1a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);isolation:isolate}.search-widget:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(100deg,rgba(56,189,248,.1),transparent 35%,rgba(0,168,255,.08));pointer-events:none;z-index:-1}.mobile-signup{display:inline-flex}@media (max-width:640px){.mobile-signup{display:none}}.hero-logo-img{width:160px;height:160px;border-radius:50%;-o-object-fit:cover;object-fit:cover;opacity:.85;filter:drop-shadow(0 0 24px rgba(0,168,255,.25))}@media (max-width:640px){.hero-logo-img{width:100px;height:100px;opacity:.5}}.mobile-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#02070dc2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:60;display:flex;align-items:stretch;justify-content:flex-start;animation:fadeIn .2s ease}.mobile-drawer{width:min(310px,85vw);height:100vh;background:#0b121e;border-right:1px solid #2a3a4c;box-shadow:4px 0 40px #00000080;display:flex;flex-direction:column;padding:20px;animation:slideIn .25s ease;overflow-y:auto}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.mobile-drawer-close{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#152030;color:#9cacbf;border:1px solid #253244}.mobile-drawer-user{font-size:12px;color:#718198;padding:10px 4px 14px;border-bottom:1px solid #1e2b3d;word-break:break-all}.mobile-drawer-nav{display:flex;flex-direction:column;gap:2px;padding-top:14px}.mobile-drawer-nav button{display:flex;align-items:center;gap:12px;background:none;color:#cbd5e1;font-size:15px;font-weight:600;padding:13px 10px;border-radius:10px;text-align:left;transition:.15s}.mobile-drawer-nav button:hover{background:#15263c;color:#fff}.mobile-drawer-divider{height:1px;background:#1e2b3d;margin:14px 0}.mobile-drawer-actions{display:flex;flex-direction:column;gap:8px}.mobile-drawer-actions button{display:flex;align-items:center;gap:12px;background:none;color:#a5b3c4;font-size:14px;font-weight:600;padding:13px 10px;border-radius:10px;text-align:left;transition:.15s}.mobile-drawer-actions button:hover{background:#15263c;color:#fff}.mobile-drawer-actions button.sign-out{color:#f87171}.mobile-drawer-actions button.signin-button.full{background:#152030;border:1px solid #2a3a4c;color:#cbd5e1;justify-content:center}.mobile-drawer-actions button.signup-button.full{justify-content:center}@media (max-width:640px){.client-header{height:60px;padding:0 14px;gap:10px}.client-header nav{display:none}.client-main{padding:24px 16px 100px}.hero-section{min-height:auto;flex-direction:column;gap:20px;padding-bottom:10px}.hero-orb{position:absolute;right:-130px;bottom:-40px;opacity:.45;transform:scale(.7)}.hero-section h1{font-size:32px;max-width:100%}.hero-subtitle{font-size:14px;max-width:100%}.hero-stats{gap:18px;margin-top:20px}.hero-stats strong{font-size:22px}.section-block{margin-top:42px}.section-heading{flex-direction:column;align-items:flex-start;gap:8px}.section-heading h2{font-size:19px}.category-grid{grid-template-columns:repeat(2,1fr);gap:10px}.category-card{padding:12px}.shop-grid{grid-template-columns:1fr}.instant-row{grid-template-columns:1fr;gap:14px;overflow:visible}.shop-image-wrap{height:180px}.trust-grid{grid-template-columns:repeat(2,1fr);gap:12px}.trust-item{padding:18px 12px}.trust-item strong{font-size:13px}.trust-item small{font-size:10px}.shop-banner{height:200px;border-radius:12px}.shop-banner-info h1{font-size:20px}.shop-banner-meta{flex-wrap:wrap;gap:8px}.shop-banner-meta span{font-size:11px}.shop-tabs{gap:18px;margin:20px 0 18px}.shop-tabs button{font-size:13px}.service-item{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.service-right{width:100%;justify-content:space-between}.staff-grid{grid-template-columns:1fr}.search-inline{flex-direction:column;align-items:stretch;gap:8px;padding:10px}.search-inline span{border:0;padding:5px 0}.search-inline .primary-button{width:100%;margin:0}.city-select{width:100%}.view-toggle{gap:2px}.view-toggle button{padding:8px 10px;font-size:12px}.map-view{height:420px}.map-card{width:calc(100% - 24px);left:12px;bottom:12px}.page-intro{flex-direction:column;align-items:flex-start;gap:12px}.page-intro h1{font-size:26px}.dashboard-welcome{flex-direction:column;align-items:flex-start;gap:14px}.dashboard-welcome h1{font-size:26px}.dashboard-tabs{gap:14px;overflow-x:auto;white-space:nowrap}.dashboard-tabs button{font-size:12px}.booking-list-item{flex-direction:column}.booking-list-image{width:100%;height:140px}.booking-list-actions{flex-direction:row;padding:0 16px 16px;gap:8px}.booking-list-actions button{flex:1}.footer-top{grid-template-columns:1fr;gap:24px;padding:36px 18px 28px}.footer-bottom{padding:14px 18px;flex-direction:column;text-align:center;gap:8px}.footer-barber-cta{padding:18px;flex-direction:column;text-align:center}.footer-barber-cta button{width:100%}.footer-socials,.footer-app-badges{justify-content:center}.onboarding-card{padding:22px 18px}.form-row{flex-direction:column;gap:12px}.add-form-card{padding:18px}.filter-tabs{overflow-x:auto;white-space:nowrap}.booking-modal{padding:20px 16px}.booking-modal h2{font-size:20px}.day-picker{grid-template-columns:repeat(3,1fr)}.time-picker{grid-template-columns:repeat(2,1fr)}.checkout-row{flex-direction:column;gap:14px}.checkout-row .primary-button{width:100%}.auth-modal{padding:24px 20px}.vendor-auth-card{padding:28px 20px}.vendor-auth-card h1{font-size:20px}.portal-header{height:60px;padding:0 14px}.portal-main{padding:24px 14px 90px}.portal-page-heading h1{font-size:26px}.metric-grid{grid-template-columns:1fr 1fr;gap:8px}.metric-card{padding:12px}.metric-card strong{font-size:18px}.next-client{padding:14px}.calendar-head,.time-row,.calendar-body{min-width:600px}.data-row{flex-wrap:wrap;gap:8px;padding:10px}.table-head,.table-row{grid-template-columns:1.5fr 60px;gap:6px;padding:10px;font-size:11px}.table-head span:nth-child(2),.table-row>span:nth-child(2),.table-head span:nth-child(3),.table-row>span:nth-child(3),.table-head span:nth-child(4),.table-row>span:nth-child(4){display:none}.finance-total{font-size:12px;flex-direction:column;gap:4px}.finance-total.total{flex-direction:row}.setting-row{padding:12px}.setting-row>span{display:none}.role-switcher{padding:0 10px}.bottom-nav,.portal-bottom-nav{height:62px;padding:6px 8px}.bottom-nav button,.portal-bottom-nav button{min-width:54px;font-size:9px}.bottom-nav button svg,.portal-bottom-nav button svg{width:18px;height:18px}}