:root{--bg-primary: #fbfbfa;--bg-secondary: #ffffff;--bg-hover: #f1f1ef;--bg-active: #e8e8e6;--text-primary: #37352f;--text-secondary: #6b6b6b;--text-muted: #9b9b9b;--border-color: #e5e5e3;--border-dark: #d4d4d2;--green: #0f7b6c;--green-bg: #ddf4ef;--red: #e03e3e;--red-bg: #fde8e8;--amber: #d9730d;--amber-bg: #fbecdd;--blue: #0b6bcb;--blue-bg: #d6e8f7;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 12px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", sans-serif;--font-mono: "SF Mono", "Consolas", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-sans);font-size:15px;line-height:1.5;color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased}.tabular-nums{font-variant-numeric:tabular-nums}.app-shell{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--bg-secondary);border-right:1px solid var(--border-color);padding:var(--space-3);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100}.sidebar-logo{font-size:14px;font-weight:600;padding:var(--space-2) var(--space-3);color:var(--text-secondary);margin-bottom:var(--space-3)}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-1)}.nav-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);text-decoration:none;color:var(--text-primary);font-size:14px;transition:background .1s;position:relative}.nav-item:hover{background:var(--bg-hover)}.nav-item.active{background:var(--bg-active)}.nav-item.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:2px;background:var(--text-primary);border-radius:1px}.nav-badge{margin-left:auto;font-size:12px;background:var(--bg-hover);color:var(--text-secondary);padding:2px 8px;border-radius:999px}.main-content{flex:1;margin-left:240px;padding:var(--space-5);max-width:1200px}.page-header{margin-bottom:var(--space-5)}.page-title{font-size:24px;font-weight:600;color:var(--text-primary)}.page-subtitle{font-size:14px;color:var(--text-secondary);margin-top:var(--space-1)}.card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.card-title{font-size:14px;font-weight:600}.card-meta{font-size:13px;color:var(--text-secondary)}.chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 8px;border-radius:999px;font-size:12px;font-weight:500}.chip-green{background:var(--green-bg);color:var(--green)}.chip-red{background:var(--red-bg);color:var(--red)}.chip-amber{background:var(--amber-bg);color:var(--amber)}.chip-blue{background:var(--blue-bg);color:var(--blue)}.chip-neutral{background:var(--bg-hover);color:var(--text-secondary)}.dot{width:6px;height:6px;border-radius:50%}.dot-green{background:var(--green)}.dot-red{background:var(--red)}.dot-amber{background:var(--amber)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .1s}.btn-primary{background:var(--text-primary);color:#fff}.btn-primary:hover{background:#1a1a1a}.btn-secondary{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-hover)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-hover)}.input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:14px;background:var(--bg-secondary);transition:border-color .1s}.input:focus{outline:none;border-color:var(--border-dark);background:#fff}.input::selection,.select::selection,input::selection,textarea::selection{background:var(--blue-bg);color:var(--text-primary)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:var(--space-2) var(--space-3);padding-right:var(--space-5);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:14px;background:var(--bg-secondary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b6b6b' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;cursor:pointer}.select:focus{outline:none;border-color:var(--border-dark)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:var(--space-3);text-align:left;border-bottom:1px solid var(--border-color)}.table th{font-weight:500;font-size:13px;color:var(--text-secondary);background:var(--bg-primary)}.table tr:hover td{background:var(--bg-hover)}.amount{font-variant-numeric:tabular-nums;font-weight:500}.amount-positive{color:var(--green)}.amount-negative{color:var(--red)}.tx-row{display:flex;align-items:center;padding:var(--space-3);border-bottom:1px solid var(--border-color);gap:var(--space-3)}.tx-row:hover{background:var(--bg-hover)}.tx-date{font-size:13px;color:var(--text-secondary);min-width:80px}.tx-description{flex:1;font-size:14px}.tx-amount{font-size:14px;font-weight:500;font-variant-numeric:tabular-nums;min-width:100px;text-align:right}.inbox-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--space-3)}.inbox-card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-color)}.inbox-card-title{font-weight:600;font-size:14px}.inbox-card-meta{font-size:13px;color:var(--text-secondary)}.inbox-card-body{max-height:200px;overflow-y:auto}.inbox-card-footer{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-color);background:var(--bg-primary);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.hero-stat{text-align:center;padding:var(--space-5)}.hero-number{font-size:48px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.1}.hero-label{font-size:14px;color:var(--text-secondary);margin-top:var(--space-2)}.budget-matrix{display:grid;overflow:auto;max-height:80vh;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-secondary)}.matrix-header{position:sticky;top:0;z-index:20;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);font-weight:500;font-size:13px;color:var(--text-secondary);padding:var(--space-3);text-align:center}.matrix-sidebar{position:sticky;left:0;z-index:10;background:var(--bg-secondary);border-right:1px solid var(--border-color);padding:var(--space-3);font-size:14px}.matrix-cell{padding:var(--space-3);border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color)}.matrix-cell-past{background:var(--bg-secondary)}.matrix-cell-current{background:#fafaf9}.matrix-cell-future{background:var(--bg-primary);opacity:.8}.progress-bar{height:4px;background:var(--bg-hover);border-radius:2px;overflow:hidden;margin-top:var(--space-2)}.progress-fill{height:100%;border-radius:2px;transition:width .2s}.progress-fill-green{background:var(--green)}.progress-fill-amber{background:var(--amber)}.progress-fill-red{background:var(--red)}.empty-state{text-align:center;padding:var(--space-6);color:var(--text-secondary)}.empty-state-icon{font-size:48px;margin-bottom:var(--space-3);opacity:.5}.toast{position:fixed;bottom:var(--space-5);left:50%;transform:translate(-50%);background:var(--text-primary);color:#fff;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:14px;display:flex;align-items:center;gap:var(--space-3);z-index:1000}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:200}.drawer{position:fixed;top:0;right:0;bottom:0;width:480px;background:var(--bg-secondary);border-left:1px solid var(--border-color);z-index:201;display:flex;flex-direction:column}.drawer-header{padding:var(--space-4);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.drawer-body{flex:1;overflow-y:auto;padding:var(--space-4)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mb-3{margin-bottom:var(--space-3)}.text-sm{font-size:13px}.text-muted{color:var(--text-secondary)}.font-medium{font-weight:500}.text-right{text-align:right}.mobile-header,.sidebar-overlay{display:none}@media (max-width: 768px){.mobile-header{display:flex;align-items:center;gap:var(--space-3);position:fixed;top:0;left:0;right:0;height:56px;padding:0 var(--space-4);background:var(--bg-secondary);border-bottom:1px solid var(--border-color);z-index:50}.hamburger-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-primary)}.hamburger-btn:hover{background:var(--bg-hover)}.mobile-title{font-size:17px;font-weight:600;color:var(--text-primary)}.mobile-badge{background:var(--red);color:#fff;font-size:12px;font-weight:600;padding:2px 8px;border-radius:999px}.sidebar{transform:translate(-100%);transition:transform .2s ease}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:99}.main-content{margin-left:0;margin-top:56px;padding:var(--space-4)}.drawer{width:100%}.inbox-card-footer,.tx-row{flex-wrap:wrap}.tx-date{min-width:60px;font-size:12px}.tx-amount{min-width:auto}.hero-number{font-size:32px}.budget-matrix{max-height:none}.page-header{display:none}}