.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-card{background:white;border-radius:12px;box-shadow:0 15px 35px rgba(0,0,0,.1);padding:40px;width:100%;max-width:420px}.login-header{text-align:center;margin-bottom:30px}.login-header h1{color:#333;margin:0 0 10px;font-size:28px;font-weight:600}.login-header p{color:#666;margin:0;font-size:16px}.login-form{margin-bottom:30px}.form-group{margin-bottom:20px}.form-group label{display:flex;align-items:center;gap:8px;color:#333;font-weight:500;margin-bottom:8px;font-size:14px}.form-group input{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;transition:border-color .3s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#667eea}.error-message{background:#fee;color:#c33;padding:12px;border-radius:6px;margin-bottom:20px;font-size:14px;border:1px solid #fcc}.login-button{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:white;border:none;padding:14px 20px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.login-button:hover:not(:disabled){transform:translateY(-2px)}.login-button:disabled{opacity:.7;cursor:not-allowed}.demo-credentials{background:#f8f9fa;padding:20px;border-radius:8px;border-left:4px solid #667eea}.demo-credentials h3{margin:0 0 12px;color:#333;font-size:16px}.demo-credentials p{margin:8px 0;color:#666;font-size:14px}.demo-credentials strong{color:#333}.tenant-selector{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.tenant-card{display:flex;align-items:center;justify-content:space-between;background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;padding:16px 20px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.tenant-card:hover:not(:disabled){background:#e9ecef;border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.15)}.tenant-card:disabled{opacity:.6;cursor:not-allowed}.tenant-info{flex:1 1}.tenant-info h3{margin:0 0 6px;color:#333;font-size:18px;font-weight:600}.role-badge{display:inline-block;background:#667eea;color:white;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize}.back-to-login{width:100%;padding:12px;background:transparent;color:#667eea;border:2px solid #667eea;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease}.back-to-login:hover:not(:disabled){background:#667eea;color:white}.back-to-login:disabled{opacity:.6;cursor:not-allowed}