body{-webkit-font-smoothing:antialiased;margin:0}:root{--fg:#000;--bg:#fff;--muted:#666;--line:#ddd}*{box-sizing:border-box}body{color:var(--fg);background:var(--bg);margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}button,input,select{font:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit}.app{display:flex}aside{border-right:1px solid var(--line);background:var(--bg);z-index:100;width:180px;min-height:100vh;padding:24px;transition:transform .2s;position:fixed;top:0;bottom:0;left:0}aside.closed{transform:translate(-100%)}aside h1{margin:0 0 32px;font-size:1rem}aside nav a{color:var(--muted);padding:6px 0;display:block}aside nav a.active{color:var(--fg)}aside footer{border-top:1px solid var(--line);margin-top:48px;padding-top:16px}.menu-btn{z-index:101;border:1px solid var(--line);background:var(--bg);width:32px;height:32px;position:fixed;top:16px;left:16px}.overlay{z-index:99;background:#0003;position:fixed;inset:0}main{flex:1;margin-left:180px;padding:24px}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}header h2{margin:0;font-size:.95rem;font-weight:400}.actions{align-items:center;gap:8px;display:flex}.actions input,.actions select{border:1px solid var(--line);padding:5px 8px;font-size:.75rem}.grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px;display:grid}@media (width<=1200px){.grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grid{grid-template-columns:1fr}main{margin-left:0}}.card{border:1px solid var(--line);padding:16px}.card h3{color:var(--muted);margin:0 0 4px;font-size:.75rem;font-weight:400}.card p{color:var(--muted);margin:0;font-size:.75rem}.big{margin:8px 0;font-size:1.4rem}.row{justify-content:space-between;align-items:flex-start;display:flex}.small{color:var(--muted);font-size:.7rem}.chart{height:220px;margin:16px 0}.legend{color:var(--muted);gap:16px;font-size:.7rem;display:flex}.legend span span{background:var(--fg);width:10px;height:2px;margin-right:4px;display:inline-block}.split{grid-template-columns:2fr 1fr;gap:12px;margin-bottom:12px;display:grid}@media (width<=1024px){.split{grid-template-columns:1fr}}.product{margin-bottom:14px}.product:last-child{margin-bottom:0}.bar{background:var(--line);height:2px;margin-top:4px}.bar div{background:var(--fg);height:100%}table{border-collapse:collapse;width:100%;font-size:.75rem}th,td{text-align:left;border-bottom:1px solid var(--line);padding:10px 0}th{color:var(--muted);font-weight:400}.right{text-align:right}.link{border-bottom:1px solid var(--fg);font-size:.75rem}@media (width<=640px){.hide{display:none}.menu-btn{display:flex}}@media (width>=1024px){.menu-btn,.overlay{display:none}}