*{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}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}.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{display:block;overflow-x:auto;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}}