:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;flex-direction:column;align-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*,*:before,*:after{box-sizing:border-box}.AplicationReact{width:100%;text-align:center}#root{width:100%;max-width:1280px;margin:0 auto;padding:0}:root{--bg-gradient: linear-gradient(160deg, #ede9fe 0%, #f2f2f2 40%, #f2f2f2 100%);--bg-surface: #ffffff;--bg-subtle: #f4f4f5;--border: #e4e4e7;--border-hover: #d1d5db;--text-primary: #1a1025;--text-secondary: #6b7280;--accent: #7c3aed;--accent-light: #ede9fe;--danger: #ce0000;--danger-light: #fff0f0;--success: #16a34a}@media(prefers-color-scheme:dark){:root{--bg-gradient: linear-gradient(160deg, #1a1035 0%, #0f0f11 40%, #0f0f11 100%);--bg-surface: #1c1c1f;--bg-subtle: #27272a;--border: #3f3f46;--border-hover: #52525b;--text-primary: #f4f4f5;--text-secondary: #a1a1aa;--accent: #a78bfa;--accent-light: #2e1f5e;--danger: #f87171;--danger-light: #2d0f0f;--success: #4ade80}}body{font-family:system-ui,-apple-system,sans-serif;margin:0;padding-bottom:48px;background:var(--bg-gradient);color:var(--text-primary)}h1,h2,h3,h4,p,span,li,a{color:var(--text-primary)}ul{list-style:none;margin:0;padding:0;width:100%}img{border-radius:10px;box-shadow:0 4px 20px #0000001f}main,section{padding:16px;max-width:800px;margin:0 auto;text-align:center}header{display:flex;align-items:center;justify-content:space-between;max-width:800px;margin:16px auto 0;padding:16px 24px;background-color:var(--bg-surface);border-radius:12px;border-bottom:1px solid var(--border)}.header-logo{display:flex;align-items:center;gap:8px;font-size:1.1rem}.header-nav{display:flex;gap:8px}.nav-link{padding:8px 16px;border-radius:8px;text-decoration:none;font-weight:500;font-size:.9rem;color:var(--text-secondary);transition:background-color .15s,color .15s}.nav-link:hover,.nav-link.ativo{background-color:var(--accent-light);color:var(--accent)}.nav-link.ativo{font-weight:600}footer{position:fixed;bottom:0;left:0;width:100%;padding:14px 16px;background-color:var(--bg-surface);border-top:1px solid var(--border);text-align:center;z-index:100}footer small{color:var(--text-secondary);font-size:1.1rem}footer a{color:var(--accent);text-decoration:none;font-weight:600}footer a:hover{text-decoration:underline}.pagina-inicio{display:flex;flex-direction:column;align-items:center;gap:24px;padding:60px 16px}.pagina-inicio h1{font-size:2.2rem;font-weight:700;margin:0}.pagina-inicio>p{font-size:1rem;color:var(--text-secondary);margin:-12px 0 0}.resumo{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.resumo-card{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:16px;padding:28px 48px;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:160px;transition:transform .15s,border-color .2s}.resumo-card:hover{transform:translateY(-3px);border-color:var(--accent)}.resumo-card strong{font-size:2.5rem;font-weight:700;color:var(--accent);line-height:1}.resumo-card span{font-size:.85rem;color:var(--text-secondary)}.pagina-detalhes{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 16px;text-align:center}.pagina-detalhes>.btn-voltar{align-self:flex-start}.detalhe-card{width:100%;background-color:var(--bg-surface);border:1px solid var(--border);border-radius:16px;padding:28px 32px;text-align:center}.detalhe-topo{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.detalhe-topo h1{margin:0;font-size:1.6rem}.detalhe-info{list-style:none;padding:0;margin:16px auto;display:flex;flex-direction:column;gap:10px;text-align:center}.detalhe-info li{font-size:.95rem}.detalhe-form{margin-top:8px;padding:0;border:none;background:transparent}.detalhe-form-acoes{display:flex;gap:10px;margin-top:8px}.pagina-404{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:12px}.pagina-404 h1{font-size:5rem;color:var(--accent);margin:0}.habit-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;background-color:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:16px 24px;margin-bottom:12px;transition:transform .15s,background-color .15s,border-color .15s}.habit-card:hover{transform:translateY(-2px);border-color:var(--accent);background-color:var(--bg-subtle)}.habit-card p,.habit-card small{text-align:left;font-size:1rem}.habit-card-header{display:flex;justify-content:space-between;align-items:center;width:100%}.habit-card-header h3{margin:0;font-size:1.1rem;font-weight:600}.habit-card-acoes{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px;width:100%}.btn-detalhes,.habit-card button{height:36px;padding:0 16px;border-radius:8px;font-size:.85rem;font-weight:500;box-sizing:border-box;line-height:1;cursor:pointer;flex:1;transition:opacity .2s,background-color .15s,transform .15s}.btn-detalhes{display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--accent);background-color:transparent;color:var(--accent)!important;font-weight:600;text-decoration:none}.btn-detalhes:hover{background-color:var(--accent-light)}.habit-card button{border:none}.habit-card button:hover{opacity:.85;transform:translateY(-1px)}.habit-card button.btn-remover,.habit-card-acoes .btn-remover{background-color:#ce0000;color:#fff;margin-top:0;border:none}.habit-card button.btn-remover:hover{background-color:#a00000;opacity:1}.habit-card button:last-child{background-color:#2563eb;color:#fff}.habit-card button:last-child:hover{background-color:#1d4ed8;opacity:1}.habit-form{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:16px;padding:24px 28px;margin-bottom:16px;text-align:left}.habit-form label{display:block;margin-bottom:4px;font-size:.82rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.05em}.habit-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.habit-form .form-grid .full-width{grid-column:1 / -1}.habit-form .form-grid>div{display:flex;flex-direction:column;gap:6px}.habit-form input{width:100%;padding:10px 14px;border-radius:8px;border:1px solid var(--border);font-size:.9rem;background-color:var(--bg-subtle);color:var(--text-primary);transition:border-color .2s,background-color .2s}.habit-form input:focus{outline:none;border-color:var(--accent);background-color:var(--bg-surface);box-shadow:0 0 0 3px #7c3aed1a}.btn-primario,.habit-form button[type=submit],.btn-salvar{background:linear-gradient(135deg,#0300c5,#7c3aed);color:#fff!important;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:opacity .2s,transform .15s}.btn-primario:hover,.habit-form button[type=submit]:hover,.btn-salvar:hover{opacity:.92;transform:translateY(-1px)}.btn-primario{display:inline-block;padding:13px 32px;font-size:1rem;text-decoration:none}.habit-form button[type=submit]{width:100%;padding:12px 20px;font-size:1rem;letter-spacing:.02em;margin-top:4px}.btn-salvar{flex:1;padding:12px 20px;font-size:1rem}.btn-voltar,.btn-editar,.btn-cancelar{border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;background-color:transparent;transition:background-color .15s,border-color .15s,color .15s}.btn-voltar{padding:8px 18px;border:1px solid var(--border);color:var(--text-primary)}.btn-voltar:hover{background-color:var(--accent-light);border-color:var(--accent);color:var(--accent)}.btn-editar{padding:7px 18px;border:1px solid var(--accent);color:var(--accent);font-weight:600}.btn-editar:hover{background-color:var(--accent-light)}.btn-cancelar{padding:12px 20px;border:1px solid var(--border);color:var(--text-secondary);font-size:1rem}.btn-cancelar:hover{background-color:var(--bg-subtle)}.btn-remover{padding:10px 24px;border-radius:8px;border:none;background-color:#ce0000;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;margin-top:16px;transition:background-color .2s,transform .15s}.btn-remover:hover{background-color:#a00000;transform:translateY(-1px)}.btn-limpar{margin-bottom:16px;padding:10px 20px;border-radius:10px;border:1px solid var(--border);background-color:var(--bg-surface);color:var(--danger);font-size:.9rem;font-weight:600;cursor:pointer;transition:background-color .2s,transform .15s}.btn-limpar:hover{background-color:var(--danger-light);border-color:var(--danger);transform:translateY(-1px)}.habits-count{font-size:1rem;color:var(--text-secondary);margin:8px 0 16px;text-align:center}@media(max-width:480px){.habit-form .form-grid{grid-template-columns:1fr}.habit-card-acoes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.btn-detalhes,.habit-card button{flex:unset;width:100%;justify-content:center}.detalhe-form-acoes{flex-direction:column}.btn-salvar,.btn-cancelar{width:100%;padding:10px 16px;font-size:.9rem}.detalhe-topo{margin-bottom:20px}}