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