:root{--vmr-card:#fff;--vmr-text:#111827;--vmr-muted:#6b7280;--vmr-border:#e5e7eb;--vmr-accent:#1877f2}
#vmr-dashboard{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--vmr-text);max-width:1180px;margin:0 auto;padding:26px 18px 50px;box-sizing:border-box}
#vmr-dashboard *{box-sizing:border-box}.vmr-admin-notice{padding:14px;border:1px solid #ddd;background:#fff}
.vmr-topbar{display:grid;grid-template-columns:1fr minmax(420px,640px);gap:24px;align-items:start;margin-bottom:18px}.vmr-brand{display:flex;gap:14px;align-items:center;min-width:0}.vmr-logo-slot{display:none;width:58px;height:58px;border-radius:14px;background:#fff center/contain no-repeat;border:1px solid var(--vmr-border);flex:0 0 auto}.vmr-eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--vmr-accent)}.vmr-brand h2{margin:4px 0 2px;font-size:28px;line-height:1.12}.vmr-period-label{color:var(--vmr-muted);font-size:14px}
.vmr-filter-card{background:#fff;border:1px solid var(--vmr-border);border-radius:16px;padding:14px}.vmr-quick{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}.vmr-quick button,.vmr-primary,.vmr-tabs button{border:1px solid var(--vmr-border);background:#fff;color:var(--vmr-text);min-height:40px;padding:0 13px;border-radius:10px;font-weight:700;cursor:pointer}.vmr-quick button.is-active,.vmr-tabs button.is-active{background:#eef5ff;border-color:#cfe1ff;color:#0f5ec7}.vmr-primary{background:var(--vmr-accent);border-color:var(--vmr-accent);color:#fff}.vmr-date-row{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}.vmr-date-row label{font-size:12px;color:var(--vmr-muted);font-weight:700}.vmr-date-row input{display:block;width:100%;min-height:42px;margin-top:4px;border:1px solid var(--vmr-border);border-radius:10px;padding:8px 10px;font-size:16px;background:#fff;color:var(--vmr-text)}
.vmr-status{min-height:24px;color:var(--vmr-muted);font-size:13px;margin-bottom:8px}.vmr-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 12px}.vmr-section-head>div{display:flex;align-items:center;gap:9px}.vmr-section-head h3{margin:0;font-size:20px}.vmr-section-icon{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#eef5ff;color:var(--vmr-accent);font-weight:900}.vmr-mode{font-size:12px;font-weight:800;color:var(--vmr-muted);background:#f1f3f5;border-radius:999px;padding:6px 9px}
.vmr-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.vmr-kpi{background:var(--vmr-card);border:1px solid var(--vmr-border);border-radius:16px;padding:16px;min-width:0}.vmr-kpi .label{font-size:12px;color:var(--vmr-muted);font-weight:700}.vmr-kpi .value{margin-top:8px;font-size:26px;font-weight:850;letter-spacing:-.02em;word-break:break-word}
.vmr-card{background:var(--vmr-card);border:1px solid var(--vmr-border);border-radius:18px;padding:18px}.vmr-chart-card{margin-top:16px}.vmr-chart-wrap{position:relative;min-height:360px}.vmr-chart-wrap.small{min-height:300px}.vmr-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.vmr-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.vmr-ranking-list{display:grid;gap:10px}.vmr-ranking-card{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:center;background:#fff;border:1px solid var(--vmr-border);border-radius:16px;padding:14px}.vmr-ranking-card:has(.vmr-thumb){grid-template-columns:42px 84px 1fr}.vmr-rank{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f3f4f6;font-weight:900}.vmr-thumb{width:84px;height:84px;border-radius:12px;background:#f3f4f6;display:grid;place-items:center;overflow:hidden;color:var(--vmr-muted);font-size:11px;text-align:center}.vmr-thumb img{width:100%;height:100%;object-fit:cover}.vmr-ranking-title{font-weight:800;font-size:15px;margin-bottom:9px}.vmr-ranking-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 12px}.vmr-ranking-stats span{display:block;font-size:10px;color:var(--vmr-muted);font-weight:700}.vmr-ranking-stats strong{display:block;font-size:14px;margin-top:2px}.vmr-empty{padding:22px;border:1px dashed var(--vmr-border);border-radius:14px;color:var(--vmr-muted);background:#fff}
.vmr-table-scroll{overflow:auto}.vmr-table{width:100%;border-collapse:collapse;min-width:850px}.vmr-table th{background:#f4f5f7;text-align:left;padding:12px;font-size:12px;color:#4b5563}.vmr-table td{padding:13px 12px;border-bottom:1px solid var(--vmr-border);font-size:14px}.vmr-table tr:last-child td{border-bottom:0}
@media(max-width:980px){.vmr-topbar{grid-template-columns:1fr}.vmr-kpi-grid{grid-template-columns:repeat(3,1fr)}.vmr-two-col{grid-template-columns:1fr}.vmr-ranking-stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){#vmr-dashboard{padding:18px 12px 36px}.vmr-brand h2{font-size:24px}.vmr-filter-card{padding:12px}.vmr-date-row{grid-template-columns:1fr 1fr}.vmr-date-row .vmr-primary{grid-column:1/-1}.vmr-kpi-grid{grid-template-columns:1fr 1fr;gap:9px}.vmr-kpi{padding:13px}.vmr-kpi .value{font-size:21px}.vmr-chart-wrap{min-height:300px}.vmr-ranking-card,.vmr-ranking-card:has(.vmr-thumb){grid-template-columns:36px 1fr}.vmr-thumb{grid-column:2;width:100%;height:160px}.vmr-ranking-body{grid-column:2}.vmr-ranking-stats{grid-template-columns:1fr 1fr}}