@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap);*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:#1a1a24;--bg-input:#22222e;--border-color:#2a2a3a;--border-accent:#3a3a4f;--text-primary:#f0f0f5;--text-secondary:#88a;--text-muted:#556;--accent-blue:#00b0f0;--accent-green:#92d050;--accent-purple:#9d7ae5;--accent-orange:#f0a040;--accent-red:#f04040;--input-field:#2d2d3a;--calculated-bg:#00b0f014;--calculated-border:#00b0f04d;--shadow-glow:0 0 60px #00b0f01a}body{background:#0a0a0f;background:var(--bg-primary);color:#f0f0f5;color:var(--text-primary);font-family:DM Sans,-apple-system,sans-serif;line-height:1.6;min-height:100vh}.container{margin:0 auto;max-width:1400px;padding:40px 24px}.header{margin-bottom:48px;position:relative}.header:after{background:linear-gradient(90deg,#00b0f0,#0000);background:linear-gradient(90deg,var(--accent-blue) 0,#0000 100%);bottom:-24px;content:"";height:1px;left:0;position:absolute;width:100%}.logo-row{gap:16px;margin-bottom:8px}.logo-icon,.logo-row{align-items:center;display:flex}.logo-icon{background:linear-gradient(135deg,#00b0f0,#9d7ae5);background:linear-gradient(135deg,var(--accent-blue) 0,var(--accent-purple) 100%);border-radius:12px;box-shadow:0 4px 24px #00b0f04d;color:#fff;font-size:20px;font-weight:700;height:48px;justify-content:center;width:48px}.header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f0f0f5,#88a);background:linear-gradient(135deg,var(--text-primary) 0,var(--text-secondary) 100%);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;letter-spacing:-.5px}.header-subtitle{color:#88a;color:var(--text-secondary);font-size:14px;margin-top:4px}.header-actions{display:flex;flex-wrap:wrap;gap:12px;position:absolute;right:0;top:0}.month-tabs{background:#12121a;background:var(--bg-secondary);border:1px solid #2a2a3a;border:1px solid var(--border-color);border-radius:16px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px;padding:8px}.month-tab{background:#0000;border:none;border-radius:10px;color:#88a;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;padding:12px 24px;position:relative;transition:all .2s ease}.month-tab:hover{background:#22222e;background:var(--bg-input);color:#f0f0f5;color:var(--text-primary)}.month-tab.active{background:#00b0f0;background:var(--accent-blue);box-shadow:0 4px 16px #00b0f04d;color:#fff}.month-tab .badge{background:#92d050;background:var(--accent-green);border-radius:50%;display:none;height:8px;position:absolute;right:4px;top:4px;width:8px}.month-tab.has-data .badge{display:block}.content-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:320px 1fr}@media (max-width:1024px){.content-grid{grid-template-columns:1fr}}.client-panel{background:#1a1a24;background:var(--bg-card);border:1px solid #2a2a3a;border:1px solid var(--border-color);border-radius:20px;height:-webkit-fit-content;height:fit-content;overflow:hidden;position:-webkit-sticky;position:sticky;top:24px}.client-panel-header{border-bottom:1px solid #2a2a3a;border-bottom:1px solid var(--border-color);padding:20px}.client-panel-header h3{color:#88a;color:var(--text-secondary);font-size:14px;font-weight:600;letter-spacing:1px;margin-bottom:12px;text-transform:uppercase}.client-search{position:relative}.client-search input{background:#22222e;background:var(--bg-input);border:1px solid #2a2a3a;border:1px solid var(--border-color);border-radius:10px;color:#f0f0f5;color:var(--text-primary);font-family:inherit;font-size:14px;padding:12px 16px 12px 44px;transition:all .2s ease;width:100%}.client-search input:focus{border-color:#00b0f0;border-color:var(--accent-blue);box-shadow:0 0 0 3px #00b0f01a;outline:none}.client-search input::placeholder,.client-search svg{color:#556;color:var(--text-muted)}.client-search svg{left:14px;position:absolute;top:50%;transform:translateY(-50%)}.client-list{max-height:400px;overflow-y:auto}.client-item{border-bottom:1px solid #2a2a3a;border-bottom:1px solid var(--border-color);cursor:pointer;padding:16px 20px;transition:all .2s ease}.client-item:hover{background:#22222e;background:var(--bg-input)}.client-item.selected{background:#00b0f01a;border-left:3px solid #00b0f0;border-left:3px solid var(--accent-blue)}.client-item .client-name{font-size:14px;font-weight:500;margin-bottom:4px}.client-item .client-type{color:#88a;color:var(--text-secondary);font-size:12px}.client-item .client-id{color:#00b0f0;color:var(--accent-blue);font-family:JetBrains Mono,monospace;font-size:11px;margin-top:4px}.client-item.has-draft{border-left:3px solid #f0a040;border-left:3px solid var(--accent-orange)}.client-item.has-submitted{border-left:3px solid #92d050;border-left:3px solid var(--accent-green)}.data-form{background:#1a1a24;background:var(--bg-card);border:1px solid #2a2a3a;border:1px solid var(--border-color);border-radius:20px;box-shadow:0 0 60px #00b0f01a;box-shadow:var(--shadow-glow);overflow:hidden}.form-header{align-items:center;border-bottom:1px solid #2a2a3a;border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:24px}.form-header-info h2{font-size:20px;font-weight:600;margin-bottom:4px}.form-header-info span{color:#88a;color:var(--text-secondary);font-size:13px}.month-badge{align-items:center;background:linear-gradient(135deg,#00b0f0,#9d7ae5);background:linear-gradient(135deg,var(--accent-blue) 0,var(--accent-purple) 100%);border-radius:20px;color:#fff;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:8px 16px}.form-body{padding:24px}.section{margin-bottom:32px}.section:last-child{margin-bottom:0}.section-header{gap:12px;margin-bottom:20px}.section-header,.section-icon{align-items:center;display:flex}.section-icon{background:#22222e;background:var(--bg-input);border-radius:10px;color:#00b0f0;color:var(--accent-blue);height:36px;justify-content:center;width:36px}.section-title{font-size:16px;font-weight:600}.section-subtitle{color:#88a;color:var(--text-secondary);font-size:12px}.input-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.input-group{position:relative}.input-group label{color:#88a;color:var(--text-secondary);display:block;font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.input-group input,.input-group select,.input-group textarea{background:#2d2d3a;background:var(--input-field);border:1px solid #2a2a3a;border:1px solid var(--border-color);border-radius:10px;color:#f0f0f5;color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:14px;padding:14px 16px;transition:all .2s ease;width:100%}.input-group select{-webkit-appearance:none;appearance:none;background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:40px}.input-group select option{background:#1a1a24;background:var(--bg-card);color:#f0f0f5;color:var(--text-primary)}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{border-color:#00b0f0;border-color:var(--accent-blue);box-shadow:0 0 0 3px #00b0f01a;outline:none}.input-group input::placeholder,.input-group textarea::placeholder{color:#556;color:var(--text-muted)}.input-group.calculated input{background:#00b0f014;background:var(--calculated-bg);border-color:#00b0f04d;border-color:var(--calculated-border)}.input-group.calculated input,.input-group.calculated label,.input-group.calculated:after{color:#00b0f0;color:var(--accent-blue)}.input-group.calculated:after{background:#00b0f014;background:var(--calculated-bg);border-radius:4px;content:"AUTO";font-size:9px;font-weight:700;padding:2px 6px;position:absolute;right:0;top:0}.input-prefix{position:relative}.input-prefix input{padding-left:40px}.input-prefix span{color:#556;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:14px;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.remarks-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}@media (max-width:768px){.remarks-grid{grid-template-columns:1fr}}.remarks-box{background:#22222e;background:var(--bg-input);border:1px solid #2a2a3a;border:1px solid var(--border-color);border-radius:12px;padding:16px}.remarks-box label{align-items:center;display:flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:12px}.remarks-box label .dot{border-radius:50%;height:8px;width:8px}.remarks-box.iprs label .dot{background:#f0a040;background:var(--accent-orange)}.remarks-box.prs label .dot{background:#92d050;background:var(--accent-green)}.remarks-box textarea{background:#12121a;background:var(--bg-secondary);border:1px solid #2a2a3a;border:1px solid var(--border-color);border-radius:8px;color:#f0f0f5;color:var(--text-primary);font-family:inherit;font-size:14px;min-height:80px;padding:12px;resize:vertical;width:100%}.remarks-box textarea:focus{border-color:#00b0f0;border-color:var(--accent-blue);outline:none}.summary-card{background:linear-gradient(135deg,#00b0f01a,#9d7ae51a);border:1px solid #00b0f04d;border:1px solid var(--calculated-border);border-radius:16px;margin-top:24px;padding:24px}.summary-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.summary-header h3{color:#00b0f0;color:var(--accent-blue);font-size:16px;font-weight:600}.summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.summary-item{background:#1a1a24;background:var(--bg-card);border-radius:12px;padding:16px;text-align:center}.summary-item .label{color:#88a;color:var(--text-secondary);font-size:11px;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.summary-item .value{color:#00b0f0;color:var(--accent-blue);font-family:JetBrains Mono,monospace;font-size:20px;font-weight:600}.form-actions{background:#12121a;background:var(--bg-secondary);border-top:1px solid #2a2a3a;border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;padding:24px}.btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;padding:14px 28px;transition:all .2s ease}.btn-secondary{background:#22222e;background:var(--bg-input);border:1px solid #2a2a3a;border:1px solid var(--border-color);color:#f0f0f5;color:var(--text-primary)}.btn-secondary:hover{background:#2a2a3a;background:var(--border-color)}.btn-primary{background:linear-gradient(135deg,#00b0f0,#9d7ae5);background:linear-gradient(135deg,var(--accent-blue) 0,var(--accent-purple) 100%);box-shadow:0 4px 16px #00b0f04d;color:#fff}.btn-primary:hover{box-shadow:0 6px 24px #00b0f066;transform:translateY(-2px)}.btn-success{background:linear-gradient(135deg,#92d050,#6ab040);background:linear-gradient(135deg,var(--accent-green) 0,#6ab040 100%);color:#fff}.btn-success:hover{transform:translateY(-2px)}.btn-warning{background:linear-gradient(135deg,#f0a040,#d08030);background:linear-gradient(135deg,var(--accent-orange) 0,#d08030 100%);color:#fff}.btn-warning:hover{transform:translateY(-2px)}.btn-danger{background:#22222e;background:var(--bg-input);border:1px solid #f04040;border:1px solid var(--accent-red);color:#f04040;color:var(--accent-red)}.btn-danger:hover{background:#f040401a}.toast{align-items:center;background:#1a1a24;background:var(--bg-card);border:1px solid #92d050;border:1px solid var(--accent-green);border-radius:12px;bottom:24px;box-shadow:0 8px 32px #0000004d;display:flex;gap:12px;opacity:0;padding:16px 24px;position:fixed;right:24px;transform:translateY(100px);transition:all .3s ease;z-index:1000}.toast.show{opacity:1;transform:translateY(0)}.toast.error{border-color:#f04040;border-color:var(--accent-red)}.toast.warning{border-color:#f0a040;border-color:var(--accent-orange)}.toast svg{color:#92d050;color:var(--accent-green)}.toast.error svg{color:#f04040;color:var(--accent-red)}.toast.warning svg{color:#f0a040;color:var(--accent-orange)}.toast span{font-size:14px;font-weight:500}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:none;justify-content:center;left:0;padding:24px;position:fixed;right:0;top:0;z-index:1000}.modal,.modal-overlay.show{display:flex}.modal{background:#1a1a24;background:var(--bg-card);border:1px solid #2a2a3a;border:1px solid var(--border-color);border-radius:20px;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:100%}.modal-header{align-items:center;border-bottom:1px solid #2a2a3a;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:24px}.modal-header h3{font-size:18px;font-weight:600}.modal-close{background:none;border:none;border-radius:8px;color:#88a;color:var(--text-secondary);cursor:pointer;padding:8px}.modal-close:hover{background:#22222e;background:var(--bg-input);color:#f0f0f5;color:var(--text-primary)}.modal-body{flex:1 1;overflow-y:auto;padding:24px}.modal-footer{border-top:1px solid #2a2a3a;border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.status-indicator{align-items:center;border-radius:6px;display:inline-flex;font-size:11px;font-weight:600;gap:6px;margin-left:12px;padding:4px 10px;text-transform:uppercase}.status-indicator.draft{background:#f0a04033;color:#f0a040;color:var(--accent-orange)}.status-indicator.submitted{background:#92d05033;color:#92d050;color:var(--accent-green)}.status-indicator .dot{background:currentColor;border-radius:50%;height:6px;width:6px}.legend{background:#12121a;background:var(--bg-secondary);border-radius:12px;display:flex;flex-wrap:wrap;gap:24px;margin-bottom:24px;padding:16px 24px}.legend-item{align-items:center;color:#88a;color:var(--text-secondary);display:flex;font-size:12px;gap:8px}.legend-item .swatch{border-radius:4px;height:16px;width:16px}.legend-item .swatch.input{background:#2d2d3a;background:var(--input-field);border:1px solid #2a2a3a;border:1px solid var(--border-color)}.legend-item .swatch.calculated{background:#00b0f014;background:var(--calculated-bg);border:1px solid #00b0f04d;border:1px solid var(--calculated-border)}.legend-item .swatch.draft{background:#f0a040;background:var(--accent-orange)}.legend-item .swatch.submitted{background:#92d050;background:var(--accent-green)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#12121a;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#3a3a4f;background:var(--border-accent);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#556;background:var(--text-muted)}.empty-state{color:#88a;color:var(--text-secondary);padding:60px 20px;text-align:center}.empty-state h3{color:#f0f0f5;color:var(--text-primary);font-size:18px;margin-bottom:8px}.empty-state p{font-size:14px}.reports-overlay{background:#0a0a0f;background:var(--bg-primary);bottom:0;display:none;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:2000}.reports-overlay.show{display:flex}.reports-sidebar{background:#12121a;background:var(--bg-secondary);border-right:1px solid #2a2a3a;border-right:1px solid var(--border-color);flex-shrink:0;height:100vh;overflow-y:auto;padding:24px 0;width:280px}.reports-sidebar-header{align-items:center;border-bottom:1px solid #2a2a3a;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:16px;padding:0 20px 24px}.reports-close-btn{background:#22222e;background:var(--bg-input);border:1px solid #2a2a3a;border:1px solid var(--border-color);border-radius:8px;color:#88a;color:var(--text-secondary);cursor:pointer;padding:8px;transition:all .2s ease}.reports-close-btn:hover{background:#1a1a24;background:var(--bg-card);color:#f0f0f5;color:var(--text-primary)}.nav-section{padding:8px 12px}.nav-section-title{color:#556;color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:1.5px;padding:12px 12px 8px;text-transform:uppercase}.nav-item{align-items:center;background:none;border:none;border-radius:10px;color:#88a;color:var(--text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:500;gap:12px;margin-bottom:4px;padding:12px 16px;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.nav-item:hover{background:#22222e;background:var(--bg-input);color:#f0f0f5;color:var(--text-primary)}.nav-item.active{background:#00b0f026;color:#00b0f0;color:var(--accent-blue)}.nav-item svg{flex-shrink:0;height:18px;width:18px}.reports-main{flex:1 1;height:100vh;overflow-y:auto;padding:32px}.report-page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:32px}.report-page-title h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f0f0f5,#88a);background:linear-gradient(135deg,var(--text-primary) 0,var(--text-secondary) 100%);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;margin-bottom:8px}.report-page-title p{color:#88a;color:var(--text-secondary);font-size:14px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:32px}.stat-card{background:#1a1a24;background:var(--bg-card);border:1px solid #2a2a3a;border:1px solid var(--border-color);border-radius:16px;overflow:hidden;padding:24px;position:relative}.stat-card:before{background:#00b0f0;background:var(--card-accent,var(--accent-blue));content:"";height:3px;left:0;position:absolute;right:0;top:0}.stat-card .stat-label{color:#88a;color:var(--text-secondary);font-size:12px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.stat-card .stat-value{color:#f0f0f5;color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:28px;font-weight:700}.report-container{background:#1a1a24;background:var(--bg-card);border:1px solid #2a2a3a;border:1px solid var(--border-color);border-radius:16px;margin-bottom:24px;overflow:hidden}.report-header{align-items:center;border-bottom:1px solid #2a2a3a;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px}.report-header h3{align-items:center;display:flex;font-size:16px;font-weight:600;gap:10px}.report-header .count{background:#22222e;background:var(--bg-input);border-radius:20px;color:#88a;color:var(--text-secondary);font-size:12px;font-weight:500;padding:4px 10px}.table-wrapper{overflow-x:auto}.report-table{border-collapse:collapse;width:100%}.report-table thead{background:#12121a;background:var(--bg-secondary)}.report-table th{color:#88a;color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.report-table td,.report-table th{border-bottom:1px solid #2a2a3a;border-bottom:1px solid var(--border-color);white-space:nowrap}.report-table td{font-size:13px;padding:16px}.report-table tr:hover{background:#22222e;background:var(--bg-input)}.report-table tr:last-child td{border-bottom:none}.client-cell{gap:12px}.client-avatar,.client-cell{align-items:center;display:flex}.client-avatar{background:linear-gradient(135deg,#00b0f0,#9d7ae5);background:linear-gradient(135deg,var(--accent-blue) 0,var(--accent-purple) 100%);border-radius:8px;color:#fff;font-size:12px;font-weight:600;height:36px;justify-content:center;width:36px}.client-info .name{font-weight:500;margin-bottom:2px}.client-info .id{color:#556;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:11px}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;gap:6px;padding:4px 10px;text-transform:capitalize}.status-badge.yes{background:#92d05026;color:#92d050;color:var(--accent-green)}.status-badge.no{background:#f0505026;color:#f04040;color:var(--accent-red)}.status-badge.pending{background:#f0a04026;color:#f0a040;color:var(--accent-orange)}.amount{font-family:JetBrains Mono,monospace;font-weight:500}.amount.positive{color:#92d050;color:var(--accent-green)}.amount.negative{color:#f04040;color:var(--accent-red)}.amount.highlight{color:#00b0f0;color:var(--accent-blue)}.summary-row{background:#12121a!important;background:var(--bg-secondary)!important;font-weight:600}.summary-row td{border-top:2px solid #00b0f0;border-top:2px solid var(--accent-blue)}.report-section{display:none}.report-section.active{display:block}.filter-bar{align-items:flex-end;background:#1a1a24;background:var(--bg-card);border:1px solid #2a2a3a;border:1px solid var(--border-color);border-radius:14px;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:16px 20px}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{color:#88a;color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.filter-group select{background:#22222e;background:var(--bg-input);border:1px solid #2a2a3a;border:1px solid var(--border-color);border-radius:8px;color:#f0f0f5;color:var(--text-primary);font-family:inherit;font-size:13px;min-width:160px;padding:10px 14px}.filter-group select:focus{border-color:#00b0f0;border-color:var(--accent-blue);outline:none}@media (max-width:768px){.reports-sidebar{left:-280px;position:fixed;transition:left .3s ease;z-index:100}.reports-sidebar.open{left:0}.reports-main{padding:20px}}
/*# sourceMappingURL=main.29aa1ef6.css.map*/