:root{--bg:#f6f7f9;--card:#fff;--accent:#2563eb;--danger:#dc2626;--muted:#6b7280}*{box-sizing:border-box}body{margin:0;font-family:system-ui,Noto Sans TC,sans-serif;background:var(--bg);color:#111}.app{max-width:560px;margin:0 auto;padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))}.screen{padding:12px}.card{background:var(--card);border-radius:12px;padding:12px;margin:8px 0;box-shadow:0 1px 3px #0000000f}.tabbar{position:fixed;bottom:0;left:0;right:0;display:flex;max-width:560px;margin:0 auto;background:#fff;border-top:1px solid #e5e7eb;box-shadow:0 -1px 8px #0000000f;padding-bottom:env(safe-area-inset-bottom,0px)}.tabbar button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:62px;padding:10px 4px;border:0;background:none;font-size:15px;color:var(--muted);line-height:1.1}.tabbar button .ico{font-size:26px;line-height:1}.tabbar button.on{color:var(--accent);font-weight:700}button{cursor:pointer}.btn{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:10px 14px;font-size:15px;text-decoration:none;display:inline-block}.btn.danger{background:var(--danger)}.row{display:flex;gap:8px;align-items:center}input,select,textarea{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:8px;font-size:16px}.overdue{color:var(--danger);font-weight:700}.muted{color:var(--muted);font-size:13px}.loading{padding:40px;text-align:center;color:var(--muted)}