*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;background:#fff;font-size:15px}input[type=text],input[type=password],input[type=date],input[type=number],select,textarea{border-radius:5px;border:1px solid #ddd;padding:8px;font-size:15px;font-family:inherit;background-color:#fff;width:100%}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=number]:focus,select:focus,textarea:focus{outline:none;border-color:#bbb}textarea{resize:vertical}.header{background:#fff;border-bottom:1px solid #ddd;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;box-shadow:0 2px 4px #0000000d;min-height:67px}.header-title{display:flex;align-items:center;gap:10px}.header-tab-name{font-size:19px;font-weight:700;color:#231f20}.header-actions{display:flex;gap:4px;align-items:center}.icon-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;transition:background .2s;font-size:20px;text-decoration:none}.icon-btn .material-symbols-outlined{vertical-align:middle;text-decoration:none;color:#000}.icon-btn:hover{background:#f0f0f0}button{border:none;padding:8px 16px;border-radius:4px;cursor:pointer;background:#fcd205;color:#231f20;font-family:inherit;font-size:15px}button:hover{background:#e8bc00}button.btn-danger{background:#dc3545;color:#fff}button.btn-danger:hover{background:#c1293a}button.btn-secondary{background:#e8e8e8;color:#333}button.btn-secondary:hover{background:#ddd}.header-tab-icon{width:25px;height:25px;object-fit:contain;vertical-align:middle}.container{display:flex;height:calc(100vh - 64px)}.main-content{flex:1;padding:10px 10px 76px;overflow-y:auto}.bottom-tabs{display:flex;position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid #ddd;box-shadow:0 -2px 4px #0000000d;z-index:100;padding-bottom:env(safe-area-inset-bottom,0)}.bottom-tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 0 6px;color:#888;text-decoration:none;font-size:11px;cursor:pointer;max-width:200px;margin:0 auto}.bottom-tab-item img{width:24px;height:24px}.bottom-tab-item.active{color:#231f20;font-weight:600}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:500px;width:90%}@media (max-width: 820px){.container{height:calc(100vh - 60px)}.main-content{width:100%}.header{padding:10px 12px}.header-tab-name{font-size:17px}input[type=text],input[type=password],input[type=date],input[type=number],select,textarea{padding:5px}}.center{text-align:center}.auth-container{display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center;padding:20px;max-width:400px;margin:auto;background:#fff}.auth-container h2{margin-bottom:8px;color:#333}.auth-container .input-group{width:100%;display:flex;flex-direction:column;gap:4px}.error-message{color:red}.amount{font-variant-numeric:tabular-nums}.amount-negative{color:#dc3545}.settings-panel input[type=text],.settings-panel input[type=password]{border:none;background:#f2f2f2}.settings-panel input[type=text]:focus,.settings-panel input[type=password]:focus{outline:2px solid #fcd205}.category-title{display:flex;justify-content:space-between;align-items:center;padding:4px 2px;margin-bottom:6px;font-weight:700;color:#231f20}.category-title.nested{font-weight:600;font-size:.95em;color:#444;margin-top:10px;margin-bottom:4px;padding:4px 2px}.section-box{background:#fff;border:1px solid #ddd;border-radius:8px;overflow:hidden}.section-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-top:1px solid #eee;cursor:pointer}.section-box>*:first-child{border-top:none}.section-row:hover{background:#fafafa}.section-row-image{display:inline-block;width:28px;text-align:center;font-size:18px}.section-row-desc{display:flex;align-items:center;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-total-row{display:flex;justify-content:space-between;align-items:center;padding:12px;font-weight:700}.list-title{font-weight:700;color:#231f20;margin-bottom:8px}.transaction-day-group{margin-bottom:16px}.transaction-day-header{font-weight:700;color:#231f20;margin:16px 0 6px}.transaction-day-group:first-child .transaction-day-header{margin-top:0}.transaction-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-top:1px solid #eee;gap:8px}.transaction-desc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transaction-section-path{font-size:.8em;color:#888}.section-detail-header{display:flex;align-items:center;gap:10px;padding:8px 4px 20px}.section-detail-image{font-size:1.2em;flex-shrink:0}.section-detail-title{font-size:1.2em;font-weight:600;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-detail-amount{font-size:1.2em;font-weight:700;flex-shrink:0}.last-run-row{display:flex;justify-content:space-between;padding:4px 2px;margin-bottom:12px;color:#666}.filters-bar{display:flex;gap:12px;flex-wrap:wrap;border-radius:8px;padding:12px;margin-bottom:12px}.filters-bar .filter-field{display:flex;flex-direction:column;gap:4px;flex:1;min-width:140px}.filters-bar label{display:block;font-weight:700;color:#231f20}.filters-bar select,.filters-bar input[type=date]{border:none;background:#f2f2f2}.filters-bar select:focus,.filters-bar input[type=date]:focus{outline:2px solid #fcd205}.category-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.category-chip{background:#f0f0f0;color:#333;border-radius:12px;padding:3px 10px;font-size:.8em;cursor:pointer}.category-chip:hover{background:#e5e5e5}