#staffPanel{display:flex;flex-direction:column;gap:16px}#staffPanel[hidden]{display:none!important}
.staff-filters,.staff-account-form{padding:16px;display:flex;flex-wrap:wrap;align-items:end;gap:12px}
.staff-account-form{max-width:430px;flex-direction:column;align-items:stretch}.staff-account-form h2{font-size:18px;margin:0}
.staff-filters label,.staff-account-form label,.staff-dialog label{display:flex;flex-direction:column;gap:5px;font-size:12px}
.staff-filters input,.staff-filters select,.staff-account-form input,.staff-account-form select,.staff-dialog input{min-height:38px;box-sizing:border-box;max-width:100%}
.staff-filters label:first-child{flex:1;min-width:180px}.staff-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.staff-controls button{font-size:12px}
.staff-total{padding:18px;font-size:22px;font-weight:700;color:#007b83}
.staff-table-wrap{overflow:auto;border:1px solid #d7e5e8;border-radius:10px;background:white}
.staff-table-wrap table{width:100%;border-collapse:collapse;font-size:12px;min-width:650px}
.staff-table-wrap td,.staff-table-wrap th{padding:8px 10px;border-bottom:1px solid #e0eaed;border-right:1px solid #e0eaed;text-align:left;white-space:normal}
.staff-table-wrap th{font-size:10px;background:#eef5f6}.staff-table-wrap td button{font-size:11px;padding:5px 8px;min-height:30px}
.staff-dialog{box-sizing:border-box;width:min(92vw,500px);max-height:85vh;overflow:auto;border:1px solid #d7e5e8;border-radius:14px;padding:22px;color:#083e49}
.staff-dialog::backdrop{background:#082c3b77;backdrop-filter:blur(3px)}.staff-dialog form{display:flex;flex-direction:column;gap:12px}.staff-dialog h2{font-size:18px}.staff-dialog p{font-size:12px;line-height:1.5}.staff-error{color:#a12b2b}.staff-check{flex-direction:row!important;align-items:center}
#staffBottomNav{display:none}body.staff-view main{padding-bottom:100px}body.staff-view #tabs{display:none}body.staff-view #passwordButton{display:none!important}
body.staff-view #staffBottomNav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:30;background:#fffffff5;border-top:1px solid #d7e5e8;padding:10px 5% calc(10px + env(safe-area-inset-bottom));gap:10px;justify-content:center}
#staffBottomNav button{flex:1;max-width:220px;min-height:44px}.staff-receipt p{overflow-wrap:anywhere}
@media print{body:has(.staff-receipt[open])>:not(.staff-receipt){display:none!important}.staff-receipt[open]{display:block;position:static;max-height:none;width:auto;border:0}.staff-receipt .staff-controls{display:none!important}}