.login-root{--white:var(--loom-surface);--bg:var(--loom-page-bg);--surface:var(--loom-surface);--border:var(--loom-border);--border2:var(--loom-border-2);--text-900:var(--loom-text-900);--text-700:var(--loom-text-700);--text-500:var(--loom-text-500);--text-400:var(--loom-text-400);--text-300:var(--loom-text-300);--blue-600:#2563eb;--blue-500:#3b82f6;--blue-100:var(--loom-blue-100);--blue-50:var(--loom-blue-50);--red-600:#dc2626;--red-100:var(--loom-red-100);--radius-sm:6px;--radius-xl:18px;--shadow-xs:0 1px 2px rgba(16,24,40,.04);--shadow-xl:0 24px 48px rgba(16,24,40,.12),0 4px 12px rgba(16,24,40,.06);font-family:var(--font-plus-jakarta,"Plus Jakarta Sans"),system-ui,sans-serif;font-size:14px;line-height:1.5;color:var(--text-900);-webkit-font-smoothing:antialiased}.login-screen{position:fixed;inset:0;z-index:50;display:flex;align-items:stretch;background:var(--loom-page-bg)}.login-left{width:44%;background:linear-gradient(150deg,#1e40af,#1d4ed8 35%,#2563eb 60%,#3b82f6);display:flex;flex-direction:column;justify-content:space-between;padding:44px 48px;position:relative;overflow:hidden}.login-left:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='600' height='600' viewBox='0 0 600 600' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='rgba(255,255,255,0.06)' stroke-width='1'%3E%3Ccircle cx='300' cy='300' r='240'/%3E%3Ccircle cx='300' cy='300' r='180'/%3E%3Ccircle cx='300' cy='300' r='120'/%3E%3Ccircle cx='300' cy='300' r='60'/%3E%3Cline x1='60' y1='300' x2='540' y2='300'/%3E%3Cline x1='300' y1='60' x2='300' y2='540'/%3E%3Cline x1='130' y1='130' x2='470' y2='470'/%3E%3Cline x1='470' y1='130' x2='130' y2='470'/%3E%3C/g%3E%3C/svg%3E") 50% /cover;opacity:.5}.login-left:after{content:"";position:absolute;bottom:-120px;right:-120px;width:400px;height:400px;border-radius:50%;background:hsla(0,0%,100%,.06)}html.dark .login-left{background:linear-gradient(150deg,#0b1220,#152238 35%,#1e3a5c 60%,#2563eb)}.ll-logo{gap:10px;position:relative;z-index:1}.ll-logo,.ll-logo-icon{display:flex;align-items:center}.ll-logo-icon{width:36px;height:36px;background:hsla(0,0%,100%,.2);border:1.5px solid hsla(0,0%,100%,.35);border-radius:9px;justify-content:center;backdrop-filter:blur(8px)}.ll-logo-icon svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round}.ll-logo-name{font-size:16px;font-weight:700;color:#fff;letter-spacing:-.3px}.ll-logo-by{font-size:10.5px;color:hsla(0,0%,100%,.6);letter-spacing:.4px}.ll-body{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;justify-content:center;padding:40px 0}.ll-headline{font-size:32px;font-weight:800;color:#fff;line-height:1.2;letter-spacing:-.8px;margin-bottom:16px}.ll-headline span{color:hsla(0,0%,100%,.55)}.ll-sub{font-size:15px;color:hsla(0,0%,100%,.7);line-height:1.65;max-width:320px;margin-bottom:40px}.ll-features{display:flex;flex-direction:column;gap:14px}.ll-feat{gap:12px}.ll-feat,.ll-feat-icon{display:flex;align-items:center}.ll-feat-icon{width:32px;height:32px;background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.18);border-radius:8px;justify-content:center;flex-shrink:0}.ll-feat-icon svg{width:15px;height:15px;stroke:#fff;stroke-width:2;fill:none}.ll-feat-text{font-size:13.5px;color:hsla(0,0%,100%,.8);font-weight:500}.ll-footer{position:relative;z-index:1;font-size:12px;color:hsla(0,0%,100%,.4)}.login-right{flex:1;display:flex;align-items:center;justify-content:center;padding:48px;background:var(--bg);position:relative}.login-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:40px 40px 36px;width:100%;max-width:400px}.lc-header{margin-bottom:28px}.lc-title{font-size:22px;font-weight:800;color:var(--text-900);letter-spacing:-.4px;margin-bottom:6px}.lc-sub{font-size:13.5px;color:var(--text-400);line-height:1.5}.lc-hint{display:flex;align-items:center;gap:8px;background:var(--blue-50);border:1px solid rgba(37,99,235,.15);border-radius:var(--radius-sm);padding:10px 14px;margin-bottom:24px;font-size:12.5px;color:var(--blue-600)}.lc-hint svg{width:14px;height:14px;stroke:var(--blue-600);fill:none;flex-shrink:0}.lc-hint-stack{display:flex;flex-direction:column;gap:6px;line-height:1.45}.lc-hint-line{display:block;font-size:12.5px;color:var(--blue-600)}.lc-hint-line strong.lc-hint-label{font-weight:600;color:var(--text-700);margin-right:6px}.lc-hint-line code{font-family:var(--font-mono,ui-monospace,monospace);font-size:12px;font-weight:600;background:var(--loom-surface-2);padding:2px 6px;border-radius:4px;color:var(--blue-600)}.login-form-group{margin-bottom:16px}.login-form-label{display:block;font-size:12.5px;font-weight:600;color:var(--text-700);margin-bottom:5px}.login-form-label-row{display:flex;justify-content:space-between;align-items:center}.login-form-input{width:100%;background:var(--loom-input-bg);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:9px 12px;color:var(--text-900);font-family:inherit;font-size:13.5px;outline:none;transition:border-color .15s,box-shadow .15s;box-shadow:var(--shadow-xs)}.login-form-input:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px rgba(59,130,246,.12)}.login-form-input::placeholder{color:var(--text-300)}.input-wrap{position:relative}.input-wrap svg.i-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:15px;height:15px;stroke:var(--text-400);fill:none;stroke-width:2;pointer-events:none}.input-wrap .login-form-input{padding-left:38px}.input-wrap .login-form-input.has-eye{padding-right:40px}.eye-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-400);padding:4px;display:flex;align-items:center;justify-content:center;transition:color .15s}.eye-btn:hover{color:var(--text-700)}.eye-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2}.lc-remember{justify-content:space-between;margin-bottom:20px}.lc-check,.lc-remember{display:flex;align-items:center}.lc-check{gap:8px;cursor:pointer;font-size:13px;color:var(--text-500)}.lc-check input{width:14px;height:14px;accent-color:var(--blue-600);cursor:pointer}.lc-forgot{font-size:13px;font-weight:600;color:var(--blue-600);cursor:pointer;text-decoration:none;background:none;border:none;font-family:inherit}.lc-forgot:hover{text-decoration:underline}.login-btn{width:100%;height:42px;background:var(--blue-600);color:#fff;border:none;border-radius:var(--radius-sm);font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:8px;letter-spacing:.1px;box-shadow:0 2px 8px rgba(37,99,235,.35)}.login-btn:hover:not(:disabled){background:#1d4ed8;box-shadow:0 4px 14px rgba(37,99,235,.4)}.login-btn:active:not(:disabled){transform:scale(.99)}.login-btn:disabled{opacity:.8;cursor:not-allowed}.login-btn.loading .btn-label{display:none}.login-btn .spinner{display:none;width:16px;height:16px;border:2px solid hsla(0,0%,100%,.4);border-top-color:#fff;border-radius:50%;animation:login-spin .7s linear infinite}.login-btn.loading .spinner{display:block}@keyframes login-spin{to{transform:rotate(1turn)}}.lc-error{display:flex;align-items:center;gap:8px;background:var(--red-100);border:1px solid rgba(220,38,38,.2);border-radius:var(--radius-sm);padding:10px 14px;font-size:12.5px;color:var(--red-600);margin-bottom:16px}.lc-error svg{width:14px;height:14px;stroke:var(--red-600);fill:none;flex-shrink:0}.lc-divider{display:flex;align-items:center;gap:12px;margin:20px 0;font-size:12px;color:var(--text-400)}.lc-divider:after,.lc-divider:before{content:"";flex:1;height:1px;background:var(--border)}.lc-demo-btn{width:100%;height:38px;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;font-size:13px;font-weight:600;color:var(--text-700);cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:8px}.lc-demo-btn:hover{border-color:var(--blue-500);color:var(--blue-600)}.lc-footer-text{text-align:center;font-size:12px;color:var(--text-400);margin-top:20px}.lc-footer-text button{color:var(--blue-600);font-weight:600;cursor:pointer;text-decoration:none;background:none;border:none;font-family:inherit;font-size:inherit}.lc-footer-text button:hover{text-decoration:underline}@media (max-width:860px){.login-left{display:none}.login-right{padding:28px 20px}}