*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f0f0f;--surface:#1a1a1a;--surface2:#242424;--border:#2e2e2e;--text:#f0f0f0;--text2:#9a9a9a;--accent:#ef4444;--accent2:#b91c1c;--radius:10px;--nav-height:52px}html,body,#root{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}.page{max-width:600px;padding:16px 16px calc(var(--nav-height) + 16px + env(safe-area-inset-bottom,0px));margin:0 auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.btn{border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:600;transition:opacity .15s;display:inline-flex}.btn:active{opacity:.75}.btn-primary{background:var(--accent);color:#fff}.btn-secondary{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.btn-danger{color:var(--accent);border:1px solid var(--accent);background:0 0}.btn-sm{padding:6px 12px;font-size:13px}.btn-full{justify-content:center;width:100%}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--text2);text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:600}.field input,.field select,.field textarea{background-color:var(--surface2);border:1px solid var(--border);min-height:64px;color:var(--text);appearance:none;border-radius:8px;outline:none;width:100%;padding:0 14px;font-size:15px;transition:border-color .15s}select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%23999' d='M6 8L0 0h12z'/></svg>");background-position:right 16px center;background-repeat:no-repeat;padding-right:40px!important}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent)}.field textarea{resize:vertical;appearance:none;min-height:100px;padding:14px}.field select option{background:var(--surface2)}.form-grid{flex-direction:column;gap:16px;display:flex}.badge{letter-spacing:.04em;text-transform:uppercase;border-radius:99px;align-items:center;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.divider{background:var(--border);height:1px;margin:12px 0}.empty-state{text-align:center;color:var(--text2);padding:48px 16px}.empty-state p{margin-top:8px;font-size:14px}.section-title{color:var(--text2);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px;font-size:13px;font-weight:700}.row{align-items:center;gap:8px;display:flex}.row-between{justify-content:space-between;align-items:center;gap:8px;display:flex}.col{flex-direction:column;gap:8px;display:flex}.btn-icon{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;display:inline-flex}.btn-icon:hover{background:var(--surface2);color:var(--text)}.bottom-nav{height:calc(var(--nav-height) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px)}.standalone .bottom-nav{height:var(--nav-height);padding-bottom:0}html:has(.bottom-nav)[data-mode=standalone] .bottom-nav{height:var(--nav-height);padding-bottom:0}@media (display-mode:standalone),(display-mode:fullscreen){.bottom-nav{height:var(--nav-height);padding-bottom:0}}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;margin:48px auto;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}