:root{--primary:#3b82f6;--primary-dark:#2563eb;--primary-light:#60a5fa;--accent:#f59e0b;--accent-dark:#d97706;--accent-light:#fcd34d;--success:#22c55e;--success-dark:#16a34a;--success-light:#4ade80;--warning:#eab308;--warning-dark:#ca8a04;--error:#ef4444;--error-dark:#dc2626;--error-light:#fca5a5;--info:#06b6d4;--info-dark:#0891b2;--download:#8b5cf6;--download-dark:#7c3aed;--export:#06b6d4;--export-dark:#0891b2;--background:#fff;--surface:#f8fafc;--surface-alt:#f1f5f9;--text:#0f172a;--text-light:#64748b;--text-lighter:#94a3b8;--border:#e2e8f0;--border-light:#f1f5f9;--text-xs:0.75rem;--text-sm:0.85rem;--text-base:0.9rem;--text-lg:1rem;--text-xl:1.1rem;--text-2xl:1.25rem;--text-3xl:1.5rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:2px;--radius:8px;--shadow-sm:0 1px 2px #0000000a;--shadow:0 1px 3px #0000001a;--shadow-md:0 2px 8px #00000026;--shadow-lg:0 4px 16px #0000001a;--transition:0.4s ease;--transition-slow:0.25s ease;--z-dropdown:1000;--z-sticky:1020;--z-modal:1030}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--background);color:var(--text);font-family:Inter,sans-serif;font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;min-height:100vh}.container,.main{margin:0 auto;max-width:960px;padding:.5rem;width:100%}.main{max-width:600px}.card,.section,.statbox,.summary,.tool-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--space-4);transition:var(--transition)}.card:hover,.section:hover,.statbox:hover,.summary:hover,.tool-card:hover{box-shadow:var(--shadow-md)}.btn,.legal-links a,.link-group a,.search-dropdown-item,.search-wrap,.social-links a{transition:var(--transition)}.btn,.btn-delete,.search-btn{cursor:pointer}.ads-banner__link,.btn,.legal-links a,.link-group a,.logo,.nav-link,.tool-card{text-decoration:none}.flex,.flex.gap-2,.header-content,.header-right,.logo{align-items:center;display:flex}.flex-col,.tool-card{flex-direction:column}.btn,.items-center{align-items:center}.flex.gap-2{gap:var(--space-2);justify-content:center}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4,.header-content,.header-right{gap:var(--space-4)}.grid{display:grid}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:1fr 1fr}.footer-content,.tools-grid{display:grid;gap:var(--space-3);grid-template-columns:1fr}.w-full{width:100%}.mb-0{margin-bottom:0!important}.mb-2,.section,.statbox,.summary{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.category-section,.mb-4{margin-bottom:var(--space-4)}.mt-auto{margin-top:auto}.mt-8{margin-top:var(--space-8)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.header,.search-dropdown,.tool-card.available:hover{box-shadow:var(--shadow-lg)}.header-content,.justify-between{justify-content:space-between}.footer-brand,.text-center{text-align:center}.text-right{text-align:right}.tool-card{border:1px solid #e5e5e5;border-radius:var(--radius);color:inherit;gap:.25rem;padding:.8rem;background:#fff;transition:.15s}.tool-card.available{border-left:4px solid var(--success);opacity:1}.coming-soon{border-left:4px solid var(--text-lighter);opacity:.7}.tool-card-content{display:flex;flex-direction:column;flex-grow:1;gap:var(--space-1)}.btn,.logo{gap:var(--space-2)}.tool-name{font-size:.85rem;font-weight:600;line-height:1.2}.ads-banner__container,.ads-banner__label,.text-caption,.tool-status{color:var(--text-light);font-size:var(--text-sm)}.btn{background:var(--primary);border:none;border-radius:var(--radius);color:#fff;display:inline-flex;font-size:var(--text-sm);font-weight:500;justify-content:center;line-height:1;min-height:36px;padding:var(--space-2) var(--space-4)}.btn--sm{font-size:var(--text-xs);min-height:32px;padding:var(--space-1) var(--space-3)}.link-group h4,.logo{font-size:var(--text-lg)}.btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn--success{background:var(--success)}.btn--success:hover{background:var(--success-dark)}.btn--download{background:var(--download)}.btn--download:hover{background:var(--download-dark)}.btn--info{background:var(--info)}.btn--info:hover{background:var(--info-dark)}.btn--error{background:var(--error)}.btn--error:hover,.btn-delete:hover{background:var(--error-dark)}.header{background:linear-gradient(135deg,#0f172a,#1e293b);color:#e2e8f0;padding:.6rem 0;position:sticky;top:0;z-index:var(--z-sticky);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-wrap,.social-links a{background:rgb(255 255 255/.1)}.footer .container,.header .container{max-width:1200px}.logo{color:inherit;font-weight:700}.nav-link,.search-item-name{font-size:var(--text-sm);font-weight:500}.logo:hover{opacity:.8}.nav{display:flex;gap:var(--space-5)}.nav-link{color:#cbd5e1;padding:var(--space-2) 0}.legal-links a:hover,.nav-link:hover{color:var(--primary)}.search-wrap{border:1px solid transparent;border-radius:var(--radius);display:flex;flex:1;max-width:230px;padding:4px;position:relative}.search-input{background:0 0;border:none;color:#e2e8f0;font-size:var(--text-sm);outline:0;padding:6px 8px;width:100%}::placeholder{color:#94a3b8}.search-btn{background:var(--primary);border:none;border-radius:var(--radius-sm);display:flex;padding:5px}.search-btn:hover{background:var(--primary-dark)}.search-dropdown{background:var(--background);border:1px solid var(--border);border-radius:var(--radius);display:none;left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:var(--z-dropdown)}.search-dropdown-item{border-bottom:1px solid var(--border-light);color:var(--text);display:block;padding:var(--space-3);text-decoration:none}.search-dropdown-item:hover{background:var(--primary-light);color:var(--text)}.search-dropdown-item:last-child{border-bottom:none}.search-item-content{align-items:center;display:flex;justify-content:space-between}.search-item-name{color:var(--text)}.search-item-category{background:var(--surface-alt);border-radius:12px;color:var(--text-light);font-size:var(--text-xs);padding:2px 8px}.search-no-results{color:var(--text-light);font-size:var(--text-sm);padding:var(--space-4);text-align:center}.heading-1{font-size:var(--text-3xl);font-weight:700;line-height:1.2}.font-600,.heading-2,.heading-3,.link-group h4,.text-overline{font-weight:600}.heading-2{font-size:var(--text-2xl);line-height:1.3}.heading-3{font-size:var(--text-xl);line-height:1.4}.text-body{font-size:var(--text-base);line-height:1.5}.text-overline{color:var(--text-light);font-size:var(--text-xs);letter-spacing:.5px;text-transform:uppercase}.home-container{padding:var(--space-8) var(--space-4)}.categories-grid{display:grid;gap:var(--space-12)}.footer{background:linear-gradient(135deg,#0f172a,#1e293b);color:#e2e8f0;padding:60px 0 20px}.footer-content{gap:40px;margin-bottom:40px}.logo-footer{align-items:center;display:flex;font-size:var(--text-xl);font-weight:700;gap:12px;justify-content:center;margin-bottom:16px}.link-group h4{color:#fff;margin-bottom:16px}.footer-desc{color:#94a3b8;line-height:1.6;margin:0 auto 24px;max-width:280px}.heart,.limit-warning{color:var(--error)}.social-links{display:flex;gap:16px;justify-content:center}.social-links a{align-items:center;border-radius:50%;color:#cbd5e1;display:flex;height:40px;justify-content:center;width:40px}.social-links a:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.footer-links{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.footer-legal p,.legal-links a,.link-group a{color:#94a3b8;font-size:var(--text-sm)}.link-group a{display:block;margin-bottom:8px}.link-group a:hover{color:var(--primary);transform:translateX(4px)}.footer-bottom{border-top:1px solid;padding-top:24px}.footer-legal{display:flex;flex-direction:column;gap:16px;text-align:center}.legal-links{display:flex;gap:20px;justify-content:center}.animate-fadeIn{animation:.3s ease-out fadeIn}.form-input:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (min-width:768px){.footer-brand,.footer-content{text-align:left}.header-content{flex-direction:row;justify-content:space-between}.tools-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr)}.footer-content{gap:60px;grid-template-columns:1fr 2fr}.logo-footer,.social-links{justify-content:flex-start}.footer-legal{align-items:center;flex-direction:row;justify-content:space-between}}@media (min-width:1024px){.tools-grid{gap:var(--space-5);grid-template-columns:repeat(3,1fr)}}@media (max-width:767px){.item-row input,.item-row input[type=text]{border:1px solid var(--border);outline:0}.mobile-menu-btn,.nav{flex-direction:column}.header-right{gap:var(--space-2)}.search-wrap{max-width:160px}.search-input{padding:4px 6px}::placeholder{font-size:var(--text-xs)}.nav{background:linear-gradient(135deg,#0f172a,#1e293b);border-top:1px solid;box-shadow:var(--shadow-lg);display:none;left:0;padding:var(--space-3) 0;position:absolute;right:0;top:100%;z-index:var(--z-dropdown)}.nav.active{display:flex}.nav-link{padding:var(--space-3) var(--space-4)}.nav-link:hover{background:rgb(255 255 255/.1)}.mobile-menu-btn{background:0 0;border:none;cursor:pointer;display:flex;gap:3px;padding:6px}.mobile-menu-btn span{background:#e2e8f0;height:2px;transition:var(--transition);width:16px}.mobile-menu-btn.active span:first-child{transform:rotate(45deg);transform-origin:left center}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg);transform-origin:left center}.income-expense-container{gap:var(--space-3);grid-template-columns:1fr}.item-row{align-items:stretch;flex-direction:column;gap:var(--space-2)}.item-row input[type=text]{text-decoration:none!important;width:100%}.btn-delete{align-self:flex-end;width:fit-content}section.tool-explanation{margin:var(--space-4) 0;padding:var(--space-3) var(--space-3)}.ads-container:before{left:var(--space-3)}}.item-amount:focus,.item-name:focus,.item-row select.item-name:focus{border-color:var(--primary);outline:0}.export-buttons,.item-row{display:flex;gap:var(--space-2)}.item-amount:invalid,.item-name:invalid{border-color:var(--error)}.limit-warning{animation:.3s fadeIn;font-size:.75rem;margin-top:.25rem}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.logo span{display:none}.search-wrap{max-width:120px}.search-input{width:70px}.item-row{padding:var(--space-2)}.item-row input[type=text]{font-size:var(--text-sm);padding:var(--space-2)}section.tool-explanation{padding:var(--space-3) var(--space-2)}.heading-2{font-size:var(--text-xl)}.heading-3{font-size:var(--text-lg)}.card{padding:var(--space-3)}}.item-row,.item-row select.item-name{padding:var(--space-2);background:var(--surface)}.item-row{align-items:center;border-radius:var(--radius);margin-bottom:var(--space-2)}.item-row select.item-name{border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:var(--text-sm);outline:0;width:100%;cursor:pointer;transition:border-color .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px}.item-row select.item-name:focus{box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1)}.item-row input[type=text]{background:var(--surface);border:1px solid var(--border)!important;border-radius:var(--radius);flex:1;outline:0!important;padding:var(--space-2);text-decoration:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.item-row input[type=text]:focus{border:1px solid var(--primary)!important;outline:0!important;box-shadow:none!important}.btn-delete{background:var(--error);border:none;border-radius:var(--radius);color:#fff;font-size:var(--text-xs);padding:var(--space-1) var(--space-2);white-space:nowrap}.export-buttons{flex-wrap:wrap;justify-content:center;margin-top:var(--space-4)}section.tool-explanation{background:var(--surface-alt);border-left:4px solid var(--primary);border-radius:var(--radius);margin:var(--space-6) 0;padding:var(--space-4) var(--space-2)}.ads-banner{background:var(--background);border-radius:var(--border-radius);margin-bottom:var(--spacing-4);padding:var(--spacing-4);text-align:center}.ads-banner__label{display:block;margin-bottom:var(--spacing-2)}.ads-banner__container{align-items:center;background:var(--border);border-radius:var(--border-radius-sm);display:flex;justify-content:center;transition:.2s;width:100%}.ads-banner__link{color:inherit;display:block}.ads-banner__link:hover .ads-banner__container{background:var(--primary);box-shadow:0 2px 8px rgba(0,0,0,.1);color:#fff;transform:translateY(-1px)}.ads-banner__content{padding:var(--spacing-2)}.ads-banner--small .ads-banner__container{height:50px}.ads-banner--medium .ads-banner__container{height:75px}.ads-banner--large .ads-banner__container{height:100px}@media (max-width:768px){.ads-banner{margin-bottom:var(--spacing-3);padding:var(--spacing-3)}.ads-banner__container{font-size:var(--text-xs)}.ads-banner--small .ads-banner__container{height:45px}.ads-banner--medium .ads-banner__container{height:65px}.ads-banner--large .ads-banner__container{height:85px}}