:root{--bg:#0f1014;--surface:#181a20;--surface-2:#20232b;--border:#2a2e38;--text:#e8e8ea;--text-dim:#8a8d96;--accent:#d4ff3e;--danger:#ff5a5f;--radius:10px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;font-size:16px;line-height:1.5}.app{max-width:480px;min-height:100vh;margin:0 auto;padding:0 16px 96px}.header{border-bottom:1px solid var(--border);margin-bottom:20px;padding:24px 0 16px}.header h1{letter-spacing:-.5px;font-family:Georgia,Times New Roman,serif;font-size:28px;font-weight:400}.header .sub{color:var(--text-dim);margin-top:2px;font-size:13px}.nav{background:var(--surface);border-top:1px solid var(--border);padding:10px 0 calc(10px + env(safe-area-inset-bottom));z-index:100;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.nav a{color:var(--text-dim);text-transform:uppercase;letter-spacing:.8px;padding:6px 12px;font-size:12px;text-decoration:none;transition:color .15s}.nav a.active{color:var(--accent)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;padding:16px}.row{justify-content:space-between;align-items:center;gap:12px;display:flex}input,select{background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:15px}input:focus,select:focus{border-color:var(--accent);outline:none}label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px;font-size:12px;display:block}button{background:var(--accent);color:var(--bg);cursor:pointer;border:none;border-radius:8px;width:100%;padding:12px 18px;font-family:inherit;font-size:15px;font-weight:600}button.ghost{color:var(--text);border:1px solid var(--border);background:0 0}button.danger{color:var(--danger);border:1px solid var(--danger);background:0 0}.stat{letter-spacing:-.5px;font-family:Georgia,serif;font-size:32px}.stat-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.8px;font-size:11px}.grid-4{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.field{margin-bottom:14px}.list{flex-direction:column;gap:8px;display:flex}.muted{color:var(--text-dim);font-size:13px}.hr{background:var(--border);height:1px;margin:16px 0}.gap{height:12px}