.order-status{width:100%;max-width:500px;margin:0 auto;background:#fff;border-radius:24px;padding:40px;box-shadow:0 10px 40px #0000001a;position:relative;overflow:hidden;animation:slideUp .5s ease-out}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.order-number{font-size:48px;font-weight:700;color:var(--status-color);text-shadow:2px 2px 4px rgba(0,0,0,.1)}.status-emoji{font-size:64px;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.status-body{text-align:center;margin-bottom:30px}.status-label{font-size:36px;font-weight:700;color:var(--status-color);margin-bottom:12px}.status-description{font-size:18px;color:#666}.progress-bar{width:100%;height:12px;background:#e0e0e0;border-radius:6px;overflow:hidden;margin-top:30px}.progress-fill{height:100%;background:var(--status-color);border-radius:6px;transition:width .5s ease-out;box-shadow:0 0 10px var(--status-color)}.ready-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.pulse-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;border:3px solid #28a745;border-radius:50%;animation:pulse 2s ease-out infinite;opacity:0}.pulse-ring:nth-child(2){animation-delay:.5s}.pulse-ring:nth-child(3){animation-delay:1s}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.app{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#667eea,#764ba2);transition:background .5s ease}.app.ready{background:linear-gradient(135deg,#28a745,#20c997);animation:flashGreen 2s ease-in-out infinite}@keyframes flashGreen{0%,to{opacity:1}50%{opacity:.8}}.app.loading,.app.error{justify-content:center;align-items:center;text-align:center;color:#fff}.spinner{width:60px;height:60px;border:6px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}.error-icon{font-size:80px;margin-bottom:20px}.app.error h2{font-size:32px;margin-bottom:12px}.app.error p{font-size:18px;opacity:.9}.app-header{text-align:center;color:#fff;padding:30px 20px;background:#0000001a}.app-header h1{font-size:36px;font-weight:700;margin-bottom:8px}.app-header p{font-size:16px;opacity:.9}.app-content{flex:1;display:flex;justify-content:center;align-items:center;padding:20px}.app-footer{text-align:center;color:#fff;padding:30px 20px;background:#0000001a}.app-footer p{font-size:14px;opacity:.8;margin:4px 0}@media (max-width: 600px){.app-header h1{font-size:28px}.app-header p{font-size:14px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5;overflow-x:hidden}#root{min-height:100vh}