:root{--bg: #0e1015;--surface: #151823;--surface-2: #1b1f2c;--border: #2a3042;--text: #e9ebf2;--muted: #8d95aa;--danger: #ef4444;--danger-text: #f87171;--success: #22c55e;--warning-text: #eab308;--tile: #10b981;--radius: 10px;--shadow: 0 4px 14px rgba(0, 0, 0, .35);--topbar-bg: rgba(21, 24, 35, .85);--modal-shadow: 0 20px 50px rgba(0, 0, 0, .5)}:root[data-theme=light]{--bg: #eef1f6;--surface: #ffffff;--surface-2: #e7ebf3;--border: #d3d9e5;--text: #1d2436;--muted: #5f6880;--danger-text: #dc2626;--success: #15803d;--warning-text: #a16207;--shadow: 0 4px 14px rgba(23, 32, 56, .1);--topbar-bg: rgba(255, 255, 255, .85);--modal-shadow: 0 20px 50px rgba(23, 32, 56, .25)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}button:disabled{cursor:default;opacity:.6}a{color:inherit;text-decoration:none}input:not([type]),input[type=text],input[type=password],input[type=search],input[type=email],input[type=number],input[type=date],textarea,select{font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:9px 11px;outline:none;transition:border-color .15s ease,box-shadow .15s ease;width:100%}input:focus,textarea:focus,select:focus{border-color:color-mix(in srgb,var(--tile) 75%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--tile) 22%,transparent)}.muted{color:var(--muted)}.small{font-size:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--surface-2);border:1px solid var(--border);border-radius:9px;padding:8px 14px;font-weight:600;transition:filter .12s ease,background .12s ease,border-color .12s ease}.btn:hover:not(:disabled){filter:brightness(1.1)}.btn.primary{background:var(--tile);border-color:transparent;color:#fff}.btn.danger{background:var(--danger);border-color:transparent;color:#fff}.btn.small{padding:6px 8px;font-size:13px;border-radius:7px}.btn.danger-ghost{color:var(--danger-text)}.btn.danger-ghost:hover:not(:disabled){background:#ef44441f;filter:none}.inline-error{display:inline-block;color:var(--danger-text);background:#ef44441a;border-radius:6px;padding:3px 8px;font-size:12px;overflow-wrap:anywhere}.splash{height:100%;display:flex;align-items:center;justify-content:center;font-size:42px;color:var(--tile)}.shell{min-height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:16px;padding:12px 18px;padding-top:calc(12px + env(safe-area-inset-top));border-bottom:1px solid var(--border);background:var(--topbar-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10}.brand{display:inline-flex;align-items:center;gap:7px;font-size:17px;font-weight:700;letter-spacing:.2px}.brand-mark{color:var(--tile);font-size:20px}.topnav{display:flex;gap:4px;margin-left:4px}.topnav a{padding:6px 12px;border-radius:8px;color:var(--muted);font-weight:600}.topnav a:hover{color:var(--text);background:var(--surface-2)}.topnav a.ativa{color:var(--tile);background:color-mix(in srgb,var(--tile) 12%,transparent)}.settings-btn{margin-left:auto;font-size:18px;color:var(--muted);padding:7px;border-radius:8px;display:inline-flex}.settings-btn:hover{color:var(--text);background:var(--surface-2)}.settings-pop{position:fixed;z-index:60;min-width:210px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--modal-shadow);padding:6px;display:flex;flex-direction:column}.settings-pop button,.settings-pop a{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:8px;font-weight:500;text-align:left}.settings-pop button:hover,.settings-pop a:hover{background:var(--surface-2)}.settings-pop svg{color:var(--muted);font-size:15px}.settings-pop hr{border:none;border-top:1px solid var(--border);margin:5px 8px}.page{width:100%;max-width:640px;margin:0 auto;padding:26px 18px 70px;display:flex;flex-direction:column;gap:16px}.page-head h2{font-size:22px;font-weight:750}.page-head.com-acao{display:flex;align-items:center;justify-content:space-between;gap:12px}.empty-hint{border:1px dashed var(--border);border-radius:var(--radius);padding:30px 22px;color:var(--muted);text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.empty-hint.descanso{border-style:solid;font-size:16px}.habito-card{--habito-cor: var(--tile);background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--habito-cor);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow);transition:border-color .2s ease}.habito-card.marcado-feito,.habito-card.marcado-minimo{border-color:color-mix(in srgb,var(--habito-cor) 45%,var(--border))}.habito-card-head{display:flex;align-items:flex-start;gap:12px}.habito-nomes{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.habito-ancora{color:var(--habito-cor, var(--tile));font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.6px}.habito-nome{font-size:18px;font-weight:700}.habito-minimo{color:var(--muted);font-size:12.5px}.habito-streak{display:inline-flex;align-items:center;gap:4px;font-size:16px;font-weight:800;color:var(--muted);padding:5px 10px;border-radius:999px;background:var(--surface-2)}.habito-streak.aceso{color:#f59e0b;background:#f59e0b1f}.aviso-duas-vezes{background:color-mix(in srgb,var(--tile) 10%,transparent);border:1px solid color-mix(in srgb,var(--tile) 30%,transparent);border-radius:9px;padding:9px 12px;font-size:13px}.aviso-muleta{background:#f59e0b1a;border:1px solid rgba(245,158,11,.35);color:var(--warning-text);border-radius:9px;padding:9px 12px;font-size:13px}.checkin-botoes{display:flex;gap:8px}.checkin-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:12px 8px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);font-weight:700;font-size:13.5px;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .1s ease}.checkin-btn:active:not(:disabled){transform:scale(.97)}.checkin-btn svg{font-size:16px}.checkin-btn.feito.ativo{background:var(--tile);border-color:transparent;color:#fff;box-shadow:0 6px 18px color-mix(in srgb,var(--tile) 40%,transparent)}.checkin-btn.minimo.ativo{background:color-mix(in srgb,var(--tile) 25%,var(--surface-2));border-color:var(--tile);color:var(--text)}.checkin-btn.falhou.ativo{background:#ef444429;border-color:var(--danger);color:var(--danger-text)}.checkin-feedback{font-size:13px;color:var(--muted)}.descanso-nota{text-align:center}.voltar{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-weight:600}.voltar:hover{color:var(--text)}.detalhe-head{--habito-cor: var(--tile);display:flex;flex-direction:column;gap:4px}.detalhe-head h2{font-size:24px;font-weight:800}.selo{align-self:flex-start;margin-top:4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;padding:3px 9px;border-radius:999px;background:var(--surface-2);color:var(--muted)}.selo.estado-graduado{background:#f59e0b24;color:#f59e0b}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:3px}.stat-valor{font-size:20px;font-weight:800;display:inline-flex;align-items:center;gap:4px}.stat-valor.aceso{color:#f59e0b}.stat-nome{font-size:11px;color:var(--muted);text-align:center}.graduacao-banner{display:flex;align-items:center;gap:14px;background:linear-gradient(120deg,#f59e0b24,color-mix(in srgb,var(--tile) 14%,transparent));border:1px solid rgba(245,158,11,.4);border-radius:12px;padding:14px}.graduacao-banner>svg{font-size:26px;color:#f59e0b;flex-shrink:0}.graduacao-banner div{flex:1}.graduacao-banner p{font-size:12.5px;color:var(--muted);margin-top:2px}.heatmap-wrap{display:flex;flex-direction:column;gap:8px}.heatmap{overflow-x:auto;padding-bottom:4px}.hm-rotulos{display:grid;grid-template-columns:repeat(var(--semanas),1fr);gap:3px;font-size:10px;color:var(--muted);margin-bottom:3px;min-width:460px}.hm-grade{display:grid;grid-template-columns:repeat(var(--semanas),1fr);gap:3px;min-width:460px}.hm-coluna{display:grid;grid-template-rows:repeat(7,1fr);gap:3px}.hm-cell{aspect-ratio:1;width:100%;min-width:14px;border-radius:3.5px;background:var(--surface-2);border:1px solid transparent;padding:0}.hm-cell.feito{background:var(--tile)}.hm-cell.minimo{background:color-mix(in srgb,var(--tile) 45%,var(--surface-2))}.hm-cell.falhou{background:color-mix(in srgb,var(--danger) 55%,var(--surface-2))}.hm-cell.perdido{background:var(--surface-2);border-color:color-mix(in srgb,var(--danger) 35%,transparent)}.hm-cell.descanso{background:transparent;border-color:var(--border);border-style:dashed}.hm-cell.aberto{border-color:var(--tile);border-style:dashed}.hm-cell.fora{background:transparent}.hm-cell:not(.fora):hover{outline:2px solid color-mix(in srgb,var(--tile) 55%,transparent)}.hm-legenda{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.hm-legenda .hm-cell{width:12px;min-width:12px;height:12px;display:inline-block}.notas{display:flex;flex-direction:column;gap:8px}.notas h3{font-size:15px}.nota{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 12px}.nota p{margin-top:2px;font-size:13.5px}.secao-habitos{display:flex;flex-direction:column;gap:8px}.secao-habitos h3{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px}.linha-habito{--habito-cor: var(--tile);display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:11px 12px;flex-wrap:wrap}.linha-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.linha-info>div{display:flex;flex-direction:column;gap:1px;min-width:0}.linha-info strong{font-size:14.5px}.linha-info .small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.linha-cor{width:10px;height:34px;border-radius:5px;background:var(--habito-cor);flex-shrink:0}.linha-stats{display:flex;align-items:center;gap:10px;white-space:nowrap}.linha-stats svg{color:#f59e0b;vertical-align:-2px}.graduado-selo{display:inline-flex;align-items:center;gap:5px;color:#f59e0b}.linha-acoes{display:flex;gap:5px}.linha-erro{width:100%}.dias-seletor{display:flex;gap:5px;flex-wrap:wrap}.dia-toggle{padding:7px 0;width:44px;text-align:center;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);font-size:12.5px;font-weight:600;color:var(--muted)}.dia-toggle.ligado{background:color-mix(in srgb,var(--tile) 18%,var(--surface-2));border-color:var(--tile);color:var(--text)}.cores-seletor{display:flex;gap:7px}.cor-toggle{width:26px;height:26px;border-radius:999px;border:2px solid transparent}.cor-toggle.ligada{border-color:var(--text);box-shadow:0 0 0 2px var(--surface)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:18px}.modal{width:min(440px,100%);background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--modal-shadow);padding:20px;display:flex;flex-direction:column;gap:12px;max-height:90vh;overflow-y:auto}.modal h3{font-size:17px;display:flex;align-items:center;gap:8px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.confirm-dialog p{color:var(--muted);font-size:13.5px}.campo{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;color:var(--muted)}.campo-rotulo{font-size:12px;font-weight:600;color:var(--muted)}.password-input{position:relative;display:block}.password-input input{padding-right:38px}.password-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:15px;padding:6px;display:inline-flex}.password-toggle:hover{color:var(--text)}.wizard-pontos{display:flex;gap:6px}.wizard-pontos span{flex:1;height:4px;border-radius:999px;background:var(--surface-2)}.wizard-pontos span.feito{background:var(--tile)}.wizard h3{font-size:18px}.wizard-campo{display:flex;flex-direction:column;gap:10px}.login-page{position:relative;min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden;background:var(--bg)}.login-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.aurora{position:absolute;width:55vmax;height:55vmax;border-radius:50%;filter:blur(90px);opacity:.5;will-change:transform;animation:aurora-drift 26s ease-in-out infinite alternate}.aurora.a1{top:-18vmax;left:-12vmax;background:radial-gradient(circle at 30% 30%,#10b981,transparent 62%)}.aurora.a2{bottom:-22vmax;right:-14vmax;background:radial-gradient(circle at 60% 40%,#2dd4bf,transparent 62%);animation-duration:32s;animation-delay:-8s}.aurora.a3{top:28%;left:52%;width:38vmax;height:38vmax;opacity:.32;background:radial-gradient(circle at 50% 50%,#0ea5e9,transparent 64%);animation-duration:22s;animation-delay:-14s}@keyframes aurora-drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-7vmax,5vmax,0) scale(1.18)}}:root[data-theme=light] .aurora{opacity:.3}:root[data-theme=light] .aurora.a3{opacity:.18}.login-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(color-mix(in srgb,var(--text) 26%,transparent) 1px,transparent 1px);background-size:26px 26px;opacity:.16;-webkit-mask-image:radial-gradient(ellipse 85% 75% at 50% 45%,#000 25%,transparent 74%);mask-image:radial-gradient(ellipse 85% 75% at 50% 45%,#000 25%,transparent 74%)}.login-card{position:relative;z-index:1;width:min(384px,100%);background:color-mix(in srgb,var(--surface) 72%,transparent);backdrop-filter:blur(20px) saturate(1.35);-webkit-backdrop-filter:blur(20px) saturate(1.35);border-radius:18px;padding:34px 30px 30px;display:flex;flex-direction:column;gap:15px;box-shadow:0 24px 70px #00000073,0 2px 10px #00000040;animation:login-card-enter .55s cubic-bezier(.2,.8,.25,1) both}:root[data-theme=light] .login-card{background:color-mix(in srgb,var(--surface) 78%,transparent);box-shadow:0 24px 70px #1720382e,0 2px 10px #17203814}.login-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(165deg,#10b981b3,#10b9811f 32%,#2dd4bf29 58%,#0ea5e980);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none}@keyframes login-card-enter{0%{opacity:0;transform:translateY(16px) scale(.98)}}.login-brand{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:4px}.login-logo{width:58px;height:58px;filter:drop-shadow(0 10px 26px rgba(16,185,129,.55))}.login-logo svg{width:100%;height:100%;display:block}.login-logo .caule{stroke-dasharray:24;stroke-dashoffset:24;animation:login-caule 1s ease-out .25s forwards}.login-logo .folha{transform-box:fill-box;transform-origin:100% 100%;transform:scale(0);animation:login-folha .55s cubic-bezier(.34,1.56,.64,1) forwards}.login-logo .f1{animation-delay:.75s}.login-logo .f2{transform-origin:0% 100%;animation-delay:.95s}@keyframes login-caule{to{stroke-dashoffset:0}}@keyframes login-folha{to{transform:scale(1)}}.login-title{font-size:26px;font-weight:800;letter-spacing:.4px;text-align:center;background:linear-gradient(100deg,var(--text) 32%,color-mix(in srgb,#34d399 80%,var(--text)) 50%,var(--text) 68%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:login-shine 6s ease-in-out infinite}@keyframes login-shine{0%,30%{background-position:130% 0}70%,to{background-position:-30% 0}}.login-subtitle{color:var(--muted);font-size:13px;text-align:center;max-width:30ch}.login-field{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--muted)}.login-field input{background:color-mix(in srgb,var(--surface-2) 82%,transparent);border-radius:10px;padding:11px 12px;font-size:14px}.login-field input:focus{background:var(--surface-2)}.login-input{position:relative;display:block}.login-input>svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);font-size:15px;color:var(--muted);pointer-events:none;z-index:1}.login-input input{padding-left:40px}.login-input:focus-within>svg{color:var(--tile)}.login-error{background:#ef44441f;border:1px solid rgba(239,68,68,.4);color:var(--danger-text);border-radius:8px;padding:8px 11px;font-size:13px;animation:login-error-shake .35s ease}@keyframes login-error-shake{25%{transform:translate(-5px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}}.btn.primary.login-submit{margin-top:6px;padding:11px 14px;font-size:14px;font-weight:700;border-radius:10px;gap:9px;background:linear-gradient(135deg,#059669,#10b981 55%,#2dd4bf);background-size:160% 160%;background-position:0% 50%;box-shadow:0 10px 26px #10b98159;transition:box-shadow .18s ease,transform .12s ease,background-position .35s ease}.btn.primary.login-submit:hover:not(:disabled){filter:none;background-position:90% 50%;box-shadow:0 12px 32px #10b98180;transform:translateY(-1px)}.btn.primary.login-submit:active:not(:disabled){transform:translateY(0) scale(.99)}.login-spinner{width:15px;height:15px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:login-spin .7s linear infinite}@keyframes login-spin{to{transform:rotate(360deg)}}@media(max-width:480px){.login-card{padding:28px 22px 24px}.aurora{filter:blur(70px)}.stats-row{grid-template-columns:repeat(2,1fr)}.checkin-botoes{flex-direction:column}.topnav a{padding:6px 9px}}@media(prefers-reduced-motion:reduce){.aurora,.login-logo .caule,.login-logo .folha,.login-title,.login-card,.login-error,.login-spinner{animation:none}.login-logo .caule{stroke-dashoffset:0}.login-logo .folha{transform:scale(1)}}