:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--primary:#334155;--bg:#f8fafc;--card-bg:#fff;--success:#10b981;--danger:#ef4444;--table-header-bg:#f8fafc;--table-row-even:#f8fafc;--table-row-odd:#fff;--shadow-light:0 1px 3px 0 #00000008;--shadow-medium:0 4px 6px -1px #0000000d;--shadow-hover:0 10px 15px -3px #0000000f}body{background-color:var(--bg);color:var(--primary);margin:0;font-family:-apple-system,system-ui,sans-serif;line-height:1.6}.summary-cards{gap:24px;margin-bottom:32px;padding:32px;grid-template-columns:repeat(3,1fr)!important;display:grid!important}.card{box-shadow:var(--shadow-medium);background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid #e2e8f0;border-radius:20px;padding:32px;transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.card:first-child{color:#065f46;background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border-color:#a7f3d0}.card:nth-child(2){color:#991b1b;background:linear-gradient(135deg,#fef2f2 0%,#fecaca 100%);border-color:#fca5a5}.card:nth-child(3){color:#075985;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border-color:#bae6fd}.amount{color:#0f172a;margin:12px 0;font-family:SF Mono,Roboto Mono,monospace;font-size:1.1rem;font-weight:600;line-height:1.2}.label{color:#64748b;font-size:.875rem;font-weight:500}.project-table{border-collapse:separate;border-spacing:0;border:none;width:100%;min-width:1300px;font-size:.9rem}.project-table thead{background-color:var(--table-header-bg)}.project-table th{text-align:left;color:#475569;white-space:nowrap;border:none;border-bottom:2px solid #e2e8f0;padding:12px 10px;font-size:.95rem;font-weight:600}.project-table td{vertical-align:middle;border:none;border-bottom:1px solid #f1f5f9;padding:10px;font-size:.9rem}.project-table tbody tr:nth-child(2n){background-color:var(--table-row-even)}.project-table tbody tr:nth-child(odd){background-color:var(--table-row-odd)}.project-table tbody tr:hover{background-color:#f8fafc}.project-table-container{box-shadow:var(--shadow-light);background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:auto hidden}.project-table th:first-child,.project-table td:first-child{text-align:center;width:50px;min-width:50px;max-width:60px}.project-table th:nth-child(2),.project-table td:nth-child(2){text-overflow:ellipsis;white-space:nowrap;min-width:150px;max-width:200px;overflow:hidden}.project-table th:nth-child(3),.project-table td:nth-child(3){text-overflow:ellipsis;white-space:nowrap;min-width:180px;max-width:250px;overflow:hidden}.project-table th:nth-child(4),.project-table td:nth-child(4){white-space:nowrap;width:100px;min-width:100px;max-width:100px}.project-table th:nth-child(5),.project-table td:nth-child(5){text-overflow:ellipsis;white-space:nowrap;width:120px;min-width:120px;max-width:150px;overflow:hidden}.project-table th:nth-child(6),.project-table td:nth-child(6){text-align:center;width:100px;min-width:100px;max-width:100px}.project-table th:nth-child(7),.project-table th:nth-child(8),.project-table th:nth-child(9),.project-table td:nth-child(7),.project-table td:nth-child(8),.project-table td:nth-child(9){text-align:right;width:110px;min-width:110px;max-width:110px;font-family:SF Mono,Roboto Mono,monospace;font-size:1.1rem}.project-table th:nth-child(10),.project-table td:nth-child(10){text-align:right;width:130px;min-width:130px;max-width:130px;font-family:SF Mono,Roboto Mono,monospace;font-size:1.1rem;font-weight:600}.project-table th:nth-child(11),.project-table td:nth-child(11){word-wrap:break-word;white-space:normal;min-width:250px;max-width:350px}.status-badge{box-shadow:var(--shadow-light);white-space:nowrap;border:none;border-radius:999px;padding:8px 20px;font-size:13px;font-weight:500;transition:all .2s;display:inline-block}.status-completed{color:#7e22ce;background-color:#f3e8ff}.status-ongoing{color:#065f46;background-color:#d1fae5}.status-pending{color:#9a3412;background-color:#ffedd5}.amount{font-family:SF Mono,Roboto Mono,monospace;font-weight:500}.amount.positive{color:#059669}.amount.negative{color:#dc2626}.amount.receivable{color:#059669}.amount.payable{color:#dc2626}.filter-toolbar{box-shadow:var(--shadow-light);background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;margin:32px 0;padding:24px 32px}.filter-container{flex-wrap:wrap;align-items:center;gap:32px;display:flex}.search-box{flex:1;min-width:320px}.search-input{width:100%;box-shadow:var(--shadow-light);background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:14px;padding:14px 20px;font-size:15px;transition:all .2s}.search-input:focus{background-color:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f626,0 4px 12px #3b82f61a}.search-input::placeholder{color:#94a3b8}.status-filter{gap:12px;display:flex}.status-button{color:#475569;cursor:pointer;box-shadow:var(--shadow-light);background-color:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:10px 24px;font-size:15px;font-weight:500;transition:all .2s}.status-button:hover{box-shadow:var(--shadow-medium);background-color:#f1f5f9;border-color:#94a3b8;transform:translateY(-1px)}.status-button.active{color:#0369a1;background-color:#e0f2fe;border-color:#bae6fd;font-weight:600}.filter-stats{color:#64748b;box-shadow:var(--shadow-light);background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-left:auto;padding:10px 20px;font-size:15px}.filter-stats strong{color:#334155}.dual-column-layout{grid-template-columns:1fr 1fr;gap:32px;margin-bottom:32px;display:grid}.column-section{box-shadow:var(--shadow-light);background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden}.column-header{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.column-header h3{color:#334155;margin:0;font-size:18px;font-weight:600}.add-button{color:#0369a1;cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-light);background-color:#e0f2fe;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.add-button:hover{color:#075985;box-shadow:var(--shadow-medium);background-color:#bae6fd;transform:translateY(-2px)}.column-table{border-collapse:collapse;width:100%;font-size:.9rem}.column-table thead{background-color:#f8fafc}.column-table th{text-align:left;color:#475569;white-space:nowrap;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-weight:600}.column-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 16px}.column-table tbody tr:hover{background-color:#f8fafc}.financial-analysis-section{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid #e2e8f0;border-radius:16px;margin-top:24px;padding:24px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.analysis-cards{grid-template-columns:repeat(2,1fr);gap:24px;margin-top:20px;display:grid}.analysis-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.analysis-card h3{color:#1e293b;margin-bottom:16px;font-size:18px;font-weight:600}.ratio-stat .stat-value,.status-count,.ratio-chart .receivable-portion,.ratio-chart .payable-portion{color:#1e293b;font-weight:700}.ratio-chart{margin-bottom:20px}.ratio-bar{border-radius:8px;height:32px;margin-bottom:12px;display:flex;overflow:hidden}.receivable-portion{color:#fff;background-color:#10b981;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.payable-portion{color:#fff;background-color:#ef4444;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.ratio-stats{justify-content:space-between;display:flex}.ratio-stat{text-align:center}.stat-label{color:#64748b;margin-bottom:4px;font-size:14px}.stat-value{font-size:18px;font-weight:700}.status-distribution{flex-direction:column;gap:16px;display:flex}.status-item{align-items:center;gap:12px;display:flex}.status-label{color:#64748b;width:80px;font-size:14px}.status-bar{background-color:#e2e8f0;border-radius:4px;flex:1;height:8px;overflow:hidden}.status-fill{height:100%}.status-fill.completed{background-color:#10b981}.status-fill.ongoing{background-color:#f59e0b}.status-fill.pending{background-color:#6366f1}.status-count{text-align:right;color:#1e293b;width:60px;font-weight:700}.empty-table-message{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-icon{opacity:.5;margin-bottom:20px;font-size:48px}.empty-table-message h3{color:#475569;margin-bottom:8px;font-size:20px;font-weight:600}.empty-table-message p{color:#94a3b8;font-size:14px}.edit-button{color:#0369a1;cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-light);background-color:#e0f2fe;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.edit-button:hover{color:#075985;box-shadow:var(--shadow-medium);background-color:#bae6fd;transform:translateY(-2px)}.edit-button:active{transform:translateY(0)}.project-table th:nth-child(12),.project-table td:nth-child(12){text-align:center;width:100px;min-width:100px;max-width:100px}.edit-disabled{color:#94a3b8;white-space:nowrap;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:6px 12px;font-size:.85rem;display:inline-block}.edit-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.edit-modal{background-color:#fff;border-radius:16px;width:90%;max-width:800px;max-height:90vh;animation:.3s ease-out modalSlideIn;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.edit-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.edit-modal-header h3{color:#1e293b;margin:0;font-size:1.25rem;font-weight:600}.edit-modal-close{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.5rem;transition:all .2s;display:flex}.edit-modal-close:hover{color:#475569;background-color:#f1f5f9}.edit-modal-content{padding:24px}.edit-form-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.edit-form-group{flex-direction:column;gap:8px;display:flex}.edit-form-group.full-width{grid-column:1/-1}.edit-form-group label{color:#475569;font-size:.875rem;font-weight:500}.edit-form-group input,.edit-form-group select,.edit-form-group textarea{background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:10px 12px;font-size:.875rem;transition:all .2s}.edit-form-group input:focus,.edit-form-group select:focus,.edit-form-group textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f626}.edit-form-group textarea{resize:vertical;min-height:80px;font-family:inherit}.edit-modal-actions{background-color:#f8fafc;border-top:1px solid #e2e8f0;border-bottom-right-radius:16px;border-bottom-left-radius:16px;gap:12px;padding:20px 24px;display:flex}.edit-modal-save{color:#fff;cursor:pointer;background-color:#10b981;border:none;border-radius:8px;flex:1;padding:12px 20px;font-size:.875rem;font-weight:600;transition:all .2s}.edit-modal-save:hover{background-color:#059669;transform:translateY(-1px);box-shadow:0 4px 6px -1px #10b98133}.edit-modal-cancel{color:#64748b;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;flex:1;padding:12px 20px;font-size:.875rem;font-weight:500;transition:all .2s}.edit-modal-cancel:hover{background-color:#f1f5f9;border-color:#94a3b8}.welcome-banner{color:#fff;box-shadow:var(--shadow-medium);background:linear-gradient(135deg,#94a3b8 0%,#64748b 100%);border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:32px;padding:40px 48px;animation:.5s ease-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.welcome-content h2{color:#f8fafc;margin:0 0 16px;font-size:32px;font-weight:700}.welcome-content h2 .user-name-bold{color:#fff;font-weight:800}.welcome-content p{opacity:.95;color:#e2e8f0;margin:0;font-size:18px}.welcome-actions .add-project-button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff40;border:2px solid #ffffff80;border-radius:14px;padding:16px 32px;font-size:17px;font-weight:600;transition:all .3s}.welcome-actions .add-project-button:hover{background:#ffffff59;border-color:#ffffffb3;transform:translateY(-3px);box-shadow:0 10px 25px #ffffff40}.user-action-bar{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px 24px;display:flex;box-shadow:0 2px 8px #0000000d}.action-info{flex-direction:column;gap:4px;display:flex}.action-info span{color:#64748b;font-size:14px}.action-info span strong{color:#1e293b;font-weight:600}.action-hint{color:#94a3b8;font-size:12px;font-style:italic}