:root{--navy:#09395d;--deep:#062942;--blue:#135e98;--aqua:#31a9b8;--mint:#a2d5cb;--ink:#0e344f;--sub:#688294;--line:#dde8ec;--paper:#edf3f6;--white:#fff;--good:#158a79;--warn:#c67b32}*{box-sizing:border-box}html{min-height:100%}body{background:var(--paper);min-height:100vh;color:var(--ink);margin:0;font-family:Barlow,Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.shell{max-width:1470px;margin:auto;padding:29px 45px 38px}.header{border-bottom:1px solid #cddde4;justify-content:space-between;align-items:center;gap:20px;padding-bottom:22px;display:flex}.headerleft{align-items:center;gap:24px;display:flex}.brand-logo{object-fit:contain;width:323px;max-width:48vw;height:auto;display:block}.header-stamp{letter-spacing:.17em;color:#5f7d8a;border-left:1px solid #cadae1;padding-left:23px;font-size:11px;font-weight:800;line-height:1.5}.live{letter-spacing:1.4px;color:var(--navy);background:#f9fcfd;border:1px solid #d1e3e8;border-radius:30px;align-items:center;gap:10px;padding:12px 17px;font-size:11px;font-weight:800;display:flex}.dot{background:#14ad98;border-radius:50%;width:9px;height:9px;animation:1.7s infinite pulse;box-shadow:0 0 0 5px #dcf4ef}@keyframes pulse{50%{box-shadow:0 0 0 9px #dcf4ef50}}.topline{justify-content:space-between;align-items:end;gap:20px;margin:38px 0 25px;display:flex}.eyebrow{color:#147d98;letter-spacing:2.6px;text-transform:uppercase;font-size:12px;font-weight:800}.topline h1{letter-spacing:-2.4px;color:var(--deep);margin:13px 0;font-size:clamp(43px,5vw,74px);font-weight:800;line-height:1}.topline h1 em{color:#188eaa;font-style:normal}.date{color:var(--sub);font-size:16px;font-weight:500}.btn{color:var(--navy);white-space:nowrap;background:#fafdff;border:1px solid #cddfe7;border-radius:6px;padding:12px 18px;font-size:13px;font-weight:700;transition:background .2s,border-color .2s,transform .2s}.btn:hover{border-color:var(--aqua);background:#fff;transform:translateY(-1px)}.btn.primary{background:var(--navy);color:#fff;border-color:var(--navy)}.cards{grid-template-columns:1.25fr 1fr;gap:18px;display:grid}.panel{background:#fff;border:1px solid #d9e6ec;border-radius:11px;padding:33px;box-shadow:0 8px 25px #06335008}.sales{color:#fff;background:linear-gradient(115deg,#063a60,#0a5074 68%,#0b607f);border:0;min-height:395px;padding:37px 40px 32px;position:relative;overflow:hidden}.sales:before{content:"";border:1px solid #ffffff30;border-radius:50%;width:420px;height:410px;position:absolute;top:-80px;right:-120px;box-shadow:0 0 0 65px #ffffff06,0 0 0 128px #ffffff07}.sales:after{content:"";opacity:.14;pointer-events:none;background:repeating-linear-gradient(130deg,#0000 0 25px,#aee9ef 26px 27px,#0000 28px 61px);width:51%;height:100%;position:absolute;top:0;right:0;-webkit-mask-image:linear-gradient(270deg,#000,#0000);mask-image:linear-gradient(270deg,#000,#0000)}.sales>*{z-index:1;position:relative}.cardlabel{text-transform:uppercase;letter-spacing:2px;color:#6c91a2;font-size:12px;font-weight:800}.sales .cardlabel{color:#c5e4ea}.saleshead{justify-content:space-between;align-items:center;gap:14px;display:flex}.micro-tag{letter-spacing:1.5px;color:#cceaf0;border:1px solid #ffffff4d;border-radius:3px;padding:6px 10px;font-size:10px;font-weight:800}.salesamount{letter-spacing:-4px;overflow-wrap:anywhere;margin-top:32px;font-size:clamp(67px,6.8vw,105px);font-weight:800;line-height:1.07}.targetline{color:#b8dce6;margin:8px 0 54px;font-size:17px}.targetline strong{color:#fff}.track{background:#fff3;border-radius:20px;height:12px;overflow:hidden}.fill{background:linear-gradient(90deg,#63d2d3,#b7e4d5);width:0%;height:100%;transition:width .6s}.trackmeta{color:#d6ebf0;justify-content:space-between;align-items:center;margin-top:13px;font-size:15px;display:flex}.trackmeta strong{color:#fff;font-size:27px}.clock{text-align:left;flex-direction:column;justify-content:space-between;align-items:stretch;min-height:395px;padding:37px 39px 32px;display:flex;position:relative;overflow:hidden}.clock:before{content:"";border:1px solid #e1edf1;border-radius:50%;width:170px;height:170px;position:absolute;top:-80px;right:-74px;box-shadow:0 0 0 35px #e5f0f340,0 0 0 70px #e5f0f333}.clock-top{justify-content:space-between;align-items:center;display:flex}.clock-icon{color:#168ba1;border:1px solid #d8e6eb;border-radius:50%;place-items:center;width:36px;height:36px;font-size:20px;font-weight:500;display:grid}.timer{font-variant-numeric:tabular-nums;letter-spacing:-3px;color:var(--deep);white-space:nowrap;margin:15px 0 1px;font-size:clamp(52px,5.35vw,80px);font-weight:800}.until{color:#688a99;font-size:16px}.clock-digits{margin-top:32px}.timebar{color:var(--sub);border-top:1px solid #e1eaee;flex-wrap:wrap;align-items:center;gap:11px;margin-top:27px;padding-top:20px;font-size:12px;display:flex}.timebar span:first-child{letter-spacing:1.1px;font-size:10px;font-weight:800}.timebar b{color:var(--navy)}.divider{background:#cadfe6;width:1px;height:16px}.smallcards{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px;display:grid}.mini{min-height:185px;position:relative;overflow:hidden}.mini:before{content:"";background:var(--aqua);width:48px;height:4px;position:absolute;top:0;left:33px}.mini:nth-child(2):before{background:#0c628c}.mini:nth-child(3):before{background:#84c8c1}.metric{color:var(--deep);letter-spacing:-1.5px;margin-top:22px;font-size:clamp(31px,3.2vw,49px);font-weight:800}.helper{color:var(--sub);margin-top:10px;font-size:14px}.status{color:var(--good);font-weight:800}.status.behind{color:var(--warn)}.bottom{color:#748d9a;justify-content:space-between;align-items:center;gap:18px;margin-top:22px;font-size:12px;display:flex}.source{align-items:center;gap:9px;display:flex}.source i{background:#a2b8bf;border-radius:50%;width:8px;height:8px;display:inline-block}.source.connected i{background:#0ca489}.actions{flex-wrap:wrap;gap:10px;display:flex}.overlay{z-index:20;background:#032435b8;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.overlay.open{display:flex}.modal{background:#fff;border-radius:12px;width:min(100%,555px);max-height:92vh;padding:29px 32px;overflow:auto;box-shadow:0 30px 120px #001a2a50}.modalhead{justify-content:space-between;align-items:center;display:flex}.modal h2{color:var(--navy);letter-spacing:-.7px;margin:0;font-size:25px}.x{color:#789;background:0 0;border:0;font-size:29px;line-height:1}.hint{color:#66808e;margin:13px 0 22px;font-size:14px;line-height:1.5}.fields{grid-template-columns:1fr 1fr;gap:16px;display:grid}.field.full{grid-column:1/-1}label{color:#355365;margin-bottom:7px;font-size:13px;font-weight:700;display:block}input,select{width:100%;color:var(--navy);outline-color:var(--aqua);background:#f9fcfd;border:1px solid #cddfe6;border-radius:6px;padding:12px}.instructions{color:#456677;background:#edf7f9;border-radius:6px;margin-top:18px;padding:15px;font-size:12px;line-height:1.65}.instructions code{overflow-wrap:anywhere;background:#dcebee;padding:2px 4px}.modalfoot{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.notice{color:#b35430;min-height:16px;margin-top:12px;font-size:12px}.tiny{color:#7a969f;margin-top:4px;font-size:11px}.footer-note{color:#90a4af;letter-spacing:.04em;padding:15px 0 0;font-size:11px}@media (width<=900px){.shell{padding:24px 20px}.cards{grid-template-columns:1fr}.sales,.clock{min-height:330px}.clock{gap:25px}.timer{font-size:clamp(50px,8vw,78px)}.smallcards{grid-template-columns:repeat(3,1fr)}.metric{font-size:33px}}@media (width<=600px){.header-stamp{display:none}.brand-logo{max-width:61vw}.live{letter-spacing:.4px;padding:8px 10px;font-size:9px}.topline{margin:26px 0 20px;display:block}.topline h1{font-size:49px}.topline .btn{margin-top:20px}.smallcards{grid-template-columns:1fr}.panel{padding:27px}.sales{padding:29px 26px}.salesamount{letter-spacing:-3px;font-size:clamp(55px,11vw,80px)}.targetline{margin-bottom:42px}.clock{padding:29px 25px}.timer{font-size:clamp(47px,11vw,70px)}.bottom{flex-direction:column;align-items:flex-start}.fields{grid-template-columns:1fr}.field.full{grid-column:auto}}.update-status{color:#567b8c;letter-spacing:.01em;margin-top:15px;font-size:13px;font-weight:600}.update-status:before{content:"●";color:var(--aqua);margin-right:9px;font-size:9px}@keyframes enterUp{0%{opacity:0;transform:translateY(23px)}to{opacity:1;transform:translateY(0)}}@keyframes drift{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(-14px,12px)rotate(7deg)}}@keyframes shine{0%{transform:translate(-150%)skew(-22deg)}to{transform:translate(290%)skew(-22deg)}}@keyframes glow{0%,to{filter:drop-shadow(0 0 #0000)}50%{filter:drop-shadow(0 0 10px #8be6e680)}}@keyframes heartbeat{0%{transform:scale(1)}50%{transform:scale(1.035)}to{transform:scale(1)}}@keyframes pop{0%{opacity:.2;transform:scale(.88)}70%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%,-35px)}to{opacity:1;transform:translate(-50%)}}@keyframes fall{0%{opacity:1;transform:translateY(-15vh)rotate(0)}to{opacity:0;transform:translateY(110vh)rotate(540deg)}}.header{animation:.65s both enterUp}.topline{animation:.7s .12s both enterUp}.sales{animation:.75s .2s both enterUp}.clock{animation:.75s .3s both enterUp}.mini:first-child{animation:.7s .4s both enterUp}.mini:nth-child(2){animation:.7s .49s both enterUp}.mini:nth-child(3){animation:.7s .58s both enterUp}.panel{transition:box-shadow .35s,transform .35s}.panel:hover{transform:translateY(-2px);box-shadow:0 17px 42px #09395d16}.sales:before{animation:12s ease-in-out infinite drift}.sales:after{animation:17s ease-in-out infinite reverse drift}.sales .track{isolation:isolate;position:relative}.sales .fill{transition:width 1.35s cubic-bezier(.2,.85,.2,1);position:relative;overflow:hidden}.sales .fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff65,#0000);width:35%;animation:3.6s ease-in-out infinite shine;position:absolute;inset:0}.salesamount{font-variant-numeric:tabular-nums;transition:filter .2s}.salesamount.changed{animation:.5s ease-out pop}.timer{font-variant-numeric:tabular-nums;transition:color .3s}.timer.tick{animation:.5s ease-in-out glow}.clock-icon{animation:3s ease-in-out infinite heartbeat}.metric{font-variant-numeric:tabular-nums}.metric.changed{animation:.45s ease-out pop}.sales.target-met{background:linear-gradient(115deg,#074e59,#0b6e76 70%,#167b7e)}.sales.target-met .fill{background:linear-gradient(90deg,#7ae2c9,#efffe9)}.achievement{z-index:50;color:#fff;text-align:center;letter-spacing:.045em;background:#073f52;border:1px solid #88dccd;border-radius:12px;padding:17px 24px;font-size:16px;font-weight:800;animation:.5s ease-out both bannerIn;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 15px 55px #052c4873}.achievement small{color:#bde9e4;letter-spacing:0;margin-top:5px;font-size:12px;font-weight:500;display:block}.confetti{z-index:45;pointer-events:none;width:9px;height:18px;animation:fall var(--fall,3s) linear forwards;border-radius:2px;position:fixed;top:-8vh}.motion-caption{color:#9fb9c1;letter-spacing:.1em;text-transform:uppercase;margin-top:13px;font-size:11px;font-weight:700}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.confetti{display:none}}.header{gap:32px;min-height:94px}.headerleft{gap:33px}.brandmark{flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;min-width:255px;display:flex}.official-logo{object-fit:contain;object-position:left center;mix-blend-mode:multiply;width:225px;height:55px;display:block}.fallback-logo{object-fit:contain;object-position:left center;width:252px;height:auto;display:block}.region-caption{color:#6d95a7;letter-spacing:.25em;white-space:nowrap;margin-left:2px;font-size:10px;font-weight:700}.header-stamp{color:#37627a;letter-spacing:.12em;border-left:1px solid #c5d9e1;padding-left:27px;font-size:10px;line-height:1.8}.header-stamp span{color:#89a7b5;letter-spacing:.12em;font-size:9px}@media (width<=780px){.headerleft{gap:14px}.brandmark{min-width:unset}.official-logo{width:178px;height:42px}.fallback-logo{width:190px}.region-caption{letter-spacing:.15em;font-size:8px}.header-stamp{display:none}}@media (width<=420px){.official-logo{width:150px;height:37px}.fallback-logo{width:165px}.region-caption{letter-spacing:.12em;font-size:7px}}.period-intro{justify-content:space-between;align-items:end;gap:20px;margin:35px 0 16px;display:flex}.period-intro h2{letter-spacing:-1px;color:#083d60;margin:5px 0 0;font-size:clamp(25px,3vw,34px)}.period-intro p{color:#66899b;margin:0 0 4px;font-size:12px}.period-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.period-panel{background:#fff;border:1px solid #d9e6ec;border-radius:11px;min-height:230px;padding:29px 32px 26px;position:relative;overflow:hidden;box-shadow:0 8px 25px #06335008}.period-panel:after{content:"";border:1px solid #b1dbe435;border-radius:50%;width:180px;height:180px;position:absolute;top:-100px;right:-79px;box-shadow:0 0 0 32px #dae9ef30}.period-panel>*{z-index:1;position:relative}.period-panel.year{background:linear-gradient(125deg,#eaf5f8,#fff 63%)}.period-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.period-chip{letter-spacing:1.1px;color:#167b92;background:#e3f2f5;border-radius:4px;padding:7px 10px;font-size:10px;font-weight:800}.period-value{letter-spacing:-2px;color:#073d60;font-variant-numeric:tabular-nums;margin:23px 0 3px;font-size:clamp(33px,4vw,52px);font-weight:800}.period-goal{color:#64879a;margin-bottom:23px;font-size:14px}.period-goal strong{color:#174b65}.period-track{background:#dfedf1;border-radius:99px;height:10px;overflow:hidden}.period-fill{border-radius:inherit;background:linear-gradient(90deg,#12618b,#58c3ce);width:0;height:100%;transition:width 1s cubic-bezier(.2,.85,.2,1);position:relative}.period-fill:after{content:"";filter:blur(7px);background:#ffffff58;width:25px;height:100%;position:absolute;top:0;right:0}.period-footer{color:#5d8296;justify-content:space-between;gap:12px;margin-top:12px;font-size:13px;display:flex}.period-footer strong{color:#0b5775;font-size:19px}.period-panel.met .period-fill{background:linear-gradient(90deg,#15907e,#69d4a9)}@media (width<=700px){.period-grid{grid-template-columns:1fr}.period-panel{padding:26px}.period-intro{flex-direction:column;align-items:start;gap:6px}}@media (prefers-reduced-motion:reduce){.period-fill{transition:none}}.conn-banner{color:#8a5323;background:#fdf3ea;border:1px solid #f0d5bb;border-radius:8px;margin:0 0 16px;padding:12px 16px;font-size:14px;font-weight:600}