:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}a{color:#646cff;text-decoration:none}a:hover{color:#535bf2}button{font-family:inherit;cursor:pointer}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem 1rem}.login-box{background:#fff;padding:3rem 2.5rem;border-radius:16px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:450px}.login-box h1{margin:0 0 .75rem;font-size:2rem;color:#333;text-align:center;font-weight:700}.login-box>p{margin:0 0 2.5rem;color:#666;font-size:1rem;text-align:center}.error-message{background:#fee;border:1px solid #fcc;color:#c33;padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.9rem;text-align:center;font-weight:500}.form-group{margin-bottom:1.75rem}.form-group label{display:block;margin-bottom:.6rem;font-weight:600;color:#333;font-size:.95rem}.form-group input{width:100%;padding:.95rem 1rem;border:2px solid #ddd;border-radius:8px;font-size:1rem;transition:all .2s;font-family:inherit;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}button[type=submit]{width:100%;padding:1.1rem;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:.5rem}button[type=submit]:hover:not(:disabled){background:#5568d3;transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}button[type=submit]:disabled{opacity:.6;cursor:not-allowed;transform:none}.signup-link{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid #eee;color:#666;font-size:.95rem}.signup-link a{color:#667eea;text-decoration:none;font-weight:600;transition:color .2s}.signup-link a:hover{color:#5568d3;text-decoration:underline}@media(max-width:600px){.login-container{padding:1rem}.login-box{padding:2rem 1.5rem}.login-box h1{font-size:1.75rem}}.dashboard-container{min-height:100vh;background:#f5f7fa}.dashboard-header{background:#fff;padding:1.5rem 2rem;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;align-items:center}.dashboard-header h1{margin:0;font-size:1.5rem;color:#333}.logout-btn{padding:.5rem 1.5rem;background:#e74c3c;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background .2s}.logout-btn:hover{background:#c0392b}.dashboard-content{max-width:1200px;margin:0 auto;padding:2rem;display:grid;gap:2rem;grid-template-columns:1fr}@media(min-width:1024px){.dashboard-content{grid-template-columns:2fr 1fr;grid-template-rows:auto auto}.profile-section{grid-column:1;grid-row:1}.actions-section{grid-column:2;grid-row:1}.history-section{grid-column:1 / -1;grid-row:2}}.card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.card h2{margin:0;font-size:1.3rem;color:#333}.edit-btn{padding:.5rem 1rem;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background .2s;font-size:.9rem}.edit-btn:hover{background:#5568d3}.profile-view{display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:768px){.profile-view{grid-template-columns:1fr 1fr}.profile-item:last-child{grid-column:1 / -1}}.profile-item{padding:1rem;background:#f8f9fa;border-radius:8px}.profile-item strong{color:#667eea;font-size:.75rem;display:block;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.profile-item p{margin:0;color:#333;line-height:1.5;font-size:1rem}.edit-form{display:grid;gap:1.25rem;grid-template-columns:1fr}@media(min-width:768px){.edit-form{grid-template-columns:1fr 1fr}.form-group:nth-child(4),.form-group:nth-child(5){grid-column:1 / -1}.button-group{grid-column:1 / -1}}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:#333;font-size:.95rem}.form-group input,.form-group textarea,.form-group select{padding:.75rem;border:2px solid #ddd;border-radius:6px;font-size:1rem;font-family:inherit;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.disabled-input{background:#f5f5f5;cursor:not-allowed}.form-group small{color:#999;font-size:.85rem}.button-group{display:flex;gap:1rem;margin-top:.5rem}.save-btn,.cancel-btn{flex:1;padding:.875rem 1.5rem;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .2s}.save-btn{background:#2ecc71;color:#fff}.save-btn:hover:not(:disabled){background:#27ae60;transform:translateY(-1px);box-shadow:0 4px 12px #2ecc714d}.save-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-btn{background:#95a5a6;color:#fff}.cancel-btn:hover{background:#7f8c8d}.action-buttons{display:flex;flex-direction:column;gap:1rem}.primary-action,.secondary-action{padding:1.25rem;border:none;border-radius:8px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .2s;width:100%}.primary-action{background:#667eea;color:#fff}.primary-action:hover:not(:disabled){background:#5568d3;transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.secondary-action{background:#f8f9fa;color:#666;border:2px solid #ddd}.secondary-action:hover:not(:disabled){background:#e9ecef;border-color:#667eea}.primary-action:disabled,.secondary-action:disabled{opacity:.5;cursor:not-allowed;transform:none}.call-list{display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:768px){.call-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.call-item{padding:1.25rem;border:2px solid #eee;border-radius:8px;transition:all .2s;background:#fff}.call-item:hover{border-color:#667eea;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.call-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.call-info strong{color:#333;font-size:1rem}.status{padding:.35rem .85rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status.completed{background:#d4edda;color:#155724}.status.in-progress{background:#fff3cd;color:#856404}.status.failed{background:#f8d7da;color:#721c24}.call-details{color:#666;font-size:.9rem}.empty-state{text-align:center;color:#999;padding:3rem 2rem;font-style:italic}.loading,.error-message{padding:1rem;border-radius:8px;text-align:center;margin:2rem}.loading{background:#e8f4f8;color:#0c5460;font-weight:500}.error-message{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;font-weight:500}.beta-notice{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem;border-radius:12px;margin-bottom:2rem;text-align:center}.beta-notice strong{display:block;font-size:1.1rem;margin-bottom:.5rem}.beta-notice p{margin:0;opacity:.95}.beta-notice a{color:#fff;text-decoration:underline;font-weight:600}.beta-notice a:hover{opacity:.8}.call-section{background:linear-gradient(135deg,#667eea15,#764ba215)}.call-intro{color:#666;margin-bottom:1.5rem;line-height:1.6}.call-number-box{background:#fff;border:2px solid #667eea;border-radius:12px;padding:2rem;text-align:center;margin-bottom:1.5rem}.phone-number{margin-bottom:.5rem}.number-label{display:block;font-size:.9rem;color:#666;margin-bottom:.5rem}.number-link{display:block;font-size:2rem;font-weight:700;color:#667eea;text-decoration:none;letter-spacing:.05em}.number-link:hover{color:#764ba2}.call-note{color:#888;font-size:.85rem;margin:0}.call-tips{background:#fff;padding:1.5rem;border-radius:8px}.call-tips h3{margin-top:0;margin-bottom:1rem;color:#333;font-size:1rem}.call-tips ul{margin:0;padding-left:1.5rem}.call-tips li{margin-bottom:.5rem;color:#666;line-height:1.5}.call-tips li:last-child{margin-bottom:0}@media(max-width:767px){.dashboard-header,.dashboard-content{padding:1rem}.card{padding:1.5rem}.button-group{flex-direction:column}}*{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}#root{min-height:100vh}