:root{--blue:#2e75b6;--orange:#ed7d31;--bg:#f4f6f9;--card:#fff;--text:#1f2933;--muted:#6b7280;--ok:#2e9e5b;--warn:#d9534f}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);max-width:480px;min-height:100vh;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif}.app-bar{background:var(--blue);color:#fff;z-index:10;justify-content:space-between;align-items:center;padding:14px 16px;font-size:18px;font-weight:700;display:flex;position:sticky;top:0}.app-bar small{opacity:.85;font-size:12px;font-weight:400}.container{padding:16px}.card{background:var(--card);border-radius:14px;margin-bottom:12px;padding:16px;box-shadow:0 1px 3px #00000014}.grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.btn{background:var(--card);color:var(--text);cursor:pointer;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:18px 8px;font-size:14px;font-weight:600;text-decoration:none;transition:transform 50ms;display:flex;box-shadow:0 1px 3px #0000000f}.btn:active{transform:scale(.97)}.btn .ic{font-size:26px}.btn.primary{background:var(--blue);color:#fff;border:none}.btn.orange{background:var(--orange);color:#fff;border:none}label{color:var(--muted);margin:12px 0 4px;font-size:12px;display:block}input,select,textarea{background:#fff;border:1px solid #d1d5db;border-radius:10px;width:100%;padding:12px;font-size:16px}.badge{color:var(--blue);background:#eef2f7;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.toast{color:#fff;z-index:50;background:#1f2933;border-radius:10px;max-width:90%;padding:12px 18px;font-size:14px;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.toast.err{background:var(--warn)}.toast.ok{background:var(--ok)}.muted{color:var(--muted);font-size:13px}.row{justify-content:space-between;align-items:center;display:flex}.offline-dot{background:var(--ok);border-radius:50%;width:8px;height:8px;display:inline-block}.offline-dot.off{background:var(--warn)}