*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{min-height:100vh;line-height:1.5}img,svg{display:block;max-width:100%}button{font-family:inherit}:root{--color-bg: #f8f9fa;--color-surface: #ffffff;--color-text: #1a1a2e;--color-text-secondary: #6b7280;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-success: #059669;--color-success-bg: #ecfdf5;--color-error: #dc2626;--color-error-bg: #fef2f2;--color-border: #e5e7eb;--color-border-hover: #d1d5db;--radius: 8px;--shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .06);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;background:var(--color-bg);font-family:var(--font-sans);color:var(--color-text);padding:2rem 1rem}.app-header{text-align:center;margin-bottom:2rem}.app-header h1{font-size:2rem;font-weight:700;color:var(--color-text);margin:0}.subtitle{color:var(--color-text-secondary);margin:.5rem 0 0;font-size:1.1rem}.app-main{width:100%;max-width:640px}.health-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow)}.health-card h2{font-size:1.125rem;font-weight:600;margin:0 0 1rem;color:var(--color-text)}.health-loading{display:flex;align-items:center;gap:.75rem;color:var(--color-text-secondary);padding:1rem 0}.spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.health-error{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--color-error-bg);border-radius:var(--radius);color:var(--color-error);font-size:.875rem}.error-icon{font-weight:700;font-size:1rem;flex-shrink:0}.health-success{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--color-success-bg);border-radius:var(--radius)}.success-icon{font-weight:700;font-size:1.125rem;color:var(--color-success);flex-shrink:0;margin-top:.125rem}.health-details{flex:1}.health-details p{margin:0;font-size:.875rem;color:var(--color-text);line-height:1.6}.status-badge{display:inline-block;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.status-ok{background:var(--color-success);color:#fff}.retry-btn{flex-shrink:0;padding:.375rem .875rem;font-size:.8125rem;font-weight:500;color:var(--color-primary);background:transparent;border:1px solid var(--color-primary);border-radius:var(--radius);cursor:pointer;transition:all .15s ease}.retry-btn:hover{background:var(--color-primary);color:#fff}@media(max-width:480px){.app{padding:1.5rem 1rem}.app-header h1{font-size:1.5rem}.health-card{padding:1rem}.health-success{flex-wrap:wrap}}.inbox{margin-top:2rem}.inbox h2{font-size:1.25rem;font-weight:600;margin:0 0 1rem}.inbox-error{color:var(--color-error);font-size:.875rem}.inbox-empty{color:var(--color-text-secondary);font-size:.875rem}.inbox-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.inbox-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:.875rem 1rem;box-shadow:var(--shadow)}.inbox-item-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.375rem}.inbox-phone{font-weight:600;font-size:.9375rem}.inbox-status-chip{display:inline-block;padding:.125rem .5rem;border-radius:9999px;font-size:.6875rem;font-weight:600;border:1px solid;white-space:nowrap}.inbox-sandbox-badge{display:inline-block;padding:.125rem .375rem;border-radius:9999px;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:#0891b218;color:#0891b2;border:1px solid #0891b240}.inbox-preview{margin:0;font-size:.8125rem;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-time{font-size:.75rem;color:var(--color-text-secondary)}