.welcome-container{align-items:center;background:#000;display:flex;justify-content:center;min-height:100vh;overflow:hidden}.welcome-animation{animation:fadeInUp 1s ease-out;text-align:center}.welcome-text{animation:glow 2s ease-in-out infinite;color:#fff;font-size:3rem;font-weight:300;letter-spacing:.3rem;margin:0;padding:0;text-shadow:0 0 30px #fff9}@keyframes fadeInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.loading-dots{display:flex;gap:10px;justify-content:center}.loading-dots span{animation:bounce 1.4s ease-in-out infinite both;background:#fffc;border-radius:50%;height:12px;width:12px}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.auth-card{animation:slideUp .5s ease-out;background:#1a1a2ef2;border:1px solid #ffffff1a;border-radius:20px;min-width:400px;padding:50px 40px;text-align:center}.auth-card h2{color:var(--text-primary);font-size:2rem;font-weight:300;letter-spacing:.2rem;margin-bottom:20px}.auth-card p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:30px}.auth-message{background:#ffc1071a;border:1px solid #ffc1074d;border-radius:10px;color:#ffc107;font-size:.95rem;margin-bottom:25px;padding:15px}.auth-message.denied,.auth-message.error{background:#f443361a;border:1px solid #f443364d;color:#f44336}.auth-message.success{background:#4caf501a;border:1px solid #4caf504d;color:#4caf50}.auth-message.warning{background:#ffc1071a;border:1px solid #ffc1074d;color:#ffc107}.auth-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;box-sizing:border-box;color:var(--text-primary);font-size:1rem;margin-bottom:20px;padding:15px;transition:all .3s ease;width:100%}.auth-input:focus{background:#ffffff14;border-color:#4caf50;box-shadow:0 0 15px #4caf5033;outline:none}.auth-input::placeholder{color:#fff6}.auth-input:disabled{cursor:not-allowed;opacity:.5}.auth-button{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:500;letter-spacing:.1rem;padding:15px;text-transform:uppercase;transition:all .3s ease;width:100%}.auth-button:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#3d8b40);box-shadow:0 5px 20px #4caf5066;transform:translateY(-2px)}.auth-button:active:not(:disabled){transform:translateY(0)}.auth-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:600px){.welcome-text{font-size:2rem}.auth-card{min-width:320px;padding:40px 30px}}:root{--bg-dark:#0f0f0f;--bg-card:#1a1a2ef2;--text-primary:#fff;--text-secondary:#ffffffb3;--border:#ffffff1a;--accent:#4caf50;--accent-hover:#45a049}.full-screen{align-items:center;background:linear-gradient(135deg,#0f0f0f,#1a1a2e);background:linear-gradient(135deg,var(--bg-dark) 0,#1a1a2e 100%);display:flex;justify-content:center;min-height:100vh}.card{background:#1a1a2ef2;background:var(--bg-card);border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:20px;padding:40px}.btn{background:linear-gradient(135deg,#4caf50,#45a049);background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.2rem;padding:15px;transition:all .3s;width:100%}.btn:hover:not(:disabled){box-shadow:0 5px 20px #4caf5066;transform:translateY(-2px)}.btn:disabled{cursor:not-allowed;opacity:.6}.camera-grid-container{width:100%}.error{align-items:center;background:#fee;border-radius:10px;color:#c33;display:flex;font-weight:500;gap:10px;justify-content:center;margin-bottom:20px;padding:15px}.error-icon{flex-shrink:0;height:24px;width:24px}.info{align-items:center;border-radius:10px;display:flex;font-weight:500;gap:10px;justify-content:center;margin-bottom:20px;padding:15px}.info-loading{background:#e3f2fd;color:#1976d2}.info-success{background:#e8f5e9;color:#388e3c}.info-icon,.spinner{flex-shrink:0;height:24px;width:24px}.spinner{animation:spin 1s linear infinite;border:3px solid #90caf9;border-radius:50%;border-top-color:#1976d2}@keyframes spin{to{transform:rotate(1turn)}}.no-cameras{align-items:center;background:#fff;border-radius:15px;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.camera-icon{color:#667eea;height:80px;margin-bottom:20px;width:80px}.no-cameras p{color:#666;font-size:1.1rem}.camera-grid{grid-gap:20px;display:grid;gap:20px;width:100%}.camera-grid-1{grid-template-columns:1fr}.camera-grid-2,.camera-grid-3,.camera-grid-4{grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.camera-grid-2,.camera-grid-3,.camera-grid-4{grid-template-columns:1fr}}@media (min-width:1200px){.camera-grid-3{grid-template-columns:repeat(3,1fr)}.camera-grid-4{grid-template-columns:repeat(2,1fr)}}.menu-container{align-items:center;background:linear-gradient(135deg,#0f0f0f,#1a1a2e);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px}.menu-title{animation:glow 2s ease-in-out infinite;color:#fff;font-size:3rem;font-weight:300;letter-spacing:.5rem;margin-bottom:20px;text-shadow:0 0 20px #ffffff80}.menu-address{animation:fadeIn 1s ease-out;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;color:#fffc;font-size:1.2rem;font-weight:400;margin-bottom:50px;padding:10px 25px;text-align:center}@keyframes glow{0%,to{text-shadow:0 0 20px #ffffff80}50%{text-shadow:0 0 40px #fffc}}.menu-grid{grid-gap:30px;animation:fadeIn .8s ease-out;display:grid;gap:30px;grid-template-columns:repeat(3,150px)}@media (max-width:600px){.menu-grid{grid-template-columns:repeat(2,150px)}}.menu-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;cursor:pointer;display:flex;flex-direction:column;gap:15px;height:150px;justify-content:center;transition:all .3s ease;width:150px}.menu-item:hover{background:#ffffff1a;border-color:#ffffff4d;box-shadow:0 10px 30px #fff3;transform:translateY(-5px) scale(1.05)}.menu-item:active{transform:translateY(-2px) scale(1.02)}.menu-icon{animation:float 3s ease-in-out infinite;font-size:3rem}.menu-item:first-child .menu-icon{animation-delay:0s}.menu-item:nth-child(2) .menu-icon{animation-delay:.2s}.menu-item:nth-child(3) .menu-icon{animation-delay:.4s}.menu-item:nth-child(4) .menu-icon{animation-delay:.6s}.menu-item:nth-child(5) .menu-icon{animation-delay:.8s}.menu-item:nth-child(6) .menu-icon{animation-delay:1s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.menu-item span{color:#fffc;font-size:.9rem;font-weight:300;letter-spacing:.1rem}.overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{animation:slideUp .4s ease-out;background:#1a1a2ef2;border:1px solid #ffffff1a;border-radius:20px;max-height:90vh;max-width:90vw;padding:40px;position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.close-btn{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:35px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .3s ease;width:35px}.close-btn:hover{background:#fff3;transform:rotate(90deg)}.map-modal{padding:20px}.map-image{animation:zoomIn .5s ease-out;border-radius:10px;max-height:70vh;max-width:100%}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.qr-modal{text-align:center}.qr-container{align-items:center;display:flex;flex-direction:column;gap:20px}.qr-container svg{animation:fadeIn .5s ease-out;background:#fff;border-radius:10px;padding:20px}.qr-text{word-wrap:break-word;color:#fffc;font-size:1rem;max-width:300px}.alert-confirm-modal,.alert-modal,.disabled-modal{min-width:350px;text-align:center}.alert-confirm-modal{max-width:500px;min-width:400px;padding:40px}.alert-icon,.disabled-icon{animation:pulse 1s ease-in-out infinite;font-size:5rem;margin-bottom:20px}.alert-icon.warning{animation:shake .5s ease-in-out infinite}.alert-warning{background:#ffc1071a;border-radius:8px;color:#ffc107;font-size:.9rem;margin-top:15px;padding:10px}.alert-success{color:#4caf50;font-size:1.1rem;font-weight:500;margin-top:15px}.alert-buttons{display:flex;gap:15px;margin-top:30px}.cancel-button{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;padding:15px;transition:all .3s ease}.cancel-button:hover{background:#ffffff26;transform:translateY(-2px)}.confirm-button{background:linear-gradient(135deg,#f44336,#d32f2f);border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:15px;transition:all .3s ease}.confirm-button:hover{background:linear-gradient(135deg,#d32f2f,#c62828);box-shadow:0 5px 20px #f4433666;transform:translateY(-2px)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes shake{0%,to{transform:rotate(0deg)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.alert-modal h2,.disabled-modal h2{color:#fff;font-size:2rem;font-weight:300;letter-spacing:.2rem;margin-bottom:15px}.alert-modal p,.disabled-modal p{color:#ffffffb3;font-size:1.1rem;line-height:1.6}.payment-modal{display:flex;flex-direction:column;max-height:80vh;max-width:500px;min-width:400px}.payment-modal h2{color:#fff;font-size:1.8rem;font-weight:300;letter-spacing:.2rem;margin-bottom:25px;text-align:center}.bills-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;max-height:300px;overflow-x:hidden;overflow-y:auto;padding-right:5px}.bills-list::-webkit-scrollbar{width:6px}.bills-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.bills-list::-webkit-scrollbar-thumb{background:#4caf5080;border-radius:3px}.bills-list::-webkit-scrollbar-thumb:hover{background:#4caf50b3}.bill-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;display:flex;gap:15px;padding:15px;transition:all .3s ease}.bill-item:hover{background:#ffffff14;border-color:#fff3}.bill-icon{font-size:1.8rem;min-width:40px;text-align:center}.bill-name{color:#ffffffe6;flex:1 1;font-size:1rem}.bill-amount{color:#4caf50;font-size:1.1rem;font-weight:500;min-width:100px;text-align:right}.total-amount{align-items:center;background:#4caf501a;border:2px solid #4caf504d;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:25px;padding:20px}.total-amount strong{color:#4caf50;font-size:1.3rem;letter-spacing:.05rem}.pay-button{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:500;letter-spacing:.1rem;padding:15px;text-transform:uppercase;transition:all .3s ease;width:100%}.pay-button:hover{background:linear-gradient(135deg,#45a049,#3d8b40);box-shadow:0 5px 20px #4caf5066;transform:translateY(-2px)}.pay-button:active{transform:translateY(0)}.payment-success{flex-direction:column;min-height:300px;padding:40px 20px;text-align:center}.payment-success,.success-icon{display:flex;justify-content:center}.success-icon{align-items:center;animation:successPop .5s ease-out;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:50%;color:#fff;font-size:4rem;height:100px;margin:0 auto 30px;width:100px}@keyframes successPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.payment-success h2{color:#4caf50;margin-bottom:15px}.payment-success p{color:#ffffffb3;font-size:1.1rem}.home{min-height:100vh;padding:20px;position:relative}.container{margin:0 auto;max-width:1400px}.back-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;left:20px;padding:12px 24px;position:fixed;top:20px;transition:all .3s ease;z-index:100}.back-btn:hover{background:#fff3;transform:translateX(-5px)}.telegram-user{animation:slideDown .5s ease-out;background:#ffffff1a;border-radius:10px;font-size:1.2rem;margin-bottom:20px;padding:15px;text-align:center}.title{animation:fadeIn .8s ease-out;color:#fff;font-size:2rem;font-weight:300;letter-spacing:.1rem;margin-bottom:30px;text-align:center}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}body.telegram-app{background:#fff;background:var(--tg-theme-bg-color,#fff);min-height:100vh}#root{min-height:100vh}
/*# sourceMappingURL=main.bfd06302.css.map*/