:root{--red:#e3000b;--yellow:#f2cd37;--bg:#f4f4f2;--card:#fff;--text:#1a1a1a;--muted:#8a8a86;--border:#e6e6e2;--green:#2e7d32;--soft:#ececea;--red-soft:#fdecec;--green-soft:#e6f4e6;--radius:12px;--shadow:0 1px 3px #0000000f}[data-theme=blue]{--red:#1565c0;--bg:#eef3fa;--muted:#7a8aa0;--border:#dce6f2;--soft:#e2e9f3;--red-soft:#e7effb}[data-theme=green]{--red:#2e7d32;--green:#1b5e20;--bg:#f0f6f0;--muted:#6f8a70;--border:#d9e7d9;--soft:#e4efe4;--red-soft:#e6f2e6;--green-soft:#dceadc}[data-theme=gray]{--red:#7a7a76;--green:#5d7a5d;--bg:#ebebe8;--card:#f7f7f5;--text:#26262a;--muted:#8f8f8a;--border:#d9d9d5;--soft:#e0e0dc;--red-soft:#ecece9;--green-soft:#e4ece4}[data-theme=dark]{--red:#ff5252;--yellow:#ffd54f;--green:#66bb6a;--bg:#191a1f;--card:#23252c;--text:#e8e8ea;--muted:#9a9aa2;--border:#383a44;--soft:#2f3138;--red-soft:#3a2326;--green-soft:#24312a;--shadow:0 1px 3px #0006}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Microsoft YaHei,sans-serif;line-height:1.5}.app-shell{max-width:560px;min-height:100vh;margin:0 auto}.page{padding:16px 16px 96px}h1{font-size:20px;font-weight:700}h2{font-size:16px;font-weight:600}h3{font-size:15px;font-weight:600}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px}.btn{cursor:pointer;background:var(--red);color:#fff;border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:600;transition:opacity .15s;display:inline-flex}.btn:active{opacity:.8}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-block{width:100%}.btn-secondary{background:var(--soft);color:var(--text)}.btn-ghost{color:var(--red);border:1px solid var(--border);background:0 0}.btn-sm{border-radius:8px;padding:6px 12px;font-size:13px}.input,.select,.textarea{border:1px solid var(--border);background:var(--card);width:100%;color:var(--text);appearance:none;border-radius:10px;padding:10px 12px;font-family:inherit;font-size:15px}.select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238a8a86' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:34px}.input:focus,.select:focus,.textarea:focus{border-color:var(--red);outline:none}.textarea{resize:vertical;min-height:60px}.label{color:var(--muted);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.field{margin-bottom:14px}.tabbar{background:var(--card);border-top:1px solid var(--border);z-index:20;width:100%;max-width:560px;padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab{color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:8px 0 7px;font-size:11px;text-decoration:none;display:flex}.tab.active{color:var(--red)}.tab svg{width:22px;height:22px}.modal-overlay{z-index:100;background:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{background:var(--card);border-radius:16px 16px 0 0;width:100%;max-width:560px;max-height:88vh;padding:18px 18px 24px;animation:.2s slide-up;overflow-y:auto}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.icon-btn{background:var(--soft);cursor:pointer;width:30px;height:30px;color:var(--text);border:none;border-radius:50%;font-size:18px;line-height:1}.row{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 0;display:flex}.row:last-child{border-bottom:none}.badge{background:var(--soft);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.badge-green{background:var(--green-soft);color:var(--green)}.badge-red{background:var(--red-soft);color:var(--red)}.muted{color:var(--muted);font-size:12px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mb-16{margin-bottom:16px}.flex{align-items:center;gap:10px;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-1{flex:1}.empty{text-align:center;color:var(--muted);padding:48px 20px;font-size:14px}.empty svg{opacity:.35;width:48px;height:48px;margin-bottom:12px}