.staff-body{min-height:100vh}.staff-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.staff-side{padding:28px 18px;background:rgba(7,18,30,.96);border-right:1px solid rgba(255,255,255,.1);position:sticky;top:0;height:100vh}.staff-side .brand{display:block;margin-bottom:30px}.staff-nav{display:grid;gap:8px}.staff-nav button{width:100%;text-align:left;background:transparent;border:1px solid transparent}.staff-nav button.active{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12)}.staff-main{padding:34px;max-width:1500px}.staff-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat strong{font-size:2rem;display:block}.table-wrap{overflow:auto}.staff-table{width:100%;border-collapse:collapse}.staff-table td,.staff-table th{padding:12px;border-bottom:1px solid rgba(255,255,255,.1);text-align:left}.staff-login{max-width:520px;margin:10vh auto;padding:20px}.review-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.staff-actions{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:850px){.staff-shell{grid-template-columns:1fr}.staff-side{position:static;height:auto}.staff-nav{grid-template-columns:repeat(2,1fr)}.staff-main{padding:18px}.stat-grid{grid-template-columns:repeat(2,1fr)}.review-grid{grid-template-columns:1fr}}

/* Staff navigation readability */
.staff-nav button{color:#dce9f6!important;font-weight:750;opacity:1!important;background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.04)}
.staff-nav button:hover{color:#fff!important;background:rgba(255,255,255,.09);border-color:rgba(239,187,87,.35)}
.staff-nav button.active{color:#ffd06f!important;background:rgba(239,187,87,.12);border-color:rgba(239,187,87,.48);box-shadow:inset 3px 0 0 #efbb57}
.staff-side .brand{color:#f4f8fc}
.staff-side .brand small{color:#a9bfd5}