.auth-page{--bg:var(--color-bg);--surface:var(--color-surface);--surface-2:var(--color-surface-2);--elevated:var(--color-elevated);--line:var(--color-line);--line-2:var(--color-line-2);--text:var(--color-content);--muted:var(--color-muted);--faint:var(--color-faint);--accent:var(--color-accent);--accent-2:var(--color-accent-2);--accent-ink:var(--color-accent-ink);--accent-glow:var(--color-accent-glow);--accent-soft:var(--color-accent-soft);--warn:var(--color-warn);--warn-soft:var(--color-warn-soft);--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"Hanken Grotesk", system-ui, sans-serif;--font-mono:"Space Mono", ui-monospace, monospace;--radius:16px;--radius-lg:22px;background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;flex-direction:column;font-size:17px;line-height:1.6;display:flex}.auth-page *,.auth-page :before,.auth-page :after{box-sizing:border-box}.auth-page h1,.auth-page h2,.auth-page h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.05}.auth-page p{margin:0}.auth-page a{color:inherit;text-decoration:none}.auth-wrap{flex:1;grid-template-columns:1.05fr 1fr;min-height:100vh;display:grid}@media (max-width:940px){.auth-wrap{grid-template-columns:1fr}.auth-brand{display:none!important}}.auth-page .hl-logo{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text);align-items:center;gap:7px;font-size:20px;font-weight:800;text-decoration:none;display:inline-flex}.auth-page .hl-logo .hq{letter-spacing:.02em;color:var(--accent-ink);background:var(--accent);box-shadow:0 0 0 1px #ffffff14 inset, 0 6px 18px -8px var(--accent-glow);border-radius:7px;padding:3px 7px 2px;font-size:14px;font-weight:800;line-height:1}.auth-brand{border-right:1px solid var(--line);flex-direction:column;justify-content:space-between;padding:48px 56px;display:flex;position:relative;overflow:hidden}.auth-brand:before{content:"";z-index:0;background:radial-gradient(700px 500px at 20% 0%, var(--accent-soft), transparent 60%), radial-gradient(600px 600px at 90% 110%, #ffffff08, transparent 60%);position:absolute;inset:0}.auth-brand>*{z-index:1;position:relative}.auth-brand-head{justify-content:space-between;align-items:center;display:flex}.auth-back{font-family:var(--font-body);color:var(--muted);align-items:center;gap:7px;font-size:14px;text-decoration:none;transition:color .15s;display:inline-flex}.auth-back:hover{color:var(--text)}.auth-pitch{max-width:460px}.auth-pitch h2{margin:0 0 18px;font-size:clamp(30px,3.6vw,44px);line-height:1.06}.auth-pitch h2 .hl{color:var(--accent)}.auth-pitch p{color:var(--muted);margin-bottom:30px;font-size:17px}.auth-bullets{flex-direction:column;gap:15px;margin:0;padding:0;list-style:none;display:flex}.auth-bullets li{color:var(--text);align-items:flex-start;gap:12px;font-size:15.5px;display:flex}.auth-bullets .chk{background:var(--accent-soft);width:22px;height:22px;color:var(--accent);border-radius:7px;flex-shrink:0;place-items:center;margin-top:1px;font-size:13px;font-weight:800;display:grid}.auth-panel-wrap{border-radius:var(--radius-lg);margin-top:38px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.auth-page .panel-card{background:linear-gradient(180deg, var(--surface-2), var(--surface));border:1px solid var(--line-2);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 40px 90px -40px #000c}.auth-page .panel-top{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--elevated) 70%, transparent);align-items:center;gap:10px;padding:10px 14px;display:flex}.auth-page .panel-top .dots{gap:7px;display:flex}.auth-page .panel-top .dots i{background:var(--line-2);border-radius:50%;width:11px;height:11px;display:block}.auth-page .panel-top .ttl{font-family:var(--font-display);margin-left:6px;font-size:12.5px;font-weight:600}.auth-page .panel-top .live{font-family:var(--font-mono);color:var(--accent);letter-spacing:.05em;align-items:center;gap:7px;margin-left:auto;font-size:11.5px;display:inline-flex}.auth-page .panel-top .live .pulse{background:var(--accent);border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite auth-pulse}@keyframes auth-pulse{0%,to{box-shadow:0 0 0 0 var(--accent-glow);opacity:1}50%{opacity:.6;box-shadow:0 0 0 6px #0000}}.auth-page .kanban{background:var(--line);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.auth-page .kcol{background:var(--surface);height:230px;padding:10px 9px;overflow:hidden}.auth-page .kcol-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.auth-page .kcol-head .name{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);align-items:center;gap:6px;font-size:10px;display:inline-flex}.auth-page .kcol-head .name:before{content:"";background:var(--cstatus,var(--muted));border-radius:2px;width:7px;height:7px}.auth-page .kcol-head .count{font-family:var(--font-mono);color:var(--faint);background:var(--surface-2);border-radius:5px;padding:1px 6px;font-size:10px}.auth-page .kcol[data-status=novo]{--cstatus:#6fb0d0}.auth-page .kcol[data-status=prep]{--cstatus:var(--accent)}.auth-page .kcol[data-status=saiu]{--cstatus:#d9b76a}.auth-page .kcol[data-status=fim]{--cstatus:#7a8a7e}.auth-page .kcards{flex-direction:column;gap:8px;display:flex}.auth-page .kcard{background:var(--elevated);border:1px solid var(--line);cursor:default;border-radius:10px;padding:8px 9px;animation:.42s cubic-bezier(.2,.8,.3,1) auth-cardIn;box-shadow:0 2px 8px -4px #00000080}@keyframes auth-cardIn{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:none}}.auth-page .kcard .row1{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.auth-page .kcard .oid{font-family:var(--font-mono);color:var(--text);font-size:11px;font-weight:700}.auth-page .kcard .time{font-family:var(--font-mono);color:var(--faint);font-size:10px}.auth-page .kcard .who{color:var(--text);margin-bottom:1px;font-size:12px;font-weight:600}.auth-page .kcard .items{color:var(--muted);font-size:11px}.auth-page .kcard .total{font-family:var(--font-mono);color:var(--accent);margin-top:5px;font-size:11px;font-weight:700}.auth-form-col{background:var(--bg);justify-content:center;align-items:center;padding:48px 28px;display:flex}@media (max-width:940px){.auth-form-col{align-items:flex-start;padding:12px 20px 40px}}.auth-card{width:100%;max-width:440px}.auth-card-top{text-align:center;margin-bottom:32px}.auth-logo{align-items:center;gap:7px;margin-bottom:26px;display:inline-flex}@media (max-width:940px){.auth-card-top{margin-bottom:18px}.auth-logo{margin-bottom:10px}.auth-card h1{font-size:24px}.auth-card .sub{font-size:14px}}.auth-card h1{margin-bottom:10px;font-size:clamp(28px,4vw,38px)}.auth-card .sub{color:var(--muted);font-size:16px}.auth-field{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.auth-field>label{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);font-size:14px;font-weight:600}.auth-field .hint{color:var(--faint);font-size:12.5px;font-family:var(--font-mono)}.input-wrap{align-items:center;display:flex;position:relative}.input-wrap input{background:var(--surface);border:1px solid var(--line-2);width:100%;height:52px;color:var(--text);font-family:var(--font-body);border-radius:13px;outline:none;padding:0 16px;font-size:16px;transition:border-color .15s,box-shadow .15s,background .15s}.input-wrap input::placeholder{color:var(--faint)}.input-wrap input:focus{border-color:var(--accent);background:color-mix(in srgb, var(--surface) 70%, var(--bg));box-shadow:0 0 0 4px var(--accent-soft)}.input-wrap.has-prefix input{border-top-left-radius:0;border-bottom-left-radius:0;padding-left:0}.input-prefix{background:var(--surface);border:1px solid var(--line-2);height:52px;color:var(--faint);font-family:var(--font-mono);white-space:nowrap;border-right:none;border-radius:13px 0 0 13px;align-items:center;padding:0 4px 0 16px;font-size:14.5px;transition:border-color .15s;display:flex}.input-wrap.has-prefix:focus-within .input-prefix,.input-wrap.has-prefix:focus-within input{border-color:var(--accent)}.auth-field.has-error .input-wrap input,.auth-field.has-error .input-prefix{border-color:var(--warn)}.auth-field.has-error .input-wrap input:focus{box-shadow:0 0 0 4px var(--warn-soft)}.field-err{color:var(--warn);margin-top:4px;font-size:13px}.signup-only{opacity:0;max-height:0;transition:max-height .35s cubic-bezier(.3,.7,.3,1),opacity .25s,margin .35s;overflow:hidden;margin-bottom:0!important}.signup-only.open{opacity:1;max-height:120px;margin-bottom:18px!important}.pw-toggle{cursor:pointer;width:38px;height:38px;color:var(--muted);background:0 0;border:0;border-radius:9px;place-items:center;transition:color .15s,background .15s;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.pw-toggle:hover{color:var(--text);background:#ffffff0a}.pw-toggle svg{width:20px;height:20px}.auth-submit{width:100%;font-family:var(--font-display);letter-spacing:-.01em;cursor:pointer;background:var(--accent);color:var(--accent-ink);box-shadow:0 10px 30px -10px var(--accent-glow), 0 0 0 1px #ffffff14 inset;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:9px;margin-top:8px;padding:16px 28px;font-size:17px;font-weight:600;transition:transform .12s,box-shadow .2s,background .2s,opacity .2s;display:inline-flex}.auth-submit:hover:not(:disabled){background:var(--accent-2);box-shadow:0 14px 40px -10px var(--accent-glow), 0 0 0 1px #ffffff1f inset;transform:translateY(-1px)}.auth-submit:active{transform:translateY(1px)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.spin{border:2px solid color-mix(in srgb, var(--accent-ink) 35%, transparent);border-top-color:var(--accent-ink);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite auth-spin;display:block}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-alert{background:var(--warn-soft);border:1px solid color-mix(in srgb, var(--warn) 35%, transparent);color:var(--warn);border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:16px;padding:12px 14px;font-size:13.5px;font-weight:500;line-height:1.45;display:flex}.auth-alert-icon{background:var(--warn);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;margin-top:1px;font-size:12px;font-weight:800;display:grid}.auth-meta{justify-content:space-between;align-items:center;margin:16px 2px 0;font-size:14px;display:flex}.auth-meta a{color:var(--accent);font-weight:600}.auth-meta a:hover{text-decoration:underline}.auth-meta .remember{color:var(--muted);cursor:pointer;align-items:center;gap:8px;display:inline-flex}.auth-meta .remember input{accent-color:var(--accent);width:16px;height:16px}.auth-meta .forgot-link{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:600}.auth-meta .forgot-link:hover{text-decoration:underline}.auth-switch{text-align:center;border-top:1px solid var(--line);color:var(--muted);margin-top:26px;padding-top:22px;font-size:15px}.auth-switch button{cursor:pointer;color:var(--accent);font-family:var(--font-body);background:0 0;border:0;font-size:15px;font-weight:700}.auth-switch button:hover{text-decoration:underline}.auth-success{text-align:center;animation:.4s cubic-bezier(.2,.8,.3,1) auth-cardIn}.auth-success .ok{background:var(--accent-soft);width:64px;height:64px;color:var(--accent);border-radius:50%;place-items:center;margin:0 auto 22px;font-size:30px;font-weight:800;display:grid}.auth-success h2{margin-bottom:10px;font-size:28px}.auth-success p{color:var(--muted);margin-bottom:24px;font-size:16px}.auth-success .btn-go{background:var(--accent);width:100%;color:var(--accent-ink);font-family:var(--font-display);cursor:pointer;text-align:center;box-shadow:0 10px 30px -10px var(--accent-glow);border:none;border-radius:12px;padding:16px 28px;font-size:17px;font-weight:600;text-decoration:none;display:block}