@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary: #FF385C;--primary-hover: #D90B38;--text-main: #222222;--text-muted: #717171;--bg-main: #FFFFFF;--bg-alt: #F7F7F7;--border-light: #DDDDDD;--border-radius-lg: 12px;--border-radius-sm: 8px;--shadow-sm: 0 2px 4px rgba(0,0,0,.08);--shadow-md: 0 6px 16px rgba(0,0,0,.12);--success: #008A05;--danger: #E12C2C}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-alt);color:var(--text-main);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-weight:600;color:var(--text-main)}.app-container{max-width:1280px;margin:0 auto;padding:32px 24px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border-light)}.header h1{font-size:32px;color:var(--primary);display:flex;align-items:center;gap:12px}.card{background:var(--bg-main);border-radius:var(--border-radius-lg);padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:box-shadow .2s ease}.card:hover{box-shadow:var(--shadow-md)}.btn{background:var(--primary);color:#fff;border:none;padding:10px 20px;border-radius:var(--border-radius-sm);font-size:13px;font-weight:600;cursor:pointer;transition:transform .1s ease,background .2s ease;display:inline-flex;align-items:center;gap:8px}.btn:hover{background:var(--primary-hover)}.btn:active{transform:scale(.98)}.btn-outline{background:transparent;color:var(--text-main);border:1px solid var(--border-light)}.btn-outline:hover{background:var(--bg-alt);border-color:var(--text-main)}.input-group{margin-bottom:16px}.input-group label{display:block;margin-bottom:6px;font-size:13px;font-weight:600;color:var(--text-main)}.input-group input,.input-group select{width:100%;padding:10px 12px;border:1px solid var(--border-light);border-radius:var(--border-radius-sm);font-size:13px;font-family:inherit;color:var(--text-main);transition:border-color .2s ease}.input-group input:focus,.input-group select:focus{outline:none;border-color:var(--text-main);box-shadow:0 0 0 1px var(--text-main)}.grid{display:grid;gap:24px}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}@media (max-width: 768px){.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:16px;text-align:left;border-bottom:1px solid var(--border-light)}th{color:var(--text-muted);font-weight:500;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.table-compact th,.table-compact td{padding:10px 12px;font-size:13px;border-bottom:1px solid var(--border-light)}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s ease}.sortable-th:hover{color:var(--primary)}.matrix-container{overflow-x:auto;border:1px solid var(--border-light);border-radius:var(--border-radius-sm)}.matrix-table{width:100%;border-collapse:collapse;font-size:13px;min-width:1200px}.matrix-table th,.matrix-table td{padding:8px 12px;border:1px solid var(--border-light);text-align:right;white-space:nowrap}.matrix-table th{background-color:var(--bg-alt);color:var(--text-main);font-weight:600;text-align:center;border-bottom:2px solid var(--border-light)}.matrix-table .cat-col{text-align:left;position:sticky;left:0;width:200px;min-width:200px;background-color:var(--bg-main);z-index:2;font-weight:700;border-right:1px solid var(--border-light)}.matrix-table .totals-col{background-color:var(--bg-alt);font-weight:700;position:sticky;left:200px;width:120px;min-width:120px;z-index:2;border-right:2px solid var(--border-light)}.matrix-table .section-header td{background-color:var(--primary);color:#fff;padding-top:14px;padding-bottom:14px;border-bottom:none;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.matrix-table .section-footer td{background-color:var(--bg-alt);font-weight:700;border-top:2px solid var(--border-light)}.matrix-table .net-income-row td{background-color:#eaf4ea;color:var(--success);font-weight:800;font-size:16px;border-top:2px solid var(--success)}.matrix-table .net-income-row .cat-col,.matrix-table .net-income-row .totals-col{background-color:#eaf4ea}.editable-cell{cursor:pointer;transition:background-color .1s ease}.editable-cell:hover{background-color:#ff385c0d!important;box-shadow:inset 0 0 0 1px var(--primary)}.editable-cell.editing{padding:0}.editable-cell input{width:100%;height:100%;border:2px solid var(--primary);border-radius:4px;padding:8px;font-size:13px;text-align:right;font-family:inherit;font-weight:600;color:var(--text-main);outline:none}.matrix-table tbody tr:not(.section-header):not(.section-footer):not(.net-income-row):hover td{background-color:#00000005}.matrix-table tbody tr:not(.section-header):not(.section-footer):not(.net-income-row):hover .cat-col,.matrix-table tbody tr:not(.section-header):not(.section-footer):not(.net-income-row):hover .totals-col{background-color:var(--bg-alt)}.font-bold{font-weight:700}.quick-links-container{padding:16px 32px;background-color:#f8fafc;border-bottom:1px solid var(--border-light)}.main-content{margin-top:24px;padding:0 32px}.mobile-nav-container{margin-bottom:24px;border-bottom:1px solid var(--border-light);padding-bottom:24px}.mobile-nav-title{font-size:13px;font-weight:900;color:var(--text-main);margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.mobile-nav-buttons{display:flex;gap:16px}.mobile-nav-buttons button{padding:12px 24px;border-radius:30px;font-size:15px;font-weight:700;border:none;cursor:pointer;box-shadow:0 2px 4px #00000014;transition:all .2s ease}.mobile-nav-buttons button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.header-actions{display:flex;align-items:center;gap:16px}@media (max-width: 768px){body{padding-bottom:80px}.app-container{padding:16px 0}.header{flex-direction:column;align-items:stretch!important;gap:20px;padding:0 16px 24px}.header-actions{justify-content:space-between}.quick-links-container{padding:12px 16px}.main-content{padding:0 16px}.mobile-nav-container{position:fixed;bottom:0;left:0;right:0;background:var(--bg-main);z-index:1000;padding:12px 16px;border-top:1px solid var(--border-light);border-bottom:none;margin-bottom:0;box-shadow:0 -4px 16px #00000014}.mobile-nav-title{display:none}.mobile-nav-buttons{justify-content:space-between;gap:8px}.mobile-nav-buttons button{flex:1;padding:12px 4px;font-size:11px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:1.2}.matrix-table .totals-col{position:static;min-width:80px;width:80px}.matrix-table .cat-col{min-width:140px;width:140px;font-size:11px;padding:8px 6px}.matrix-table th,.matrix-table td{padding:8px 6px;font-size:12px}.responsive-table,.responsive-table tbody,.responsive-table tr,.responsive-table td{display:block;width:100%}.responsive-table thead{display:none}.responsive-table tr{margin-bottom:16px;border:1px solid var(--border-light);border-radius:var(--border-radius-sm);padding:12px;background:var(--bg-main)}.responsive-table td{text-align:right;border-bottom:1px solid var(--bg-alt);position:relative;padding:8px 0 8px 45%;font-size:13px;display:flex;justify-content:flex-end;align-items:center}.responsive-table td:before{content:attr(data-label);position:absolute;left:0;width:40%;text-align:left;font-weight:600;color:var(--text-muted)}.responsive-table td:last-child{border-bottom:none;text-align:center;padding-left:0;justify-content:center;margin-top:8px}.responsive-table td:last-child:before{display:none}}
