*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}#app{min-height:100vh;display:flex;flex-direction:column}.header{background-color:#4caf50;color:#fff;padding:1rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000001a}.header-brand{display:flex;flex-direction:column;gap:.35rem}.header-home-link{display:flex;flex-direction:column;gap:.35rem;color:inherit;text-decoration:none;width:fit-content}.header-home-link:hover{opacity:.95}.header-logo{display:block;width:clamp(170px,46vw,280px);height:auto}@media(max-width:480px){.header-logo{width:clamp(150px,52vw,220px)}}.header h1{font-size:1.25rem;font-weight:500}.header-info{font-size:.875rem}.auth-logo{display:block;width:min(560px,100%);height:auto;margin:0 auto .9rem}.menu-button{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.5rem;align-self:flex-start}.menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:none;z-index:999}.menu-overlay.active{display:block}.menu{position:fixed;top:0;right:-300px;width:300px;height:100%;background-color:#fff;box-shadow:-2px 0 8px #00000026;transition:right .3s ease;z-index:1000;display:flex;flex-direction:column}.menu.active{right:0}.menu-header{padding:1rem;background-color:#4caf50;color:#fff;display:flex;justify-content:space-between;align-items:center}.close-button{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.5rem}.menu-content{flex:1;padding:1rem}.menu-item{padding:1rem;border-bottom:1px solid #e0e0e0;cursor:pointer;display:flex;align-items:center;gap:.5rem}.menu-item:hover{background-color:#f5f5f5}.container{flex:1;padding:1rem;max-width:600px;margin:0 auto;width:100%}.auth-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:1rem}.auth-box{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;width:100%;max-width:400px}.auth-box h2{margin-bottom:1.5rem;color:#333}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#4caf50}.form-group textarea{min-height:100px;resize:vertical;font-family:inherit}.note{font-size:.875rem;color:#666;margin-top:.25rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;width:100%;transition:background-color .2s}.btn-primary{background-color:#4caf50;color:#fff}.btn-primary:hover:not(:disabled){background-color:#45a049}.btn-secondary{background-color:#f5f5f5;color:#333}.btn-secondary:hover:not(:disabled){background-color:#e0e0e0}.btn:disabled{background-color:#ccc;cursor:not-allowed}.numbers-list{display:flex;flex-direction:column;gap:1rem}.number-card{background:#fff;padding:1rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;border-left:4px solid transparent}.number-card-warning{border-left-color:#dc3545}.number-card-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.4rem}.number-display{font-size:1.15rem;font-weight:600;color:#222;letter-spacing:.02em}.number-account-sid{font-size:.8rem;color:#888;font-family:monospace;margin-bottom:.5rem}.number-badge{display:inline-block;font-size:.75rem;font-weight:600;padding:.2rem .55rem;border-radius:999px;white-space:nowrap;flex-shrink:0}.number-badge-ok{background-color:#d4edda;color:#155724}.number-badge-warning{background-color:#f8d7da;color:#721c24}.number-warnings{display:flex;flex-direction:column;gap:.3rem;margin-top:.5rem}.number-warning-item{font-size:.82rem;color:#721c24;background-color:#fef5f6;border-radius:4px;padding:.35rem .6rem}.message-warning{background-color:#fff3cd;color:#856404;border:1px solid #ffc107}.icon-button{flex:1;padding:.75rem;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.9rem}.icon-button:hover{background-color:#f5f5f5}.message{padding:1rem;border-radius:4px;margin-bottom:1rem}.message-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.message-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.message-info{background-color:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.spinner{border:3px solid #f3f3f3;border-top:3px solid #4CAF50;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:2rem auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hidden{display:none!important}.device-warning{display:flex;align-items:flex-start;gap:.5rem;background-color:#fff3cd;border:1px solid #ffc107;color:#856404;border-radius:4px;padding:.75rem;font-size:.875rem;margin-bottom:.5rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-weight:400;cursor:pointer}.checkbox-label input[type=checkbox]{width:auto;margin:0}.input-error{border-color:#dc3545!important;background-color:#fef5f6}.validation-error{display:none;color:#dc3545;font-size:.875rem;margin-top:.25rem;font-weight:500}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background-color:#c82333}.link-danger{color:#dc3545;text-decoration:underline}.auth-reset-link{display:inline-block;margin-top:.5rem;font-weight:700}.reset-warning{background-color:#fde8e8;border:2px solid #dc3545;border-radius:6px;color:#721c24;padding:1rem;margin-bottom:.75rem}.reset-warning strong{display:block;font-size:1.05rem;font-weight:800;margin-bottom:.5rem;text-transform:uppercase}.reset-warning p+p{margin-top:.5rem}.reset-confirmation{margin-bottom:.75rem}.reset-confirmation-checkbox{align-items:flex-start;margin-bottom:.75rem}.reset-confirmation label[for=reset-confirm-text]{display:block;margin-bottom:.5rem;font-weight:600;color:#721c24}.reset-confirmation input[type=text]{text-transform:uppercase;letter-spacing:.08em;font-weight:700}.sandbox-history{display:flex;flex-direction:column;gap:.5rem}.history-item{background:#fff;border:1px solid #ddd;border-radius:4px;padding:.75rem}.history-item-error{border-left:4px solid #dc3545}.history-meta{font-size:.8rem;color:#666;margin-bottom:.25rem;display:flex;justify-content:space-between}.history-body{font-size:.9rem}.history-error-indicator{cursor:pointer;transition:opacity .2s}.history-error-indicator:hover{opacity:.7}.error-dialog{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;align-items:center;justify-content:center;z-index:1001}.error-dialog-content{background:#fff;border-radius:8px;box-shadow:0 4px 16px #0003;max-width:400px;width:90%;overflow:hidden}.error-dialog-header{background-color:#dc3545;color:#fff;padding:1rem;display:flex;justify-content:space-between;align-items:center}.error-dialog-header h4{margin:0;font-size:1rem}.error-dialog-close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.error-dialog-close:hover{opacity:.8}.error-dialog-body{padding:1rem;color:#721c24;font-size:.9rem;word-wrap:break-word}.saved-num,.saved-to-num,.saved-from-num{color:#4caf50;text-decoration:none;font-size:.875rem}.saved-num:hover,.saved-to-num:hover,.saved-from-num:hover{text-decoration:underline}.update-banner{position:fixed;bottom:0;left:0;right:0;background-color:#4caf50;color:#fff;padding:1rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 -2px 8px #0000001a;z-index:900}.update-banner button{background:#fff;color:#4caf50;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-weight:500}.update-banner button:hover{background-color:#f0f0f0}.input-with-dropdown{position:relative}.input-with-dropdown input{padding-right:35px}.dropdown-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px 8px;color:#666;font-size:16px;transition:color .2s}.dropdown-toggle:hover{color:#333}.saved-numbers{max-height:150px;overflow-y:auto;margin-top:5px;border:1px solid #ddd;border-radius:4px;padding:5px;background-color:#fff;box-shadow:0 2px 4px #0000001a}.saved-numbers:empty:after{content:"No saved numbers";color:#999;font-size:12px;padding:5px;display:block}.number-item{display:flex;justify-content:space-between;align-items:center;padding:5px 8px;margin:2px 0;background-color:#fff;border:1px solid #ddd;border-radius:3px;cursor:pointer;transition:background-color .2s}.number-item:hover{background-color:#f0f0f0}.number-item-text{flex:1;font-size:14px}.remove-btn{background-color:#dc3545;color:#fff;border:none;border-radius:3px;padding:2px 8px;font-size:12px;cursor:pointer;margin-left:10px;transition:background-color .2s}.remove-btn:hover{background-color:#c82333}