:root{color-scheme:light;font-family:Inter,Avenir Next,Segoe UI,sans-serif;background:#f5f7fb;color:#122136}body{margin:0;background:radial-gradient(circle at top right,#fff,#eef2f8)}.page{max-width:1480px;margin:0 auto;padding:32px 24px 48px}.hero{display:flex;gap:18px;align-items:center;background:linear-gradient(135deg,#fff,#f7faff);border:1px solid #d6e2f2;border-radius:20px;padding:24px 28px;box-shadow:0 12px 30px #23437414;margin-bottom:24px}.brandLogo{width:72px;height:72px;border-radius:50%;object-fit:cover;flex-shrink:0;box-shadow:0 6px 16px #8c683e40}.hero h1{margin:0 0 8px;font-size:30px;font-weight:700;letter-spacing:.01em}.hero p{margin:0;color:#486180}.metaRow{margin-top:8px;display:flex;gap:14px;font-size:12px;color:#617896}.rangePicker{margin-left:auto;display:flex;flex-direction:column;gap:6px;color:#4d6686;font-size:12px}.rangePicker select{border:1px solid #d6e2f2;border-radius:10px;padding:8px 10px;background:#fff}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:20px}.card{background:#fff;border:1px solid #deebfc;border-radius:14px;padding:16px}.card p{margin:0;color:#5f7592;font-size:13px}.card strong{display:block;margin-top:8px;font-size:30px;font-weight:700}.panel{background:#fff;border:1px solid #deebfc;border-radius:14px;padding:16px;margin-bottom:16px}.panel h2{margin:0 0 12px}.split{display:grid;grid-template-columns:1fr 1fr;gap:16px}.kpiRow{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:12px}.metric{border:1px solid #e3edf9;border-radius:10px;padding:10px 12px;background:#fbfdff}.metric span{color:#5d7594;font-size:12px}.metric strong{display:block;margin-top:5px;font-size:20px}.barList{display:flex;flex-direction:column;gap:10px}.barItem{display:flex;flex-direction:column;gap:6px}.barLabel{display:flex;justify-content:space-between;font-size:13px;color:#3c5574}.barTrack{width:100%;height:8px;border-radius:999px;background:#edf3fb;overflow:hidden}.barFill{height:100%;border-radius:999px;background:linear-gradient(90deg,#7aa7e8,#9ec2f0)}.trendWrap{display:flex;align-items:end;gap:8px;overflow-x:auto;padding-bottom:6px}.trendCol{min-width:38px;display:flex;flex-direction:column;align-items:center;gap:4px}.trendBars{display:flex;gap:2px;align-items:end}.trendBar{width:10px;border-radius:4px 4px 0 0}.eventBar{background:#7aa7e8}.revealBar{background:#b69268}.trendLabel{font-size:10px;color:#67809f}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid #ebf1fb}th{color:#4b6280;font-weight:600;font-size:13px}.bodyCol{max-width:520px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.error{background:#fff0f0;border:1px solid #f6c7c7;color:#b83f3f;padding:10px 12px;border-radius:10px;margin-bottom:12px}@media(max-width:980px){.split{grid-template-columns:1fr}}