html,body,#root{height:100%;width:100%;margin:0}: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{display:flex;place-items:center;min-width:320px;min-height:100vh;overflow-x:hidden}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}}.wheel-inline{position:absolute;left:0;right:0;top:-190%;z-index:50;background:#f9fffb;border:2px solid rgba(36,94,45,.25);border-radius:16px;box-shadow:0 12px 24px #0000001f;padding:10px 12px}.wheel-window{position:relative;background:#fff;border-radius:14px;overflow:hidden}.wheel-highlight{position:absolute;left:10px;right:10px;top:50%;transform:translateY(-50%);border-radius:14px;background:#245e2d1a;border:2px solid rgba(36,94,45,.25);pointer-events:none}.picker-list{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;padding:0 12px}.picker-item{display:grid;place-items:center;scroll-snap-align:center;font-size:22px;font-weight:800;color:#245e2d59}.picker-item.is-selected{color:#245e2d}.picker-item.pad{color:transparent}.picker-list::-webkit-scrollbar{display:none}.input-form{width:100%;box-sizing:border-box}.tab-group{width:min(520px,92%);margin:10px auto 18px;display:grid;grid-template-columns:repeat(3,1fr);background:#245e2d;border-radius:10px;padding:6px;box-sizing:border-box}.tab-group button{height:40px;border:0;background:transparent;color:#f9fffb;font-weight:700;letter-spacing:.02em;border-radius:8px;cursor:pointer}.tab-group button.active{background:#f9fffb;color:#245e2d;border:2px solid #245E2D}.input-form form{width:min(620px,96%);margin:0 auto;display:flex;flex-direction:column;gap:12px}.input-form input,.input-form select{width:100%;box-sizing:border-box;height:52px;border-radius:10px;border:none;background:#c6ffdd;color:#245e2d;font-size:18px;padding:0 14px;outline:none}.input-form input::placeholder{color:#245e2d40;font-weight:700}.input-form .row-2{display:grid;grid-template-columns:1.7fr 1fr;gap:10px}.field{width:100%;box-sizing:border-box;background:#f9fffb;border-top:2px solid #245E2D;border-bottom:2px solid #245E2D;padding:14px 0}.field label{display:block;font-weight:800;color:#245e2d;margin:0 0 10px 4px}.field select{background:transparent;border:none;border-radius:0;height:48px;padding:0 12px;font-size:20px;font-weight:700}.field select+select{border-left:2px solid #245E2D}.field{display:grid;grid-template-columns:1fr 1fr;align-items:center;column-gap:0;row-gap:10px}.field label{grid-column:1 / -1}.move-fields{width:100%;box-sizing:border-box;background:#f9fffb;border-top:2px solid #245E2D;border-bottom:2px solid #245E2D;padding:14px 0;display:grid;grid-template-columns:1fr auto 1fr auto;align-items:center}.move-fields select{background:transparent;border:none;border-radius:0;height:48px;padding:0 12px;font-size:20px;font-weight:700}.move-fields span{padding:0 10px;color:#245e2d;font-weight:800}.form-buttons{width:100%;display:grid;grid-template-columns:1fr .6fr .6fr;gap:14px;margin-top:8px}.form-buttons button{height:64px;border-radius:10px;border:none;background:#245e2d;color:#f9fffb;font-size:20px;font-weight:800;cursor:pointer}.form-buttons button:hover{filter:brightness(1.05)}.form-buttons button:nth-child(2),.form-buttons button:nth-child(3){background:#245e2d;opacity:.9}@media (max-width: 767px){.tab-group{width:92%}.form-buttons{grid-template-columns:1fr}.move-fields{grid-template-columns:1fr;gap:8px;padding:14px 10px}.move-fields span{padding:0}.field{grid-template-columns:1fr;padding:14px 10px}.field select+select{border-left:none;border-top:2px solid #245E2D}}.category-buttons{grid-column:1 / -1;white-space:nowrap;display:grid;grid-template-columns:repeat(4,max-content);gap:5px;width:fit-content;margin-left:auto;margin-right:auto}.category-btn{width:5.5em;border:2px solid #1f5b2a;background:transparent;color:#1f5b2a;border-radius:6px;padding:10px 0;font-size:14px;font-weight:200;cursor:pointer}.category-btn.active{background:#1f5b2a;color:#fff}.picker-anchor{position:relative;width:100%}.picker-trigger{width:100%;height:52px;border:none;border-radius:10px;background:#f9fffb;color:#245e2d;font-size:20px;font-weight:800;text-align:right;padding:0 14px;cursor:pointer;border-top:2px solid #245E2D;border-bottom:2px solid #245E2D}.calendar-view{border:1.5px solid #006428;background-color:#fff}.calendar-nav{display:flex;justify-content:center;align-items:center;gap:40px;padding:15px;background-color:#f9fbf9;border-bottom:1.5px solid #006428}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);width:100%}.calendar-name{border-bottom:1.5px solid #006428;border-right:1.5px solid #006428;background-color:#f0f7f0;text-align:center;padding:10px 0}.cell{height:100%;min-height:unset;display:flex;flex-direction:column;padding:2px 4px;border-right:1.5px solid #006428;border-bottom:1.5px solid #006428;overflow:hidden;box-sizing:border-box}.calendar-name:nth-child(7n),.cell:nth-child(7n){border-right:none}.cell:nth-last-child(-n+7){border-bottom:none}.cell-amounts{flex-grow:0;margin-top:auto;display:grid;grid-template-rows:auto auto;justify-items:end;align-items:end;align-content:end;min-height:2.4em}.cell-amounts span{display:block;text-align:right;margin:0;padding:0;line-height:1}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(var(--weeks),1fr);height:270px}.small-font{font-size:.65rem!important;letter-spacing:-.05em}.cell.other-month{background-color:#d7e3db;color:#999}.date-num{align-self:flex-start;font-size:.8rem;line-height:1;margin-bottom:-.7em}.cell.other-month .date-num{align-self:flex-start;color:#006428}.cell-amounts span{font-size:.85rem;line-height:1.2;white-space:nowrap}.income{color:#00c950}.expense{color:#ff0004}@media (max-width: 767px){.cell{height:auto;padding:4px}}.summary-container{margin-top:20px;display:flex;flex-direction:column;gap:8px;border-top:2.5px solid #006428;padding-top:20px;background-color:#f9fffb}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background-color:#fff;border-radius:4px;border:1px solid #D7E3DB}.summary-item span{font-size:.9rem;font-weight:700;color:#666}.summary-item strong{font-size:1.1rem;letter-spacing:.05em}.summary-item.income strong{color:#00c950}.summary-item.out strong{color:#ff0004}.summary-item.total strong{color:#006428}.summary-item.opening{background-color:#f0f7f0}.summary-item.balance{background-color:#e8eee8;border:1.5px solid #006428;margin-top:5px}.summary-item.balance span{color:#006428;font-size:1rem}.summary-item.balance strong{font-size:1.4rem;color:#006428}.history-list{display:flex;flex-direction:column}.date-header{background-color:#d7e3db!important;color:#006428!important;border-bottom:1px solid #006428;padding:.5px 12px;font-weight:700;font-size:.85rem}.transaction-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid #006428;color:#006428!important;cursor:pointer;transition:background .2s}.transaction-item.type-income{background-color:#c6ffdd}.transaction-item.type-expense{background-color:#f9fffb}.transaction-item.type-move{background-color:#e6f0ec}.transaction-item.type-income:hover{background:#b6f5cf}.transaction-item.type-expense:hover,.transaction-item.type-move:hover{background:#ecf9f0}.row-layout{display:grid;grid-template-columns:6em 8em 1fr auto;align-items:center;column-gap:.6ch;width:100%}.cat{width:7em;display:flex;align-items:center;justify-content:space-between;white-space:nowrap;text-align:left}.category-text{overflow:hidden;text-overflow:ellipsis}.move-arrow{margin-left:.3em;color:#006428;font-size:.85em;flex-shrink:0;padding:0 1em}.nm{width:10em;text-align:left;white-space:normal;overflow-wrap:anywhere;line-height:1.1}.nm-small{font-size:.75rem}.amt{width:7em;justify-self:end;text-align:right;white-space:nowrap;line-height:1.1}.amt-small{font-size:.8rem;letter-spacing:-.03em}.move-badge{justify-self:end;margin-left:.4ch;font-size:.85rem;opacity:.75}.amount{font-size:1.1rem;font-weight:500}.type-income .amount{color:#006428}.type-expense .amount{color:#c00}.move-tag{background:#666;color:#fff;font-size:.7rem;padding:2px 6px;border-radius:10px;margin-right:8px}.swipe-row{touch-action:pan-y;position:relative;overflow:hidden;background-color:#c00}.swipe-delete{position:absolute;top:0;right:0;width:64px;height:100%;border:none;background:#c00;color:#fff;font-size:20px;cursor:pointer;border-radius:0!important}.swipe-front{position:relative;will-change:transform;touch-action:pan-y;transition:transform .12s ease}.dashboard-page-root{display:grid;grid-template-columns:1.2fr 1fr 1fr;height:100dvh;width:100%;overflow:hidden;background-color:#f9fffb;box-sizing:border-box}.column{height:100%;display:flex;flex-direction:column;border-right:1.5px solid #D7E3DB;overflow:hidden}.calendar-section{padding:10px;overflow-y:auto}.history-section{overflow-y:auto;background-color:#f9fffb}.input-section{overflow-y:auto;padding:15px}.column:last-child{border-right:none}@media (max-width: 767px){.dashboard-page-root{display:flex;flex-direction:column;height:auto;overflow:visible}.column{height:auto;border-right:none;border-bottom:1.5px solid #D7E3DB}}#root{max-width:none;margin:0;padding:0;text-align:left;width:100%;height:100%}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.transaction-buttons,.form-buttons{display:flex;gap:10px}.edit-button{background-color:#ffc107;color:#000;border:none;padding:5px 10px;border-radius:4px;cursor:pointer}.edit-button:hover{background-color:#e0a800}header{text-align:center;margin-bottom:20px}.nav-menu{display:flex;justify-content:center;gap:20px;margin-top:10px}.nav-menu a{text-decoration:none;color:#007bff;font-weight:700;padding:5px 10px;border-radius:4px}.nav-menu a:hover{background-color:#f0f7ff}.summary-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;border-radius:12px;text-align:center;margin-bottom:20px;box-shadow:0 4px 6px #0000001a}.summary-card p{margin:0;font-size:.9rem;opacity:.8}.summary-card h2{margin:5px 0 0;font-size:2rem}.tab-group{display:flex;justify-content:center;margin-bottom:20px;background:#eee;border-radius:8px;padding:5px}.tab-group button{flex:1;padding:10px;border:none;background:none;cursor:pointer;border-radius:5px}.tab-group button.active{background:#fff;box-shadow:0 2px 4px #0000001a;font-weight:700}