:root{--navy:#081a3a;--red:#b3202e;--ice:#edf3fa;--muted:#64748b}*{box-sizing:border-box}.analytics-page{background:var(--ice);color:#14233a;min-height:100vh;padding:24px;font-family:Arial,Helvetica,sans-serif}.analytics-page>header,.analytics-page>section,.analytics-page>.analytics-columns,.analytics-page>footer{width:min(960px,100%);margin-left:auto;margin-right:auto}.analytics-page header{align-items:center;gap:18px;margin-bottom:22px;display:flex}.analytics-page header img,.locked img{border:3px solid #fff;border-radius:50%}.analytics-page header span,.section-title span,.locked span{color:var(--red);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:950}.analytics-page h1{margin:4px 0;font-size:clamp(1.6rem,5vw,2.55rem)}.analytics-page header p{color:var(--muted);margin:0}.analytics-totals{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.analytics-totals article{background:var(--navy);color:#fff;border-radius:16px;padding:18px}.analytics-totals span,.analytics-totals small{display:block}.analytics-totals span{color:#aac0da;text-transform:uppercase;font-size:.75rem;font-weight:900}.analytics-totals strong{margin:5px 0;font-size:2.2rem;display:block}.analytics-totals small{color:#d5e1f0}.analytics-card{background:#fff;border-radius:18px;padding:20px;box-shadow:0 8px 24px #081a3a14;margin-top:16px!important}.section-title h2{margin:4px 0 15px}.day-list{gap:10px;display:grid}.day-list article{grid-template-columns:56px 1fr 40px 72px;align-items:center;gap:10px;display:grid}.day-list time,.day-list small{color:var(--muted);font-size:.8rem}.day-list div{background:#e5ebf3;border-radius:999px;height:10px;overflow:hidden}.day-list i{background:linear-gradient(90deg,var(--red),#e34c59);border-radius:999px;height:100%;display:block}.day-list strong{text-align:right}.analytics-columns{grid-template-columns:2fr 1fr;gap:16px;display:grid}.ranked{margin:0;padding:0;list-style:none}.ranked li{border-bottom:1px solid #e3e9f1;justify-content:space-between;align-items:center;gap:15px;padding:11px 0;display:flex}.ranked li:last-child{border:0}.ranked div strong,.ranked div small{display:block}.ranked small{color:var(--muted);margin-top:3px}.ranked b{color:var(--red);font-size:1.15rem}.devices{gap:8px;display:grid}.devices article{background:var(--ice);border-radius:10px;justify-content:space-between;padding:12px;display:flex}.devices span{text-transform:capitalize}.empty{color:var(--muted)}.analytics-page footer{justify-content:space-between;gap:16px;display:flex;margin-top:22px!important}.analytics-page footer a{color:var(--navy);font-weight:900;text-decoration:none}.analytics-page footer small{color:var(--muted)}.locked{text-align:center;place-items:center;display:grid}.locked section{background:#fff;border-radius:20px;max-width:500px;padding:30px;box-shadow:0 10px 30px #081a3a1f}.locked h1{margin:8px 0}.locked p{color:var(--muted);line-height:1.5}.locked a{background:var(--navy);color:#fff;border-radius:11px;padding:13px 17px;font-weight:900;text-decoration:none;display:inline-block}@media (max-width:700px){.analytics-page{padding:15px}.analytics-totals,.analytics-columns{grid-template-columns:1fr}.analytics-page header img{width:64px;height:64px}.day-list article{grid-template-columns:50px 1fr 30px}.day-list small{display:none}.analytics-page footer{flex-direction:column;align-items:flex-start}}