@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,system-ui,sans-serif;font-synthesis:none;--bg:#f7f7f8;--panel:#fff;--panel-2:#f2f2f3;--ink:#18181b;--muted:#71717a;--line:#e4e4e7;--hover:#eeeeef;--primary:#18181b;--primary-ink:#fff;--danger:#dc2626;--danger-bg:#fef2f2;--success:#15803d;--success-bg:#f0fdf4;--warning:#b45309;--warning-bg:#fff7ed;--shadow:0 1px 2px rgba(0,0,0,.04);color:var(--ink);background:var(--bg)}:root[data-theme=dark]{--bg:#09090b;--panel:#111113;--panel-2:#19191c;--ink:#fafafa;--muted:#a1a1aa;--line:#29292d;--hover:#222226;--primary:#fafafa;--primary-ink:#18181b;--danger:#f87171;--danger-bg:#2c1517;--success:#4ade80;--success-bg:#102418;--warning:#fbbf24;--warning-bg:#2b2010;--shadow:none;color-scheme:dark}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;min-width:320px;background:var(--bg);color:var(--ink)}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}.page{min-height:100vh;padding:0 16px calc(96px + env(safe-area-inset-bottom));max-width:680px;margin:auto;background:var(--bg)}.home-page{padding-top:16px}.topbar{height:64px;display:grid;grid-template-columns:40px 1fr 40px;align-items:center;position:sticky;top:0;background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:15;border-bottom:1px solid color-mix(in srgb,var(--line) 65%,transparent)}.topbar>div:nth-child(2){text-align:center;min-width:0}.topbar div>b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.top-action{display:flex;justify-content:flex-end}.round{width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:var(--panel);display:grid;place-items:center;padding:0}.round:active{background:var(--hover)}.round svg{width:18px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:var(--shadow)}.hero{padding:20px}.hero-brand{display:flex;align-items:center;gap:10px;margin-bottom:24px}.hero-brand img,.logo,.splash-logo{width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:var(--panel-2);object-fit:cover;display:grid;place-items:center}.logo svg{width:22px}.hero-brand b{font-size:13px}.hero h1{font-size:29px;line-height:1.08;letter-spacing:-.045em;margin:0 0 10px}.hero p{color:var(--muted);font-size:13px;line-height:1.65;margin:0;max-width:520px}.splash{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:11px;text-align:center;background:var(--bg)}.splash .logo,.splash-logo{width:62px;height:62px;border-radius:17px}.splash b{font-size:14px}.section-head{display:flex;justify-content:space-between;align-items:center;margin:24px 2px 12px}.section-head h2{font-size:17px;letter-spacing:-.02em;margin:0}.section-head small,.panel-note,.optional{color:var(--muted)}.branch-scroll{display:flex;gap:8px;overflow:auto;margin:0 -16px;padding:0 16px 4px;scrollbar-width:none}.branch{border:1px solid var(--line);background:var(--panel);padding:10px 13px;border-radius:10px;white-space:nowrap;font-weight:700;font-size:12px}.branch.active{background:var(--primary);color:var(--primary-ink);border-color:var(--primary)}.service-list{display:grid;grid-template-columns:1fr 1fr;gap:11px}.service{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:var(--shadow)}.service-img{height:132px;background:var(--panel-2);overflow:hidden}.service-img>img{width:100%;height:100%;object-fit:cover}.service-body{padding:12px}.service h3{font-size:13px;line-height:1.35;margin:0 0 8px;min-height:35px}.price{font-size:11px;color:var(--muted);font-weight:800}.image-placeholder{width:100%;height:100%;display:grid;place-content:center;justify-items:center;gap:7px;color:var(--muted);background:var(--panel-2)}.image-placeholder svg{width:24px}.image-placeholder span{font-size:10px;font-weight:700}.detail-page{padding-top:0}.gallery{display:flex;overflow:auto;scroll-snap-type:x mandatory;margin:0 -16px;scrollbar-width:none}.gallery img,.gallery-placeholder{width:100%;min-width:100%;height:295px;object-fit:cover;scroll-snap-align:center;background:var(--panel-2);border-bottom:1px solid var(--line)}.gallery-placeholder .image-placeholder{height:295px}.detail-card{background:var(--panel);margin:14px 0 0;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow)}.detail-card h1{font-size:23px;letter-spacing:-.035em;margin:0 0 10px}.detail-card>p{color:var(--muted);font-size:13px;line-height:1.6}.chips,.chip-row{display:flex;gap:6px;flex-wrap:wrap}.chip{padding:6px 8px;border-radius:8px;background:var(--panel-2);font-size:10px;font-weight:800}.form{display:grid;gap:13px}.field{display:grid;gap:6px}.field label{font-size:11px;font-weight:750;color:var(--muted)}.input,.select,.textarea{width:100%;border:1px solid var(--line);border-radius:11px;background:var(--panel);padding:12px 13px;outline:none;font-size:14px}.textarea{min-height:88px;resize:vertical}.input:focus,.select:focus,.textarea:focus,.phone-input:focus-within{border-color:var(--ink);box-shadow:0 0 0 2px color-mix(in srgb,var(--ink) 10%,transparent)}.two{display:grid;grid-template-columns:1fr 1fr;gap:9px}.btn{min-height:42px;border:1px solid var(--line);border-radius:11px;padding:10px 14px;background:var(--panel);color:var(--ink);font-weight:800;font-size:12px;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:7px}.btn.brand{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.btn.soft{background:var(--panel-2)}.btn.danger{background:var(--danger-bg);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 20%,var(--line))}.btn:disabled{opacity:.45;cursor:not-allowed}.btn svg{width:17px}.sticky-action{position:sticky;bottom:calc(78px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:12px 0;z-index:8}.total-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.total-row small{display:block;color:var(--muted)}.total-row b{font-size:17px}.cart-item,.order-card,.task-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:13px;box-shadow:var(--shadow)}.cart-item{display:grid;grid-template-columns:58px 1fr 34px;gap:11px;align-items:center;margin-bottom:9px}.cart-pic{width:58px;height:58px;background:var(--panel-2);border-radius:10px;overflow:hidden}.cart-pic>img{width:100%;height:100%;object-fit:cover}.cart-item h3{font-size:13px;margin:0 0 5px}.cart-item p{font-size:11px;color:var(--muted);margin:0 0 4px}.delete{border:1px solid color-mix(in srgb,var(--danger) 20%,var(--line));background:var(--danger-bg);color:var(--danger);border-radius:9px;width:32px;height:32px;display:grid;place-items:center;padding:0}.delete svg{width:16px}.empty{padding:64px 20px;text-align:center;color:var(--muted)}.empty .big{width:42px;height:42px}.order-card,.task-card{display:block;color:inherit;text-decoration:none;margin-bottom:9px}.order-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.order-card h3,.task-card h3{margin:0;font-size:14px}.order-card p,.task-card p{font-size:11px;color:var(--muted);margin:5px 0}.badge{display:inline-flex;padding:5px 8px;border-radius:999px;background:var(--panel-2);font-size:9px;font-weight:800}.badge.new{background:#eee9ff;color:#6d28d9}.badge.in_progress{background:#e8f1ff;color:#1d4ed8}.badge.ready{background:var(--success-bg);color:var(--success)}.badge.completed{background:var(--panel-2);color:var(--muted)}.badge.cancelled{background:var(--danger-bg);color:var(--danger)}:root[data-theme=dark] .badge.new{background:#24183b;color:#c4b5fd}:root[data-theme=dark] .badge.in_progress{background:#13213b;color:#93c5fd}.progress{height:4px;background:var(--panel-2);border-radius:10px;overflow:hidden;margin-top:11px}.progress i{display:block;height:100%;background:var(--ink)}.timeline{display:grid}.time{display:grid;grid-template-columns:20px 1fr;gap:9px}.time-mark{display:flex;align-items:center;flex-direction:column}.time-dot{width:9px;height:9px;background:var(--ink);border-radius:50%;margin-top:4px}.time-line{width:1px;flex:1;background:var(--line)}.time-content{padding-bottom:17px}.time-content b{font-size:12px}.time-content p{font-size:10px;color:var(--muted);margin:4px 0}.item-card{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:13px;margin-top:8px}.item-card h4{margin:0 0 5px}.inventory{font-size:18px;font-weight:900;letter-spacing:1px;background:var(--panel-2);border-radius:8px;padding:8px 10px;display:inline-block}.mapbox{position:relative}.map{height:260px;border-radius:13px;overflow:hidden;border:1px solid var(--line)}.map-fallback{height:220px;border-radius:13px;background:var(--panel-2);padding:16px;display:grid;place-content:center;border:1px solid var(--line)}.locate{position:absolute;right:11px;bottom:11px;width:42px;height:42px;border:1px solid var(--line);border-radius:10px;background:var(--panel);display:grid;place-items:center}.stars{display:flex;gap:3px}.stars button{font-size:27px;border:0;background:transparent;color:#d1d5db;padding:0}.stars button.on{color:#f59e0b}.profile-head{text-align:center;margin-bottom:11px}.avatar{width:68px;height:68px;background:var(--primary);border-radius:18px;margin:auto;display:grid;place-items:center;font-size:25px;font-weight:900;color:var(--primary-ink)}.profile-head h2{margin:10px 0 3px}.profile-head small{color:var(--muted)}.settings-panel{margin-top:11px}.settings-panel h3,.section-title h3{font-size:14px;margin:0 0 11px}.panel-note,.section-title p{font-size:11px;line-height:1.55;margin:0 0 13px}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:var(--panel-2);padding:4px;border-radius:11px}.segmented.three{grid-template-columns:repeat(3,1fr)}.segmented button{border:0;background:transparent;padding:9px 7px;border-radius:8px;font-weight:750;font-size:11px}.segmented button.active{background:var(--panel);box-shadow:var(--shadow)}.notice{padding:12px;border-radius:11px;background:var(--warning-bg);color:var(--warning);font-size:11px;margin-top:11px}.error,.success{padding:11px 12px;border-radius:11px;font-size:11px;margin-bottom:10px}.error{background:var(--danger-bg);color:var(--danger)}.success{background:var(--success-bg);color:var(--success)}.bottom{position:fixed;left:50%;bottom:0;transform:translate(-50%);min-height:72px;width:min(680px,100%);background:color-mix(in srgb,var(--panel) 94%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--line);display:flex;justify-content:space-around;align-items:center;z-index:30;padding:6px 0 env(safe-area-inset-bottom)}.bottom a{flex:1;text-decoration:none;color:var(--muted);display:grid;justify-items:center;gap:3px;font-size:9px;font-weight:700}.bottom a svg{width:20px}.bottom a.active{color:var(--ink)}.nav-icon{position:relative}.nav-icon i{position:absolute;right:-9px;top:-7px;background:var(--danger);color:#fff;font-style:normal;font-size:8px;min-width:15px;height:15px;border-radius:10px;display:grid;place-items:center}.task-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.photo-preview{width:100%;max-height:220px;object-fit:cover;border-radius:11px;border:1px solid var(--line)}.loader{padding:48px;text-align:center;color:var(--muted)}.phone-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.phone-actions a{font-size:11px}.checkout-form{padding-top:10px}.phone-input{display:grid;grid-template-columns:auto auto 1fr;align-items:center;border:1px solid var(--line);border-radius:11px;background:var(--panel);overflow:hidden;transition:.15s}.phone-country{height:45px;max-width:93px;border:0;border-right:1px solid var(--line);background:var(--panel-2);padding:0 7px;outline:none;font-size:12px}.phone-code{font-size:13px;font-weight:800;padding-left:11px}.phone-number{width:100%;min-width:0;height:45px;border:0;background:transparent;padding:0 11px 0 5px;outline:none;font-size:14px}.optional{font-weight:500;margin-left:4px}.section-title{border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:1px}.row-actions{display:flex;gap:7px;flex-wrap:wrap}@media(min-width:681px){body{background:var(--panel-2)}.page{box-shadow:0 0 30px #00000014}.bottom{box-shadow:0 -8px 24px #0000000f}}@media(max-width:430px){.service-list{grid-template-columns:1fr 1fr}.hero h1{font-size:26px}.two{grid-template-columns:1fr}.segmented.three button{font-size:10px}.phone-country{max-width:87px}}