:root{--color-primary: #0A84FF;--color-primary-dark: #0065CC;--color-secondary: #34C759;--color-warning: #FF9F0A;--color-danger: #FF453A;--color-surface: #ffffff;--color-surface-secondary: #F2F2F7;--color-surface-tertiary: #E5E5EA;--color-text-primary: #1C1C1E;--color-text-secondary: #6E6E73;--color-text-tertiary: #AEAEB2;--color-border: #C6C6C8;--color-separator: #F2F2F7;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 22px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.1), 0 2px 4px rgba(0,0,0,.06);--shadow-lg: 0 10px 30px rgba(0,0,0,.12), 0 4px 10px rgba(0,0,0,.08);--font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;--nav-height: 60px;--safe-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden;background:#1c1c1e;font-family:var(--font-family);-webkit-font-smoothing:antialiased}.app-frame{position:relative;width:100%;max-width:430px;height:100dvh;margin:0 auto;background:var(--color-surface-secondary);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.screen{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + 8px);overscroll-behavior:contain}.screen::-webkit-scrollbar{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;border:none;cursor:pointer;font-family:var(--font-family);font-weight:600;letter-spacing:-.2px;transition:all .15s ease;text-decoration:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97);opacity:.85}.btn-primary{background:var(--color-primary);color:#fff;border-radius:var(--radius-xl);padding:14px 24px;font-size:17px;width:100%;box-shadow:0 4px 12px #0a84ff4d}.btn-primary:hover{background:var(--color-primary-dark)}.btn-secondary{background:var(--color-surface-tertiary);color:var(--color-text-primary);border-radius:var(--radius-xl);padding:14px 24px;font-size:17px;width:100%}.btn-ghost{background:transparent;color:var(--color-primary);border-radius:var(--radius-md);padding:8px 16px;font-size:15px}.card{background:var(--color-surface);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-sm)}.input-field{width:100%;padding:14px 16px;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-family);font-size:16px;color:var(--color-text-primary);outline:none;transition:border-color .15s}.input-field:focus{border-color:var(--color-primary)}.input-field::placeholder{color:var(--color-text-tertiary)}.chip{display:inline-block;padding:4px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:600;letter-spacing:.2px}.chip-pending{background:#fff3cd;color:#856404}.chip-progress{background:#cce5ff;color:#004085}.chip-ready{background:#d4edda;color:#155724}.chip-delivered{background:#e2e3e5;color:#383d41}.chip-active{background:#d4edda;color:#155724}.chip-inactive{background:#e2e3e5;color:#383d41}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInUp .25s ease forwards}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;display:inline-block}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.screen-page{display:flex;flex-direction:column;height:100%;overflow:hidden}