body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100%;margin:0;overflow:hidden;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.dashboard-container{align-items:center;background-image:url(/static/media/dashboard.95665b3f29be9f4628cb.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;inset:0;justify-content:center;position:fixed}.overlay{align-items:flex-start;justify-content:center;padding-top:80px}.card-container{max-height:80vh;width:420px}@media (min-width:768px){.card-container{width:650px}}@media (min-width:1200px){.card-container{width:1000px}}.device-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff26;border-radius:20px;box-shadow:0 10px 30px #0000004d;color:#fff;height:420px;overflow-y:auto;padding:25px}.sub-text{font-size:13px;margin-bottom:20px;opacity:.8}.device-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(2,1fr);justify-items:center}@media (min-width:768px){.device-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1200px){.device-grid{grid-template-columns:repeat(4,1fr)}}.device-box{align-items:center;background:#ffffff1f;border-radius:20px;display:flex;flex-direction:column;gap:6px;justify-content:center;min-height:60px;padding:10px 3px;text-align:center;width:95%}.device-box h4{color:#fff;font-size:13px;font-weight:600;line-height:1.2;margin:0}.device-box h3{color:#ffffffb3;font-size:11px;font-weight:400;line-height:1.2;margin:0}.device-card::-webkit-scrollbar{width:6px}.device-card::-webkit-scrollbar-thumb{background:#fff6;border-radius:10px}.toggle{background:gray;border-radius:20px;height:18px;position:relative;width:35px}.toggle:after{background:#fff;border-radius:50%;content:"";height:14px;left:2px;position:absolute;top:2px;transition:.3s;width:14px}.toggle.active{background:#4cd964}.toggle.active:after{left:18px}.dashboard-content{align-items:center;display:flex;flex-direction:column;gap:20px}.top-tabs{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff26;border-radius:30px;display:flex;gap:10px;justify-content:flex-start;max-width:100vw;overflow-x:auto;padding:6px 10px;scrollbar-width:none;white-space:nowrap;width:100%}.top-tabs::-webkit-scrollbar{display:none}@media (min-width:768px){.top-tabs{justify-content:center;max-width:none;padding:6px;width:auto}}.tab{background:#0000;border:none;border-radius:25px;color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;padding:10px 22px;transition:.3s}.tab:hover{background:#ffffff26}.tab.active{background:#fff;color:#000;font-weight:600}.add-btn{background:#ffffff1a}.greeting{color:#fff;font-weight:600;margin-bottom:20px;margin-top:5px}@media (max-width:600px){.top-tabs{border-radius:0;width:100%}}.header-bar{align-items:center;display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;top:25px;width:100%}.header-bar .greeting{font-size:22px;font-weight:600;margin:0;text-align:center}.logout-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff40;border-radius:20px;color:#fff;cursor:pointer;font-weight:600;padding:8px 18px;pointer-events:auto;position:absolute;right:40px;transition:.3s}.logout-btn:hover{background:#ff3b30;border-color:#ff3b30}.modal-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-content{animation:slideIn .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff26;border-radius:20px;box-shadow:0 10px 30px #0000004d;color:#fff;max-width:400px;padding:30px;width:90%}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.modal-header h2{font-size:24px;font-weight:600;margin:0}.close-btn{background:#0000;border:none;color:#fff;cursor:pointer;font-size:24px;transition:.2s}.close-btn:hover{opacity:.7}.message{border-radius:12px;font-weight:500;margin-bottom:20px;padding:12px;text-align:center}.message.success{background:#4cd9644d;border:1px solid #4cd96480;color:#4cd964}.message.error{background:#ff3b304d;border:1px solid #ff3b3080;color:#ff3b30}.add-device-form{gap:16px}.add-device-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{font-size:13px;font-weight:500;opacity:.9}.form-group input{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;font-size:13px;padding:10px 14px;transition:.2s}.form-group input::placeholder{color:#ffffff80}.form-group input:focus{background:#ffffff26;border-color:#fff6;outline:none}.form-group input.input-error{background:#ff3b301a;border-color:#ff3b30}.error-text{color:#ff3b30;font-size:11px;margin-top:-4px}.submit-btn{background:linear-gradient(135deg,#4cd964,#34c759);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:10px;padding:12px;transition:.3s}.submit-btn:hover:not(:disabled){opacity:.9;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.5}.bot-card h4{font-size:14px}.bot-card p{font-size:16px}.add-btn-chip{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px}.group-add-btn{background:linear-gradient(135deg,#4cd964,#34c759);border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px 12px}.message-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000059;inset:0;position:fixed;z-index:9998}.api-error,.success-message{animation:popupIn .35s ease;border-radius:14px;box-shadow:0 15px 50px #0006;font-size:16px;font-weight:600;left:50%;padding:20px 32px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:9999}.success-message{background:linear-gradient(135deg,#34c759,#4cd964);color:#fff}.api-error{background:linear-gradient(135deg,#ff3b30,#ff6b6b);color:#fff}@keyframes popupIn{0%{opacity:0;transform:translate(-50%,-60%) scale(.85)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.bots-section{display:flex;flex-direction:column;gap:18px}.bots-section h3{color:#fff;font-size:20px;font-weight:600;text-align:center}.bots-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);width:100%}@media (min-width:900px){.bots-grid{grid-template-columns:repeat(4,1fr)}}.bot-card,.bot-card-wrapper{display:flex;flex-direction:column;gap:12px}.bot-card{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1f;border:1px solid #fff3;border-radius:18px;justify-content:space-between;min-height:90px;padding:18px;text-align:center}.bot-card h4{color:#ffffffbf;margin:0}.bot-card p{color:#fff;font-weight:600;margin:0}.remove-btn-chip{background:linear-gradient(135deg,#ff3b30,#ff6b6b);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px}.grid-group-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #ffffff2e;border-radius:16px;padding:16px;width:100%}.groups-list{display:flex;flex-direction:column;gap:8px}.group-item{align-items:center;background:#ffffff1a;border:1px solid #ffffff26;border-radius:8px;display:flex;justify-content:space-between;padding:10px 12px}.group-name{color:#fff}.group-remove-btn{background:linear-gradient(135deg,#ff3b30,#ff6b6b);border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px 12px}.login-container{align-items:center;display:flex;height:100vh;justify-content:center}.login-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;display:flex;flex-direction:column;gap:16px;padding:30px;width:320px}.login-card h2{color:#fff;text-align:center}.login-card input{border:none;border-radius:8px;font-size:14px;outline:none;padding:12px}.login-card button{background:#22c55e;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px}.error{color:#ff4d4f;font-size:13px}.App,.error{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.9969044b.css.map*/