:root{--ink:#f8fafc;--muted:#a7adb7;--line:#30343a;--blue:#d6d9de;--blue-soft:#25282d;--red:#ef5350;--red-soft:#351d1f;--green:#d6d9de;--bg:#0b0c0e}
body{background:radial-gradient(circle at top,#24272b 0,#101214 420px,#090a0b 100%);color:#f5f5f5}
.topbar{background:rgba(8,9,10,.95);border-bottom:1px solid #2d3035;box-shadow:none}
.brand-mark{background:linear-gradient(145deg,#fff,#9fa4aa);color:#050505;box-shadow:inset 0 0 0 1px #fff8}
.mode-switch{background:#181a1e;border:1px solid #30343a}.mode.active{background:linear-gradient(145deg,#e7e9ec,#9da2a9);color:#050505}.mode{color:#a7adb7}
.hero{min-height:330px}.hero h1,.admin-head h1{color:#fff}.hero p,.admin-head p{color:#a7adb7}.eyebrow{color:#cdd1d6}.trust-row{color:#d4d7db}.next-card{background:linear-gradient(145deg,#2b2e33,#111315);border:1px solid #4a4e54;box-shadow:0 22px 55px #0008}.next-card b{color:#f5f5f5}.stepper{color:#747982}.stepper .current{color:#fff}.stepper i{background:#34383e}
.booking-card,.panel{background:rgba(18,20,23,.96);border-color:#34383e;box-shadow:0 12px 40px #0005}.section-title{border-color:#34383e}.section-title p,.service-card p,.policy-box p,.slots-panel>p,.appointment p,.panel p{color:#9ca3ad}.number{color:#090a0b;background:linear-gradient(145deg,#fff,#9fa4aa)}
.service-card{background:linear-gradient(145deg,#202328,#15171a);border-color:#34383e;color:#fff}.service-card:hover,.service-card.selected{border-color:#d6d9de;background:#24272c;box-shadow:0 12px 30px #0006}.service-card .icon{background:linear-gradient(145deg,#eef0f2,#8f959d);color:#08090a}.service-card strong{color:#f2f3f4}.arrow{color:#b8bdc4}.policy-box,.summary,.notice{background:#202328;border-color:#3b3f45}.policy-box{border-left-color:#cdd1d6}
.calendar-panel,.slots-panel{border-color:#34383e;background:#121417}.calendar-head button,.secondary{background:#282b30;color:#fff}.legend{color:#a7adb7}.free-dot{background:#d6d9de}.day{background:#2a2d32;color:#f5f5f5;border:1px solid #464b52}.day:hover,.day.selected{background:#f2f3f4;color:#08090a}.day.busy{background:#351d1f;color:#ef5350;border-color:#713238}.day.closed{background:#17191c;color:#555b64}.slot{background:#202328;color:#fff;border-color:#44484f}.slot:hover,.slot.selected{background:#e5e7eb;color:#08090a;border-color:#fff}.primary{background:linear-gradient(145deg,#f5f6f7,#9ba0a7);color:#050505;box-shadow:0 4px 15px #0005}.primary:hover{filter:brightness(1.1)}input,textarea,select{background:#17191c;color:#fff;border-color:#44484f}.check{color:#d0d4d9}.success-icon{background:#e5e7eb;color:#08090a}.stats article{background:#17191c;border-color:#34383e}.time-badge{background:#e4e6e9;color:#08090a}.ideas>label,.appointment{border-color:#34383e}.status.pending{background:#3b3020;color:#f4c66b}.status.confirmed{background:#e7e9ec;color:#121315}.toast{background:#e6e8ea;color:#090a0b}
.bottom-nav{display:none}
@media(max-width:800px){body{padding-bottom:76px}.topbar{position:relative}.mode-switch{display:none}main{padding:0 14px 30px}.hero{padding:28px 4px 24px;min-height:auto;display:block}.hero h1{font-size:32px}.hero p{font-size:14px}.trust-row{display:none}.next-card{margin-top:22px;padding:20px}.stepper{margin-top:18px}.booking-card{border-radius:14px;padding:16px}.section-title{padding-bottom:17px;margin-bottom:17px}.service-grid.three{display:flex;flex-direction:column;gap:11px}.service-card{grid-template-columns:43px 1fr 24px;padding:17px}.service-card p{margin-bottom:6px}.service-card .icon{width:40px;height:40px}.policy-box{margin-top:15px}.calendar-layout{gap:12px}.calendar-panel,.slots-panel{padding:14px}.admin-view{padding-top:28px}.bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;z-index:30;bottom:0;left:0;right:0;height:70px;background:rgba(9,10,11,.97);border-top:1px solid #34383e;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav button{background:none;border:0;color:#737982;font-size:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.bottom-nav button span{font-size:20px}.bottom-nav button.active{color:#fff}.stats{gap:9px}.stats article{padding:14px}.stats strong{font-size:23px}}
@media(max-width:800px){.topbar{align-items:center!important}.topbar>nav{display:none!important}.brand{font-size:13px}.brand-image{width:62px;height:40px}.bottom-nav .mobile-account{background:none;border:0;color:#737982;font-size:10px;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center}.bottom-nav .mobile-account span{font-size:20px}.bottom-nav .mobile-account:active{color:#fff}}