.order-number-container{display:flex;flex-direction:column;align-items:center;cursor:pointer;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.order-number-label{color:#666;font-size:14px;margin-bottom:12px;text-align:center}.order-number-boxes{display:flex;gap:8px;position:relative}.order-number-box{width:50px;height:60px;border:2px solid #ddd;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#333;transition:all .3s ease;position:relative;background:#fff}.order-number-box.active{border:2px solid #ff8000;z-index:1}.order-number-box.complete{border:2px solid #4caf50;z-index:1}.order-number-input{position:absolute;opacity:0;pointer-events:none}.container{max-width:400px;margin:0 auto;padding:20px;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.logo-container{text-align:center;margin-bottom:40px}.logo{width:100%;max-width:350px;height:auto;margin-bottom:20px}.form-container{display:flex;flex-direction:column;gap:20px}.input-container{position:relative}input{width:100%;padding:15px;font-size:16px;border:2px solid #ddd;border-radius:8px;transition:border-color .3s;box-sizing:border-box}input:focus{outline:none;border-color:#ff8000}.input-hint{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#666;font-size:14px}button{padding:15px;font-size:16px;background-color:#ff8000;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s}button:hover:not(:disabled){background-color:#e67300}button:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width: 480px){.container{padding:15px}.logo{width:200px}}