:root{color:#1f2937;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f6f8;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0;padding:0}body{min-height:100vh}button,input,select,textarea{font:inherit}*{box-sizing:border-box}body{background:#f4f6f8;margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}.app{color:#1f2937;background:#f4f6f8;min-height:100vh}.app-header{text-align:center;background:#fff;border-bottom:1px solid #e5e7eb;width:100%;padding:28px 32px}.app-header h1{margin:0;font-size:30px;font-weight:700}.app-header p{color:#6b7280;margin:6px 0 0;font-size:14px}.app-main{width:100%;max-width:900px;margin:0 auto;padding:32px 20px}.welcome-card{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;padding:32px;box-shadow:0 4px 14px #0000000f}.welcome-card h2{margin:0 0 12px;font-size:24px}.welcome-card h3{margin:20px 0;font-size:20px}.welcome-card p{color:#6b7280;margin:6px 0}.app-tabs{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:12px;justify-content:center;gap:6px;width:100%;max-width:620px;margin:26px auto 0;padding:5px;display:flex}.app-tabs button{color:#6b7280;text-align:center;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:8px;flex:1;margin:0;padding:11px 14px;font-size:14px;font-weight:600}.app-tabs button:hover:not(:disabled){color:#1f2937;background:#fff;border-color:#e5e7eb}.app-tabs button.active-tab{color:#1f2937;background:#fff;border-color:#d1d5db;font-weight:700;box-shadow:0 1px 4px #00000014}hr{border:0;border-top:1px solid #e5e7eb;margin:26px 0}button{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:10px 18px;font-weight:600;transition:all .2s}button:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}button:disabled{opacity:.55;cursor:not-allowed}form{width:100%;max-width:360px;margin:24px auto 0}form label{margin-bottom:7px;font-weight:600;display:inline-block}form input,form select{color:#1f2937;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:11px 12px}form input:focus,form select:focus{border-color:#6b7280}ul{padding:0;list-style:none}.month-list{width:100%;max-width:520px;margin:22px auto;padding:0}.month-row{grid-template-columns:160px 140px;justify-content:center;align-items:center;gap:28px;width:100%;margin-bottom:12px;display:grid}.month-button{text-align:center;width:160px;padding:10px 12px}.month-balance{text-align:center;width:140px;font-size:16px;font-weight:700}.month-balance.positive{color:#16a34a}.month-balance.negative{color:#dc2626}.month-balance.neutral{color:#6b7280}.month-detail{text-align:center;width:100%}.back-button{margin-bottom:24px}.summary-grid{grid-template-columns:repeat(3,1fr);gap:16px;width:100%;max-width:700px;margin:24px auto 34px;display:grid}.summary-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;justify-content:center;min-height:115px;padding:20px 14px;display:flex}.summary-label{color:#6b7280;margin-bottom:10px;font-size:14px;font-weight:600}.summary-value{font-size:22px;font-weight:700}.summary-value.positive{color:#16a34a}.summary-value.negative{color:#dc2626}.summary-value.neutral{color:#374151}.booking-sections{grid-template-columns:repeat(2,1fr);gap:20px;width:100%;max-width:700px;margin:0 auto;display:grid}.booking-box{text-align:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;min-height:190px;padding:22px}.booking-box h3{margin:0 0 14px;font-size:19px}.booking-box p{min-height:42px;margin-bottom:20px}.entry-form{width:100%;margin-top:20px}.entry-form div{margin-bottom:14px}.entry-form label{text-align:left;margin-bottom:6px;display:block}.form-actions{justify-content:center;gap:8px;margin-top:18px;display:flex}.entry-list{width:100%;margin:18px auto}.entry-item{text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:10px;width:100%;margin-bottom:10px;padding:14px}.entry-item small{color:#6b7280}.entry-amount{margin-top:10px;font-size:17px;display:block}.entry-amount.positive{color:#16a34a}.entry-amount.negative{color:#dc2626}.entry-actions{gap:8px;margin-top:12px;display:flex}.entry-actions button{padding:7px 10px;font-size:13px}.category-filter{width:100%;max-width:700px;margin:0 auto}.filter-scope{flex-wrap:wrap;justify-content:center;gap:12px;margin:20px 0;display:flex}.filter-scope label{cursor:pointer;background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:7px;padding:10px 14px;font-weight:600;display:flex}.filter-scope input{margin:0}.filter-category-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;max-width:620px;margin:14px auto 24px;display:grid}.filter-category-item{color:#1f2937;text-align:left;cursor:pointer;background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:10px;min-height:46px;padding:11px 14px;font-size:14px;font-weight:600;display:flex}.filter-category-item:hover{background:#f3f4f6;border-color:#9ca3af}.filter-category-item input{flex-shrink:0;width:17px;height:17px;margin:0}.filter-results{width:100%;margin-top:24px}.form-error{font-weight:600;color:#dc2626!important}@media (width<=650px){.app-header{padding:22px 15px}.app-header h1{font-size:26px}.app-main{padding:20px 12px}.welcome-card{padding:24px 14px}.app-tabs{gap:4px;padding:4px}.app-tabs button{padding:10px 6px;font-size:12px}.month-row{grid-template-columns:135px 110px;gap:12px}.month-button{width:135px;padding:9px 7px;font-size:13px}.month-balance{width:110px;font-size:14px}.summary-grid{grid-template-columns:1fr;gap:10px;max-width:340px}.summary-box{min-height:90px}.booking-sections,.filter-category-list{grid-template-columns:1fr;max-width:340px}.filter-scope{flex-direction:column;max-width:340px;margin-left:auto;margin-right:auto}.filter-scope label{justify-content:flex-start}}