:root{--bg:#eef1f5;--bg2:#f6f8fa;--card:#ffffff;--ink:#1f2d3d;--ink2:#6b7a8d;--ink3:#9aa7b5;--line:#edf0f3;--line2:#e0e5ea;--brand:#12b886;--brand2:#0c6b50;--brandbg:#e3f7ef;--bright:#2fd4a0;--navy:#1f3a56;--coral:#ef8a73;--blue:#3b82f6;--bluebg:#e9f1fe;--danger:#e5544b;--dangerbg:#fdebe9;--warn:#e0982d;--warnbg:#fbf1de;--radius:20px;--radius-s:12px;--shadow:0 8px 26px rgba(31,45,61,.07);--shadow-sm:0 4px 14px rgba(31,45,61,.05)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Segoe UI,Roboto,system-ui,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--brand);text-decoration:none}h1,h2,h3{margin:0;font-weight:700;letter-spacing:-.01em}p{margin:0}input{font:inherit}.app{max-width:480px;margin:0 auto;min-height:100vh;background:var(--bg);position:relative}.screen{padding:16px 16px 90px}.hero{background:var(--navy);color:#fff;padding:22px 16px 26px;border-radius:0 0 24px 24px}.hero h1{font-size:20px;color:#fff}.hero .sub{color:#ffffffb3;font-size:13px;margin-top:2px}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px;border:1px solid rgba(31,45,61,.04)}.muted{color:var(--ink2)}.small{font-size:13px}.cap{font-size:12px;color:var(--ink3)}.center{text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 20px;border-radius:var(--radius-s);border:1px solid var(--line2);background:var(--card);font-size:15px;font-weight:600;color:var(--ink);cursor:pointer;width:100%}.btn:active{transform:scale(.99)}.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 6px 16px #12b88647}.btn-blue{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 6px 16px #3b82f63d}.field{width:100%;height:46px;border:1px solid var(--line2);border-radius:var(--radius-s);padding:0 14px;background:var(--card);color:var(--ink);outline:none}.field:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brandbg)}.label{font-size:13px;color:var(--ink2);margin:0 0 6px;display:block}.chip{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;padding:5px 11px;border-radius:20px;background:var(--bg2);color:var(--ink2)}.chip.g{background:var(--brandbg);color:var(--brand2)}.chip.r{background:var(--dangerbg);color:var(--danger)}.chip.w{background:var(--warnbg);color:var(--warn)}.kpi-amount{font-size:40px;font-weight:800;letter-spacing:-.02em;line-height:1.05}.row{display:flex;justify-content:space-between;align-items:center}.divider{height:1px;background:var(--line);margin:12px 0}.toggle{width:42px;height:24px;border-radius:12px;background:var(--brand);position:relative;flex:none;cursor:pointer}.toggle i{position:absolute;top:3px;right:3px;width:18px;height:18px;border-radius:50%;background:#fff}.toggle.off{background:var(--line2)}.toggle.off i{right:auto;left:3px}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:var(--card);border-top:1px solid var(--line);display:flex;justify-content:space-around;padding:10px 0 14px;box-shadow:0 -4px 20px #1f2d3d0d}.tabbar a{color:var(--ink3);font-size:11px;display:flex;flex-direction:column;align-items:center;gap:3px;font-weight:600}.tabbar a.active{color:var(--brand)}.tabbar .ic{font-size:20px;line-height:1}.note{background:var(--brandbg);color:var(--brand2);border-radius:var(--radius-s);padding:11px 14px;font-size:13px}.note.r{background:var(--dangerbg);color:var(--danger)}.list-item{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line);font-size:14px}.list-item:last-child{border-bottom:none}.back{font-size:22px;color:var(--ink2);cursor:pointer;line-height:1;display:inline-flex;align-items:center}.steps{display:flex;gap:6px;margin-bottom:14px}.steps .s{flex:1;height:4px;border-radius:2px;background:var(--line2)}.steps .s.on{background:var(--brand)}.admin{display:flex;min-height:100vh}.admin-side{width:210px;flex:none;background:var(--navy);color:#fff;padding:16px 12px}.admin-side .logo{font-weight:800;font-size:17px;padding:6px 12px 16px;color:#fff}.admin-side a{display:block;padding:10px 12px;border-radius:10px;color:#ffffffb8;font-size:14px;font-weight:600;margin-bottom:2px;cursor:pointer}.admin-side a.active{background:#ffffff21;color:#fff}.admin-main{flex:1;padding:22px 26px;min-width:0;background:var(--bg)}.admin-main h2{font-size:24px;margin-bottom:16px}.grid-kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}table.t{width:100%;border-collapse:collapse;font-size:14px;background:var(--card);border-radius:14px;overflow:hidden}table.t th{text-align:left;color:var(--ink2);font-size:12.5px;font-weight:600;padding:10px 12px;background:var(--bg2)}table.t td{padding:10px 12px;border-top:1px solid var(--line)}table.t tr.click{cursor:pointer}table.t tr.click:hover td{background:var(--bg2)}.ck{width:18px;height:18px;border-radius:5px;border:1.5px solid var(--line2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px}.ck.on{background:var(--blue);border-color:var(--blue);color:#fff}.toolbar{display:flex;gap:8px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.field-sm{height:38px;border:1px solid var(--line2);border-radius:10px;padding:0 12px;font:inherit}.btn-sm{height:38px;width:auto;padding:0 16px;font-size:14px}.pin-hint{background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:13px;color:var(--ink2);margin-bottom:12px}.pin-wrap{display:flex;gap:14px;height:calc(100vh - 200px);min-height:420px}.pin-list{width:300px;flex:none;overflow-y:auto;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px}.pin-row{display:flex;align-items:center;gap:8px;padding:8px;border-radius:8px;cursor:pointer;font-size:13px}.pin-row:hover{background:var(--bg2)}.pin-row.active{background:var(--bluebg)}.pin-dot{width:9px;height:9px;flex:none;border-radius:50%;border:1.5px solid var(--line2)}.pin-dot.done{background:#1d9e75;border-color:#1d9e75}.pin-ls{font-weight:600;flex:none}.pin-addr{color:var(--ink2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pin-map{flex:1;min-width:0;position:relative}.pin-map-load{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--ink3);background:var(--bg2);border-radius:12px}@media (max-width:760px){.pin-wrap{flex-direction:column;height:auto}.pin-list{width:auto;max-height:220px}.pin-map{height:60vh}}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-main{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:14px;width:100%}.admin-side a.logout{margin-top:24px}.admin-topbar{display:none}.app{--bg:#f5f5f4;--bg2:#efefee;--card:#ffffff;--ink:#17181a;--ink2:#6e7075;--ink3:#a3a4a9;--line:rgba(23,24,26,.07);--line2:rgba(23,24,26,.12);--brand:#17181a;--brand2:#17181a;--brandbg:#efeeec;--bright:#3a3b3f;--navy:#17181a;--coral:#b5533f;--blue:#17181a;--bluebg:#efeeec;--ok:#2f7d5b;--okbg:#e8f2ec;--danger:#c0402f;--dangerbg:#f7ece9;--warn:#8a5f14;--warnbg:#f4edda;--radius:16px;--radius-s:11px;--shadow:none;--shadow-sm:none}.app{background:var(--bg);color:var(--ink)}.app h1,.app h2,.app h3{font-weight:600;letter-spacing:-.02em}.app .hero{background:var(--card);color:var(--ink);padding:16px 16px 13px;border-radius:0;border-bottom:1px solid var(--line)}.app .hero h1{font-size:18px;color:var(--ink)}.app .hero .sub{color:var(--ink2);font-size:12.5px}.app .card{border:1px solid var(--line);box-shadow:none}.app .kpi-amount{font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.app .btn{font-weight:500;transition:opacity .14s ease,transform .12s ease}.app .btn-primary,.app .btn-blue{box-shadow:none}.app .btn:active{transform:scale(.985);opacity:.9}.app .field:focus{border-color:var(--ink);box-shadow:0 0 0 3px var(--brandbg)}.app .chip{font-weight:500}.app .note{background:var(--brandbg);color:var(--ink2)}.app .tabbar{border-top:1px solid var(--line);box-shadow:none}.app .tabbar a.active{color:var(--ink)}.app .screen{animation:appFade .26s ease both}@keyframes appFade{0%{opacity:0}to{opacity:1}}.skel{position:relative;overflow:hidden;background:var(--bg2);border-radius:8px}.skel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:skelShine 1.3s ease-in-out infinite}@keyframes skelShine{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.app .screen{animation:none}.skel:after{animation:none}}@media (max-width:760px){.admin{flex-direction:column}.admin-topbar{display:flex;align-items:center;gap:12px;background:var(--navy);color:#fff;padding:12px 16px;position:sticky;top:0;z-index:30}.burger{background:none;border:none;color:#fff;font-size:22px;line-height:1;padding:0;width:auto;height:auto;cursor:pointer}.admin-topbar-title{font-weight:800;font-size:16px}.admin-side{position:fixed;top:0;left:0;height:100vh;width:236px;transform:translate(-100%);transition:transform .22s ease;z-index:50;overflow-y:auto}.admin-side.open{transform:translate(0);box-shadow:0 0 40px #0006}.admin-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:40}.admin-main{padding:14px 12px}.admin-main h2{font-size:20px;margin-bottom:12px}.grid-kpi{grid-template-columns:repeat(2,1fr);gap:10px}.grid2,.grid-main{grid-template-columns:1fr}table.t{display:block;overflow-x:auto;white-space:nowrap}.toolbar{gap:6px}}