*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f0f0f;color:#e5e5e5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root,.app-container,body{min-height:100vh}.app-container{background:#0000;padding:24px 16px}@media (min-width:768px){.app-container{padding:40px 24px}}@media (min-width:1024px){.app-container{padding:60px 24px}}.container{background:#0000;margin:0 auto;max-width:1200px;padding:24px 16px}@media (min-width:768px){.container{padding:32px 24px}}@media (min-width:1024px){.container{padding:48px}}h1{color:#fff;font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.2;margin-bottom:20px}@media (min-width:768px){h1{font-size:28px;margin-bottom:24px}}@media (min-width:1024px){h1{font-size:32px;margin-bottom:30px}}h2{color:#fff;font-size:20px;font-weight:600;letter-spacing:-.01em;margin-bottom:16px}@media (min-width:768px){h2{font-size:24px;margin-bottom:20px}}.form-group{margin-bottom:20px}label{color:#b0b0b0;display:block;font-size:14px;font-weight:500;margin-bottom:8px}input[type=email],input[type=password],input[type=tel],input[type=text]{background-color:#0f0f0f;border:1px solid #3a3a3a;border-radius:2px;color:#fff;font-size:15px;padding:12px 16px;transition:border-color .2s ease;width:100%}input[type=email]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=text]:focus{border-color:#555;outline:none}.btn{border:1px solid #3a3a3a;border-radius:0;cursor:pointer;font-size:14px;font-weight:500;letter-spacing:.01em;padding:10px 20px;transition:all .2s ease;white-space:nowrap;width:100%}@media (min-width:768px){.btn{width:auto}}.btn-primary{background-color:#fff;border-color:#fff;color:#0f0f0f}.btn-primary:hover{background-color:#e5e5e5;border-color:#e5e5e5}.btn-secondary{background-color:initial;border-color:#3a3a3a;color:#b0b0b0}.btn-secondary:hover{background-color:#2a2a2a;border-color:#555;color:#fff}.btn-danger{background-color:initial;border-color:#d32f2f;color:#d32f2f}.btn-danger:hover{background-color:#d32f2f;color:#fff}.services-grid{display:flex;flex-direction:column;gap:16px;margin-top:24px}@media (min-width:768px){.services-grid{margin-top:30px}}.service-card{background:#0f0f0f;border:1px solid #2a2a2a;border-radius:2px;display:flex;flex-direction:column;padding:20px;transition:border-color .2s ease}@media (min-width:768px){.service-card{padding:24px}}.service-card:hover{border-color:#3a3a3a}.service-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.service-logo{align-items:center;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:2px;color:#fff;display:flex;font-size:18px;font-weight:600;height:48px;justify-content:center;letter-spacing:.05em;text-transform:uppercase;width:48px}.service-card-body{flex:1 1;margin-bottom:16px}.service-name{color:#fff;font-size:16px;font-weight:500;letter-spacing:-.01em;margin-bottom:6px}.service-meta{color:grey;font-size:12px;letter-spacing:.05em;text-transform:uppercase}.service-card-footer{margin-top:auto}.status-indicator{background-color:#3a3a3a;border-radius:50%;height:8px;transition:background-color .2s ease;width:8px}.status-indicator.connected{background-color:#22c55e}.status-indicator.disconnected{background-color:#3a3a3a}.disconnect-slider{align-items:center;cursor:pointer;display:flex;gap:12px;-webkit-user-select:none;user-select:none}.disconnect-slider input[type=checkbox]{display:none}.slider-track{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:0;height:24px;position:relative;transition:background .2s ease,border-color .2s ease;width:44px}.disconnect-slider:has(input[type=checkbox]:checked) .slider-track{background:#1a1a1a;border-color:#555}.slider-thumb{background:grey;border-radius:0;height:18px;left:2px;position:absolute;top:2px;transition:transform .2s ease,background-color .2s ease;width:18px}.disconnect-slider:has(input[type=checkbox]:checked) .slider-thumb{background:#fff;transform:translateX(20px)}.slider-label{color:grey;font-size:12px;font-weight:500;letter-spacing:.05em;min-width:90px;text-transform:uppercase}.empty-state{color:grey;padding:40px 20px;text-align:center}.empty-state p{margin-bottom:20px}.header{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}@media (min-width:768px){.header{align-items:center;flex-direction:row;gap:20px;justify-content:space-between;margin-bottom:30px}}.header h1{margin-bottom:0}@media (min-width:768px){.header h1{margin-bottom:0}}.add-service-form{background:#0f0f0f;border:1px solid #2a2a2a;border-radius:2px;margin-bottom:24px;padding:20px}@media (min-width:768px){.add-service-form{margin-bottom:30px;padding:24px}}.form-row{align-items:stretch;display:flex;flex-direction:column;gap:12px}@media (min-width:768px){.form-row{align-items:flex-end;flex-direction:row}}.form-row .form-group{flex:1 1;margin-bottom:0}.search-container{width:100%}.search-input-wrapper{align-items:center;display:flex;position:relative;width:100%}.search-input{background-color:#0f0f0f;border:1px solid #3a3a3a;border-radius:0;color:#fff;font-size:15px;padding:12px 48px 12px 16px;transition:border-color .2s ease;width:100%}.search-input:focus{border-color:#555;outline:none}.search-input::placeholder{color:grey}.add-service-button{align-items:center;background:#0000;border:none;border-radius:0;color:grey;cursor:pointer;display:flex;height:32px;justify-content:center;padding:8px;position:absolute;right:8px;transition:color .2s ease,background-color .2s ease;width:32px}.add-service-button:focus,.add-service-button:hover{background-color:#2a2a2a;color:#fff}.add-service-button:focus{outline:none}.add-service-button svg{height:20px;width:20px}.delete-service-button{align-items:center;background:#0000;border:none;border-radius:0;color:grey;cursor:pointer;display:flex;height:24px;justify-content:center;padding:4px;transition:color .2s ease,background-color .2s ease;width:24px}.delete-service-button:focus,.delete-service-button:hover{background-color:#2a2a2a;color:#d32f2f}.delete-service-button:focus{outline:none}.delete-service-button svg{height:16px;width:16px}.phone-login-form{max-width:500px}.login-hint{color:grey;font-size:14px;line-height:1.5;margin-bottom:16px}.phone-input-wrapper{align-items:center;display:flex;position:relative}.phone-input{background-color:#0f0f0f;border:1px solid #3a3a3a;border-radius:2px;color:#fff;font-size:15px;padding:12px 48px 12px 16px;transition:border-color .2s ease;width:100%}.phone-input:focus{border-color:#555;outline:none}.phone-input::placeholder{color:grey}.submit-chevron{align-items:center;background:#0000;border:none;border-radius:0;color:grey;cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:8px;transition:color .2s ease}.submit-chevron:hover{color:#fff}.submit-chevron:focus{color:#fff;outline:none}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#2a2a2a;border:1px solid #3a3a3a;max-width:400px;padding:24px;position:relative;width:90%}.modal-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.modal-title{color:#fff;font-size:18px;font-weight:600;margin:0}.modal-header-right{align-items:center;display:flex;gap:8px}.modal-status-circle{background-color:grey;border-radius:50%;height:8px;width:8px}.modal-close-button{align-items:center;background:#0000;border:none;color:grey;cursor:pointer;display:flex;font-size:24px;height:24px;justify-content:center;line-height:1;padding:0;transition:color .2s ease;width:24px}.modal-close-button:hover{color:#fff}.modal-close-button:focus{color:#fff;outline:none}.modal-meta{color:grey;font-size:12px;letter-spacing:.05em;margin-bottom:16px;text-transform:uppercase}.modal-status-section{align-items:center;display:flex;gap:12px}.delete-confirm-modal{background:#0f0f0f;border:1px solid #2a2a2a;max-width:400px;padding:24px;width:90%}.delete-confirm-text{color:grey;font-size:15px;line-height:1.5;margin-bottom:20px}.delete-confirm-divider{background:#3a3a3a;height:1px;margin-bottom:20px}.delete-confirm-buttons{display:flex;gap:16px;justify-content:flex-end}.delete-confirm-cancel{background:#0000;border:none;color:#4285f4;cursor:pointer;font-size:14px;font-weight:500;padding:0;transition:color .2s ease}.delete-confirm-cancel:hover{color:#6ba3f5}.delete-confirm-cancel:focus{color:#6ba3f5;outline:none}.delete-confirm-ok{background:#0000;border:none;color:#4285f4;cursor:pointer;font-size:14px;font-weight:500;padding:0;transition:color .2s ease}.delete-confirm-ok:hover{color:#6ba3f5}.delete-confirm-ok:focus{color:#6ba3f5;outline:none}.disconnection-notifications{display:flex;flex-direction:column;gap:12px}.disconnection-notification{align-items:flex-start;background:#2a1f1f;border:1px solid #ff6b6b;border-radius:2px;display:flex;gap:16px;justify-content:space-between;padding:16px}.disconnection-notification-content{align-items:flex-start;display:flex;flex:1 1;gap:12px}.disconnection-notification-icon{color:#ff6b6b;font-size:20px;line-height:1}.disconnection-notification-text{color:#fff;flex:1 1;font-size:14px;line-height:1.5}.disconnection-notification-text strong{color:#fff;font-weight:600}.disconnection-notification-dismiss{align-items:center;background:#0000;border:none;border-radius:0;color:grey;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:24px;justify-content:center;line-height:1;padding:0;transition:color .2s ease;width:24px}.disconnection-notification-dismiss:hover{color:#fff}.disconnection-notification-dismiss:focus{color:#fff;outline:none}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.submit-chevron .spinner{animation:spin 1s linear infinite}
/*# sourceMappingURL=main.deed8b07.css.map*/