:root{--ink:#162b49;--muted:#718197;--line:#e6ebf2;--blue:#316ddd;--navy:#12335e;--bg:#f3f6fa}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:Kanit,sans-serif;margin:0}.public-nav{align-items:center;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:10px max(22px,calc((100vw - 1320px)/2))}.public-brand{align-items:center;color:var(--ink);display:flex;gap:11px;text-decoration:none}.public-brand img{height:52px;object-fit:contain;width:45px}.public-brand b,.public-brand small{display:block}.public-brand b{font-size:.96rem}.public-brand small{color:var(--muted);font-size:.74rem}.public-nav>div{align-items:center;display:flex;gap:12px}.public-badge{background:#e9f8f2;border-radius:999px;color:#16805d;font-size:.78rem;padding:8px 12px}.login-link{border:1px solid #dce3ed;border-radius:10px;color:#425979;font-size:.84rem;padding:8px 13px;text-decoration:none}.public-shell{margin:auto;max-width:1320px;padding:24px 22px 40px}.public-hero{align-items:center;background:linear-gradient(130deg,#102f59,#2769d4 64%,#1e9ab7);border-radius:24px;color:#fff;display:grid;gap:24px;grid-template-columns:1fr auto;overflow:hidden;padding:32px 36px;position:relative}.public-hero:after{border:1px solid rgba(255,255,255,.18);border-radius:50%;content:"";height:270px;position:absolute;right:-80px;top:-150px;width:270px}.hero-kicker{font-size:.72rem;font-weight:600;letter-spacing:.2em;opacity:.78}.public-hero h1{font-size:2rem;margin:6px 0}.public-hero p{font-weight:300;margin:0;opacity:.8}.hero-period{border-left:1px solid rgba(255,255,255,.25);min-width:240px;padding-left:28px;position:relative;z-index:1}.hero-period small,.hero-period strong,.hero-period span{display:block}.hero-period small{opacity:.74}.hero-period strong{font-size:1.25rem;margin-top:4px}.hero-period span{opacity:.85}.week-picker{align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;display:grid;grid-template-columns:1fr auto 1fr;margin:16px 0;padding:12px 16px}.week-picker>a,.week-picker>.disabled{align-items:center;color:#3a5575;display:flex;gap:8px;text-decoration:none}.week-picker>a:last-child,.week-picker>.disabled{justify-self:end}.week-picker>.disabled{opacity:.35}.week-picker form{text-align:center}.week-picker label{color:var(--muted);display:block;font-size:.72rem}.week-picker input{border:0;color:var(--ink);font-family:inherit;font-size:.95rem;font-weight:500;outline:0}.public-kpis{display:grid;gap:12px;grid-template-columns:repeat(5,1fr);margin-bottom:16px}.kpi{background:#fff;border:1px solid var(--line);border-radius:17px;padding:17px;position:relative}.kpi>i{border-radius:10px;font-size:1rem;padding:9px;position:absolute;right:14px;top:14px}.kpi span,.kpi strong,.kpi small{display:block}.kpi span{color:var(--muted);font-size:.78rem}.kpi strong{font-size:1.65rem;margin-top:8px}.kpi small{color:#8492a4}.kpi.blue>i{background:#eaf2ff;color:#2f6cd8}.kpi.green>i,.kpi.teal>i{background:#e8f8f1;color:#17815e}.kpi.orange>i{background:#fff1e7;color:#dd7443}.kpi.purple>i{background:#f0ecff;color:#7657cf}.public-summary{align-items:flex-start;background:linear-gradient(135deg,#eaf3ff,#f8fbff);border:1px solid #dbe8f8;border-radius:18px;display:flex;gap:15px;margin-bottom:16px;padding:20px 22px}.public-summary>i{background:#fff;border-radius:12px;color:var(--blue);font-size:1.2rem;padding:12px}.public-summary h2{font-size:1rem;margin:0 0 5px}.public-summary p{color:#405a79;margin:0}.public-summary small{color:var(--muted);display:block;margin-top:5px}.chart-grid,.data-grid{display:grid;gap:16px;grid-template-columns:1.55fr 1fr;margin-bottom:16px}.public-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.card-heading h2{font-size:1rem;margin:0}.card-heading p{color:var(--muted);font-size:.78rem;margin:3px 0 0}.chart-box{height:280px;margin-top:14px}.location-card{margin-bottom:16px}.location-chart{height:260px}.summary-list{margin-top:13px}.summary-list>div{align-items:center;border-bottom:1px solid #edf1f5;display:flex;gap:12px;justify-content:space-between;padding:10px 2px}.summary-list>div:last-child{border:0}.summary-list span{color:#405873}.summary-list b{font-size:.82rem;text-align:right}.summary-list em{color:#d8664f;font-style:normal;margin-left:7px}.summary-list .empty{color:var(--muted);justify-content:center;padding:35px}.public-footer{align-items:center;border-top:1px solid #dfe5ed;color:var(--muted);display:flex;font-size:.78rem;justify-content:space-between;margin-top:22px;padding:22px 2px}.public-footer>div{align-items:center;display:flex;gap:10px}.public-footer img{height:38px;width:32px;object-fit:contain}.public-footer b,.public-footer small{display:block}.public-footer b{color:#415876}.public-footer p{margin:0}@media(max-width:1000px){.public-kpis{grid-template-columns:repeat(3,1fr)}.chart-grid,.data-grid{grid-template-columns:1fr}.public-hero{grid-template-columns:1fr}.hero-period{border-left:0;border-top:1px solid rgba(255,255,255,.25);padding:17px 0 0}}@media(max-width:640px){.public-nav{padding:9px 14px}.public-badge{display:none}.public-brand small{display:none}.public-shell{padding:14px 12px 30px}.public-hero{border-radius:18px;padding:24px 20px}.public-hero h1{font-size:1.55rem}.week-picker{grid-template-columns:auto 1fr auto}.week-picker>a span,.week-picker>.disabled span{display:none}.public-kpis{grid-template-columns:1fr 1fr}.kpi{padding:14px}.chart-box{height:245px}.public-footer{align-items:flex-start;flex-direction:column;gap:12px}.public-summary{padding:16px}}
@media print{body{background:#fff}.public-nav,.week-picker,.login-link{display:none}.public-shell{max-width:none;padding:0}.public-hero{border-radius:0}.public-card,.kpi{break-inside:avoid;box-shadow:none}.public-footer{margin-top:10px}}