.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.modal-container{background:rgb(30,30,30);border-radius:1rem;padding:2rem;max-width:28rem;width:90%;margin:1rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);animation:slideIn .3s ease-out;text-align:center}.modal-container:has(.claim-section){max-width:40rem}.loader-container{margin-bottom:1.5rem}.loader{position:relative;width:4rem;height:4rem;margin:0 auto}.loader-ring{position:absolute;inset:0;border:4px solid #e5e7eb;border-radius:50%}.loader-ring-spinning{position:absolute;inset:0;border:4px solid transparent;border-top-color:#ffa618;border-radius:50%;animation:spin .8s linear infinite}.modal-title{font-size:1.75rem;font-weight:700;color:#ffffff;margin-bottom:.5rem}.modal-subtitle{color:#b7b7b8;font-size:1rem;margin-bottom:1rem}.modal-username{font-weight:600;color:#be8729;font-size:1.1rem}.modal-instructions{font-size:1rem;color:#cbcbcb;margin-bottom:1.5rem;line-height:1.5}.connection-status{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#059669;margin-bottom:1.5rem}.status-dot{width:.5rem;height:.5rem;background-color:#10b981;border-radius:50%;animation:pulse 2s infinite}.status-text{font-size:1rem;font-weight:500}.close-button{margin-top:1.5rem;padding:.75rem 2rem;background-color:#e1e4ec;color:#374151;border:none;border-radius:.5rem;font-size:1rem;cursor:pointer;transition:background-color .2s ease}.close-button.claim-button{background-color:#c9a360;color:#ffffff}.close-button.claim-button.completed{background-color:#10b981;color:#ffffff}.close-button:hover{background-color:#e5e7eb}.close-button.claim-button.completed:hover{background-color:#059669}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.success-icon{position:relative;width:4rem;height:4rem;margin:0 auto}.success-checkmark{border-radius:50%;border:4px solid #10b981;animation:scale .3s ease-in-out .9s both}.check-icon,.success-checkmark{width:4rem;height:4rem;position:relative}.check-icon{border-radius:50%;box-sizing:content-box}.icon-line{height:4px;background-color:#10b981;display:block;border-radius:2px;position:absolute;z-index:10}.icon-line.line-tip{width:1.15rem;animation:icon-line-tip .75s;top:2rem;left:1rem;transform:rotate(45deg)}.icon-line.line-long{top:1.9rem;right:.5rem;width:1.75rem;transform:rotate(-45deg);animation:icon-line-long .75s}.order-details{margin:1.5rem 0;text-align:left}.order-info{background-color:rgba(255,255,255,.05);border-radius:.5rem;padding:1rem;margin-bottom:1rem}.info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.info-row:last-child{margin-bottom:0}.info-label{color:#b7b7b8;font-size:1rem;font-weight:500}.info-value{color:#ffffff;font-size:1rem;font-weight:600}.items-section{background-color:rgba(255,255,255,.05);border-radius:.5rem;padding:1rem}.items-title{color:#ffffff;font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.items-list{display:flex;flex-direction:column;gap:.5rem}.item-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.item-row:last-child{border-bottom:none}.item-name{font-weight:500}.item-price{color:#be8729;font-size:1rem;font-weight:600}.claim-section{background-color:rgba(255,255,255,.05);border-radius:.5rem;padding:1rem;margin-top:1rem}.claim-title{color:#ffffff;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.claim-subtitle{color:#b7b7b8;font-size:1rem;margin-bottom:1rem}.bot-assignment{background-color:rgba(255,255,255,.03);border-radius:.375rem;padding:.75rem;margin-bottom:.75rem;border-left:3px solid #be8729}.bot-assignment:last-child{margin-bottom:0}.bot-assignment.completed{background-color:rgba(16,185,129,.1);border-left:3px solid #10b981}.bot-assignment.completed .bot-name{color:#10b981}.completion-status{color:#10b981;font-size:.875rem;font-weight:600;margin-left:auto}.bot-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.bot-label{color:#b7b7b8;font-size:1rem;font-weight:500}.bot-name{color:#be8729;font-size:1rem;font-weight:600}.bot-items{margin-bottom:.75rem}.bot-item{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem;padding-left:.5rem}.bot-item:last-child{margin-bottom:0}.item-bullet{color:#be8729;font-weight:700;font-size:1rem}.bot-assignment.completed .item-bullet{color:#10b981}.item-quantity{color:#b7b7b8;font-size:.875rem;font-weight:500;margin-left:.25rem}.server-link{display:flex;justify-content:flex-start}.server-button{display:inline-flex;align-items:center;gap:.25rem;padding:.75rem 1.25rem;background-color:#be8729;color:#ffffff;text-decoration:none;border-radius:.375rem;font-size:1rem;font-weight:500;transition:background-color .2s ease}.server-button:hover{background-color:#a67c1f;color:#ffffff;text-decoration:none}@keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes icon-line-tip{0%{width:0;left:.875rem;top:2.3rem}54%{width:0;left:.875rem;top:2.3rem}70%{width:1.5rem;left:.875rem;top:2.3rem}84%{width:.5rem;left:1.5rem;top:2.3rem}to{width:1.5rem;left:.875rem;top:2.3rem}}@keyframes icon-line-long{0%{width:0;right:.5rem;top:1.9rem}65%{width:0;right:.5rem;top:1.9rem}84%{width:1.75rem;right:.5rem;top:1.9rem}to{width:1.75rem;right:.5rem;top:1.9rem}}@media (max-width:640px){.modal-container{padding:1.5rem;margin:.5rem}.modal-title{font-size:1.25rem}.check-icon,.loader,.success-checkmark,.success-icon{width:3rem;height:3rem}@keyframes icon-line-tip-mobile{0%{width:0;left:.65rem;top:1.7rem}54%{width:0;left:.65rem;top:1.7rem}70%{width:1.1rem;left:.65rem;top:1.7rem}84%{width:.4rem;left:1.1rem;top:1.7rem}to{width:1.15rem;left:.65rem;top:1.7rem}}@keyframes icon-line-long-mobile{0%{width:0;right:.4rem;top:1.4rem}65%{width:0;right:.4rem;top:1.4rem}84%{width:1.3rem;right:.4rem;top:1.4rem}to{width:1.3rem;right:.4rem;top:1.4rem}}.icon-line.line-tip{animation:icon-line-tip-mobile .75s}.icon-line.line-long{animation:icon-line-long-mobile .75s}.loader-container{display:none}}