.login-container.svelte-1p6infz.svelte-1p6infz{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:2rem}.login-card.svelte-1p6infz.svelte-1p6infz{width:100%;max-width:420px;background:var(--color-bg-primary);border-radius:12px;box-shadow:0 4px 20px var(--color-shadow-medium);padding:2.5rem;transition:background-color var(--transition-normal),box-shadow var(--transition-normal)}.login-header.svelte-1p6infz.svelte-1p6infz{text-align:center;margin-bottom:2rem}.login-header.svelte-1p6infz h1.svelte-1p6infz{color:var(--color-primary);font-size:2rem;margin:0 0 .5rem;transition:color var(--transition-normal)}.login-header.svelte-1p6infz p.svelte-1p6infz{color:var(--color-text-secondary);margin:0;transition:color var(--transition-normal)}form.svelte-1p6infz.svelte-1p6infz{display:flex;flex-direction:column;gap:1.5rem}.form-group.svelte-1p6infz.svelte-1p6infz{display:flex;flex-direction:column;gap:.5rem}label.svelte-1p6infz.svelte-1p6infz{color:var(--color-text-primary);font-weight:600;font-size:.9rem;transition:color var(--transition-normal)}input.svelte-1p6infz.svelte-1p6infz{padding:.75rem;border:2px solid var(--color-border-secondary);border-radius:6px;font-size:1rem;background:var(--color-bg-secondary);color:var(--color-text-primary);transition:border-color var(--transition-normal),background-color var(--transition-normal),color var(--transition-normal)}input.svelte-1p6infz.svelte-1p6infz:focus{outline:none;border-color:var(--color-border-focus)}input.svelte-1p6infz.svelte-1p6infz:disabled{opacity:.6;cursor:not-allowed}.error-message.svelte-1p6infz.svelte-1p6infz{padding:.75rem;background:#dc26261a;border:1px solid var(--color-danger);border-radius:6px;color:var(--color-danger);font-size:.9rem}.form-actions.svelte-1p6infz.svelte-1p6infz{margin-top:.5rem}.demo-credentials.svelte-1p6infz.svelte-1p6infz{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--color-border-secondary);text-align:left}.demo-credentials.svelte-1p6infz>p.svelte-1p6infz:first-child{text-align:center;margin-bottom:1rem}.credential-item.svelte-1p6infz.svelte-1p6infz{margin-bottom:1.25rem}.credential-title.svelte-1p6infz.svelte-1p6infz{font-weight:600;color:var(--color-text-primary);margin:0 0 .5rem!important;font-size:.95rem;word-wrap:break-word;overflow-wrap:break-word}.credential-group.svelte-1p6infz.svelte-1p6infz{padding:.75rem;background:var(--color-bg-secondary);border-radius:6px;border:1px solid var(--color-border-secondary);width:100%;text-align:left;font:inherit;transition:background-color var(--transition-normal),border-color var(--transition-normal),transform var(--transition-fast)}.credential-group.clickable.svelte-1p6infz.svelte-1p6infz{cursor:pointer}.credential-group.clickable.svelte-1p6infz.svelte-1p6infz:hover:not(:disabled){background:var(--color-bg-accent);border-color:var(--color-primary);transform:translateY(-2px)}.credential-group.clickable.svelte-1p6infz.svelte-1p6infz:active:not(:disabled){transform:translateY(0)}.credential-group.svelte-1p6infz.svelte-1p6infz:disabled{opacity:.6;cursor:not-allowed}.demo-credentials.svelte-1p6infz p.svelte-1p6infz{color:var(--color-text-secondary);font-size:.9rem;margin:.25rem 0;transition:color var(--transition-normal);word-wrap:break-word;overflow-wrap:break-word}.demo-credentials.svelte-1p6infz strong.svelte-1p6infz{color:var(--color-text-primary);transition:color var(--transition-normal)}@media (max-width: 768px){.login-container.svelte-1p6infz.svelte-1p6infz{padding:1rem;min-height:calc(100vh - 150px)}.login-card.svelte-1p6infz.svelte-1p6infz{padding:1.5rem;max-width:100%}.login-header.svelte-1p6infz h1.svelte-1p6infz{font-size:1.5rem}.demo-credentials.svelte-1p6infz p.svelte-1p6infz{font-size:.85rem;line-height:1.4}.credential-title.svelte-1p6infz.svelte-1p6infz{font-size:.9rem}}@media (max-width: 480px){.login-card.svelte-1p6infz.svelte-1p6infz{padding:1.25rem}.login-header.svelte-1p6infz.svelte-1p6infz{margin-bottom:1.5rem}.login-header.svelte-1p6infz h1.svelte-1p6infz{font-size:1.4rem}.login-header.svelte-1p6infz p.svelte-1p6infz{font-size:.9rem}.demo-credentials.svelte-1p6infz p.svelte-1p6infz{font-size:.8rem}.credential-title.svelte-1p6infz.svelte-1p6infz{font-size:.85rem}input.svelte-1p6infz.svelte-1p6infz{padding:.65rem;font-size:.95rem}label.svelte-1p6infz.svelte-1p6infz{font-size:.85rem}}