*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f6f7f9;color:#1a1a1a;-webkit-text-size-adjust:100%}.app{display:grid;grid-template-columns:220px 1fr}.app,.nav{min-height:100vh}.nav{background:#1f2937;color:#fff;padding:24px 16px;display:flex;flex-direction:column;gap:12px}.nav a{color:#cbd5e1;text-decoration:none;padding:8px 12px;border-radius:6px;display:block}.nav a:hover{background:#374151;color:#fff}.nav-toggle{top:12px;left:12px;z-index:30;background:#1f2937;color:#fff;border:none;width:40px;height:40px;border-radius:8px;font-size:20px;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.2)}.nav-backdrop,.nav-toggle{display:none;position:fixed}.nav-backdrop{inset:0;background:rgba(0,0,0,.45);z-index:20}.main{padding:32px;min-width:0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:16px;gap:16px;margin-bottom:24px}.card{background:#fff;border-radius:10px;padding:16px 20px;box-shadow:0 1px 3px rgba(0,0,0,.06)}.card .label{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.card .value{font-size:24px;font-weight:600;margin-top:4px}.card .value.positive{color:#059669}.card .value.negative{color:#dc2626}.card-with-tooltip{position:relative;cursor:help}.card-tooltip{display:none;position:absolute;top:100%;left:0;margin-top:6px;background:#1f2937;color:#f3f4f6;padding:12px 14px;border-radius:8px;font-size:12px;line-height:1.5;width:380px;max-width:calc(100vw - 24px);max-height:85vh;overflow-y:auto;scrollbar-width:thin;z-index:100;box-shadow:0 4px 12px rgba(0,0,0,.25);white-space:normal;word-break:break-word;text-transform:none;letter-spacing:0}.cards .card-with-tooltip:nth-child(4n) .card-tooltip,.cards .card-with-tooltip:nth-child(5n) .card-tooltip,.cards .card-with-tooltip:nth-child(5n-1) .card-tooltip,.cards .card-with-tooltip:nth-last-child(-n+2) .card-tooltip{left:auto;right:0}.card-with-tooltip:hover .card-tooltip{display:block}@media (hover:none){.card-with-tooltip:hover .card-tooltip{display:none}.card-with-tooltip:focus .card-tooltip,.card-with-tooltip:focus-within .card-tooltip{display:block}}.card-tooltip .formula{color:#fde68a;font-family:ui-monospace,monospace;font-size:13px;font-weight:600;padding:6px 8px;margin:4px 0;background:hsla(0,0%,100%,.08);border-radius:4px;line-height:1.4}.card-tooltip .row{display:flex;justify-content:space-between;padding:2px 0}.card-tooltip hr{border:0;border-top:1px solid hsla(0,0%,100%,.15);margin:8px 0}.date-range-popup{width:580px;max-width:calc(100vw - 24px)}.date-range-calendars{display:flex;gap:16px;flex-wrap:wrap}@media (max-width:640px){.date-range-popup{position:fixed!important;top:12px!important;right:12px!important;left:12px!important;max-height:calc(100vh - 24px);overflow-y:auto;width:auto!important}.date-range-calendars{flex-direction:column}}table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;font-size:14px}td,th{padding:10px 14px;text-align:left;border-bottom:1px solid #f3f4f6}th{background:#f9fafb;font-weight:600}h1{margin-top:0;font-size:22px}h2{font-size:18px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:8px}.page-header h1{margin-bottom:0}.date-range-picker{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.presets{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.preset-btn{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;padding:5px 12px;font-size:13px;cursor:pointer;border-radius:6px;white-space:nowrap}.preset-btn:hover{background:#e5e7eb}.preset-btn.active{background:#2563eb;color:#fff;border-color:#2563eb}.custom-range{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.custom-range label{display:flex;align-items:center;gap:4px;font-size:13px}.custom-range input[type=date]{padding:5px 8px;font-size:13px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}button,input,select,textarea{font:inherit;padding:8px 12px;border-radius:6px;border:1px solid #d1d5db;background:#fff;color:#1a1a1a}button{background:#2563eb;color:#fff;border:none;cursor:pointer;white-space:nowrap}button:hover{background:#1d4ed8}button:disabled{opacity:.6;cursor:not-allowed}@media (max-width:768px){.app,.nav-toggle{display:block}.nav{position:fixed;top:0;left:0;bottom:0;width:260px;transform:translateX(-100%);transition:transform .2s ease;z-index:25;overflow-y:auto}.nav--open{transform:translateX(0)}.nav--open~.nav-backdrop,.nav.nav--open+.nav-backdrop{display:block}.nav-backdrop{display:none}.app:has(.nav--open) .nav-backdrop{display:block}.main{padding:64px 16px 24px}h1{font-size:20px}.cards{grid-template-columns:repeat(2,1fr);gap:10px}.card{padding:12px 14px}.card .value{font-size:18px}.card .label{font-size:11px}table{font-size:13px}td,th{padding:8px 10px}table:not(.scroll-x table){display:block;overflow-x:auto;white-space:nowrap}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pan-y}.scroll-x table{white-space:nowrap}button,input,select{font-size:16px;padding:10px 12px}.row{gap:8px}.row>input,.row>select{flex:1 1 100%;min-width:0}}@media (max-width:480px){.cards{grid-template-columns:1fr}}