:root{--p:#E31B23;--pd:#B4121A;--ink:#1C1213;--bg:#F3F0ED;--mut:#7B7072;--line:#EAE4E0;--ok:#12804A;--font:"Alexandria",system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--ink);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}button{font:inherit;border:0;background:none;cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}.ic{width:18px;height:18px}.dh{display:flex;align-items:center;gap:16px;padding:14px 24px;background:#fff;border-bottom:1px solid var(--line);flex-wrap:wrap}.dh img{height:40px}.dh h1{font-size:19px}.dh p{color:var(--mut);font-size:13px}.sp{flex:1}.dh nav{display:flex;gap:8px;flex-wrap:wrap}.dh nav a{padding:9px 14px;border-radius:11px;background:var(--bg);font-size:13px;font-weight:600}.dm{display:grid;grid-template-columns:auto auto minmax(380px,1fr);gap:24px;padding:20px 24px 40px;align-items:start;justify-content:center;max-width:1600px;margin:0 auto}.dcol{display:grid;gap:10px;justify-items:center}.dlab{display:flex;align-items:center;gap:8px;font-weight:700}.dlab b{width:26px;height:26px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:13px}.ringb{font-style:normal;font-size:12px;background:var(--p);color:#fff;padding:2px 10px;border-radius:99px;opacity:0;transition:.2s}.ringb.on{opacity:1;animation:pul .6s infinite alternate}@keyframes pul{to{transform:scale(1.12)}}.phone{--s:1;position:relative;border-radius:calc(58px * var(--s));background:#111;box-shadow:0 30px 60px -25px #00000073,0 0 0 calc(2px * var(--s)) #3a3a3a inset}.phone .ph-in{position:absolute;left:calc(12px * var(--s));top:calc(12px * var(--s));width:390px;height:844px;transform:scale(var(--s));transform-origin:top left;border-radius:46px;overflow:hidden;background:#fff}.phone iframe{width:390px;height:798px;border:0;display:block}.sbar{height:46px;display:flex;align-items:center;justify-content:space-between;padding:6px 30px 0;font-size:14px;direction:ltr;background:#fff;color:#111}.sbar span{font-size:10px;letter-spacing:1px}.phone.dark .sbar{background:#1c1213;color:#fff}.phone:after{content:"";position:absolute;top:calc(20px * var(--s));left:50%;width:calc(104px * var(--s));height:calc(28px * var(--s));transform:translate(-50%);background:#000;border-radius:99px;z-index:2}.phone.ringing{animation:buzz .35s infinite}@keyframes buzz{0%,to{transform:translate(0)}25%{transform:translate(-3px) rotate(-.5deg)}75%{transform:translate(3px) rotate(.5deg)}}.dside{display:grid;gap:16px;min-width:0}.dcard{background:#fff;border-radius:18px;padding:18px;box-shadow:0 0 0 1px var(--line);display:grid;gap:14px}.dbtn{height:58px;border-radius:16px;background:var(--p);color:#fff;font-weight:700;font-size:17px;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 12px 24px -12px var(--p);transition:.15s}.dbtn:hover{background:var(--pd)}.dbtn:disabled{opacity:.55}.dmodes{display:flex;gap:6px;padding:4px;background:var(--bg);border-radius:12px}.dmodes button{flex:1;height:34px;border-radius:9px;font-size:13px;font-weight:600;color:var(--mut)}.dmodes button.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px #00000014}.steps{list-style:none;display:grid;gap:0}.steps li{display:flex;gap:12px;align-items:flex-start;padding:8px 0;position:relative;color:var(--mut)}.steps li i{width:22px;height:22px;border-radius:50%;border:2px solid var(--line);flex:none;margin-top:2px;background:#fff;position:relative;z-index:1;transition:.25s}.steps li:not(:last-child):after{content:"";position:absolute;right:10px;top:30px;bottom:-8px;width:2px;background:var(--line)}.steps li b{display:block;font-size:14px}.steps li small{font-size:12px}.steps li.done{color:var(--ink)}.steps li.done i{background:var(--ok);border-color:var(--ok);box-shadow:inset 0 0 0 4px #fff}.steps li.now i{border-color:var(--p);animation:pul .7s infinite alternate}.dch{display:flex;align-items:center;justify-content:space-between}.dch h3{font-size:15px}.live{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ok);background:#e5f5ec;padding:4px 10px;border-radius:99px;font-weight:600}.live i{width:7px;height:7px;border-radius:50%;background:var(--ok);animation:pul .8s infinite alternate}.kp4{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kp4>div,.kp2>div{position:relative;background:var(--bg);border-radius:14px;padding:12px 14px;display:grid}.kp4 small,.kp2 small{color:var(--mut);font-size:12px}.kp4 b{font-size:26px;font-weight:800;direction:ltr;text-align:right;transition:color .3s}.kp4 b.pop{animation:pop .9s}@keyframes pop{0%{color:var(--ok);transform:scale(1.12)}to{color:var(--ink);transform:scale(1)}}.kp4 em{position:absolute;top:10px;left:12px;font-style:normal;font-size:13px;font-weight:700;color:var(--ok);background:#e5f5ec;padding:2px 8px;border-radius:99px;opacity:0;direction:ltr}.kp4 em.in{animation:up 3.5s forwards}@keyframes up{0%{opacity:0;transform:translateY(8px)}10%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}.kp2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kp2 b{font-size:16px;direction:ltr;text-align:right}.chart{height:170px;position:relative}.last{display:grid;gap:8px}.lo{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--bg);font-size:13px}.lo span{flex:1;color:var(--mut)}.lo em{font-style:normal;font-size:11.5px;font-weight:600;padding:2px 9px;border-radius:99px;background:#fff}.lo em.st-new{background:#fdecec;color:var(--pd)}.lo em.st-preparing{background:#fff3dc;color:#b26a00}.lo em.st-delivered{background:#e5f5ec;color:var(--ok)}.lo i{font-style:normal;font-weight:700}.mut{color:var(--mut);font-size:13px}#dt{position:fixed;bottom:20px;left:20px;display:grid;gap:8px;z-index:20;max-width:min(380px,calc(100% - 40px))}.dts{background:var(--ink);color:#fff;padding:12px 16px;border-radius:14px;font-size:13px;box-shadow:0 14px 30px -12px #00000073;animation:up2 .3s}@keyframes up2{0%{opacity:0;transform:translateY(10px)}}@media (max-width:1180px){.dm{grid-template-columns:1fr;justify-items:center}.dside{width:100%;max-width:620px;order:-1}}@media (max-width:640px){.dh{padding:12px 16px}.dh nav{width:100%}.dm{padding:14px 16px 40px}}