.login-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:420px;padding:48px 40px;box-shadow:0 20px 60px #0000004d}.login-header h1{color:#333;margin-bottom:12px;font-size:28px;font-weight:600}.login-header p{color:#666;margin-bottom:32px;font-size:15px}.login-button-container{justify-content:center;margin-bottom:24px;display:flex}.login-footer p{color:#999;font-size:12px;line-height:1.5}.form-page{background:#f5f5f5;min-height:100vh}.form-header{background:#fff;border-bottom:1px solid #e0e0e0;padding:16px 0;box-shadow:0 2px 4px #0000000d}.header-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 24px;display:flex}.form-header h1{color:#333;font-size:24px;font-weight:600}.user-info{align-items:center;gap:12px;display:flex}.user-avatar{border:2px solid #667eea;border-radius:50%;width:36px;height:36px}.user-name{color:#666;font-size:14px;font-weight:500}.logout-button{color:#fff;cursor:pointer;background:#f44336;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:background .2s}.logout-button:hover{background:#d32f2f}.success-alert{background:#d4edda;border:1px solid #c3e6cb;border-radius:12px;margin-bottom:20px;padding:16px 24px}.success-alert-content{justify-content:space-between;align-items:center;gap:16px;display:flex}.success-alert-content span{color:#155724;font-size:15px;font-weight:500}.success-alert-link{color:#155724;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:15px;font-weight:500;text-decoration:underline}.success-alert-link:hover{color:#0c3d14}.success-alert-close{color:#155724;cursor:pointer;opacity:.7;background:0 0;border:none;padding:0;font-size:24px;line-height:1;transition:opacity .2s}.success-alert-close:hover{opacity:1}.form-container{max-width:800px;margin:40px auto;padding:0 24px}.form-card{background:#fff;border-radius:12px;padding:40px;box-shadow:0 4px 12px #00000014}.form-card h2{color:#333;margin-bottom:8px;font-size:26px;font-weight:600}.form-description{color:#666;margin-bottom:32px;font-size:15px;line-height:1.5}.salesforce-form{flex-direction:column;gap:20px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#333;font-size:14px;font-weight:500}.required{color:#f44336}.form-group input,.form-group textarea,.form-group select{color:#333;box-sizing:border-box;background:#fff;border:1px solid #ddd;border-radius:8px;width:100%;padding:12px 16px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:40px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled,.form-group textarea:disabled,.form-group select:disabled{cursor:not-allowed;background:#f5f5f5}.form-actions{justify-content:flex-end;margin-top:12px;display:flex}.submit-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;padding:14px 32px;font-size:16px;font-weight:600;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #667eea4d}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.header-content{flex-direction:column;gap:16px}.form-row{grid-template-columns:1fr}.form-card{padding:24px}.user-name{display:none}}.salesforce-form input[readonly]{color:#555;cursor:not-allowed;background-color:#f1f3f5}.field-hint{color:#6b7280;margin-top:6px;font-size:12px;display:block}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}