:root{--ink:#27313a;--muted:#65727c;--line:#d5dce1;--blue:#657986;--blue-soft:#e8edf0;--red:#c94747;--red-soft:#f8e7e7;--green:#506875;--bg:#eef1f2}
body{background:linear-gradient(135deg,#f3f2ef 0%,#e7ebed 46%,#d3dde2 100%);color:#27313a;min-height:100vh}
.topbar{background:rgba(244,245,244,.96);color:#27313a;border-bottom:1px solid #cbd3d8;box-shadow:0 6px 24px #53667218}.brand{color:#27313a}.brand small{color:#71808a}.brand-image{width:70px;height:43px;overflow:hidden;border-radius:8px;display:block;position:relative;box-shadow:0 3px 10px #4e606c26;background:#d9dee0}.brand-image img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform:scale(2.55)}
.mode-switch{background:#e4e8ea;border-color:#ccd4d9}.mode{color:#677681}.mode.active{background:linear-gradient(145deg,#fff,#d3d9dd);color:#26323a;box-shadow:0 2px 8px #5366721f}
.hero h1,.admin-head h1{color:#26323a}.hero p,.admin-head p{color:#65727c}.eyebrow{color:#526d7d}.trust-row{color:#53636e}.next-card{color:#27313a;background:linear-gradient(145deg,#f9f9f7,#cbd5da);border-color:#fff;box-shadow:0 18px 45px #53667226}.next-card span,.next-card small{color:#65727c}.next-card b{color:#465d6c}.stepper{color:#89959d}.stepper .current{color:#3f5969}.stepper i{background:#c6cfd4}
.booking-card,.panel{background:rgba(250,250,248,.94);border-color:#d2d9dd;box-shadow:0 12px 38px #53667218}.section-title{border-color:#d8dee2}.section-title p,.service-card p,.policy-box p,.slots-panel>p,.appointment p,.panel p{color:#6b7881}.number{color:#fff;background:linear-gradient(145deg,#718792,#405865)}
.service-card{background:linear-gradient(145deg,#fff,#edf0f1);border-color:#d2d9dd;color:#27313a}.service-card:hover,.service-card.selected{border-color:#758a96;background:#f8fafb;box-shadow:0 12px 28px #5366721f}.service-card .icon{background:linear-gradient(145deg,#eff3f4,#b9c5ca);color:#344b58}.service-card strong{color:#425e6e}.arrow{color:#7c8b94}.policy-box,.summary,.notice{background:#edf1f2;border-color:#d3dade}.policy-box{border-left-color:#6d838f}
.calendar-panel,.slots-panel{border-color:#d4dade;background:#f8f9f8}.calendar-head button,.secondary{background:#e4e9eb;color:#34434c}.legend{color:#697780}.free-dot{background:#2478d4}.busy-dot{background:#d8474f}.day{background:#e5f1ff;color:#1765b5;border:1px solid #9fc9f3}.day:hover,.day.selected{background:#2478d4;color:#fff;border-color:#2478d4}.day.busy{background:#fde8e9;color:#c8323b;border-color:#eaa6aa}.day.closed{background:#eceeed;color:#9ba4aa;border-color:#d4d9dc}.slot{background:#fff;color:#344b58;border-color:#ccd5da}.slot:hover,.slot.selected{background:#2478d4;color:#fff;border-color:#2478d4}.primary{background:linear-gradient(145deg,#718792,#405865);color:#fff;box-shadow:0 4px 14px #53667235}.primary:hover{filter:brightness(1.06)}input,textarea,select{background:#fff;color:#27313a;border-color:#cbd4d9}.check{color:#4d5c65}.success-icon{background:#dce5e8;color:#3e5866}.stats article{background:#f8f9f8;border-color:#d4dade}.time-badge{background:#dce5e8;color:#344e5c}.ideas>label,.appointment{border-color:#d8dee2}.status.pending{background:#f6ead6;color:#96631a}.status.confirmed{background:#dce5e8;color:#344e5c}.toast{background:#405865;color:#fff}
.bottom-nav{background:rgba(245,246,245,.97);border-color:#cbd4d9;box-shadow:0 -7px 22px #53667218}.bottom-nav button,.bottom-nav .mobile-account{color:#7b8992}.bottom-nav button.active,.bottom-nav .mobile-account:active{color:#344f5e}
.admin-actions{display:flex;gap:10px}.appointment{grid-template-columns:54px 1fr auto auto}.row-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.mini{border:1px solid #cbd4d9;background:#fff;color:#405865;border-radius:7px;padding:7px 9px;font-size:10px;font-weight:700;cursor:pointer}.mini.danger{color:#b23a3e;border-color:#e4b9ba;background:#fff7f7}.management-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.management-list{margin-top:14px}.management-row{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid #d8dee2;font-size:13px}.management-row:last-child{border-bottom:0}.management-row small{display:block;color:#78858e;margin-top:4px}
@media(max-width:800px){.admin-actions{margin-top:12px}.appointment{grid-template-columns:48px 1fr}.row-actions{grid-column:2;justify-content:flex-start}.management-grid{grid-template-columns:1fr}.admin-head .secondary,.admin-head .primary{margin-top:0;padding:10px}.panel-head{align-items:flex-start;gap:8px}.panel-head select{max-width:130px}}
