*{box-sizing:border-box}body{color:#0f172a;background:#f6f7f9;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{max-width:1100px;min-height:100vh;margin:0 auto;padding:16px}header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.brand{font-size:20px;font-weight:800}.brand small{color:#64748b;font-size:13px;font-weight:500}.logo{color:#f1641e}.privacy{color:#047857;background:#ecfdf5;border-radius:999px;padding:6px 10px;font-size:13px}.drop{text-align:center;background:#fff;border:2px dashed #cbd5e1;border-radius:16px;padding:48px 24px}.drop.over{background:#fff7ed;border-color:#f1641e}.drop h1{margin:0 0 8px;font-size:clamp(24px,5vw,38px)}.drop em{color:#f1641e;font-style:normal}.drop p{color:#475569;max-width:560px;margin:0 auto 20px}.drop details{text-align:left;margin-top:24px;color:#475569;max-width:560px;margin-inline:auto;font-size:14px}.btn{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;margin:4px;padding:12px 18px;font-size:15px;font-weight:600;display:inline-block}.btn.primary{color:#fff;background:#f1641e;border-color:#f1641e}.btn.small{padding:6px 10px;font-size:13px}.bar{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;display:flex}.files{flex-wrap:wrap;flex:1;gap:4px;display:flex}.pill{text-overflow:ellipsis;white-space:nowrap;background:#e2e8f0;border-radius:999px;max-width:240px;padding:3px 8px;font-size:11px;overflow:hidden}.pill.sample{background:#fde68a;font-weight:700}.pill.unknown{background:#fecaca}.warn{color:#9a3412;background:#fff7ed;border:1px solid #fdba74;border-radius:10px;margin-bottom:12px;padding:10px 14px;font-size:14px}.link{color:#c2410c;cursor:pointer;background:0 0;border:0;font-weight:700;text-decoration:underline}nav{border-bottom:1px solid #e2e8f0;gap:4px;margin-bottom:14px;display:flex;overflow-x:auto}nav button{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;padding:10px 14px;font-size:15px;font-weight:600}nav button.on{color:#0f172a;border-color:#f1641e}.kpis{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px;display:grid}.kpi{background:#fff;border-radius:14px;padding:16px;box-shadow:0 1px 2px #0001}.kpi .l{color:#64748b;font-size:13px}.kpi .v{margin:4px 0;font-size:26px;font-weight:800}.kpi .s{color:#64748b;font-size:12px}.kpi.good .v{color:#059669}.kpi.bad .v{color:#ea580c}.card{background:#fff;border-radius:14px;margin-bottom:12px;padding:16px;box-shadow:0 1px 2px #0001}.card h3{margin:0 0 12px;font-size:16px}.card h3 small{color:#64748b;font-weight:500}.head{justify-content:space-between;align-items:center;display:flex}.grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.row{border-bottom:1px solid #f1f5f9;justify-content:space-between;gap:10px;padding:8px 0;font-size:14px;display:flex}.name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.feebar{grid-template-columns:150px 1fr 80px;align-items:center;gap:8px;margin:6px 0;font-size:13px;display:grid}.feebar b{text-align:right}.track{background:#f1f5f9;border-radius:6px;height:10px}.track div{background:#f97316;border-radius:6px;height:100%}.tbl{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:right;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:8px}th:first-child,td:first-child,th:nth-child(2),td:nth-child(2){text-align:left}th{color:#64748b;font-weight:600}tr.tot td{border-top:2px solid #e2e8f0;font-weight:700}.pos{color:#059669;font-weight:700}.neg{color:#dc2626;font-weight:700}.tag{background:#e2e8f0;border-radius:6px;margin-left:4px;padding:1px 6px;font-size:10px}.tag.warn{color:#9a3412;background:#fed7aa}.note{color:#64748b;font-size:12px}.cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;display:grid}.lcard{border:1px solid #e2e8f0;border-radius:12px;padding:12px;position:relative}.lcard.loser{background:#fef2f2;border-color:#fca5a5}.rank{color:#94a3b8;font-weight:700;position:absolute;top:10px;right:12px}.lname{-webkit-line-clamp:2;-webkit-box-orient:vertical;padding-right:30px;font-size:14px;font-weight:600;display:-webkit-box;overflow:hidden}.lstats{color:#64748b;flex-wrap:wrap;gap:4px 12px;margin:8px 0;font-size:12px;display:flex}.lfoot{flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;display:flex}.lfoot b{font-size:18px}.status{background:#e2e8f0;border-radius:999px;padding:2px 8px;font-weight:600}.s-Losingmoney{color:#991b1b;background:#fecaca}.s-Topearner{color:#065f46;background:#d1fae5}.s-Costsblank{color:#9a3412;background:#fed7aa}.s-Lowmargin{background:#fef3c7}.costrow{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.costrow small{color:#94a3b8;font-size:11px;display:block}.costrow .name{white-space:normal;font-size:14px}.money input{border:1px solid #cbd5e1;border-radius:8px;width:90px;margin-left:4px;padding:8px;font-size:18px}footer{text-align:center;color:#94a3b8;margin:24px 0;font-size:11px}@media (width<=720px){.kpis{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}.kpi .v{font-size:21px}.feebar{grid-template-columns:110px 1fr 70px}}