*,*:before,*:after{box-sizing:border-box}body{margin:0;background:#f5f6fa;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#1f1f1f}.page{max-width:1220px;margin:0 auto;padding:20px 14px 90px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px}.title-group{flex:1}.title-input{font-size:26px;font-weight:700;border:none;background:none;outline:none;padding:0}.subtitle{margin-top:4px;font-size:12px;color:#666}.user-row{margin-top:6px;font-size:12px;color:#777}.ghost-btn{margin-top:10px;background:transparent;border:1px solid #ccc;color:#333;border-radius:8px;padding:6px 12px;font-size:13px;cursor:pointer}.tab-switch{display:flex;background:#eaeaea;padding:4px;border-radius:10px;gap:4px;height:fit-content}.tab-btn{border:none;background:transparent;padding:6px 14px;border-radius:8px;cursor:pointer;font-size:13px;color:#555}.tab-btn.active{background:#111;color:#fff}.card{background:white;border:1px solid #e1e1e1;padding:16px 18px;border-radius:10px;margin-bottom:20px}.card-header{display:flex;justify-content:space-between;align-items:center}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.summary-label{font-size:12px;color:#777}.summary-value{font-size:20px;font-weight:600}.negative{color:#e54a4a}.positive{color:#1aa36f}.budget-progress-wrapper{grid-column:1 / -1}.budget-progress-bg{width:100%;height:10px;background:#e5e7eb;border-radius:6px;overflow:hidden}.budget-progress-fill{height:100%;background:linear-gradient(90deg,#ef4444,#f59e0b);transition:width .4s ease}.budget-progress-text{margin-top:4px;font-size:12px;color:#6b7280}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.col{display:flex;flex-direction:column;gap:20px}.full-width{grid-column:1 / -1}.form-row{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.input{border:1px solid #ddd;border-radius:6px;padding:8px 10px;font-size:14px}.pill-switch{display:flex;background:#eee;padding:3px;border-radius:8px;gap:6px;margin-bottom:12px}.pill{background:transparent;border:none;padding:6px 14px;border-radius:6px;cursor:pointer;color:#555}.pill.active{background:#111;color:#fff}.btn{padding:8px 14px;border-radius:6px;border:none;cursor:pointer;font-size:14px}.primary-btn{background:#111;color:#fff}.delete-btn{background:#e54a4a;color:#fff;padding:6px 10px}.tiny-btn{padding:4px 8px;font-size:12px}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;padding:8px;font-size:12px;color:#777;border-bottom:1px solid #eee}.table td{padding:8px;border-bottom:1px solid #f2f2f2}.loading-screen{height:100vh;display:flex;justify-content:center;align-items:center}.spinner{width:24px;height:24px;border:3px solid #ddd;border-top-color:#111;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 900px){.page-header{flex-direction:column}}@media (max-width: 540px){.two-col{grid-template-columns:1fr}.summary-grid{grid-template-columns:1fr 1fr}.table{display:block;overflow-x:auto}}.tabbar{position:fixed;bottom:0;left:0;right:0;height:62px;background:#fff;border-top:1px solid #ddd;display:flex;justify-content:space-around;align-items:center;font-size:12px;padding-bottom:env(safe-area-inset-bottom);z-index:1000}.tab-item{display:flex;flex-direction:column;align-items:center;color:#444;cursor:pointer}.tab-item span{font-size:11px}@media (min-width: 768px){.tabbar{display:none}}