: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}.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}