.auth-page{--auth-background:oklch(0.18 0.01 250);--auth-foreground:oklch(0.88 0.01 250);--auth-card:oklch(0.35 0.01 250);--auth-muted:oklch(0.65 0.01 250);--auth-accent:oklch(0.7 0.15 195);--auth-border:oklch(0.3 0.02 250);--auth-navigation:oklch(0.25 0.04 250);background:var(--auth-background);color:var(--auth-foreground);color-scheme:dark;font-family:Segoe UI,sans-serif;letter-spacing:0}.auth-background{background:var(--auth-background) url(/ett-background.jpeg) center /cover}.auth-background-overlay{background:color-mix(in oklab,var(--auth-background) 70%,transparent)}.auth-page .auth-card{background:var(--auth-navigation);border-color:var(--auth-border);box-shadow:0 20px 25px -5px rgb(0 0 0/40%),0 8px 10px -6px rgb(0 0 0/40%);backdrop-filter:blur(4px)}.auth-page .auth-button{width:100%;min-height:44px;height:auto;padding:10px 16px;border:1px solid transparent;border-radius:6px;background:var(--auth-accent);color:var(--auth-background);box-shadow:none;font-size:14px;font-weight:600;line-height:20px;white-space:normal}.auth-page .auth-button:hover:not(:disabled){background:color-mix(in oklab,var(--auth-accent) 88%,white)}.auth-page .auth-field input{background:color-mix(in oklab,white 10%,transparent);border-color:color-mix(in oklab,white 20%,transparent);color:var(--auth-foreground)}.auth-page .auth-field input::placeholder{color:var(--auth-muted)}.auth-page .auth-button:focus-visible,.auth-page .auth-field input:focus-visible{outline:none;box-shadow:0 0 0 2px var(--auth-card),0 0 0 4px var(--auth-accent)}.auth-page .auth-field input:focus-visible{border-color:var(--auth-accent)}.auth-page .auth-button:disabled{opacity:.6}.auth-app-link{display:inline-flex;width:40px;height:40px;flex:0 0 40px;align-items:center;justify-content:center;border:1px solid color-mix(in oklab,white 20%,transparent);border-radius:6px;color:var(--auth-muted);background:color-mix(in oklab,white 10%,transparent);transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}.auth-app-link:hover{transform:rotate(-8deg);color:white;border-color:transparent}.auth-app-link[data-app=suite]:hover{background:#2563eb}.auth-app-link[data-app=plan2]:hover{background:#8a6a00}.auth-app-link[data-app=eventstar]:hover{background:#dc2626}.auth-app-link[data-app=companion]:hover{background:#16a34a}.auth-app-link[data-app=erp]:hover{background:#000}.auth-app-link:focus-visible{outline:2px solid var(--auth-accent);outline-offset:2px}.auth-error{color:oklch(.92 .04 25);border-color:oklch(.65 .22 25);background:color-mix(in oklab,oklch(.65 .22 25) 15%,var(--auth-navigation))}@property --auth-elf-dust-edge-angle{syntax:"<angle>";initial-value:0deg;inherits:false}.auth-elf-dust-indicator{isolation:isolate;color:#edda6a;background:color-mix(in oklab,#edda6a 8%,var(--auth-navigation));box-shadow:inset 0 0 0 1px rgb(237 218 106/20%),0 0 12px rgb(217 169 52/8%)}.auth-elf-dust-indicator:before{position:absolute;z-index:-1;inset:0;padding:1px;border-radius:inherit;pointer-events:none;content:"";background:conic-gradient(from var(--auth-elf-dust-edge-angle),transparent 0deg 225deg,rgb(237 218 106/35%) 250deg,#fff4bc 285deg,#d9a934 320deg,transparent 350deg 1turn);mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:auth-elf-dust-edge-run 2.4s linear infinite}.auth-elf-dust-indicator>svg{color:#fff4bc;filter:drop-shadow(0 0 4px #d9a934)}@keyframes auth-elf-dust-edge-run{to{--auth-elf-dust-edge-angle:360deg}}@media (max-height:640px){.auth-page .auth-shell{align-items:flex-start}}@media (prefers-reduced-motion:reduce){.auth-app-link{transition:none}.auth-elf-dust-indicator:before{animation:none;background:#edda6a}}