.login-container{background:var(--bg-primary);box-sizing:border-box;justify-content:center;align-items:center;min-height:100vh;padding:24px;font-family:Inter,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex;position:relative}.theme-toggle-wrapper{z-index:10;position:absolute;top:24px;right:24px}.login-app-shell{background:var(--bg-secondary);border:1px solid var(--border-color);width:100%;max-width:1200px;min-height:720px;box-shadow:0 24px 60px var(--shadow-color);border-radius:16px;grid-template-columns:1fr 480px;display:grid;overflow:hidden}.login-left-panel{background:var(--bg-tertiary);border-right:1px solid var(--border-color);flex-direction:column;justify-content:center;align-items:center;padding:48px 40px;display:flex}.login-brand-block{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-bottom:32px;display:flex}.login-logo-wrapper{justify-content:center;align-items:center;width:100%;margin-bottom:28px;display:flex}.login-hero-logo{object-fit:contain;width:160px;height:160px;box-shadow:0 12px 30px var(--shadow-color);background:0 0;border-radius:24px;padding:0;transition:all .3s}.login-brand{letter-spacing:.5px;color:var(--text-primary);margin-bottom:12px;font-size:42px;font-weight:700}.login-brand-sub{color:var(--text-secondary);letter-spacing:1px;text-transform:uppercase;font-size:16px;font-weight:500}.login-right-panel{background:var(--bg-primary);justify-content:center;align-items:center;padding:40px;display:flex}.login-card{background:var(--bg-secondary);border:1px solid var(--border-color);width:100%;max-width:400px;box-shadow:0 16px 40px var(--shadow-color);border-radius:12px;padding:40px 36px}.login-page-header-wrap{text-align:center;margin-bottom:32px}.login-badge{letter-spacing:1.5px;text-transform:uppercase;color:var(--primary-color);margin-bottom:16px;font-size:11px;font-weight:700;display:inline-block}.login-heading{color:var(--text-primary);text-align:center;margin:0 0 12px;font-size:32px;font-weight:700}.login-subtext{color:var(--text-secondary);text-align:center;margin:0;font-size:15px;line-height:1.6}.login-input{border:1px solid var(--border-color);background:var(--input-bg);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:8px;outline:none;margin:0 0 16px;padding:14px 16px;font-size:15px;transition:all .3s}.login-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #2d8f521a}.login-primary-button{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;height:48px;margin-top:8px;font-size:15px;font-weight:600;transition:all .3s}.login-primary-button:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #2d8f524d}.login-primary-button:active:not(:disabled){transform:translateY(0)}.login-link{color:var(--primary-color);cursor:pointer;text-align:center;margin-top:20px;font-size:14px;font-weight:500;transition:all .3s}.login-link:hover{opacity:.8;text-decoration:underline}.login-message{text-align:center;border-radius:6px;margin-top:20px;padding:8px;font-size:14px}.login-message-error{color:var(--error);background:#ef44441a}.login-message-success{color:var(--success);background:#10b9811a}@media (max-width:768px){.login-app-shell{grid-template-columns:1fr;max-width:550px;min-height:auto}.login-left-panel{border-right:none;border-bottom:1px solid var(--border-color);padding:40px 30px}.login-right-panel{padding:32px}.login-card{padding:32px 28px}.login-hero-logo{width:120px;height:120px}.login-brand{font-size:32px}.theme-toggle-wrapper{top:16px;right:16px}}@media (max-width:480px){.login-card{padding:28px 24px}.login-heading{font-size:24px}.login-brand{font-size:28px}.login-hero-logo{width:100px;height:100px}.login-left-panel{padding:32px 24px}.login-right-panel{padding:24px}}