@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--bg:#0d0d12;--surface:#ffffff08;--border:#ffffff0f;--text:#f3f4f6;--text-muted:#9ca3af;--primary:#6366f1;--primary-glow:#6366f14d;--accent:#a855f7;--radius:12px}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Plus Jakarta Sans,sans-serif}body{background-color:var(--bg);color:var(--text);justify-content:center;align-items:flex-start;min-height:100vh;padding:.5rem 1rem;display:flex;position:relative;overflow-x:hidden}#root{justify-content:center;width:100%;max-width:1400px;display:flex}body:before,body:after{content:"";filter:blur(100px);z-index:-1;opacity:.15;border-radius:50%;width:60vw;height:60vw;animation:15s ease-in-out infinite alternate meshFloat;position:fixed}body:before{background:var(--primary);top:-10vw;left:-10vw}body:after{background:var(--accent);animation-delay:-7s;bottom:-10vw;right:-10vw}@keyframes meshFloat{0%{transform:translate(0)scale(1)}to{transform:translate(5vw,5vw)scale(1.2)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff6}.container{z-index:10;flex-direction:column;gap:.5rem;width:100%;max-width:98%;margin:0 auto;display:flex;position:relative}.header{text-align:center;margin-bottom:.5rem}.header h1{letter-spacing:-.03em;background:linear-gradient(135deg,#fff 0%,#a5b4fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.2rem;font-size:2.2rem;font-weight:800}.header p{color:var(--text-muted);font-size:.9rem;font-weight:500}.card{background:var(--surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.8rem;padding:1rem;display:flex;box-shadow:0 15px 30px -10px #00000080}.category-selector{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:center;gap:.6rem;padding-bottom:.8rem;display:flex}.cat-btn{color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:#ffffff08;border-radius:100px;padding:.4rem 1rem;font-size:.8rem;font-weight:600;transition:all .3s}.cat-btn:hover{color:var(--text);background:#ffffff14;transform:translateY(-1px)}.cat-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 10px var(--primary-glow)}.form-builder{flex-flow:wrap;justify-content:center;align-items:flex-start;gap:.5rem;display:flex}.form-group{flex-direction:column;flex:calc(50% - .5rem);gap:.2rem;min-width:220px;display:flex}.form-group.full-width{flex:100%}.form-group:has(.checklist){flex:100%}.form-group:has(textarea){flex:100%}.form-group:has(.money-bar){flex:100%}label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-left:.1rem;font-size:.75rem;font-weight:700}.search-input,.money-input,textarea,.check-inline-input{border:1px solid var(--border);width:100%;color:var(--text);background:#0003;border-radius:8px;outline:none;padding:.4rem .6rem;font-size:.8rem;font-weight:500;transition:all .3s}textarea{resize:vertical;min-height:80px}.search-input:focus,.money-input:focus,textarea:focus,.check-inline-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);background:#0006}.action-toggles{border:1px solid var(--border);background:#0003;border-radius:10px;gap:.4rem;padding:.4rem;display:flex}.action-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:.5rem;font-size:.8rem;font-weight:600;transition:all .2s}.action-btn:hover{color:var(--text)}.action-btn.active{background:var(--surface);color:var(--text);box-shadow:0 2px 4px #0003}.money-bar{gap:.6rem;display:flex}.money-btn{color:var(--text);border:1px solid var(--border);cursor:pointer;background:#0003;border-radius:8px;padding:0 1rem;font-size:.8rem;font-weight:600;transition:all .2s}.money-btn:hover{background:#ffffff0d}.money-btn.active{background:var(--text);color:var(--bg);border-color:var(--text)}.checklist{border:1px solid var(--border);background:#00000026;border-radius:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem;padding:.8rem;display:grid}.check-item{color:var(--text);cursor:pointer;align-items:center;gap:.6rem;font-size:.85rem;font-weight:500;transition:color .2s;display:flex}.check-item:hover{color:#fff}.check-item input[type=checkbox]{appearance:none;cursor:pointer;background-color:#0000004d;border:1.5px solid #fff3;border-radius:4px;flex-shrink:0;place-content:center;width:1.2rem;height:1.2rem;margin:0;transition:all .2s;display:grid}.check-item input[type=checkbox]:hover{border-color:var(--primary)}.check-item input[type=checkbox]:before{content:"";clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);background-color:#fff;width:.6rem;height:.6rem;transition:transform .2s;transform:scale(0)}.check-item input[type=checkbox]:checked{background-color:var(--primary);border-color:var(--primary);box-shadow:0 2px 8px var(--primary-glow)}.check-item input[type=checkbox]:checked:before{transform:scale(1)}.check-inline-input{width:auto;min-width:100px;padding:.3rem .6rem}.output-box{border:1px solid var(--border);color:var(--text);resize:vertical;box-sizing:border-box;background:linear-gradient(135deg,#ffffff08 0%,#ffffff03 100%);border-radius:10px;outline:none;width:100%;min-height:80px;padding:1.2rem;font-family:inherit;font-size:1rem;font-weight:500;line-height:1.5;box-shadow:inset 0 2px 10px #0000001a}.output-box:focus{border-color:var(--primary);box-shadow:0 0 0 2px #dc262633}.actions{justify-content:flex-end;align-items:center;gap:1rem;margin-top:1rem;display:flex}.btn{background:var(--text);color:var(--bg);cursor:pointer;border:none;border-radius:8px;padding:.8rem 2rem;font-size:.85rem;font-weight:700;transition:all .2s;box-shadow:0 4px 10px #ffffff0d}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #ffffff1a}.btn:active{transform:translateY(0)}.btn.success{background:var(--primary);color:#fff;box-shadow:0 4px 10px var(--primary-glow)}.btn.success:hover{box-shadow:0 6px 15px var(--primary-glow);background:#4f46e5}.btn-reset{cursor:pointer;background:#0000004d;border:1px solid #ffffff1a;border-radius:50%;flex:none;width:45px;height:45px;padding:0;transition:all .2s;overflow:hidden}.btn-reset:hover{border-color:#ef4444;transform:rotate(-15deg)scale(1.1);box-shadow:0 6px 15px #ef444433}.search-container{flex-direction:column;gap:.4rem;display:flex;position:relative}.dropdown{border:1px solid var(--border);z-index:50;background:#111118;border-radius:8px;max-height:200px;padding:.4rem;position:absolute;top:calc(100% + .4rem);left:0;right:0;overflow-y:auto;box-shadow:0 10px 30px #00000080}.dropdown-item{cursor:pointer;color:var(--text-muted);border-radius:6px;padding:.6rem 1rem;font-size:.85rem;font-weight:500;transition:all .2s}.dropdown-item:hover{color:var(--text);background:#ffffff0d;transform:translate(2px)}