*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f5f5;color:#333}.container{max-width:1400px;margin:0 auto;padding:16px}h1{font-size:20px;margin-bottom:16px}.tabs{display:flex;gap:8px;margin-bottom:16px}.tab{padding:6px 16px;border:1px solid #d9d9d9;background:#fff;cursor:pointer;border-radius:4px}.tab.active{background:#1677ff;color:#fff;border-color:#1677ff}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;background:#fff;padding:12px;border-radius:6px}.filters input,.filters select{padding:5px 8px;border:1px solid #d9d9d9;border-radius:4px;font-size:13px;width:140px}.filters button{padding:5px 14px;border:none;border-radius:4px;cursor:pointer;font-size:13px}.btn-primary{background:#1677ff;color:#fff}.btn-export{background:#52c41a;color:#fff}.btn-reset{background:#fff;border:1px solid #d9d9d9!important}table{width:100%;border-collapse:collapse;background:#fff;border-radius:6px;overflow:hidden;font-size:13px}th{background:#fafafa;padding:8px 10px;text-align:left;border-bottom:1px solid #f0f0f0;white-space:nowrap;font-weight:500}td{padding:7px 10px;border-bottom:1px solid #f0f0f0;white-space:nowrap}tr:hover td{background:#fafafa}.pagination{display:flex;align-items:center;gap:8px;margin-top:12px;justify-content:flex-end;font-size:13px}.pagination button{padding:4px 10px;border:1px solid #d9d9d9;background:#fff;border-radius:4px;cursor:pointer}.pagination button:disabled{opacity:.4;cursor:default}.status-bar{font-size:12px;color:#888;margin-bottom:8px}.tag-new{color:#52c41a;font-size:11px;font-weight:600}.tag-grade{color:#722ed1;font-size:11px;font-weight:600}.grade{display:inline-block;padding:1px 6px;border-radius:3px;font-size:12px;font-weight:600}.grade-S{background:#fff1b8;color:#d48806}.grade-A{background:#d9f7be;color:#389e0d}.grade-B{background:#e6f7ff;color:#096dd9}.grade-C{background:#f9f0ff;color:#531dab}.grade-D{background:#fff7e6;color:#d46b08}.grade-E{background:#fff1f0;color:#cf1322}.grade-arrow{display:flex;align-items:center;gap:6px}.row-grade td{background:#faf0ff}.btn-demo{padding:5px 12px;border:none;border-radius:4px;cursor:pointer;font-size:13px;background:#722ed1;color:#fff}.btn-clear{padding:5px 12px;border:1px solid #d9d9d9;border-radius:4px;cursor:pointer;font-size:13px;background:#fff}.check-filter{display:flex;align-items:center;gap:4px;font-size:13px;height:30px}.check-filter input{width:auto}.report-section{margin-bottom:16px;background:#fff;padding:14px;border-radius:6px;border:1px solid #f0f0f0}.report-section h2{font-size:16px;margin-bottom:10px;font-weight:600}.report-grid{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(520px,1.3fr);gap:16px;align-items:start}.compact-table th,.compact-table td{text-align:center;padding:7px 8px}.total-row td{background:#ffd8b8;font-weight:700}.report-date{margin-top:8px;font-size:13px;text-align:center;color:#555}.row-mismatch td{background:#fff7f7}.cell-danger{background:#fff1f0!important;color:#cf1322;font-weight:700}.tag-danger{color:#cf1322;font-size:12px;font-weight:700}.tag-ok{color:#389e0d;font-size:12px;font-weight:700}.progress-cell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:82px;height:20px;border:1px solid #b7d7ff;overflow:hidden;background:#fff;font-weight:700}.progress-bar{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#8dbdf2,#d8ebff);z-index:0}.progress-text{position:relative;z-index:2}.progress-cell{color:#111}.progress-cell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.chart-box{width:100%;height:360px}.login-wrapper{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.login-box{background:#fff;padding:40px 36px;border-radius:12px;box-shadow:0 8px 32px #0000002e;width:360px;display:flex;flex-direction:column;gap:16px}.login-box h2{text-align:center;font-size:20px;color:#333;margin-bottom:8px}.login-box input{padding:10px 12px;border:1px solid #d9d9d9;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s}.login-box input:focus{border-color:#1677ff}.login-box button{padding:10px;background:#1677ff;color:#fff;border:none;border-radius:6px;font-size:15px;cursor:pointer;font-weight:500;transition:background .2s}.login-box button:hover{background:#4096ff}.login-box button:disabled{background:#a0c4ff;cursor:not-allowed}.login-error{color:#cf1322;font-size:13px;text-align:center}@media (max-width: 900px){.report-grid{grid-template-columns:1fr}.chart-box{height:300px}.login-box{width:90%;max-width:360px;padding:32px 24px}}