body{background-color:#16213e}.login-page{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);min-height:100vh}.login-form{background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,0.3)}.login-form .webix_view{border:none}.login-logo-wrap{text-align:center}.login-logo{display:flex;align-items:center;justify-content:center;gap:12px}.login-subtitle{color:#7f8c8d !important;font-size:14px !important}.login-input input{border:2px solid #e0e0e0 !important;border-radius:8px !important;padding:12px 16px !important;font-size:15px !important;transition:border-color 0.3s,box-shadow 0.3s !important}.login-input input:focus{border-color:#6264a7 !important;box-shadow:0 0 0 3px rgba(98,100,167,0.1) !important}.login-input input::placeholder{color:#aaa}.login-btn button{border-radius:8px !important;font-size:16px !important;font-weight:600 !important;letter-spacing:2px;background:linear-gradient(135deg,#6264a7 0%,#464775 100%) !important;border:none !important;transition:transform 0.2s,box-shadow 0.2s !important}.login-btn button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(98,100,167,0.4) !important}.login-ms-wrap{background:transparent !important}.login-ms-wrap .webix_template{padding:0 !important}.ms-login-button{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:12px;box-sizing:border-box;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:#5e5e5e;text-decoration:none;transition:all 0.3s}.ms-login-button:hover{border-color:#0078d4;background:#f8f9fa}.ms-login-button svg{flex-shrink:0}.login-error{color:#e74c3c !important}.login-error .error-text{display:inline-block;padding:8px 16px;background:#fdeaea;border-radius:6px;font-size:13px}.login-copyright{color:#bdc3c7 !important;font-size:12px !important}.login-form.shake{animation:shake 0.5s ease-in-out}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}