:root{--background: oklch(1 0 0);--foreground: oklch(.145 0 0);--card: oklch(1 0 0);--primary: oklch(.145 0 0);--primary-foreground: oklch(.985 0 0);--muted-foreground: oklch(.55 0 0);--border: oklch(.9 0 0);--input: oklch(.9 0 0);--ring: oklch(.145 0 0)}.dark{--background: oklch(.145 0 0);--foreground: oklch(.985 0 0);--card: oklch(.205 0 0);--primary: oklch(.985 0 0);--primary-foreground: oklch(.145 0 0);--muted-foreground: oklch(.72 0 0);--border: oklch(.3 0 0);--input: oklch(.3 0 0);--ring: oklch(.87 0 0)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--background);color:var(--foreground);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}.container{width:min(100% - 2rem,72rem);margin-inline:auto}.brand{display:inline-flex;gap:.6rem;align-items:center;border:0;background:transparent;color:var(--foreground);cursor:pointer}.brand span{display:grid;place-items:center;width:1.8rem;height:1.8rem;border:1px solid var(--border);border-radius:.65rem;background:var(--card)}.muted{color:var(--muted-foreground)}.card{border:1px solid var(--border);background:var(--card);color:var(--foreground);border-radius:1rem;box-shadow:0 1px 2px #0000000d}.input{width:100%;height:2.5rem;border:1px solid var(--input);border-radius:.75rem;background:var(--background);color:var(--foreground);padding:0 .75rem;outline:none}.input:focus{box-shadow:0 0 0 2px var(--ring)}.btn-primary{border:1px solid var(--primary);border-radius:.75rem;height:2.5rem;padding:0 .9rem;cursor:pointer;background:var(--primary);color:var(--primary-foreground)}.btn-primary:disabled{cursor:not-allowed;opacity:.65}.login-top{border-bottom:1px solid var(--border);background:color-mix(in oklch,var(--background),transparent 30%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.login-nav{height:3.5rem;display:flex;align-items:center}.login-main{min-height:calc(100vh - 3.5rem);display:grid;place-items:center;padding:1rem}.login-card{width:min(100%,28rem);padding:1.5rem;display:grid;gap:1rem}.login-card h1{margin:0;font-size:1.45rem}.login-card p{margin:-.35rem 0 .25rem}.error{margin:0;color:var(--foreground);font-size:.9rem}
