*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#3b6d11;--color-primary-light:#639922;--color-primary-dark:#27500a;--color-primary-bg:#eaf3de;--color-primary-bg2:#c0dd97;--color-bg:#f5f5f5;--color-surface:#fff;--color-border:#e8e8e8;--color-text-primary:#1a1a1a;--color-text-secondary:#555;--color-text-muted:#999;--color-error:#a32d2d;--color-success:#3b6d11;--color-warning:#ba7517;--color-cod-bg:#fff8e7;--color-cod-text:#854f0b;--max-width:480px;--bottom-nav-height:64px;--top-bar-height:56px;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-full:999px;--shadow-sm:0 1px 4px #00000014;--shadow-md:0 4px 16px #0000001a}html,body,#root{background:var(--color-bg);width:100%;height:100%;color:var(--color-text-primary);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app-shell{max-width:var(--max-width);background:var(--color-surface);flex-direction:column;height:100%;margin:0 auto;display:flex;position:relative;overflow:hidden}.page-content{padding-bottom:calc(var(--bottom-nav-height) + 16px);padding-top:calc(var(--top-bar-height) + 16px);flex:1;overflow-y:auto}.top-bar{width:100%;max-width:var(--max-width);height:var(--top-bar-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:100;box-shadow:var(--shadow-sm);align-items:center;padding:0 16px;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.top-bar h1{color:var(--color-primary);font-size:18px;font-weight:700}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 20px;font-size:15px;font-weight:600;transition:opacity .15s,transform .1s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-secondary{background:var(--color-primary-bg);color:var(--color-primary)}.btn-danger{background:var(--color-error);color:#fff}.btn-outline{color:var(--color-primary);border:1.5px solid var(--color-primary);background:0 0}.card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);padding:16px}.chip{border-radius:var(--radius-full);letter-spacing:.3px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.chip-ready{color:#856404;background:#fff3cd}.chip-out{color:#004085;background:#cce5ff}.chip-delivered{background:var(--color-primary-bg);color:var(--color-primary-dark)}.chip-cancelled{color:#721c24;background:#f8d7da}.chip-confirmed{color:#155724;background:#d4edda}.cod-badge{background:var(--color-cod-bg);color:var(--color-cod-text);border-radius:var(--radius-sm);padding:6px 10px;font-size:13px;font-weight:700}.input{border:1.5px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);background:var(--color-surface);outline:none;padding:12px 14px;font-size:15px;transition:border-color .15s}.input:focus{border-color:var(--color-primary)}.error-text{color:var(--color-error);margin-top:6px;font-size:13px}.spinner{border:3px solid var(--color-primary-bg2);border-top-color:var(--color-primary);border-radius:50%;width:32px;height:32px;margin:40px auto;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;color:var(--color-text-muted);padding:60px 24px}.empty-state p{margin-top:8px;font-size:15px}.divider{background:var(--color-border);height:1px;margin:12px 0}