:root{--bg:#f6f7f9;--surface:#fff;--surface-2:#eef0f4;--border:#dfe3e9;--text:#16191d;--text-dim:#626b78;--accent:#2f6fed;--accent-text:#fff;--danger:#d6336c;--ok:#2f9e44;--warn:#a8620a;--warn-soft:#fdf3e3;--warn-border:#e8b06a;--radius:14px;--shadow:0 1px 2px #1018280f, 0 4px 12px #1018280f;--nav-h:62px;--composer-h:112px;--safe-b:env(safe-area-inset-bottom,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#101216;--surface:#191c22;--surface-2:#21252d;--border:#2c313a;--text:#e9ecf1;--text-dim:#9099a8;--accent:#5b8dff;--danger:#ff6b9d;--ok:#51cf66;--warn:#f5b13d;--warn-soft:#2b2110;--warn-border:#6b4d1c;--shadow:0 1px 2px #0000004d, 0 4px 14px #00000040}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;margin:0;font:16px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;min-height:44px}input,select,textarea{background:var(--surface);border:1px solid var(--border);border-radius:10px;width:100%;padding:11px 12px;font-size:16px}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}.app{flex-direction:column;height:100dvh;display:flex}.screen{-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--nav-h) + var(--safe-b) + 8px);flex:1;overflow-y:auto}.screen-composer{padding-bottom:calc(var(--nav-h) + var(--safe-b) + var(--composer-h) + 12px)}.card-dismiss{min-width:32px;min-height:32px;color:var(--text-dim);border-radius:8px;margin:-4px -4px 0 0;font-size:17px;line-height:1}.card-dismiss:hover{background:var(--surface-2);color:var(--text)}.topbar{background:var(--bg);z-index:5;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px 10px;display:flex;position:sticky;top:0}.topbar h1{letter-spacing:-.02em;margin:0;font-size:20px}.topbar .sub{color:var(--text-dim);margin:2px 0 0;font-size:13px}.pad{padding:0 16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.btn{background:var(--surface-2);color:var(--text);border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:11px 16px;font-weight:550;display:inline-flex}.btn-primary{background:var(--accent);color:var(--accent-text)}.btn-ghost{border:1px solid var(--border);background:0 0}.btn-danger{color:var(--danger);border:1px solid var(--border);background:0 0}.btn:disabled{opacity:.5;cursor:not-allowed}.row{align-items:center;gap:10px;display:flex}.between{justify-content:space-between;align-items:center;gap:10px;display:flex}.grow{flex:1;min-width:0}.stack{flex-direction:column;gap:12px;display:flex}.dim{color:var(--text-dim)}.small{font-size:13px}.mono{font-variant-numeric:tabular-nums}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.field{flex-direction:column;gap:5px;display:flex}.field>label{color:var(--text-dim);font-size:13px;font-weight:550}.empty{text-align:center;color:var(--text-dim);flex-direction:column;align-items:center;gap:14px;padding:48px 24px;display:flex}.empty p{margin:0}.banner{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:11px 13px;font-size:14px}.banner-warn{border-color:color-mix(in srgb, var(--danger) 40%, var(--border))}.nav{height:calc(var(--nav-h) + var(--safe-b));padding-bottom:var(--safe-b);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);z-index:10;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.nav a{color:var(--text-dim);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:550;text-decoration:none;display:flex}.nav a .ico{font-size:20px;line-height:1}.nav a.active{color:var(--accent)}.composer{bottom:calc(var(--nav-h) + var(--safe-b));background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);flex-direction:column;gap:8px;padding:10px 16px;display:flex;position:fixed;left:0;right:0}.composer-actions{align-items:center;gap:8px;display:flex}.chip{border:1px solid var(--border);background:var(--surface);min-height:36px;color:var(--text-dim);border-radius:8px;align-items:center;gap:5px;padding:6px 11px;font-size:13px;font-weight:550;display:inline-flex}.chip:disabled{opacity:.5}.composer-actions .btn{min-height:38px}.qty-row{gap:8px;display:flex}.qty-row .field{flex:none}