:root{--bg: #f8fafc;--fg: #0f172a;--muted: #64748b;--primary: #0f766e;--danger: #b91c1c;--warn: #b45309;--ok: #15803d;--card: #fff;--border: #e2e8f0;--radius: 12px;--font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body,#app{margin:0;height:100%}body{font-family:var(--font);color:var(--fg);background:var(--bg)}button{font:inherit;cursor:pointer}.appshell{min-height:100%;display:flex;flex-direction:column}.appshell>header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.appshell>header .title{font-weight:600;flex:1}.appshell>main{flex:1;padding:16px;max-width:720px;width:100%;margin:0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--card);font-weight:500;min-height:44px}.btn.primary{background:var(--primary);color:#fff;border-color:transparent}.btn.danger{background:var(--danger);color:#fff;border-color:transparent}.btn.block{width:100%}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.field label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--muted)}.field input,.field select,.field textarea{padding:12px;border:1px solid var(--border);border-radius:var(--radius);font:inherit;min-height:44px;background:var(--card)}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:13px}.pill .dot{width:8px;height:8px;border-radius:50%}.pill.online .dot{background:var(--ok)}.pill.offline .dot{background:var(--muted)}.pill.error .dot{background:var(--danger)}.pill.warn .dot{background:var(--warn)}.toast{position:fixed;bottom:16px;left:50%;transform:translate(-50%);background:var(--fg);color:#fff;padding:10px 14px;border-radius:8px;z-index:100}@media print{body{background:#fff}.appshell>header,.no-print{display:none!important}.appshell>main{max-width:none;padding:0}@page{size:letter;margin:.5in}tr,.avoid-break{break-inside:avoid}}