:root{--bg-primary: #0A0A0F;--bg-card: #13131A;--bg-card-hover: #1A1A26;--bg-input: #0F0F18;--color-green: #10B981;--color-green-dim: #0D9166;--color-blue: #3B82F6;--color-amber: #F59E0B;--color-red: #EF4444;--color-gray: #6B7280;--text-primary: #F8FAFC;--text-secondary: #94A3B8;--text-muted: #4B5563;--border: #1E1E2E;--border-subtle: #16161F;--font-ui: "IBM Plex Sans", -apple-system, sans-serif;--font-mono: "IBM Plex Mono", "Courier New", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-pill: 999px}@keyframes overduePulse{0%,to{box-shadow:inset 2px 0 0 var(--color-red),inset 6px 0 12px #ef44441f}50%{box-shadow:inset 2px 0 0 var(--color-red),inset 6px 0 28px #ef444461}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes expandDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:200px}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-ui);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.5}#root{min-height:100vh}.mono{font-family:var(--font-mono)}.text-green{color:var(--color-green)}.text-red{color:var(--color-red)}.text-amber{color:var(--color-amber)}.text-blue{color:var(--color-blue)}.text-muted{color:var(--text-secondary)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.card-sm{padding:16px}.section-label{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:16px}.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;letter-spacing:.03em;white-space:nowrap}.pill-paid{background:#10b98126;color:var(--color-green)}.pill-pending{background:#f59e0b26;color:var(--color-amber)}.pill-overdue{background:#ef444426;color:var(--color-red)}.pill-draft{background:transparent;color:var(--color-gray);border:1px solid var(--color-gray)}.pill-green{background:#10b98126;color:var(--color-green)}.pill-amber{background:#f59e0b26;color:var(--color-amber)}.pill-red{background:#ef444426;color:var(--color-red)}.input-field{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;font-family:var(--font-mono);font-size:14px;color:var(--text-primary);outline:none;transition:border-color .15s ease}.input-field:focus{border-color:var(--color-green);box-shadow:0 0 0 3px #10b9811f}.input-field::placeholder{color:var(--text-muted)}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:var(--radius-sm);font-family:var(--font-ui);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease;border:none;outline:none}.btn-green{background:var(--color-green);color:#000}.btn-green:hover{background:#0ea572}.btn-amber-outline{background:transparent;color:var(--color-amber);border:1px solid var(--color-amber)}.btn-amber-outline:hover{background:#f59e0b1a}.btn-recalculate{width:100%;justify-content:center;background:var(--color-green);color:#000;font-size:14px;padding:11px 18px;margin-top:8px}.btn-recalculate:hover{background:#0ea572;transform:translateY(-1px)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.divider{width:1px;background:var(--border);align-self:stretch}.divider-h{height:1px;background:var(--border);width:100%;margin:16px 0}.recharts-tooltip-wrapper .recharts-default-tooltip{background:var(--bg-card-hover)!important;border:1px solid var(--border)!important;border-radius:var(--radius-sm)!important}.recharts-cartesian-axis-tick-value{font-family:var(--font-mono);font-size:11px;fill:var(--text-secondary)!important}@media(max-width:768px){.hide-mobile{display:none!important}}@media(min-width:769px){.hide-desktop{display:none!important}}