*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--accent:#1e3d5c;--accent-press:#162f49;--accent-tint:#ecf1f6;--accent-tint-2:#d8e3ee;--accent-border:#afc3d6;--ink:#13202c;--ink-2:#46525f;--ink-3:#84919e;--line:#e7ecf1;--line-strong:#d3dbe3;--surface:#fff;--surface-2:#f1f4f7;--bg:#f5f8fa;--bg-sunken:#ebf0f4;--green-bg:#eaf3de;--green-fg:#3b6d11;--amber-bg:#faeeda;--amber-fg:#854f0b;--red-bg:#fcebeb;--red-fg:#a32d2d;--gray-bg:#f1efe8;--gray-fg:#5f5e5a;--s-lila:#6d5fe0;--s-lila-bg:#eceafb;--s-teal:#1f9c8e;--s-teal-bg:#e2f2f0;--s-coral:#e0664a;--s-coral-bg:#fbe9e4;--s-blau:#3a7bd5;--s-blau-bg:#e5effa;--s-gruen:#4f9b2e;--s-gruen-bg:#eaf4e2;--s-amber:#c98a1e;--s-amber-bg:#f8efdc;--s-pink:#c8519b;--s-pink-bg:#f8e7f2;--s-slate:#5b6472;--s-slate-bg:#eceef2;--r-card:14px;--r-sm:8px;--r-pill:999px;--hair:.5px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}html,body{height:100%;min-height:100dvh;font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}.canvas{background:radial-gradient(1100px 580px at 50% -10%,#2c4b69 0%,#1a344c 42%,#14283a 100%);flex-direction:column;align-items:center;min-height:100vh;padding:28px 16px 56px;display:flex}.phone{background:var(--bg);border:1px solid #d4d2e0;border-radius:30px;flex-direction:column;flex-shrink:0;width:380px;height:800px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff}.phone__statusbar{height:30px;color:var(--ink);letter-spacing:.2px;background:0 0;flex:0 0 30px;justify-content:space-between;align-items:center;padding:0 20px;font-size:12px;font-weight:600;display:flex}.phone__statusbar .sb-icons{color:var(--ink);align-items:center;gap:6px;font-size:13px;display:flex}.phone__viewport{flex-direction:column;flex:auto;display:flex;position:relative;overflow:hidden}.screen{-webkit-overflow-scrolling:touch;background:var(--bg);flex-direction:column;flex:auto;display:flex;overflow:hidden auto}.screen::-webkit-scrollbar{width:0;height:0}.screen__body{flex-direction:column;gap:14px;padding:16px;display:flex}.global-header{background:var(--accent);flex:none;justify-content:space-between;align-items:center;height:46px;padding:0 14px;display:flex}.global-header__brand{align-items:center;gap:7px;display:flex}.global-header__logo{color:#ffffffd9;font-size:17px}.global-header__name{color:#fff;letter-spacing:-.2px;font-size:15px;font-weight:700}.global-header__avatar{color:#fff;cursor:pointer;width:32px;height:32px;font-size:12px;font-weight:700;font-family:var(--font);letter-spacing:.3px;background:#ffffff2e;border:1.5px solid #ffffff59;border-radius:50%;place-items:center;padding:0;transition:background .12s;display:grid}.global-header__avatar:active{background:#ffffff4d}.appbar{background:var(--surface);border-bottom:var(--hair) solid var(--line);flex:none;align-items:center;gap:10px;min-height:56px;padding:12px 16px;display:flex}.appbar__back,.appbar__action{width:36px;height:36px;color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:10px;flex:none;place-items:center;font-size:20px;display:grid}.appbar__back:active,.appbar__action:active{background:var(--bg-sunken)}.appbar__titles{flex:auto;min-width:0}.appbar__title{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:600;line-height:1.2;overflow:hidden}.appbar__subtitle{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:12.5px;overflow:hidden}.appbar__action--accent{color:var(--accent)}.bottomnav{background:var(--surface);border-top:var(--hair) solid var(--line);flex:none;padding:6px 6px 10px;display:flex}.bottomnav__item{color:var(--ink-3);cursor:pointer;font-size:10.5px;font-weight:500;font-family:var(--font);background:0 0;border:none;border-radius:10px;flex-direction:column;flex:1 1 0;align-items:center;gap:3px;padding:6px 2px;text-decoration:none;transition:color .15s;display:flex}.bottomnav__item svg,.bottomnav__item .ti{font-size:22px}.bottomnav__item.is-active{color:var(--accent)}.card{background:var(--surface);border:var(--hair) solid var(--line-strong);border-radius:var(--r-card);padding:14px}.card--flush{padding:0;overflow:hidden}.card--accent{border-color:var(--accent-border);background:var(--accent-tint)}.card__row{align-items:center;gap:12px;display:flex}.section-label{color:var(--ink-3);text-transform:none;letter-spacing:.2px;margin:2px 2px 0;font-size:12px;font-weight:600}.badge{border-radius:var(--r-pill);white-space:nowrap;align-items:center;gap:5px;padding:5px 9px;font-size:12px;font-weight:500;line-height:1;display:inline-flex}.badge svg,.badge .ti{font-size:13px}.badge--green{background:var(--green-bg);color:var(--green-fg)}.badge--amber{background:var(--amber-bg);color:var(--amber-fg)}.badge--red{background:var(--red-bg);color:var(--red-fg)}.badge--gray{background:var(--gray-bg);color:var(--gray-fg)}.badge--accent{background:var(--accent-tint-2);color:var(--accent)}.badge--dot:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.btn{appearance:none;cursor:pointer;font-family:var(--font);border-radius:var(--r-sm);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:15px;font-weight:500;transition:background .12s,opacity .12s;display:inline-flex}.btn svg,.btn .ti{font-size:18px}.btn--block{width:100%}.btn--primary{background:var(--accent);color:#fff}.btn--primary:active{background:var(--accent-press)}.btn--secondary{background:var(--accent-tint);color:var(--accent)}.btn--secondary:active{background:var(--accent-tint-2)}.btn--ghost{color:var(--ink-2);border:var(--hair) solid var(--line-strong);background:0 0}.btn--ghost:active{background:var(--bg-sunken)}.btn--danger{background:var(--red-bg);color:var(--red-fg)}.btn--sm{border-radius:var(--r-sm);padding:8px 12px;font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed}.avatar{color:#fff;background:var(--accent);border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:14px;font-weight:600;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar--sm{width:30px;height:30px;font-size:11px}.avatar--md{width:50px;height:50px;font-size:17px}.avatar--lg{width:72px;height:72px;font-size:24px}.field{flex-direction:column;gap:6px;display:flex}.field__label{color:var(--ink-2);font-size:13px;font-weight:500}.field__hint{color:var(--ink-3);font-size:12px}.field__error{color:var(--red-fg);align-items:center;gap:4px;font-size:12px;display:flex}.input,.select,.textarea{font-family:var(--font);color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-sm);outline:none;width:100%;padding:11px 12px;font-size:15px}.input::placeholder,.textarea::placeholder{color:var(--ink-3)}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}.input--invalid{border-color:var(--red-fg)}.textarea{resize:none;min-height:80px}.input-icon{position:relative}.input-icon svg,.input-icon .ti{color:var(--ink-3);pointer-events:none;font-size:18px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-icon .input{padding-left:38px}.select{background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2384919E' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 10px center no-repeat;appearance:none;cursor:pointer;padding:11px 32px 11px 12px}.segment{background:var(--bg-sunken);border-radius:10px;gap:3px;padding:3px;display:flex}.segment__item{font-family:var(--font);color:var(--ink-2);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;flex:1 1 0;padding:8px 6px;font-size:13px;font-weight:500}.segment__item.is-active{background:var(--surface);color:var(--accent);box-shadow:0 1px 2px #14122814}.tabs{border-bottom:var(--hair) solid var(--line);gap:4px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{cursor:pointer;font-family:var(--font);color:var(--ink-3);white-space:nowrap;background:0 0;border:none;padding:10px 12px;font-size:14px;font-weight:500;position:relative}.tab.is-active{color:var(--accent)}.tab.is-active:after{content:"";background:var(--accent);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:12px;right:12px}.toggle{background:var(--line-strong);cursor:pointer;border:none;border-radius:999px;flex:none;width:44px;height:26px;transition:background .15s;position:relative}.toggle.is-on{background:var(--accent)}.toggle:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0003}.toggle.is-on:after{transform:translate(18px)}.choice-row{flex-wrap:wrap;gap:8px;display:flex}.choice{border:1px solid var(--line-strong);background:var(--surface);border-radius:var(--r-sm);cursor:pointer;color:var(--ink-2);font-size:14px;font-family:var(--font);flex:auto;justify-content:center;align-items:center;gap:8px;padding:10px 12px;display:flex}.choice.is-on{border-color:var(--accent);background:var(--accent-tint);color:var(--accent);font-weight:500}.list{flex-direction:column;display:flex}.list__item{border-bottom:var(--hair) solid var(--line);background:var(--surface);cursor:pointer;align-items:center;gap:12px;padding:13px 14px;display:flex}.list__item:last-child{border-bottom:none}.list__item:active{background:var(--bg-sunken)}.list__grow{flex:auto;min-width:0}.list__title{font-size:15px;font-weight:500}.list__sub{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;font-size:12.5px;display:flex}.chev{color:var(--ink-3);flex:none;font-size:18px}.s-chip{color:var(--ink);border-radius:var(--r-pill);align-items:center;gap:6px;padding:4px 9px 4px 6px;font-size:12.5px;font-weight:500;display:inline-flex}.s-dot{border-radius:50%;flex:none;width:9px;height:9px}.sheet-scrim{z-index:50;background:#14122852;align-items:flex-end;animation:.15s fadeIn;display:flex;position:absolute;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sheet{background:var(--surface);border-radius:18px 18px 0 0;flex-direction:column;width:100%;max-height:78%;padding:8px 0 16px;animation:.22s cubic-bezier(.2,.8,.2,1) sheetIn;display:flex}@keyframes sheetIn{0%{transform:translateY(100%)}to{transform:none}}.sheet__grab{background:var(--line-strong);border-radius:2px;width:38px;height:4px;margin:8px auto 6px}.sheet__head{justify-content:space-between;align-items:center;padding:6px 18px 12px;display:flex}.sheet__title{font-size:16px;font-weight:600}.sheet__body{padding:0 12px;overflow-y:auto}.sheet__body::-webkit-scrollbar{width:0}.toast{background:var(--ink);color:#fff;z-index:60;border-radius:10px;align-items:center;gap:10px;padding:12px 14px;font-size:13.5px;animation:.2s toastIn;display:flex;position:absolute;bottom:16px;left:16px;right:16px;box-shadow:0 8px 24px #14122840}.toast svg,.toast .ti{color:#9be08a;flex:none;font-size:18px}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.meter{background:var(--bg-sunken);border-radius:999px;height:6px;overflow:hidden}.meter__fill{background:var(--accent);border-radius:999px;height:100%;transition:width .3s}.empty{text-align:center;color:var(--ink-3);flex-direction:column;align-items:center;gap:8px;padding:40px 20px;display:flex}.empty svg,.empty .ti{color:var(--accent-border);font-size:34px}.empty__title{color:var(--ink-2);font-size:15px;font-weight:600}.empty__sub{font-size:13px}.hr{height:var(--hair);background:var(--line);border:none;margin:0}.tl{flex-direction:column;display:flex}.tl__item{gap:12px;display:flex}.tl__time{width:46px;color:var(--ink-2);text-align:right;flex:0 0 46px;padding-top:12px;font-size:12.5px;font-weight:600}.tl__time-end{color:var(--ink-3);margin-top:2px;font-size:11.5px;font-weight:500}.tl__track{flex:0 0 16px;justify-content:center;width:16px;display:flex;position:relative}.tl__line{background:var(--line);width:2px;position:absolute;top:0;bottom:0}.tl__node{border:2px solid var(--accent-border);z-index:1;background:#fff;border-radius:50%;width:12px;height:12px;margin-top:14px}.tl__card{flex:auto;margin:6px 0}.matrix-wrap{border:var(--hair) solid var(--line-strong);border-radius:var(--r-card);background:var(--surface);overflow-x:auto}.matrix-wrap::-webkit-scrollbar{height:6px}.matrix-wrap::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:3px}.matrix{border-collapse:collapse;width:100%;font-size:12px}.matrix th,.matrix td{border:var(--hair) solid var(--line);text-align:center;padding:0}.matrix thead th{background:var(--bg-sunken);color:var(--ink-2);padding:8px 6px;font-weight:600;position:sticky;top:0}.matrix .rowhead{background:var(--bg-sunken);color:var(--ink-2);text-align:left;white-space:nowrap;min-width:96px;padding:8px;font-weight:600;position:sticky;left:0}.matrix-cell{min-width:78px;padding:5px}.re-list{border:var(--hair) solid var(--line-strong);border-radius:var(--r-card);background:var(--surface);flex-direction:column;display:flex;overflow:hidden}.re-list__row{border-bottom:var(--hair) solid var(--line);cursor:pointer;align-items:center;gap:10px;padding:10px 12px;display:flex}.re-list__row:last-child{border-bottom:none}.re-list__row.is-conflict{background:var(--red-bg)}.re-list__pos{width:92px;color:var(--ink-2);flex:0 0 92px;font-size:12.5px;font-weight:500}.quick-links{grid-template-columns:1fr 1fr;gap:10px;display:grid}.quick-link{text-align:left;background:var(--surface);border:var(--hair) solid var(--line-strong);border-radius:var(--r-card);cursor:pointer;font-family:var(--font);color:var(--ink);align-items:center;gap:10px;padding:11px 12px;text-decoration:none;transition:background .12s;display:flex}.quick-link:active{background:var(--accent-tint)}.quick-link__ic{background:var(--accent-tint);width:36px;height:36px;color:var(--accent);border-radius:10px;flex:0 0 36px;place-items:center;display:grid}.quick-link__tx{min-width:0}.quick-link__title{color:var(--ink);font-size:14px;font-weight:600}.quick-link__sub{color:var(--ink-3);margin-top:1px;font-size:12px}.edit-chip{background:var(--accent-tint);color:var(--accent);border-radius:var(--r-pill);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font);border:none;align-items:center;gap:5px;padding:5px 12px;display:inline-flex}.edit-chip:active{transform:scale(.96)}.edit-chip--on-red{color:var(--red-fg);background:#ffffffb3}.ei-div{background:var(--line);height:1px;margin:2px 0}.login-hero{color:#fff;background-color:#0d1e2e;flex-direction:column;flex:none;justify-content:flex-end;min-height:250px;padding:54px 22px 22px;display:flex;position:relative;overflow:hidden}.login-hero h1{color:#fff}.login-hero .muted{color:#ffffffd1!important}.next-up{background:var(--accent);border-radius:var(--r-card);color:#fff;padding:16px}.next-up__label{opacity:.85;letter-spacing:.4px;align-items:center;gap:6px;margin-bottom:12px;font-size:12px;font-weight:600;display:flex}.next-up__body{justify-content:space-between;align-items:center;display:flex}.next-up__pos{align-items:center;gap:12px;display:flex}.next-up__short{background:#ffffff2e;border-radius:11px;flex:0 0 46px;place-items:center;width:46px;height:46px;font-size:15px;font-weight:600;display:grid}.next-up__name{font-size:16px;font-weight:600}.next-up__place{opacity:.85;align-items:center;gap:4px;margin-top:2px;font-size:13px;display:flex}.next-up__time{text-align:right}.next-up__from{font-size:17px;font-weight:600}.next-up__to{opacity:.8;margin-top:2px;font-size:12px}.shift-card{background:var(--accent-tint);border-radius:var(--r-card);border:var(--hair) solid var(--accent-border);flex-direction:column;gap:4px;padding:12px;display:flex}.now-marker{align-items:center;display:flex}.now-marker__time{width:46px;color:var(--accent);text-align:right;flex:0 0 46px;padding-top:2px;font-size:12.5px;font-weight:700}.now-marker__track{flex:0 0 16px;justify-content:center;width:16px;display:flex}.now-marker__dot{background:var(--accent);width:12px;height:12px;box-shadow:0 0 0 4px var(--accent-tint);z-index:2;border-radius:50%;margin-top:6px}.now-marker__line-wrap{flex:1;align-items:center;gap:8px;margin:2px 0;display:flex}.now-marker__line{background:var(--accent);opacity:.55;border-radius:2px;flex:1;height:2px}.info-row{align-items:flex-start;gap:12px;padding:2px 0;display:flex}.info-row__ic{background:var(--accent-tint);width:34px;height:34px;color:var(--accent);border-radius:9px;flex:none;place-items:center;display:grid}.info-row__ic--accent{background:var(--accent);color:#fff}.info-row__label{color:var(--ink-3);font-size:12px}.info-row__value{color:var(--ink);word-break:break-word;font-size:14px;font-weight:500}.info-row__sub{color:var(--ink-3);margin-top:1px;font-size:12px}.attention-banner{background:var(--amber-bg);border:var(--hair) solid var(--amber-fg);border-radius:var(--r-card);align-items:flex-start;gap:10px;padding:11px 13px;display:flex}.metric-card{background:var(--surface);border:var(--hair) solid var(--line-strong);border-radius:var(--r-card);padding:13px}.role-switcher-wrap{align-items:center;gap:8px;margin-bottom:18px;display:flex}.role-switcher-logo{color:#fff;align-items:center;gap:8px;margin-right:4px;font-size:14px;font-weight:600;display:flex}.segment--dark{background:#ffffff1f;border:1px solid #ffffff2e;width:226px}.segment--dark .segment__item{color:#fffc}.segment--dark .segment__item.is-active{color:var(--accent);background:#fff}.muted{color:var(--ink-3)}.row{align-items:center;gap:10px;display:flex}.row--between{justify-content:space-between;align-items:center;gap:10px;display:flex}.col{flex-direction:column;display:flex}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-14{gap:14px}.grow{flex:auto;min-width:0}.t-12{font-size:12px}.t-13{font-size:13px}.t-14{font-size:14px}.t-15{font-size:15px}.t-18{font-size:18px}.fw-500{font-weight:500}.fw-600{font-weight:600}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}button:focus-visible,.input:focus-visible,.choice:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.phone.v-elevated .card,.phone.v-elevated .matrix-wrap,.phone.v-elevated .re-list{border-color:#0000;box-shadow:0 1px 2px #10202b0a,0 6px 16px -4px #10202b17}.phone.v-elevated .appbar{border-bottom-color:#0000;box-shadow:0 1px 10px #10202b0d}.phone.v-elevated .bottomnav{border-top-color:#0000;box-shadow:0 -1px 12px #10202b0f}.phone.v-elevated .quick-link{border-color:#0000;box-shadow:0 1px 2px #10202b0a,0 6px 16px -4px #10202b17}.phone.v-compact .screen__body{gap:10px;padding:12px}.phone.v-compact .card{padding:11px}.phone.v-compact .list__item{padding:10px 12px}.phone.v-compact .btn{padding:10px 14px;font-size:14px}.phone.v-compact .appbar{min-height:50px;padding:9px 14px}.phone.v-nolabels .bottomnav__item span{display:none}.phone.v-nolabels .bottomnav__item{padding:10px 2px}.phone.v-nolabels .bottomnav__item .ti{font-size:24px}.icon-btn{cursor:pointer;background:var(--surface-2);width:38px;height:38px;color:var(--ink-2);border:none;border-radius:10px;flex:0 0 38px;place-items:center;display:grid}.icon-btn--danger{background:var(--red-bg);color:var(--red-fg)}.icon-btn:active{transform:scale(.94)}@media (max-width:450px),(max-height:500px){.canvas{background:var(--bg);justify-content:flex-start;align-items:stretch;min-height:100dvh;padding:0}.role-switcher-wrap,.phone__statusbar{display:none}.phone{width:100%;height:100dvh;box-shadow:none;border:none;border-radius:0;flex-shrink:1}}@media (min-width:451px) and (max-width:900px) and (min-height:501px){.canvas{padding:24px 16px 40px}.phone{width:min(94vw,420px);height:min(92dvh,800px)}}@media (min-width:901px) and (min-height:501px){.phone{width:380px;height:800px}}