:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}:root{--bg: #0b0f17;--text: #e8eaf0;--muted: rgba(232,234,240,.62);--muted2: rgba(232,234,240,.45);--panel: rgba(255,255,255,.035);--panel2: rgba(255,255,255,.05);--separator: rgba(255,255,255,.08);--border: var(--separator);--shadow: 0 10px 30px rgba(0,0,0,.3);--radius: 14px;--radius2: 12px;--accent: #7c5cff;--good: #34d399;--bad: #fb7185;--warn: #fbbf24;box-sizing:border-box}*{box-sizing:inherit;-webkit-tap-highlight-color:transparent}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,Arial,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}html{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) transparent}html::-webkit-scrollbar{width:8px;height:8px}html::-webkit-scrollbar-track{background:transparent}html::-webkit-scrollbar-thumb{background:#fff3;border-radius:999px;border:2px solid transparent;background-clip:padding-box}#root{width:100%}.shell{max-width:1240px;margin:0 auto;padding:18px}.top{position:sticky;top:10px;z-index:30;backdrop-filter:blur(2px) grayscale(70%);-webkit-backdrop-filter:blur(14px);background:#0b0f1799;border:1px solid var(--separator);box-shadow:none;border-radius:var(--radius);padding:14px 14px 12px;margin-bottom:14px}.topRow{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.title{display:flex;flex-direction:column;gap:4px;min-width:0}.title h1{margin:0;font-size:18px;letter-spacing:.2px;font-weight:800;display:flex;align-items:center;gap:10px}.title .subtitle{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topCenter{display:flex;align-items:center;justify-content:center;gap:10px}.rightBox{display:flex;align-items:center;gap:10px;justify-content:flex-end;min-width:0}.search{flex:1;min-width:260px;max-width:420px;padding:11px 12px;border-radius:14px;border:1px solid var(--separator);background:#ffffff08;color:var(--text);outline:none;font-size:14px}.search::placeholder{color:var(--muted2)}.search:focus{border-color:#7c5cff8c;box-shadow:0 0 0 4px #7c5cff29}.colToggle{display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:35px;width:40px;padding:4px;cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid rgba(236,141,255,.158);border-radius:16px;background:#ec8dff08;box-shadow:0 10px 30px #0000004d}.colToggleScene{width:100%;height:100%;display:flex;align-items:center;justify-content:center;perspective:420px}.colToggleTurn{position:relative;width:100%;height:100%;transform-style:preserve-3d}.colToggleFace{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#ec8dff12;color:#fffffffa;backface-visibility:hidden;-webkit-backface-visibility:hidden}.colToggleFaceA{transform:rotateY(0) translateZ(9px)}.colToggleFaceB{transform:rotateY(180deg) translateZ(9px)}.searchExp{position:relative;display:flex;align-items:center;justify-content:flex-end;flex:0 1 auto;width:34px;min-width:0;height:42px;overflow:hidden;border-radius:14px;transition:width 1s cubic-bezier(.22,1,.36,1) 0s}.searchExp.open{width:320px;max-width:100%;transition:width 1s cubic-bezier(.22,1,.36,1) .3s}.searchExpBg{position:absolute;inset:0;border-radius:14px;border:1px solid var(--separator);background:#ffffff08;opacity:0;pointer-events:none;transition:opacity .6s linear .7s}.searchExp.open .searchExpBg{opacity:1;transition:opacity .6s linear 0s}.searchExpInput{flex:1;width:100%;min-width:0;height:100%;padding:0 42px 0 14px;border:0;background:transparent;color:var(--text);outline:none;font-size:14px;position:relative;z-index:2;opacity:0;transition:opacity .35s linear 0s}.searchExp.open .searchExpInput{opacity:1;transition:opacity .5s linear .45s}.searchExpInput::placeholder{color:var(--muted2)}.searchExpIcon{position:absolute;right:0;top:50%;transform:translateY(-50%);height:26px;width:34px;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:none;cursor:pointer;color:#ffffff59;z-index:3;-webkit-tap-highlight-color:transparent;transition:color .45s ease}.searchExp.open .searchExpIcon{color:#ffffffbf}@media(hover:hover){.searchExpIcon:hover{color:#ffffffbf;transition:color .12s ease}}.topIconBtn{display:flex;align-items:center;padding:5px 6px;border:0;background:none;cursor:pointer;color:#ffffff59;-webkit-tap-highlight-color:transparent;transition:color .45s ease}@media(hover:hover){.topIconBtn:hover{color:#ffffffbf;transition:color .12s ease}}.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800;border:1px solid var(--separator);background:#ffffff08;color:var(--text);white-space:nowrap}.btn,.select,.chip,.statusPill{border-color:var(--separator);background:#ffffff08;box-shadow:none}.list{display:grid;grid-template-columns:1fr;gap:8px;padding:8px;border:1px solid var(--separator);border-radius:var(--radius);overflow:hidden;background:#ffffff05;box-shadow:var(--shadow)}.listTwo{grid-template-columns:repeat(2,1fr)}.card{border:0;border-bottom:1px solid var(--separator);border-radius:var(--radius2);background:transparent;transition:background .9s ease;padding:7px 12px;display:flex;align-items:stretch;justify-content:space-between;gap:6px;position:relative}.card.cardOnShift{border-bottom-color:#34d39927}.card.cardOnShift:before{content:"";position:absolute;left:5%;right:5%;bottom:0;height:8px;background:linear-gradient(90deg,transparent,rgba(52,211,153,.37),transparent);filter:blur(25px);clip-path:inset(-40px 0 0 0);pointer-events:none}.card.cardPlanned{border-bottom-color:#60a5fa2e}.card.cardPlanned:before{content:"";position:absolute;left:5%;right:5%;bottom:0;height:8px;background:linear-gradient(90deg,transparent,rgba(96,165,250,.37),transparent);filter:blur(25px);clip-path:inset(-40px 0 0 0);pointer-events:none}@media(hover:hover){.card:hover{background:#e66aff12;transition:background 50ms ease}.card.cardOnShift:hover{background:#34d39912}.card.cardPlanned:hover{background:#60a5fa12}}.left{display:flex;gap:12px;min-width:240px;flex:1;align-items:center}.avatar{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:900;background:#7c5cff29;border:1px solid rgba(124,92,255,.22);color:#e8eaf0fa;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.avatarWrap{width:44px;height:44px;border-radius:14px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;overflow:visible;position:relative}.avatarWrap .avatar{width:44px;height:44px;border-radius:14px;overflow:hidden;position:relative;z-index:1}.avatarWrap.noPhoto .avatar{color:#e8eaf0fa}.avatarWrap.glowBirthday{filter:drop-shadow(0 0 5px rgba(255,255,255,.6)) drop-shadow(0 0 18px rgba(255,213,24,.61))}.avatarWrap.glowGreen{filter:drop-shadow(0 0 6px rgba(0,255,85,.45)) drop-shadow(0 0 14px rgba(52,211,73,.24))}.avatarWrap.ringYellow{outline:2px solid rgba(255,183,0,.48);outline-offset:1px}.avatarWrap.ringOrange{outline:2px solid rgba(255,115,0,.5);outline-offset:1px}.avatarWrap.ringRed{outline:2px solid rgba(255,46,77,.52);outline-offset:1px}.avatarWrap.ringWarm{outline:2px solid rgba(255,244,214,.55);outline-offset:1px}.avatarWrap.ringBlue{outline:2px solid rgba(86,44,255,.55);outline-offset:1px}@keyframes typingPulse{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@keyframes composingBreathe{0%,to{opacity:.22}50%{opacity:.62}}@keyframes glowScaleIn{0%{transform:scale(.15);opacity:0}to{transform:scale(1);opacity:1}}@keyframes glowScaleOut{0%{transform:scale(1);opacity:1}to{transform:scale(.15);opacity:0}}@keyframes dotsIn{0%{opacity:0;transform:translate(-50%) scale(.2)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes dotsOut{0%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) scale(.2)}}.composingGlowWrap{transform-origin:center}.composingGlowWrap.glowIn{animation:glowScaleIn .4s ease-out both}.composingGlowWrap.glowOut{animation:glowScaleOut .38s ease-in forwards}.composingGlowRing{animation:composingBreathe 2.8s ease-in-out infinite}.typingDots{position:absolute;bottom:-9px;left:50%;display:flex;gap:2px;z-index:10}.typingDots.dotsIn{animation:dotsIn .32s ease-out both}.typingDots.dotsOut{animation:dotsOut .32s ease-in forwards}body.android .typingDots{bottom:-8px}.typingDots span{width:3px;height:3px;border-radius:50%;animation:typingPulse 1.2s ease-in-out infinite}.typingDots.onShift span{background:#4ade80b3}.typingDots.offShift span{background:#a78bfab3}.typingDots span:nth-child(2){animation-delay:.2s}.typingDots span:nth-child(3){animation-delay:.4s}.avatarFx{position:absolute;inset:-10px;border-radius:16px;pointer-events:none;overflow:visible;z-index:2}.avatarParticle{position:absolute;left:50%;top:50%;width:var(--size, 3px);height:var(--size, 3px);margin-left:calc(var(--size, 3px) / -2);margin-top:calc(var(--size, 3px) / -2);border-radius:999px;background:radial-gradient(circle,var(--pCore, rgba(255,255,255,.95)) 0%,var(--pColor, rgba(255,236,180,.9)) 38%,transparent 72%);opacity:0;filter:blur(var(--blur, .4px)) drop-shadow(0 0 var(--glow, 4px) var(--pColor, rgba(255,236,180,.9))) drop-shadow(0 0 calc(var(--glow, 4px) * 2.4) var(--pColor, rgba(255,236,180,.6)));transform:translate(var(--x0, 0px),var(--y0, 0px)) scale(.5);animation:fireflyFloat var(--dur, 4.2s) ease-in-out forwards;animation-delay:var(--delay, 0ms);will-change:transform,opacity}@keyframes fireflyFloat{0%{opacity:0;transform:translate(var(--x0),var(--y0)) scale(.45)}14%{opacity:var(--peak, .9);transform:translate(var(--x1),var(--y1)) scale(1)}30%{opacity:calc(var(--peak, .9) * .45)}46%{opacity:var(--peak, .9);transform:translate(var(--x2),var(--y2)) scale(1.12)}62%{opacity:calc(var(--peak, .9) * .5)}80%{opacity:calc(var(--peak, .9) * .85);transform:translate(var(--x3),var(--y3)) scale(1)}to{opacity:0;transform:translate(var(--x4),var(--y4)) scale(.55)}}@media(prefers-reduced-motion:reduce){.avatarParticle{display:none}}.badgeBirthday{display:inline-flex;align-items:center;color:#ffd27a;transform-origin:50% 85%;animation:cakeBob 2.6s ease-in-out infinite}.badgeBirthday svg{animation:cakeGlow 2.2s ease-in-out infinite}@keyframes cakeBob{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-2px) rotate(5deg)}}@keyframes cakeGlow{0%,to{color:#ffd27a;filter:drop-shadow(0 0 3px rgba(255,200,120,.6))}50%{color:#ffb0d8;filter:drop-shadow(0 0 7px rgba(255,140,200,.75))}}@media(prefers-reduced-motion:reduce){.badgeBirthday,.badgeBirthday svg{animation:none}}.main{display:flex;flex-direction:column;gap:2px;min-width:180px}.nameRow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;line-height:1.2}.empName{font-weight:900;letter-spacing:.2px}.subRow{color:var(--muted);font-size:12px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.mutedSmall{color:var(--muted2);font-size:12px}.msg{color:#e8eaf0d6;font-size:13px;margin-top:2px;line-height:1.25;max-width:820px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.right{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:0px;min-width:220px;flex:0 0 auto}.statusPill{display:inline-flex;align-items:center;gap:8px;padding:4px 8px;border-radius:999px;font-weight:900;font-size:10px;border:1px solid var(--separator)}.statusDot{width:8px;height:8px;border-radius:50%;background:var(--warn);box-shadow:0 0 0 4px #fbbf241f;filter:blur(1px)}.statusDot.online{background:var(--good);box-shadow:0 0 0 4px #2bff0024}.statusDot.offline{background:var(--bad);box-shadow:0 0 0 4px #ff032924}.statusDot.planned{background:#93c5fd;box-shadow:0 0 0 4px #93c5fd24}.shiftBox{text-align:right}.shiftMeta{color:var(--muted);font-size:12px;margin-top:4px;line-height:1.25}.shiftHours{font-weight:1000;font-size:18px;letter-spacing:.2px;transition:text-shadow .16s ease}.shiftHours.tGlowGreen{text-shadow:0 0 3px rgba(0,255,85,.7),0 0 6px rgba(0,226,19,.3)}.shiftHours.tGlowYellow{text-shadow:0 0 3px rgba(255,183,0,.7),0 0 6px rgba(255,183,0,.3)}.shiftHours.tGlowOrange{text-shadow:0 0 3px rgba(255,115,0,.7),0 0 6px rgba(255,115,0,.3)}.shiftHours.tGlowRed{text-shadow:0 0 3px rgba(255,0,38,.7),0 0 6px rgba(255,0,38,.3)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinStar{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.drawerOverlay{position:fixed;inset:0;z-index:10000;background:#00000080;transform:translateZ(0);backface-visibility:hidden;will-change:opacity;opacity:0;pointer-events:none;transition:opacity .42s ease}.drawerOverlay.open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(520px,96vw);height:100dvh;background:#0b1020f7;border-left:1px solid var(--separator);box-shadow:0 18px 30px #0000008c;opacity:0;transform:translate(110%);transition:transform .56s cubic-bezier(.16,1,.3,1);will-change:transform;backface-visibility:hidden;display:flex;flex-direction:column}.drawerOverlay.open .drawer{transform:translate(0);opacity:1}.drawerHead{padding:14px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;background:#0b102080;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--separator)}.drawerTitle{display:flex;gap:12px;align-items:center}.drawerAvatar{width:44px;height:44px;border-radius:14px;overflow:hidden;border:1px solid rgba(124,92,255,.25);background:#7c5cff29;display:flex;align-items:center;justify-content:center;font-weight:1000}.drawerAvatar img{width:100%;height:100%;object-fit:cover;display:block}.drawerName{font-weight:1000;font-size:15px;line-height:1.1}.drawerMeta{color:var(--muted);font-size:12px;line-height:1.25;margin-top:4px}.drawerClose{border:0;background:transparent;padding:0;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;color:var(--text);cursor:pointer;transition:transform .12s ease,color .45s ease,opacity .45s ease}@media(hover:hover){.drawerClose:hover{opacity:.85;color:var(--accent);transition:transform .12s ease,color .12s ease,opacity .12s ease}}.drawerClose:not(:disabled):active{transform:scale(.86);transition:transform .06s ease}.drawerClose:focus-visible{outline:none;box-shadow:0 0 0 4px #2200ac38}.drawerClose:disabled{opacity:.35;color:var(--text);cursor:default}.drawerBody{flex:1 1 auto;min-height:0;padding:14px;overflow:hidden;display:flex;flex-direction:column;gap:12px}.drawerPanel{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;border:1px solid var(--separator);background:#ffffff05;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.drawerSectionTitle{padding:12px 12px 8px}.drawerList{min-height:0;overflow-y:auto;overflow-x:hidden;padding-bottom:6px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:2px;row-gap:2px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) transparent}.drawerList::-webkit-scrollbar{width:8px}.drawerList::-webkit-scrollbar-track{background:transparent}.drawerList::-webkit-scrollbar-thumb{background:#fff3;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.drawerPanel::-webkit-scrollbar{width:8px}.drawerPanel::-webkit-scrollbar-track{background:transparent}.drawerPanel::-webkit-scrollbar-thumb{background:#fff3;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.adminPanelScroll{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) transparent;overscroll-behavior:contain}.adminPanelScroll::-webkit-scrollbar{width:4px}.adminPanelScroll::-webkit-scrollbar-track{background:transparent}.adminPanelScroll::-webkit-scrollbar-thumb{background:#fff3;border-radius:999px}.drawerRow[data-type=checkin]{grid-column:1}.drawerRow[data-type=checkout]{grid-column:2}.drawerRow[data-type]:not([data-type=checkin]):not([data-type=checkout]){grid-column:1 / -1}.drawerRow{min-width:0;width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;position:relative;border:0;background:#00000003;padding:8px 12px 10px;transition:background .9s ease}@media(hover:hover){.drawerRow:hover{background:#e66aff12;transition:background 50ms ease}}.drawerRowMain{min-width:0;flex:1}.drawerRowType{font-weight:900;font-size:12px;line-height:1.05;letter-spacing:.2px;white-space:nowrap}.drawerRowText{margin-top:2px;color:#e8eaf0d1;font-size:12px;line-height:1.12}.drawerRowActions{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:0}.drawerRowTime{line-height:1.05;white-space:nowrap}.drawerDel{border:0;background:transparent;padding:0;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;color:var(--text);cursor:pointer;transition:transform .12s ease,color 1.35s ease,opacity .45s ease}@media(hover:hover){.drawerDel:hover{opacity:.85;color:var(--bad);transition:transform .12s ease,color 50ms ease,opacity .12s ease}}.drawerDel:not(:disabled):active{transform:scale(.86);transition:transform .06s ease}.drawerDel:focus-visible{outline:none;box-shadow:0 0 0 4px #1dac0038}.drawerRow:not(.drawerRowSpacer):after{content:"";position:absolute;left:10%;right:10%;bottom:4px;height:2px;background:linear-gradient(90deg,transparent,rgba(238,109,255,.38),transparent);opacity:.9;pointer-events:none}.drawerRow:not(.drawerRowSpacer):before{content:"";position:absolute;left:30%;right:30%;bottom:9px;height:6px;background:linear-gradient(90deg,transparent,rgba(134,18,180,.39),transparent);filter:blur(4px);opacity:.8;pointer-events:none}.drawerRowSpacer{visibility:hidden;pointer-events:none;border:0;background:transparent}.shiftIconBtn{background:none;border:none;cursor:pointer;padding:4px;transition:color 1.35s ease;-webkit-tap-highlight-color:transparent}@media(hover:hover){.shiftIconBtn:hover{color:#7c5cff;transition:color .05s ease}}.shiftIconBtn:active{transform:scale(.82)}select option{background-color:#1b1b1f;color:#ffffffe6}.addMenuBtn{transition:transform .35s ease}.addMenuBtn.open{transform:rotate(45deg)}.userCreateWrap{display:flex;justify-content:flex-end;overflow:hidden;max-width:0;opacity:0;visibility:hidden;transition:max-width .45s cubic-bezier(.4,0,.2,1),opacity .3s ease,visibility 0s linear .45s}.userCreateWrap.open{max-width:1000px;opacity:1;visibility:visible;transition:max-width .45s cubic-bezier(.4,0,.2,1),opacity .3s ease .1s,visibility 0s}.floatingPopup{position:absolute;bottom:calc(100% + 6px);right:0;background:#111c;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:4px;z-index:1000;box-shadow:0 0 20px #0003;opacity:0;transform:scale(.95) translateY(5px);filter:blur(10px);pointer-events:none;transition:opacity .5s ease,transform .5s ease,filter .5s ease}.floatingPopup.open{opacity:1;transform:none;filter:none;pointer-events:auto;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.popupItem{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;background:none;border:none;cursor:pointer;border-radius:8px;color:inherit;font-size:13px;text-align:left;opacity:0;transform:translate(10px);filter:blur(8px);transition:opacity .35s ease,transform .35s ease,filter .35s ease,background-color 1.35s ease;-webkit-tap-highlight-color:transparent}.floatingPopup.open .popupItem{opacity:1;transform:none;filter:none}.floatingPopup.open .popupItem:nth-child(1){transition-delay:.08s}.floatingPopup.open .popupItem:nth-child(2){transition-delay:.16s}.floatingPopup.open .popupItem:nth-child(3){transition-delay:.24s}.floatingPopup.open .popupItem:nth-child(4){transition-delay:.32s}@media(hover:hover){.popupItem:hover{background:#a855f71f;transition:background-color .05s ease}}.popupItem:active{transform:scale(.95)}@keyframes calFadeIn{0%{opacity:0}to{opacity:1}}@keyframes calSlideIn{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}.cal-panel-enter{animation:calSlideIn .35s ease both}.cal-fade-in{animation:calFadeIn .15s ease both}.cal-summary-row{animation:calFadeIn .3s ease both}.expTabs{display:flex;gap:4px;padding:4px;border-radius:16px;border:1px solid rgba(236,141,255,.158);background:#ec8dff08;box-shadow:0 10px 30px #0000004d}.expTabsSep{width:1px;height:24px;background:#ffffff24;opacity:.7;margin:0 4px;align-self:center}.expTabBtn{position:relative;display:inline-flex;align-items:center;gap:0;border:0;cursor:pointer;padding:5px 8px;border-radius:12px;background:transparent;color:#ec8dff60;overflow:hidden;-webkit-tap-highlight-color:transparent;transition:background-color .4s ease,color .3s ease,filter .18s ease,gap .4s ease,padding-left .4s ease,padding-right .4s ease}@media(hover:hover){.expTabBtn:hover{background:#ec8dff0d;color:#f4bbffe6}}.expTabBtn:focus,.expTabBtn:focus-visible{outline:none;box-shadow:none}.expTabBtnActive{background:#ec8dff12;color:#fffffffa;gap:8px;padding-left:16px;padding-right:16px}.expTabIcon{position:relative;z-index:2;display:inline-flex;align-items:center}.expTabText{position:relative;z-index:2;display:inline-block;white-space:nowrap;overflow:hidden}.expTabTextExpand{display:inline-block;max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transition:max-width .4s ease,opacity .25s ease .1s}.expTabBtnActive .expTabTextExpand{max-width:80px;opacity:1}@keyframes eventItemIn{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}.event-item-enter{animation:eventItemIn .35s ease both}.drawerCalCell{transition:background .9s ease;position:relative;cursor:pointer;border:1px solid rgba(255,255,255,.08);border-radius:2px;padding:2px;height:100%;min-height:0;overflow:hidden;outline:1px solid rgba(255,255,255,.08)}.drawerCalCellSelected:before{content:"";position:absolute;left:0;right:0;bottom:1;height:4px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);filter:blur(7px);pointer-events:none}@media(hover:hover){.drawerCalCell:hover{background:#e66aff21;transition:background 50ms ease}.drawerCalCellSelected:hover{background:#ed90ff27}}@keyframes calCellIn{0%{opacity:0;transform:scale(.65)}to{opacity:var(--cal-op, 1);transform:scale(1)}}@media(pointer:coarse){.card:active{background:#e66aff12;transition:background 50ms ease}.card.cardOnShift:active{background:#34d39912}.card.cardPlanned:active{background:#60a5fa12}.drawerClose:not(:disabled):active{color:var(--accent);opacity:.85;transition:transform .06s ease,color .12s ease,opacity .12s ease}.drawerRow:active{background:#e66aff12;transition:background 50ms ease}.drawerDel:not(:disabled):active{color:var(--bad);opacity:.85;transition:transform .06s ease,color 50ms ease,opacity .12s ease}.expTabBtn:not(.expTabBtnActive){transition:background .45s ease,color .45s ease}.expTabBtn:not(.expTabBtnActive):active{background:#ec8dff0d;color:#f4bbffe6;transition:background 50ms ease,color 50ms ease}.drawerCalCell:active{background:#e66aff21;transition:background 50ms ease}.drawerCalCellSelected:active{background:#ed90ff27;transition:background 50ms ease}}button:focus:not(:focus-visible){outline:none;box-shadow:none}html.drawer-open{overflow:hidden;padding-right:var(--scrollbar-width, 0px)}@media(max-width:640px){html,body{overflow-x:clip;max-width:100%}#root{padding:0!important;overflow-x:clip;max-width:100%}html,body,#root,.shell,*{scrollbar-width:none!important;-ms-overflow-style:none!important}html::-webkit-scrollbar,body::-webkit-scrollbar,#root::-webkit-scrollbar,.shell::-webkit-scrollbar,*::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.shell{overflow:visible!important;padding-left:8px;padding-right:8px;padding-top:0!important;padding-bottom:calc(8px + env(safe-area-inset-bottom,16px));min-height:100dvh}.top{position:sticky;top:0;z-index:30;border-radius:0 0 var(--radius) var(--radius);padding:calc(env(safe-area-inset-top,0px) + 26px) 10px 8px;margin-bottom:8px}.topRow{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.title{min-width:0;flex-direction:row;align-items:center;gap:8px;flex:1 1 100%}.title h1{font-size:16px}.topCenter{flex:0 0 auto}.colToggle{display:none}.rightBox{min-width:0;flex:1 1 auto;flex-wrap:nowrap;gap:6px;justify-content:flex-end}.search{min-width:0;max-width:none;flex:1;padding:9px 10px;font-size:16px}.list{padding:4px;gap:4px;overflow:hidden}.listTwo{grid-template-columns:1fr}.list>*{min-width:0;max-width:100%}.card{padding:8px 10px;gap:4px;align-items:center;overflow:hidden;min-width:0;max-width:100%}.left{min-width:0;gap:8px}.main{min-width:0}.right{min-width:0;flex:0 0 auto;max-width:50vw;align-items:flex-end}.empName{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:44vw}.msg{-webkit-line-clamp:1;line-clamp:1;font-size:12px}.statusPill{display:inline-flex;align-items:center;gap:5px;padding:2px 6px;border-radius:999px;font-weight:900;font-size:9px;border:1px solid var(--separator)}.statusDot{width:6px;height:6px;border-radius:50%;background:var(--warn);box-shadow:0 0 0 4px #fbbf241f;filter:blur(1px)}.shiftHours{font-size:15px;white-space:nowrap}.shiftMeta{font-size:11px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer{inset:auto 0 36px;width:auto;height:92dvh;padding-bottom:env(safe-area-inset-bottom,16px);border-left:none;border-top:1px solid var(--separator);border-radius:var(--radius) var(--radius) var(--radius) var(--radius);transform:translateY(calc(100% + 36px));transition:transform .42s cubic-bezier(.16,1,.3,1)}.drawerOverlay.open .drawer{transform:translateY(0)}.drawerHead{padding:12px 12px 10px;border-radius:var(--radius) var(--radius) 0 0}.drawerBody{padding:8px;gap:8px}html:after{content:"";position:fixed;bottom:0;left:0;right:0;height:env(safe-area-inset-bottom,20px);background:#0b0f178c;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);z-index:9999;pointer-events:none}.drawer{padding-bottom:env(safe-area-inset-bottom,0px)}.drawerCalCell .mutedSmall{font-size:5px!important;line-height:1.1;white-space:normal!important;overflow:visible!important;text-overflow:unset!important}.drawerCalCell>div:first-child{font-size:11px!important;margin-bottom:2px!important}.drawerList{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}.drawerRow[data-type=checkin]{grid-column:1}.drawerRow[data-type=checkout]{grid-column:2}.expTabText,.expTabTextExpand{display:none!important}.expTabBtn,.expTabBtnActive{gap:0!important;padding-left:8px!important;padding-right:8px!important}.expTabIcon{margin-right:0!important}}