@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap";
:root{--bg-page:#0e0e0e;--clr-ready:#fff;--clr-process:#fff;--clr-hold:#fff;--txt-primary:#fff;--txt-secondary:#b8b8b8;--txt-muted:#a3a0a0;--border:#ffffff12;--border-strong:#ffffff26;--font-display:"Poppins",sans-serif;--font-body:"Poppins",sans-serif;--fs-header-title:5.2vh;--fs-header-date:1.6vh;--fs-status:1.5vh;--fs-name-lg:4.4vh;--fs-name-sm:2.6vh;--fs-meta:1.6vh;--fs-item:1.5vh;--fs-order:1.7vh;--fs-panel-title:5.4vh;--fs-panel-item:2.2vh;--fs-support-lbl:2vh;--fs-support-ph:2.8vh;--header-h:7vh;--gap:.8vh}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-display);background:var(--bg-page);color:var(--txt-primary);width:100vw;height:100vh;overflow:hidden}.page{background:#000;flex-direction:column;width:100vw;height:100vh;padding:1vw;display:flex;overflow:hidden;background-image:url(/background-image.jpg)!important}.header{height:var(--header-h);min-height:var(--header-h);border-bottom:2px solid #ffffff1a;flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:center;padding-left:.2vw;display:grid}.header-title{font-family:var(--font-display);font-size:var(--fs-header-title);letter-spacing:.06em;text-transform:uppercase;color:var(--txt-primary);white-space:nowrap;font-weight:600}.header-logo{justify-content:center;align-items:center;padding:0 2vw;display:flex}.logo-img{height:calc(var(--header-h)*.65);object-fit:contain;width:auto;max-height:60px}.header-updated{font-family:var(--font-display);font-size:var(--fs-header-date);letter-spacing:.1em;color:var(--txt-secondary);text-align:right;white-space:nowrap;font-weight:600}.body{gap:var(--gap);padding:var(--gap);flex:1;grid-template-columns:1fr 32vw;min-height:0;display:grid;overflow:hidden}.orders-grid{gap:var(--gap);grid-template-rows:repeat(4,1fr);grid-template-columns:1fr 1fr;height:100%;min-height:0;display:grid;overflow:hidden}.card{border:1px solid var(--border);border-radius:6px;flex-direction:column;min-height:0;display:flex;overflow:hidden}@keyframes pulse-bar{0%,to{background:#f59e0b1f}50%{background:#ffb637}}@keyframes pulse-dot{0%,to{box-shadow:0 0 4px var(--clr-process)}50%{box-shadow:0 0 14px #f2a400,0 0 8px #f0a017a6}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.card-in-process{animation:2.4s ease-in-out infinite pulse-border}.card-in-process .card-status-bar{animation:2.4s ease-in-out infinite pulse-bar}.card-in-process .card-status-dot{animation:2.4s ease-in-out infinite pulse-dot}.card-in-process .card-last-name{background:linear-gradient(90deg,#fff 0%,#f2a400 40%,#fff 60% 100%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite shimmer}.card-status-bar{font-family:var(--font-display);font-size:var(--fs-status);letter-spacing:.12em;text-transform:uppercase;flex-shrink:0;align-items:center;gap:.8vw;padding:.55vh 1.2vw;font-weight:700;display:flex}.status-ready .card-status-bar{color:var(--clr-ready);background:#12b347}.status-process .card-status-bar{color:var(--clr-process);background:#f59f0b9f}.status-hold .card-status-bar{color:var(--clr-hold);background:#ff4b26}.card-status-dot{border-radius:50%;flex-shrink:0;width:.9vh;height:.9vh}.status-ready .card-status-dot{background:var(--clr-ready);box-shadow:0 0 6px var(--clr-ready)}.status-process .card-status-dot{background:var(--clr-process);box-shadow:0 0 6px var(--clr-process)}.status-hold .card-status-dot{background:var(--clr-hold);box-shadow:0 0 6px var(--clr-hold)}.card-status-label{flex:1}.card-qty{font-size:var(--fs-status);letter-spacing:.1em;color:var(--txt-primary)}.card-qty strong{color:var(--txt-primary);font-weight:900}.card-body{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#ffffff1a;flex:1;align-items:stretch;gap:1vw;min-height:0;padding:.8vh 1.2vw 1vh;display:flex;overflow:hidden}.card-info{flex-direction:column;flex:1;justify-content:space-between;min-width:0;display:flex;overflow:hidden}.card-name-block{flex-shrink:0}.card-last-name{font-family:var(--font-display);font-size:var(--fs-name-lg);color:var(--txt-primary);font-weight:600;line-height:1}.card-first-name{font-family:var(--font-display);font-size:var(--fs-name-sm);color:var(--txt-secondary);margin-top:.15vh;font-weight:600}.card-meta{font-size:var(--fs-meta);color:var(--txt-secondary);flex-direction:column;gap:.2vh;min-width:0;line-height:1.4;display:flex}.meta-label{color:var(--txt-muted)}.card-meta em{color:var(--txt-primary);font-style:normal;font-weight:600}.card-item{color:#d1cccc;font-size:var(--fs-item);white-space:normal;word-break:break-word;min-width:0;margin-top:.2vh;line-height:1.35}.card-right{flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:flex-end;width:10vw;min-height:0;display:flex}.card-thumbnail{border-radius:0;flex:1;width:100%;min-height:0;overflow:hidden}.thumbnail-img{object-fit:contain;object-position:right;width:100%;height:100%;display:block}.thumbnail-placeholder{border:1px solid var(--border-strong);border-radius:5px;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.thumbnail-inner{border:1px solid var(--border-strong);border-radius:3px;width:38%;height:38%}.card-order-num{font-family:var(--font-display);font-size:var(--fs-order);letter-spacing:.04em;text-align:right;white-space:nowrap;flex-shrink:0;margin-top:.4vh;font-weight:700}.order-label{color:var(--txt-muted);font-weight:400}.order-value{color:var(--txt-primary)}.instructions-panel{border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#ffffff1a;border-radius:8px;flex-direction:column;height:100%;padding:3vh 1.8vw;display:flex;overflow:hidden}.instructions-title{font-family:var(--font-display);font-size:var(--fs-panel-title);text-transform:uppercase;color:var(--txt-primary);text-align:center;border-bottom:1px solid var(--border-strong);flex-shrink:0;margin-bottom:3vh;padding-bottom:2vh;font-weight:600}.instructions-list{flex-direction:column;flex-shrink:0;gap:2.8vh;list-style:none;display:flex}.instructions-item{align-items:center;gap:1.2vw;display:flex}.instructions-icon{text-align:center;flex-shrink:0;width:3.5vh;font-size:2.6vh}.instructions-text{font-size:var(--fs-panel-item);color:var(--txt-secondary);font-weight:500;line-height:1.3}.instructions-support{border-top:1px solid var(--border-strong);text-align:center;flex-shrink:0;padding-top:2.5vh}.support-label{font-size:var(--fs-support-lbl);letter-spacing:.1em;text-transform:uppercase;color:var(--txt-muted);margin-bottom:.8vh}.support-phone{font-family:var(--font-display);font-size:var(--fs-support-ph);letter-spacing:.04em;color:var(--txt-primary);justify-content:center;align-items:center;gap:.6vw;font-weight:800;display:flex}.fade-container{height:20px;position:relative}.fade-item{opacity:0;width:100%;animation:6s infinite fadeLoop;position:absolute;top:0;left:0}.fade-item:first-child{animation-delay:0s}.fade-item:nth-child(2){animation-delay:3s}.fade-item:nth-child(3){animation-delay:6s}@keyframes fadeLoop{0%{opacity:0}10%{opacity:1}40%{opacity:1}50%{opacity:0}to{opacity:0}}.card-thumbnail{width:120px;height:120px;position:relative;overflow:hidden}.thumbnail-img{object-fit:contain;width:100%;height:100%}.card-thumbnail .fade-item{width:100%;height:100%;position:absolute}body{background:red!important}