:root{--blue: #185FA5;--blue-dark: #0C447C;--blue-50: #E6F1FB;--ink: #1c1c1a;--muted: #6b6a66;--line: #e5e3dc;--bg: #f6f5f1;--white: #ffffff;--danger: #A32D2D;--ok: #0F6E56;--radius: 10px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Segoe UI,system-ui,-apple-system,Arial,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:var(--blue);text-decoration:none}.muted{color:var(--muted)}.small{font-size:13px}.center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.card{background:var(--white);border:.5px solid var(--line);border-radius:12px;padding:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;padding:0 16px;border-radius:var(--radius);border:.5px solid var(--line);background:var(--white);color:var(--ink);font-size:14px;cursor:pointer}.btn:hover{background:#faf9f6}.btn-primary{background:var(--blue);color:#fff;border-color:var(--blue)}.btn-primary:hover{background:var(--blue-dark)}.btn-danger{color:var(--danger);border-color:#ecc}.btn-sm{height:30px;padding:0 10px;font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed}label{display:block;font-size:13px;color:var(--muted);margin:10px 0 4px}input,select,textarea{width:100%;height:38px;padding:0 10px;font-size:14px;border:.5px solid var(--line);border-radius:var(--radius);background:var(--white);color:var(--ink);font-family:inherit}textarea{height:auto;padding:8px 10px}input:focus,select:focus,textarea:focus{outline:2px solid var(--blue-50);border-color:var(--blue)}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{background:var(--blue);color:#fff;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.topbar h1{font-size:17px;font-weight:600;margin:0}.topbar .sub{font-size:12px;color:#b5d4f4}.content{flex:1;padding:16px;max-width:1000px;width:100%;margin:0 auto}.footer{border-top:.5px solid var(--line);text-align:center;padding:12px;font-size:12px;color:var(--muted);background:var(--white)}.footer b{color:var(--ink);font-weight:600}.bottomnav{display:flex;border-top:.5px solid var(--line);background:var(--white);position:sticky;bottom:0}.bottomnav a{flex:1;text-align:center;padding:8px 0;color:var(--muted);font-size:11px}.bottomnav a.active{color:var(--blue)}.bottomnav a .ico{display:block;font-size:18px;line-height:1.4}.row{display:flex;align-items:center;gap:12px;padding:12px;border:.5px solid var(--line);border-radius:12px;background:var(--white);margin-bottom:10px}.row .thumb{width:44px;height:44px;border-radius:8px;object-fit:cover;background:var(--blue-50);flex:none}.row .grow{flex:1;min-width:0}.row .name{font-size:14px;font-weight:500}.pill{font-size:11px;padding:3px 10px;border-radius:20px;background:var(--blue-50);color:var(--blue-dark)}.pill.warn{background:#faeeda;color:#854f0b}.pill.ok{background:#e1f5ee;color:#0f6e56}.pill.off{background:#f1efe8;color:#5f5e5a}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{background:var(--white);border-radius:10px;padding:12px;border:.5px solid var(--line)}.stat .k{font-size:12px;color:var(--muted)}.stat .v{font-size:22px;font-weight:600}.section-title{font-size:15px;font-weight:600;margin:18px 0 8px}.switch{position:relative;width:42px;height:24px;flex:none}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#cfcec7;border-radius:24px;transition:.2s;cursor:pointer}.slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s}.switch input:checked+.slider{background:var(--blue)}.switch input:checked+.slider:before{transform:translate(18px)}.err{color:var(--danger);font-size:13px;margin-top:8px}.ok-msg{color:var(--ok);font-size:13px;margin-top:8px}.toolbar{display:flex;gap:8px;align-items:center;margin-bottom:12px}.toolbar input{flex:1}.line{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:.5px solid var(--line)}.line .grow{flex:1;min-width:0}.summary{display:flex;justify-content:space-between;padding:4px 0;font-size:14px}.summary.total{font-weight:600;font-size:16px;border-top:.5px solid var(--line);margin-top:6px;padding-top:10px}.stepper{display:flex;align-items:center;justify-content:space-between;border:.5px solid var(--blue);border-radius:8px;height:32px;overflow:hidden}.stepper button{width:34px;height:100%;border:none;background:var(--blue-50);color:var(--blue-dark);font-size:16px;cursor:pointer}.stepper span{font-size:14px;font-weight:600}.pay{display:flex;gap:10px;margin-top:8px}.pay .opt{flex:1;border:.5px solid var(--line);border-radius:10px;padding:12px;text-align:center;font-size:14px;cursor:pointer}.pay .opt.active{border-color:var(--blue);background:var(--blue-50);color:var(--blue-dark);font-weight:600}.btn-block{width:100%}