.app-shell{--staff-chrome-ink:#193852;--staff-chrome-muted:#617991;--staff-chrome-outline:#dce6f0;--staff-chrome-paper:#fff}.app-shell .content .page-head:has(.staff-page-title-row){align-items:center;gap:16px;margin-bottom:18px}.app-shell .content .page-head:has(.staff-page-title-row)>:first-child{min-width:0}.app-shell .content .page-head:has(.staff-page-title-row) .page-subtitle{max-width:66ch;margin-top:5px;color:var(--staff-chrome-muted);line-height:1.5}.app-shell .content .page-head:has(.staff-page-title-row)>.actions{align-items:center;gap:8px;min-width:0}.app-shell .staff-page-title-row{display:flex;align-items:center;flex-wrap:nowrap;gap:9px;min-width:0}.app-shell .staff-page-title-row>.staff-page-title-icon,.app-shell .staff-page-title-row>:last-child{flex:0 0 auto}.app-shell .staff-page-title-row h1{min-width:0;flex:0 1 auto;overflow-wrap:anywhere;margin:0;font-size:clamp(23px,2.2vw,30px);font-weight:780;letter-spacing:-.035em;line-height:1.23;color:var(--staff-chrome-ink)}.app-shell .staff-page-title-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 40px;border-radius:12px;color:#336da2;background:#e9f2ff}.app-shell .staff-page-title-icon--gift,.app-shell .staff-page-title-icon--wallet{background:#e3f5ee;color:#26745c}.app-shell .staff-page-title-icon--mail{background:#eee9fd;color:#6b54a1}.app-shell .staff-page-title-icon--calendar,.app-shell .staff-page-title-icon--follow-up{background:#fff1e6;color:#98613b}.app-shell .staff-page-title-icon--box{background:#e5f3f6;color:#317684}.app-shell .staff-page-title-icon--chart{background:#e8edff;color:#5264a0}.app-shell .staff-page-title-icon--settings{background:#f0edfc;color:#6955a1}.app-shell .staff-page-title-icon--people{background:#e9f1ff;color:#376eaa}.app-shell .staff-page-title-icon--home{background:#e6f5ee;color:#2f7a57}.app-shell .staff-page-title-icon--inbox{background:#eee9fd;color:#6b54a1}.app-shell .staff-page-title-icon--check{background:#e6f5ee;color:#2f7a57}.app-shell .staff-page-title-icon--shield{background:#eef1f5;color:#4a5b70}.app-shell .staff-page-title-icon--sparkles{background:#f1ebfd;color:#6d4fb0}.app-shell .staff-page-title-icon--card{background:#e8f5ee;color:#2f7a57}.app-shell .staff-page-title-icon--broom{background:#fff3e2;color:#9a6a2c}.app-shell .staff-page-title-icon--printer{background:#eef1f5;color:#4a5b70}.app-shell .staff-page-title-icon--history{background:#e8f1fb;color:#3b6c9a}.app-shell .staff-page-title-icon--user{background:#e9f1ff;color:#376eaa}.app-shell .staff-page-title-icon--layers,.app-shell .staff-page-title-icon--list{background:#edf3fa;color:#43708a}.app-shell .staff-page-title-icon--bell{background:#fff1e6;color:#98613b}.app-shell .staff-page-title-icon--note,.app-shell .staff-page-title-icon--star-david{background:#fdf5df;color:#8a6a1f}.app-shell .staff-page-title-icon--grid{background:#edf3fa;color:#43708a}.app-shell .staff-page-info,.app-shell .staff-page-more{position:relative;flex:0 0 auto}.app-shell .staff-page-info{display:inline-block;vertical-align:middle}.app-shell .staff-page-info>summary{display:inline-grid;place-items:center;width:25px;height:25px;border:1px solid #d8e4f0;border-radius:999px;background:#f4f8ff;color:#50769c;font-weight:750;font-size:14px;line-height:1;cursor:pointer;list-style:none}.app-shell .staff-page-info>summary::-webkit-details-marker,.app-shell .staff-page-more>summary::-webkit-details-marker{display:none}.app-shell .staff-page-info[open]>summary{background:#e7f1fc;border-color:#aecae4}.app-shell .staff-page-info-panel,.app-shell .staff-page-more-panel{position:absolute;z-index:31;top:calc(100% + 8px);background:var(--staff-chrome-paper);border:1px solid var(--staff-chrome-outline);border-radius:12px;box-shadow:0 12px 30px rgba(37,64,94,.13)}.app-shell .staff-page-info-panel{left:-42px;width:min(355px,calc(100vw - 40px));padding:13px 15px;color:#546a81;font-size:12.5px;line-height:1.55;font-weight:440;letter-spacing:0}.app-shell .staff-page-info-panel p{margin:0}.app-shell .staff-page-info-panel :is(p,ul,ol)+:is(p,ul,ol){margin-top:8px}.app-shell .staff-page-more>summary{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;color:#315f89;border-color:var(--staff-chrome-outline);background:#f5f8fd;border-radius:10px;cursor:pointer;list-style:none;white-space:nowrap}.app-shell .staff-page-more[open]>summary{background:#eaf2fc}.app-shell .staff-page-more[open]>summary svg{transform:rotate(180deg)}.app-shell .staff-page-more-panel{right:0;width:min(298px,calc(100vw - 32px));display:grid;grid-gap:3px;gap:3px;padding:7px}.app-shell .staff-page-more-panel>:is(a,button),.app-shell .staff-page-more-panel>form>button{display:flex;width:100%;justify-content:flex-start;align-items:center;min-height:40px;padding:9px 11px;border:0;border-radius:8px;background:transparent;color:#365d7b;font-size:13px;font-weight:680;text-decoration:none;white-space:normal;box-shadow:none}.app-shell .staff-page-more-panel>:is(a,button):hover,.app-shell .staff-page-more-panel>form>button:hover{background:#edf4fc;color:#205990}.app-shell .staff-page-more-panel>form{margin:0}.app-shell .staff-page-more-panel>form>button{cursor:pointer}.app-shell .staff-page-info>summary:focus-visible,.app-shell .staff-page-more-panel :is(a,button):focus-visible,.app-shell .staff-page-more>summary:focus-visible{outline:3px solid #377ac4;outline-offset:2px}@media (max-width:820px){.app-shell .content .page-head:has(.staff-page-title-row){align-items:flex-start;gap:10px}.app-shell .staff-page-title-icon{width:36px;height:36px;flex-basis:36px}.app-shell .staff-page-title-row h1{font-size:24px}.app-shell .staff-page-info-panel{left:auto;right:-8px}.app-shell .content .page-head:has(.staff-page-title-row)>.actions{width:100%}}@media print{.app-shell .staff-page-info,.app-shell .staff-page-more{display:none}}.app-shell .staff-section-title-row{display:inline-flex;gap:9px;align-items:center;flex-wrap:wrap;min-width:0}.app-shell .staff-section-title-row .section-title{margin:0;line-height:1.35}.app-shell .staff-section-title-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:#e9f2ff;color:#326ca3}.app-shell .staff-page-title-icon--filter,.app-shell .staff-page-title-icon--search{background:#e8f2fc;color:#376a9b}.app-shell .staff-tasks-metrics{gap:10px}.app-shell .staff-tasks-metrics>.metric{min-width:0;padding:13px 15px;border-radius:14px}.app-shell .staff-tasks-metrics>:first-child{background:#eef5ff}.app-shell .staff-tasks-metrics>:nth-child(2){background:#fff3eb}.app-shell .staff-tasks-metrics>:nth-child(3){background:#eaf7f2}.app-shell .staff-tasks-metrics>:nth-child(4){background:#f2eefd}.app-shell .staff-tasks-metrics .metric-label{color:#455f78;font-size:12px}.app-shell .staff-tasks-metrics .metric-value{font-size:clamp(18px,2.15vw,27px);line-height:1.3;overflow-wrap:anywhere}.app-shell .staff-tasks-metrics .metric-change{color:#536d84;font-size:11.5px;line-height:1.4}.app-shell .staff-tasks-preview-notice{border:1px solid #e8d7b7;background:#fff8e9;color:#745427;border-radius:10px;padding:10px 14px;font-size:13px}.app-shell .staff-tasks-sort>summary{list-style:none;cursor:pointer}.app-shell .staff-tasks-sort>summary::-webkit-details-marker{display:none}.app-shell .staff-tasks-sort-toggle{display:flex;align-items:center;gap:8px;padding:13px 17px;color:#315d84;font-weight:700}.app-shell .staff-tasks-sort-toggle span{margin-left:auto;color:#627a90;font-size:12px;font-weight:450;text-align:right}.app-shell .staff-tasks-sort>.card-pad{border-top:1px solid #e5edf5}.app-shell .staff-tasks-sort .staff-page-info{margin-bottom:8px}.app-shell .staff-tasks-new>summary:focus-visible,.app-shell .staff-tasks-row-details>summary:focus-visible,.app-shell .staff-tasks-sort>summary:focus-visible{outline:3px solid #367cbd;outline-offset:3px;border-radius:7px}.app-shell .staff-tasks-queue{overflow:visible}.app-shell .staff-tasks-queue-head{padding:14px 17px 12px;border-bottom:1px solid #e5edf5}.app-shell .staff-tasks-queue-title-row{display:inline-flex;align-items:center;gap:9px}.app-shell .staff-tasks-queue-title-row h2{margin:0}.app-shell .staff-tasks-queue-head .card-sub{margin-top:3px}.app-shell .staff-tasks-count-warning{padding:11px 17px;background:#fff6e8;color:#765220;border-bottom:1px solid #efdfc7;font-size:12.5px;font-weight:650}.app-shell .staff-tasks-table-wrap{max-width:100%;overflow-x:auto}.app-shell .staff-tasks-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:12.5px}.app-shell .staff-tasks-table th{background:#f5f8fc;color:#526c83;padding:11px 12px;text-align:left;font-size:11px;font-weight:750}.app-shell .staff-tasks-table th:first-child{width:26%}.app-shell .staff-tasks-table th:nth-child(2){width:18%}.app-shell .staff-tasks-table th:nth-child(3){width:15%}.app-shell .staff-tasks-table th:nth-child(4){width:9%}.app-shell .staff-tasks-table th:nth-child(5){width:18%}.app-shell .staff-tasks-table th:nth-child(6){width:14%}.app-shell .staff-tasks-table th a{display:inline-flex;align-items:center;gap:5px;text-decoration:none;color:inherit}.app-shell .staff-tasks-table th a:hover{color:#235f92}.app-shell .staff-tasks-table td a:focus-visible,.app-shell .staff-tasks-table th a:focus-visible{outline:2px solid #367cbd;outline-offset:3px}.app-shell .staff-tasks-table th[aria-sort]{background:#ebf2fa;color:#2b5980}.app-shell .staff-tasks-table td{padding:11px 12px;vertical-align:top;border-top:1px solid #e8eef4;color:#36546e;overflow-wrap:anywhere}.app-shell .staff-tasks-table tbody tr:hover{background:#f9fbfe}.app-shell .staff-tasks-row-title{display:flex;align-items:flex-start;flex-wrap:wrap;gap:5px 7px;font-weight:720;line-height:1.4}.app-shell .staff-tasks-row-title a{color:#245e8d}.app-shell .staff-tasks-automatic{border-radius:999px;color:#674f91;background:#f1eafd;padding:1px 6px;font-size:10.5px;font-weight:700;white-space:nowrap}.app-shell .staff-tasks-row-details{margin-top:6px;color:#627c92}.app-shell .staff-tasks-row-details>summary{display:inline-flex;align-items:center;gap:4px;list-style:none;color:#486d91;font-size:11.5px;cursor:pointer}.app-shell .staff-tasks-row-details>summary::-webkit-details-marker{display:none}.app-shell .staff-tasks-row-details[open]>summary svg{transform:rotate(180deg)}.app-shell .staff-tasks-row-details p{margin:8px 0 6px;line-height:1.5;white-space:pre-wrap}.app-shell .staff-tasks-row-details>div{font-size:11.5px;line-height:1.45}.app-shell .staff-tasks-subject{display:flex;flex-wrap:wrap;gap:3px 6px;margin-bottom:4px}.app-shell .staff-tasks-muted,.app-shell .staff-tasks-subject span{color:#667e92}.app-shell .staff-tasks-subject span{font-size:10.5px}.app-shell .staff-tasks-overdue{margin-top:5px;color:#9c4829;font-weight:750}.app-shell .staff-tasks-evidence{color:#8d4327;line-height:1.4}.app-shell .staff-tasks-evidence span,.app-shell .staff-tasks-evidence strong{display:block}.app-shell .staff-tasks-evidence span{margin-top:3px;font-size:11.5px}.app-shell .staff-tasks-row-actions{display:flex;flex-wrap:wrap;align-items:flex-start;gap:5px}.app-shell .staff-tasks-row-actions form{margin:0}.app-shell .staff-tasks-row-actions .btn{white-space:normal;min-height:34px;padding:6px 9px;font-size:11.5px}.app-shell .staff-tasks-new>summary{cursor:pointer;list-style:none}.app-shell .staff-tasks-new>summary::-webkit-details-marker{display:none}.app-shell .staff-tasks-new form{max-width:820px}.app-shell .staff-tasks-new input,.app-shell .staff-tasks-new select,.app-shell .staff-tasks-new textarea{max-width:100%}.app-shell .staff-tasks-new .staff-tasks-preview-notice{margin-top:12px}@media (max-width:930px){.app-shell .staff-tasks-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell .staff-tasks-table-wrap{overflow:visible}.app-shell .staff-tasks-table,.app-shell .staff-tasks-table tbody{display:block;width:100%}.app-shell .staff-tasks-table thead{display:none}.app-shell .staff-tasks-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:2px 12px;gap:2px 12px;width:100%;padding:12px 16px;border-top:1px solid #e8eef4}.app-shell .staff-tasks-table td{display:block;width:auto;min-width:0;border:0;padding:4px 0}.app-shell .staff-tasks-table td:first-child,.app-shell .staff-tasks-table td:last-child,.app-shell .staff-tasks-table td:nth-child(5){grid-column:1/-1}.app-shell .staff-tasks-table td:not(:first-child):before{content:attr(data-label);display:block;color:#667e92;font-size:10px;font-weight:750;letter-spacing:.025em;text-transform:uppercase;margin-bottom:3px}.app-shell .staff-tasks-row-actions{margin-top:2px}}@media (max-width:540px){.app-shell .staff-tasks-metrics{gap:8px}.app-shell .staff-tasks-metrics>.metric{padding:10px 11px}.app-shell .staff-tasks-sort-toggle{flex-wrap:wrap}.app-shell .staff-tasks-sort-toggle span{width:100%;margin-left:25px;text-align:left}.app-shell .staff-tasks-new .grid{grid-template-columns:minmax(0,1fr)}.app-shell .staff-tasks-table tr{padding:12px}}@media print{.app-shell .staff-tasks-new,.app-shell .staff-tasks-row-actions,.app-shell .staff-tasks-sort{display:none}}.app-shell.staff-nav-v2{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh;background:var(--color-bg);--staff-record-nav-top:64px}.app-shell.staff-nav-v2.is-nav-collapsed{grid-template-columns:64px minmax(0,1fr)}.app-shell .staff-nav{position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;min-width:0;background:var(--color-surface-2);border-right:1px solid var(--color-border);z-index:30}.app-shell .staff-nav-brand{display:flex;align-items:center;gap:var(--space-2-5);padding:var(--space-3) var(--space-3) var(--space-2)}.app-shell .staff-nav-logo{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border)}.app-shell .staff-nav-logo img{width:26px;height:26px;object-fit:contain}.app-shell .staff-nav-title{flex:1 1;min-width:0;line-height:1.15}.app-shell .staff-nav-title strong{display:block;font-size:var(--text-md);color:var(--color-text)}.app-shell .staff-nav-title small{display:block;font-size:var(--text-xs);color:var(--color-muted)}.app-shell .staff-nav-collapse{display:grid;place-items:center;width:30px;height:30px;flex:none;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-muted)}.app-shell .staff-nav-collapse:hover{background:var(--color-brand-soft);color:var(--color-text)}.app-shell .staff-nav-tools{display:flex;flex-direction:column;gap:var(--space-2);padding:0 var(--space-3) var(--space-2)}.app-shell .staff-nav-search{display:flex;align-items:center;gap:var(--space-1-5)}.app-shell .staff-nav-search form{flex:1 1;min-width:0}.app-shell .staff-nav-search input{width:100%;height:34px;padding:0 var(--space-2-5);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm)}.app-shell .staff-nav-search input:focus{outline:none;box-shadow:var(--focus-ring);border-color:var(--color-brand)}.app-shell .staff-nav-kbd{display:inline-flex;gap:2px;align-items:center;height:34px;padding:0 var(--space-1-5);border:1px solid var(--color-border-strong);border-radius:var(--radius-md)}.app-shell .staff-nav kbd,.app-shell .staff-nav-kbd{background:var(--color-surface);color:var(--color-muted)}.app-shell .staff-nav kbd{font:inherit;font-size:10.5px;line-height:1;padding:2px 4px;border:solid var(--color-border-strong);border-width:1px 1px 2px;border-radius:4px}.app-shell .staff-create{position:relative}.app-shell .staff-create-trigger{display:flex;align-items:center;justify-content:center;gap:var(--space-1-5);height:34px;border-radius:var(--radius-md);cursor:pointer;list-style:none;background:var(--color-action);color:var(--color-surface);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.app-shell .staff-create-trigger::-webkit-details-marker{display:none}.app-shell .staff-create-trigger:hover{background:var(--color-action-hover)}.app-shell .staff-create-menu{position:absolute;left:0;top:calc(100% + 6px);width:248px;z-index:70;padding:var(--space-1-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.app-shell .staff-create-list{display:flex;flex-direction:column;gap:2px}.app-shell .staff-create-list a{display:flex;align-items:center;gap:var(--space-2-5);padding:var(--space-2) var(--space-2-5);border-radius:var(--radius-md);color:var(--color-text-2);font-size:var(--text-sm);text-decoration:none}.app-shell .staff-create-list a:hover{background:var(--color-brand-soft)}.app-shell .staff-create-list a.staff-create-pay{background:var(--color-action);color:var(--color-surface);font-weight:var(--weight-semibold);margin-bottom:var(--space-1)}.app-shell .staff-create-list a.staff-create-pay:hover{background:var(--color-action-hover)}.app-shell .staff-create-hint{margin:var(--space-1-5) var(--space-2-5) var(--space-1);font-size:var(--text-xs);color:var(--color-muted)}.app-shell .staff-nav-scroll{flex:1 1;min-height:0;overflow-y:auto;padding:var(--space-1) var(--space-2) var(--space-3);display:flex;flex-direction:column;gap:1px}.app-shell .staff-nav-link{display:flex;align-items:center;gap:var(--space-2-5);width:100%;min-height:34px;padding:var(--space-1) var(--space-2);border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-text-2);font-size:var(--text-sm);font-weight:var(--weight-medium);text-decoration:none;text-align:left;cursor:pointer;list-style:none}.app-shell .staff-nav-link::-webkit-details-marker{display:none}.app-shell .staff-nav-link>svg{color:var(--color-muted);flex:none}.app-shell .staff-nav-link:hover{background:var(--color-brand-soft);color:var(--color-text)}.app-shell .staff-nav-link.is-active{background:var(--color-brand-soft);color:var(--color-brand);font-weight:var(--weight-semibold)}.app-shell .staff-nav-link.is-active>svg{color:var(--color-brand)}.app-shell .staff-nav-link.is-section{color:var(--color-text);font-weight:var(--weight-semibold)}.app-shell .staff-nav-link:focus-visible,.app-shell .staff-nav-sublink:focus-visible,.app-shell .staff-tab:focus-visible{outline:none;box-shadow:var(--focus-ring)}.app-shell .staff-nav-label{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-shell .staff-nav-chevron{color:var(--color-faint);transition:transform .15s ease;flex:none}.app-shell .staff-nav-group[open]>summary .staff-nav-chevron{transform:rotate(180deg)}.app-shell .staff-nav .nav-icon,.app-shell .staff-sheet .nav-icon{display:grid;place-items:center;width:26px;height:26px;flex:0 0 26px;border-radius:7px;box-shadow:none}.app-shell .staff-nav-sublinks{display:flex;flex-direction:column;gap:1px;padding:2px 0 var(--space-1-5)}.app-shell .staff-nav-sublink{display:block;padding:var(--space-1-5) var(--space-2) var(--space-1-5) 44px;border-radius:var(--radius-md);color:var(--color-text-2);font-size:var(--text-sm);text-decoration:none}.app-shell .staff-nav-sublink:hover{background:var(--color-brand-soft);color:var(--color-text)}.app-shell .staff-nav-sublink.is-active{background:var(--color-surface);color:var(--color-brand);font-weight:var(--weight-semibold);box-shadow:var(--shadow-sm)}.app-shell .staff-nav-heading{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-3);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-faint);text-transform:uppercase;letter-spacing:.04em}.app-shell .staff-nav-manage{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-brand);text-transform:none;letter-spacing:0}.app-shell .staff-nav-mini{min-height:30px;font-weight:var(--weight-regular)}.app-shell .staff-nav-empty{margin:0;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);color:var(--color-muted)}.app-shell .staff-nav-empty a{color:var(--color-brand)}.app-shell .staff-nav-foot{border-top:1px solid var(--color-border);padding:var(--space-2);flex-direction:column}.app-shell .staff-nav-foot,.app-shell .staff-nav-foot-row{display:flex;gap:var(--space-1)}.app-shell .staff-nav-foot-row>*{flex:1 1;min-width:0}.app-shell .staff-nav-ai>summary{cursor:pointer;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);color:var(--color-muted)}.app-shell .staff-nav-ai .sidebar-ai-ideas-panel{display:flex;flex-direction:column;gap:2px;padding:var(--space-1) 0}.app-shell .staff-nav-ai .sidebar-ai-ideas-panel a{padding:var(--space-1-5) var(--space-2);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--color-text-2)}.app-shell .staff-nav-ai .sidebar-ai-ideas-panel a:hover{background:var(--color-brand-soft)}.app-shell .staff-nav-account{position:relative}.app-shell .staff-nav-account-menu{position:absolute;left:0;bottom:calc(100% + 6px);width:220px;z-index:70;display:flex;flex-direction:column;padding:var(--space-1-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.app-shell .staff-nav-account-menu a,.app-shell .staff-nav-account-menu button{display:block;width:100%;padding:var(--space-2) var(--space-2-5);border:0;border-radius:var(--radius-md);background:none;color:var(--color-text-2);font:inherit;font-size:var(--text-sm);text-align:left;text-decoration:none;cursor:pointer}.app-shell .staff-nav-account-menu a:hover,.app-shell .staff-nav-account-menu button:hover{background:var(--color-brand-soft)}.app-shell .staff-nav-account-menu form{margin:var(--space-1) 0 0;padding-top:var(--space-1);border-top:1px solid var(--color-border)}.app-shell.is-nav-collapsed .staff-nav-brand{flex-direction:column;padding:var(--space-3) var(--space-1) var(--space-2)}.app-shell.is-nav-collapsed .staff-nav-collapse svg{transform:scaleX(-1)}.app-shell.is-nav-collapsed .staff-nav-chevron,.app-shell.is-nav-collapsed .staff-nav-empty,.app-shell.is-nav-collapsed .staff-nav-label{display:none}.app-shell.is-nav-collapsed .staff-nav-scroll,.app-shell.is-nav-collapsed .staff-nav-tools{padding-left:var(--space-2);padding-right:var(--space-2);align-items:center}.app-shell.is-nav-collapsed .staff-nav-link{justify-content:center;padding:var(--space-1)}.app-shell.is-nav-collapsed .staff-create-trigger{width:40px}.app-shell.is-nav-collapsed .staff-create-menu{left:calc(100% + 8px);top:0}.app-shell.is-nav-collapsed .staff-nav-heading{margin:var(--space-2) var(--space-2) 0;padding:0;height:1px;background:var(--color-border);align-self:stretch}.app-shell.is-nav-collapsed .staff-nav-foot-row{flex-direction:column}.app-shell.is-nav-collapsed .staff-nav-account-menu{left:calc(100% + 8px);bottom:0}.app-shell .staff-topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;height:56px;display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-6);background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border)}.app-shell .staff-topbar-spacer{flex:1 1}.app-shell .staff-topbar-context{display:flex;align-items:center;gap:var(--space-2);min-width:0}.app-shell .staff-topbar-context nav{min-width:0;overflow:hidden}.app-shell .staff-topbar-context nav ol{flex-wrap:nowrap;white-space:nowrap}.app-shell .staff-topbar-context nav li:last-child span,.app-shell .staff-topbar-page{color:var(--color-text);font-weight:var(--weight-medium)}.app-shell .staff-topbar-page{font-size:var(--text-sm)}.app-shell .staff-pin{display:grid;place-items:center;width:30px;height:30px;flex:none;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-faint);cursor:pointer}.app-shell .staff-pin:hover{background:var(--color-brand-soft);color:var(--color-brand)}.app-shell .staff-pin:focus-visible{outline:none;box-shadow:var(--focus-ring)}.app-shell .staff-pin.is-pinned{color:var(--color-amber)}.app-shell .staff-pin.is-pinned svg{fill:currentColor}.app-shell .staff-pin:disabled{opacity:.6;cursor:progress}.app-shell .staff-pin-status{font-size:var(--text-xs);color:var(--color-muted);white-space:nowrap}.app-shell .staff-mobile-bar,.app-shell .staff-tabbar{display:none}.app-shell .staff-sheet-backdrop{position:fixed;inset:0;z-index:80;display:flex;align-items:flex-end;background:rgba(16,24,40,.42)}.app-shell .staff-sheet{width:100%;max-height:86vh;overflow-y:auto;padding:var(--space-2) var(--space-4) calc(var(--space-6) + env(safe-area-inset-bottom));background:var(--color-surface);border-radius:20px 20px 0 0;box-shadow:var(--shadow-lg)}.app-shell .staff-sheet h2{margin:0 0 var(--space-3);font-size:var(--text-lg)}.app-shell .staff-sheet-grab{width:38px;height:5px;margin:2px auto var(--space-3);border-radius:3px;background:var(--color-border-strong)}.app-shell .staff-sheet .staff-create-list a{min-height:46px;font-size:var(--text-md)}.app-shell .staff-sheet .staff-create-hint{display:none}.app-shell .staff-sheet .staff-create-list a.staff-create-pay{justify-content:center;min-height:50px;font-size:var(--text-lg)}.app-shell .staff-sheet .staff-nav-link{min-height:44px;font-size:var(--text-md)}.app-shell .staff-sheet .staff-nav-sublink{padding-top:var(--space-2-5);padding-bottom:var(--space-2-5);font-size:var(--text-md)}.app-shell .staff-sheet-signout button{width:100%;min-height:44px;margin-top:var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-2);font:inherit}@media (max-width:820px){.app-shell.staff-nav-v2{display:block;--staff-record-nav-top:64px}.app-shell .staff-nav{display:none}.app-shell .staff-topbar{position:fixed;top:calc(env(safe-area-inset-top) + 8px);right:58px;z-index:35;height:auto;padding:0;gap:0;background:none;border:0;-webkit-backdrop-filter:none;backdrop-filter:none}.app-shell .staff-topbar>:not(.staff-attention-slot){display:none}.app-shell .staff-mobile-bar{position:-webkit-sticky;position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:var(--space-2-5);min-height:56px;padding:env(safe-area-inset-top) var(--space-3) 0;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.app-shell .staff-mobile-title{flex:1 1;min-width:0;margin-right:44px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:var(--weight-bold);letter-spacing:-.01em}.app-shell .staff-mobile-icon{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:12px;background:var(--color-surface-2);color:var(--color-text)}.app-shell.staff-nav-v2 .main{padding-bottom:calc(84px + env(safe-area-inset-bottom))}.app-shell .staff-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;padding:var(--space-1-5) var(--space-1-5) calc(var(--space-2) + env(safe-area-inset-bottom));background:var(--color-surface,#fff);border-top:1px solid var(--color-border)}.app-shell .staff-tab{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px;min-height:48px;border:0;background:none;color:var(--color-muted);font:inherit;font-size:11px;font-weight:var(--weight-medium);text-decoration:none}.app-shell .staff-tab.is-active{color:var(--color-brand);font-weight:var(--weight-semibold)}.app-shell .staff-tab-fab{display:grid;place-items:center;width:50px;height:50px;margin-top:-22px;border-radius:16px;background:var(--color-action);color:var(--color-surface);box-shadow:0 6px 16px rgba(49,95,140,.45)}}.app-shell .staff-attention-slot{display:inline-flex}@media print{.app-shell .staff-mobile-bar,.app-shell .staff-nav,.app-shell .staff-tabbar,.app-shell .staff-topbar{display:none!important}.app-shell.staff-nav-v2{display:block}}.app-shell .staff-nav-sublink{display:flex;align-items:center;gap:8px}.app-shell .staff-nav-subicon{flex:none;color:var(--color-muted);opacity:.8}.app-shell .staff-nav-sublink.is-active .staff-nav-subicon,.app-shell .staff-nav-sublink:hover .staff-nav-subicon{color:var(--color-brand);opacity:1}.app-shell .staff-nav-account-menu a{display:flex;align-items:center;gap:8px}