.demo{min-height:100vh;background:#06142c;color:#fff;font-family:Plus Jakarta Sans,Arial,sans-serif;padding:28px;background-image:radial-gradient(ellipse at 75% -10%,#123778 0,transparent 48%)}.demo *{box-sizing:border-box}.demo-shell{max-width:1700px;margin:auto}.demo-header,.demo-header-right,.demo-brand,.demo-title,.demo-cardtop,.demo-foot,.demo-section-head,.demo-bottom{display:flex;align-items:center;justify-content:space-between}.demo-header{border-bottom:1px solid #ffffff1c;padding:3px 0 23px}.demo-brand{justify-content:flex-start;gap:12px}.demo-logo{display:grid;place-items:center;background:#2165ed;border-radius:10px;width:44px;height:44px;font-size:27px;font-weight:900;font-style:italic}.demo-brand strong{display:block;font-size:18px;letter-spacing:.04em}.demo-brand strong span{color:#72a7ff}.demo-brand small{display:block;color:#8ea6cc;font-size:9px;letter-spacing:.18em;margin-top:3px}.demo-header-right{gap:16px}.demo-live,.demo-badge,.demo-pill{font-size:10px;font-weight:800;letter-spacing:.1em}.demo-live{color:#a8bad8}.demo-live i,.demo-pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:#44dbb2;margin-right:6px}.demo-badge,.demo-pill{background:#ffffff0d;border:1px solid #ffffff19;border-radius:20px;padding:9px 12px;color:#a8bad8}.demo-title{padding:27px 0 24px;gap:12px}.demo-eyebrow{font-size:10px;letter-spacing:.16em;font-weight:800;color:#7ea9f5}.demo-eyebrow span{color:#496485}.demo-title h1{font-size:32px;letter-spacing:-.04em;margin:7px 0}.demo-title p,.demo-full p{font-size:13px;color:#9cb1d1;margin:0}.demo-date{color:#819abd;font-size:10px;font-weight:800;letter-spacing:.12em}.demo-date span{color:#377cf5;padding:0 8px}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.demo-card{background:linear-gradient(135deg,#102b55,#0c2245);border:1px solid #28466e;border-radius:16px;padding:24px;box-shadow:0 12px 30px #0002}.demo-hero{background:linear-gradient(125deg,#15469b,#0e326e);min-height:215px}.demo-month{background:linear-gradient(125deg,#0f316a,#0b2753)}.demo-cardtop{font-size:11px;font-weight:800;letter-spacing:.13em;color:#bdd1f3}.demo-icon{display:grid;place-items:center;background:#ffffff17;width:34px;height:34px;border-radius:10px;font-size:18px}.demo-big{font-size:64px;line-height:1;font-weight:800;letter-spacing:-.05em;margin-top:12px}.demo-big small{font-size:22px;color:#9ab8ea;letter-spacing:0}.demo-hero p{font-size:12px;color:#b2c8ea;margin:8px 0 18px}.demo-progress,.demo-line{height:7px;border-radius:10px;background:#ffffff20;overflow:hidden}.demo-progress span,.demo-line span{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#fff,#91c5ff)}.demo-foot{margin-top:12px;font-size:11px;color:#b8cdef}.demo-foot b{color:#fff}.demo-section-head{gap:15px;margin-bottom:19px}.demo-section-head h2{font-size:19px;margin:7px 0 0;letter-spacing:-.02em}.demo-person{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid #ffffff10}.demo-avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#2858a2;font-weight:800}.demo-person-name{flex:1}.demo-person-name strong,.demo-person-name small{display:block;font-size:12px}.demo-person-name small{color:#9eb4d1;margin:3px 0 6px}.demo-person>b{font-size:12px;color:#6987b0}.demo-line{height:3px}.demo-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.demo-mini-grid>div{padding:15px;background:#ffffff08;border:1px solid #ffffff0a;border-radius:11px}.demo-mini-grid span,.demo-mini-grid small{display:block;font-size:10px;color:#94aacb}.demo-mini-grid span{font-weight:800;letter-spacing:.07em}.demo-mini-grid strong{display:block;font-size:28px;margin:6px 0}.demo-mini-grid em{font-size:12px;color:#ffb65e}.demo-bottom{margin-top:16px;background:#0e2850;border:1px solid #28466e;padding:17px 20px;border-radius:12px;font-size:10px;font-weight:800;letter-spacing:.1em;color:#9db5d9;gap:16px}.demo-bottom strong{color:#fff;font-size:18px;letter-spacing:.04em;margin-left:12px;font-variant-numeric:tabular-nums}.demo-bottom small{font-size:10px;font-weight:500;color:#7f99c0;letter-spacing:0}.demo-dots{display:flex;gap:7px}.demo-dots button{border:0;padding:0;width:9px;height:9px;border-radius:50%;background:#4c668a;cursor:pointer}.demo-dots button.active{background:#68a4ff;box-shadow:0 0 0 4px #4c91ff22}.demo-bottom-label{font-size:9px}.demo-full{min-height:520px}.demo-full .demo-section-head{margin-bottom:24px}.demo-full .demo-section-head h2{font-size:26px;margin:8px 0}.demo-counter{text-align:right;color:#abc2e5;font-size:18px}.demo-counter b{font-size:40px;color:#fff}.demo-counter small{display:block;font-size:9px;letter-spacing:.1em}.demo-sales{display:grid;grid-template-columns:1fr 1fr;gap:10px}.demo-sale,.demo-prep{display:flex;align-items:center;gap:14px;background:#ffffff09;border:1px solid #ffffff10;border-radius:10px;padding:13px}.demo-number{color:#7fa5e3;font-weight:800;font-size:12px}.demo-sale>div,.demo-prep>div{flex:1}.demo-sale strong,.demo-sale small,.demo-prep strong{display:block}.demo-sale strong,.demo-prep strong{font-size:13px}.demo-sale small{color:#96adcf;font-size:11px;margin-top:5px}.demo-sold,.demo-status{color:#70e4bf;font-size:9px;font-weight:800;letter-spacing:.06em}.demo-preps{display:grid;grid-template-columns:1fr 1fr;gap:12px}.demo-prep{padding:23px;min-height:150px}.demo-prep-icon{align-self:flex-start;background:#2357a4;padding:10px;border-radius:10px}.demo-prep p{margin:9px 0 13px}.demo-tag{font-size:10px;color:#b8d2fa;padding:5px 9px;border-radius:6px;background:#ffffff10}.demo-status.urgent{color:#ffc276}@media (max-width:700px){.demo{padding:16px}.demo-title h1{font-size:26px}.demo-date,.demo-live,.demo-bottom-label{display:none}.demo-grid,.demo-sales,.demo-preps{grid-template-columns:1fr}.demo-card{padding:18px}.demo-big{font-size:52px}.demo-bottom{flex-wrap:wrap}.demo-bottom strong{font-size:15px}.demo-full{min-height:0}.demo-header-right{gap:5px}.demo-sale{padding:12px}}@media (min-width: 701px) and (max-height: 1000px){.demo{padding:clamp(12px,2vh,22px) 28px}.demo-header{padding-bottom:clamp(10px,1.5vh,18px)}.demo-title{padding:clamp(12px,2vh,20px) 0}.demo-title h1{font-size:clamp(24px,3.5vh,32px);margin:4px 0}.demo-grid{gap:clamp(8px,1.5vh,16px)}.demo-card{padding:clamp(12px,2vh,20px)}.demo-hero{min-height:0}.demo-big{font-size:clamp(40px,7vh,64px);margin-top:5px}.demo-hero p{margin:5px 0 10px}.demo-foot{margin-top:8px}.demo-section-head{margin-bottom:10px}.demo-person{padding:clamp(5px,1vh,9px) 0}.demo-mini-grid>div{padding:clamp(8px,1.2vh,13px)}.demo-mini-grid strong{font-size:clamp(22px,3vh,28px);margin:3px 0}.demo-bottom{margin-top:10px;padding:12px 18px}.demo-full{min-height:0}.demo-full .demo-section-head{margin-bottom:12px}.demo-sale{padding:clamp(7px,1vh,12px)}.demo-prep{min-height:0;padding:clamp(12px,2vh,20px)}}@media (min-width: 701px) and (max-height: 700px){.demo{padding:10px 20px}.demo-header{padding-bottom:8px}.demo-logo{width:36px;height:36px;font-size:22px}.demo-title{padding:9px 0}.demo-title h1{font-size:23px;margin:3px 0}.demo-card{padding:12px}.demo-big{font-size:40px}.demo-cardtop .demo-icon{width:26px;height:26px}.demo-person{padding:5px 0}.demo-avatar{width:30px;height:30px}.demo-mini-grid>div{padding:7px}.demo-mini-grid strong{font-size:21px;margin:2px 0}.demo-sales{grid-template-columns:repeat(3,1fr);gap:7px}.demo-sale{padding:7px}.demo-bottom{margin-top:8px;padding:9px 14px}}@media (min-width: 701px){.demo{min-height:100vh}.demo-shell{min-height:calc(100vh - 56px);display:flex;flex-direction:column}.demo-bottom{margin-top:auto;flex-shrink:0}}@media (min-width: 701px) and (max-height: 1000px){.demo-shell{min-height:calc(100vh - (2*clamp(12px,2vh,22px)))}}@media (min-width: 701px) and (max-height: 700px){.demo-shell{min-height:calc(100vh - 20px)}}.demo-ranking-list{display:grid;gap:12px}.demo-ranking-row{display:flex;align-items:center;gap:20px;padding:22px 24px;border-radius:13px;background:#ffffff08;border:1px solid #ffffff12}.demo-ranking-row.rank-1{background:linear-gradient(100deg,#1b509f,#15376b);border-color:#477ac3}.demo-ranking-position{font-size:22px;font-weight:800;color:#86a8da}.demo-ranking-avatar{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:#2c60ae;font-size:23px;font-weight:800}.demo-ranking-name{flex:1}.demo-ranking-name strong,.demo-ranking-name small,.demo-ranking-count small{display:block}.demo-ranking-name strong{font-size:17px}.demo-ranking-name small{color:#a9bddc;font-size:11px;margin:5px 0 10px}.demo-ranking-count{text-align:center}.demo-ranking-count strong{font-size:35px}.demo-ranking-count small{font-size:9px;letter-spacing:.12em;color:#9eb7dc;font-weight:800}@media (min-width:701px) and (max-height:700px){.demo-ranking-list{gap:8px}.demo-ranking-row{padding:11px 16px}.demo-ranking-avatar{width:40px;height:40px;font-size:18px}.demo-ranking-count strong{font-size:27px}}@media (max-width:700px){.demo-ranking-row{gap:12px;padding:15px}.demo-ranking-avatar{width:40px;height:40px}.demo-ranking-name strong{font-size:14px}}.demo-trophy{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#ffc8571a;border:1px solid #ffc85750;font-size:25px;line-height:1;box-shadow:0 0 22px #ffc85718}@media (min-width:701px) and (max-height:700px){.demo-trophy{width:36px;height:36px;font-size:21px}}