*{margin:0;padding:0;box-sizing:border-box}html{font-size:14px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f0f2f5;color:#333}.app-header{background:#fff;color:#333;padding:10px 24px;font-size:1rem;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e8e8e8;box-shadow:0 1px 3px #0000000f;flex-wrap:wrap}.app-header .title{font-size:1.15rem;font-weight:700;white-space:nowrap;letter-spacing:.5px}.app-header .controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.app-header .controls select{padding:6px 28px 6px 12px;font-size:13px;border-radius:6px;border:1px solid #d0d5dd;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right 10px center;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:border-color .2s,box-shadow .2s}.app-header .controls select:hover{border-color:#1890ff}.app-header .controls select:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff26;outline:none}.app-header .controls input[type=date]{padding:6px 12px;font-size:13px;border-radius:6px;border:1px solid #d0d5dd;background:#fff;cursor:pointer;transition:border-color .2s,box-shadow .2s;color:#333;min-width:140px}.app-header .controls input[type=date]:hover{border-color:#1890ff}.app-header .controls input[type=date]:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff26;outline:none}.app-header .controls button{padding:6px 16px;font-size:13px;border-radius:6px;background:#1890ff;color:#fff;border:none;cursor:pointer;transition:background .2s,transform .1s;font-weight:500}.app-header .controls button:hover{background:#40a9ff}.app-header .controls button:active{transform:scale(.97)}.app-header .controls .clock{color:#555;font-weight:500;white-space:nowrap;font-size:13px;letter-spacing:.3px;padding:0 4px}.app-header .date-info{width:100%;display:flex;align-items:center;justify-content:flex-end;gap:10px;font-size:.8rem;color:#888;padding:4px 24px 6px}.app-header .date-info .date-today{color:#1890ff}.app-header .date-info .date-today b{color:#096dd9}.app-header .date-info .date-yesterday{color:#d46b08}.app-header .date-info .date-yesterday b{color:#b85a00}.app-header .date-info .date-lastweek{color:#8c8c8c}.app-header .date-info .date-lastweek b{color:#595959}.app-header .date-info b{color:#555}.app-header .date-info-sep{color:#e0e0e0}.dashboard{max-width:1280px;margin:0 auto;padding:16px 24px}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.stat-card{background:#fff;border-radius:6px;padding:16px;box-shadow:0 1px 3px #00000014;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent, #1890ff)}.stat-label{font-size:.85rem;color:#888;margin-bottom:4px}.stat-value{font-size:1.6rem;font-weight:700;color:#222}.stat-suffix{font-size:.8rem;font-weight:400;color:#888;margin-left:4px}.stat-extra{margin-top:4px;font-size:.8rem;color:#666}.stat-body{display:flex;flex-direction:column;gap:4px;margin-top:8px}.stat-hero{font-size:2.4rem;font-weight:800;color:var(--accent, #1890ff);line-height:1.2}.stat-hero-unit{font-size:.9rem;font-weight:400;color:#999}.stat-sub{display:flex;align-items:center;gap:6px;margin-top:4px;flex-wrap:wrap}.stat-sub span{font-size:.85rem;font-weight:400;color:#888}.stat-sub strong{font-size:1.15rem;font-weight:700;color:#333}.stat-sub-sep{color:#ddd!important;font-size:.9rem!important}.stat-compare{margin-top:6px;font-size:.95rem;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.stat-compare-item{color:#888}.stat-compare-item .up{color:#f5222d;font-weight:600}.stat-compare-item .down{color:#52c41a;font-weight:600}.stat-compare-sep{color:#e8e8e8}.charts-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.chart-card{background:#fff;border-radius:6px;padding:12px;box-shadow:0 1px 3px #00000014}.chart-title{font-size:.95rem;font-weight:600;margin-bottom:8px;color:#444}.chart-card canvas{max-height:280px}.loading{text-align:center;padding:48px;color:#888;font-size:1rem}.error-banner{background:#fff2f0;border:1px solid #ffccc7;border-radius:6px;padding:12px 16px;margin-bottom:16px;color:#cf1322}@media(max-width:900px){.stats-row,.charts-row{grid-template-columns:1fr}}.report-hr-label{font-size:.85rem;color:#888;margin-left:8px}.report-hr-select{padding:2px 6px;border:1px solid #d9d9d9;border-radius:4px;font-size:.9rem;background:#fff;cursor:pointer}.report-dl-btn{padding:2px 12px;border:1px solid #1890ff;border-radius:4px;background:#1890ff;color:#fff;font-size:.85rem;cursor:pointer;white-space:nowrap}.report-dl-btn:hover{background:#40a9ff}