:root{--bg: #f8f8f6;--surface: #ffffff;--border: #e0ddd6;--border-lt: #f0ede8;--text: #1a1a18;--muted: #888780;--dark: #1a1a18;--blue: #0c447c;--blue-bg: #e6f1fb;--blue-bdr: #85b7eb;--green: #27500a;--green-bg: #eaf3de;--green-bdr: #97c459;--amber: #633806;--amber-bg: #faeeda;--amber-bdr: #ef9f27;--red: #a32d2d;--red-bg: #fef2f2;--red-bdr: #fca5a5;--purple: #5b21b6;--purple-bg: #f3eeff;--purple-bdr:#c4b5fd;--radius: 10px;--radius-sm: 6px;--shadow: 0 1px 4px rgba(0,0,0,.08)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:-apple-system,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.4;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}.label{display:block;font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px}.page{display:flex;flex-direction:column;min-height:100%;max-width:680px;margin:0 auto}.scroll-area{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px 16px 32px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;overflow:hidden}.card-header{padding:9px 14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border)}.card-body{padding:14px}button{cursor:pointer;font-family:inherit;border:none;outline:none;-webkit-tap-highlight-color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 20px;border-radius:var(--radius-sm);font-size:15px;font-weight:600;transition:opacity .15s;min-height:48px}.btn:active{opacity:.75}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--dark);color:#fff;border:none}.btn-outline{background:transparent;color:var(--text);border:1.5px solid var(--border)}.btn-blue{background:var(--blue);color:#fff;border:none}.btn-full{width:100%}input[type=text],input[type=number],input[type=search],textarea{width:100%;padding:11px 13px;font-family:inherit;font-size:15px;color:var(--text);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);outline:none;transition:border-color .15s;-moz-appearance:none;appearance:none;-webkit-appearance:none}input:focus,textarea:focus{border-color:var(--blue)}textarea{resize:vertical;min-height:72px}@supports (-webkit-touch-callout: none){input,textarea,select{font-size:16px!important}}.divider{height:1px;background:var(--border);margin:12px 0}.badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:700;border:1.5px solid}