@charset "UTF-8";
:root { --green:#00305a; --lime:#d7eafa; --ink:#142638; --muted:#647383; --line:#dfe6ed; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:#f3f5f0; font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif; }
a { color:inherit; text-decoration:none; }
button { font:inherit; cursor:pointer; }
.hidden { display:none !important; }
.admin-header { display:flex; align-items:center; justify-content:space-between; min-height:74px; padding:0 clamp(22px,4vw,60px); color:white; background:var(--green); }
.admin-brand { display:flex; align-items:center; gap:5px; font-size:19px; font-weight:750; }
.admin-brand > span { display:grid; place-items:center; width:32px; height:32px; margin-right:7px; color:var(--green); background:var(--lime); border-radius:9px; font-size:13px; }
.admin-brand strong { color:var(--lime); }
.admin-brand i { margin-left:12px; padding-left:16px; color:#b4c7bd; border-left:1px solid #ffffff30; font-size:11px; font-style:normal; font-weight:400; }
.admin-header nav { display:flex; align-items:center; gap:22px; color:#c1d0c8; font-size:12px; }
.admin-header button { padding:9px 14px; color:var(--green); background:var(--lime); border:0; border-radius:8px; font-weight:650; }
.admin-main { width:min(1440px,100%); margin:auto; padding:42px clamp(22px,4vw,60px) 60px; }
.admin-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:28px; }
.admin-heading span,.panel-heading span { color:#73866f; font-size:9px; font-weight:750; letter-spacing:2px; }
.admin-heading h1 { margin:9px 0; font-size:34px; letter-spacing:-1.2px; }
.admin-heading p { margin:0; color:var(--muted); font-size:12px; }
.admin-user { padding:10px 14px; color:#49623f; background:#e4ebdd; border-radius:9px; font-size:11px; }
.summary-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:15px; margin-bottom:24px; }
.summary-grid article { display:flex; flex-direction:column; min-width:0; padding:23px 24px; background:white; border:1px solid var(--line); border-radius:14px; }
.summary-grid span { color:var(--muted); font-size:11px; }
.summary-grid strong { margin:12px 0 5px; color:var(--green); font-size:34px; line-height:1.1; }
.summary-grid strong.date-value { font-size:20px; }
.summary-grid small { color:#99a199; font-size:9px; }
.dashboard-panel { margin-top:22px; padding:25px 27px 18px; background:white; border:1px solid var(--line); border-radius:15px; }
.panel-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:18px; }
.panel-heading h2 { margin:6px 0 0; font-size:20px; }
.panel-heading a,.panel-heading p { margin:0; color:#63775d; font-size:11px; }
.table-wrap { overflow-x:auto; }
table { width:100%; border-collapse:collapse; font-size:12px; }
th { padding:11px 12px; color:#8b958e; background:#f5f7f2; text-align:left; font-size:10px; font-weight:600; white-space:nowrap; }
td { padding:15px 12px; border-bottom:1px solid #edf0eb; vertical-align:middle; }
tbody tr:last-child td { border-bottom:0; }
tbody tr:hover { background:#fbfcf9; }
.rank-number { display:inline-grid; place-items:center; width:26px; height:26px; color:#6a776d; background:#edf0eb; border-radius:7px; font-weight:700; }
.rank-number.top { color:var(--green); background:var(--lime); }
.video-cell { min-width:280px; max-width:480px; }
.video-cell a { display:block; overflow:hidden; font-weight:650; text-overflow:ellipsis; white-space:nowrap; }
.video-cell a:hover { color:#487645; }
.video-cell span { display:block; margin-top:5px; color:#8d968f; font-size:9px; }
.metric { color:var(--green); font-size:16px; font-weight:750; }
.coverage { color:#66736a; }
.panel-empty { padding:35px; color:var(--muted); text-align:center; font-size:12px; }
.analytics-note { margin:20px 3px; color:#7e8981; font-size:10px; line-height:1.8; }
.access-gate { max-width:520px; margin:10vh auto; padding:50px; background:white; border:1px solid var(--line); border-radius:18px; text-align:center; }
.access-gate > span { color:#75876e; font-size:10px; letter-spacing:2px; }
.access-gate h1 { margin:14px 0 10px; }
.access-gate p { color:var(--muted); font-size:13px; }
.access-gate a { display:inline-block; margin-top:15px; padding:12px 20px; color:white; background:var(--green); border-radius:9px; font-size:12px; }
.admin-toast { position:fixed; bottom:25px; left:50%; padding:11px 17px; color:white; background:var(--green); border-radius:8px; opacity:0; transform:translateX(-50%); transition:.2s; font-size:11px; pointer-events:none; }
.admin-toast.show { opacity:1; }
@media(max-width:900px){.summary-grid{grid-template-columns:1fr 1fr}.admin-heading{align-items:flex-start}.admin-user{display:none}}
@media(max-width:560px){.admin-header{padding:0 16px}.admin-header nav{gap:10px}.admin-header nav a{display:none}.admin-main{padding:28px 14px}.admin-heading h1{font-size:27px}.summary-grid{gap:10px}.summary-grid article{padding:18px}.summary-grid strong{font-size:27px}.summary-grid strong.date-value{font-size:15px}.dashboard-panel{padding:20px 14px}.panel-heading{align-items:flex-end}.access-gate{padding:38px 24px}}

body{background:#f4f7fa}.admin-brand img{width:190px;height:auto;padding:6px 8px;background:white;border-radius:7px}.admin-brand strong{color:#d7eafa;font-size:12px}.summary-grid strong,.metric{color:#00305a}.rank-number.top{background:#d7eafa}.admin-user{color:#285977;background:#e2edf6}
@media(max-width:700px){.admin-brand img{width:145px}.admin-brand strong{display:none}.admin-brand i{margin-left:4px;padding-left:9px}}