.page-container{max-width:1200px;margin:0 auto}.page-container-wide{max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.page-header-vertical{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}@media(max-width:768px){.page-header{flex-direction:column;gap:1rem;align-items:stretch;margin-bottom:1.5rem}.page-header-vertical{flex-direction:column;gap:1rem;margin-bottom:1.5rem}.page-header h1{font-size:1.5rem}.page-header button,.page-header .btn{width:100%}}h1{font-size:2rem;margin-bottom:.5rem}h2{font-size:1.5rem;margin-bottom:1rem}.breadcrumb{margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-secondary)}.breadcrumb a,.back-link{color:var(--color-primary);text-decoration:none;font-weight:500}.breadcrumb a:hover,.back-link:hover{text-decoration:underline}.breadcrumb .separator{color:var(--color-text-secondary);margin:0 .25rem}.breadcrumb .current{color:var(--color-text-secondary)}.subtitle{color:var(--color-text-secondary);margin-top:.5rem;font-size:1rem;display:flex;align-items:center;gap:.5rem}.description{color:var(--color-text-secondary);margin-top:.5rem;font-size:.875rem}.create-form{margin-bottom:2rem}textarea.form-input{min-height:100px;resize:vertical}.link{color:var(--color-primary);text-decoration:none;font-weight:500}.link:hover{text-decoration:underline}.text-right{text-align:right}.text-muted{color:#6c757d;font-size:.875rem}.text-center{text-align:center}.badge{padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600;text-transform:uppercase;white-space:nowrap}.badge-active,.badge-income{background-color:#d4edda;color:#155724}.badge-inactive,.badge-expense{background-color:#f8d7da;color:#721c24}.badge-draft,.badge-quarterly{background-color:#fff3cd;color:#856404}.badge-archived,.badge-single,.badge-onetime{background-color:#f8d7da;color:#721c24}.badge-monthly{background-color:#d1ecf1;color:#0c5460}.badge-yearly{background-color:#d4edda;color:#155724}.badge-default,.badge-currency,.badge-status{background-color:#e2e3e5;color:#383d41}.btn-sm{padding:.375rem .75rem;font-size:.875rem}.amount{text-align:right;font-weight:600;font-family:Courier New,monospace;color:#2c3e50}.growth-rate{font-weight:500;color:#27ae60}.date{font-size:.875rem;color:var(--color-text-secondary)}.empty-message{text-align:center;color:var(--color-text-secondary);padding:2rem}.scrollbar-hidden-hover{scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .3s ease}.scrollbar-hidden-hover:hover{scrollbar-color:rgba(156,163,175,.5) transparent}.scrollbar-hidden-hover::-webkit-scrollbar{width:8px;height:8px}.scrollbar-hidden-hover::-webkit-scrollbar-track{background:transparent}.scrollbar-hidden-hover::-webkit-scrollbar-thumb{background:transparent;border-radius:4px;transition:background .3s ease}.scrollbar-hidden-hover:hover::-webkit-scrollbar-thumb{background:#9ca3af80}.scrollbar-hidden-hover::-webkit-scrollbar-thumb:hover{background:#6b7280b3}.scrollbar-thin{scrollbar-width:thin;scrollbar-color:rgba(156,163,175,.4) transparent}.scrollbar-thin::-webkit-scrollbar{width:8px;height:8px}.scrollbar-thin::-webkit-scrollbar-track{background:transparent}.scrollbar-thin::-webkit-scrollbar-thumb{background:#9ca3af66;border-radius:4px;transition:background .2s ease}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:#6b7280b3}.scrollbar-standard{scrollbar-width:thin;scrollbar-color:#d1d5db #f9fafb}.scrollbar-standard::-webkit-scrollbar{width:8px;height:6px}.scrollbar-standard::-webkit-scrollbar-track{background:#f9fafb;border-radius:4px}.scrollbar-standard::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px;transition:background .2s ease}.scrollbar-standard::-webkit-scrollbar-thumb:hover{background:#9ca3af}