.messages{position:fixed;z-index:40;top:98px;left:50%;transform:translateX(-50%)}.message{margin-bottom:8px;padding:13px 18px;color:#111;background:var(--yellow);border:2px solid #111;box-shadow:6px 6px 0 #000;font-weight:800}.message.error{color:#fff;background:var(--danger)}
.staff-shell{display:grid;grid-template-columns:235px minmax(0,1fr);gap:42px;min-height:75vh;padding-block:55px}.staff-nav{position:sticky;top:110px;align-self:start;display:flex;flex-direction:column;gap:4px;padding:12px;background:#101314;border:1px solid var(--line);border-top:5px solid var(--yellow);box-shadow:8px 8px 0 #050606}.staff-nav:before{content:"EMPLOYEE TERMINAL";padding:9px 11px 13px;color:var(--yellow);border-bottom:1px dashed #555;font:800 .7rem/1 ui-monospace,monospace;letter-spacing:.08em}.staff-nav a,.staff-nav button{display:block;width:100%;padding:11px 12px;color:#c8cfca;background:none;border:0;text-align:left;text-decoration:none;font:800 .86rem/1.3 "Arial Narrow",system-ui,sans-serif;text-transform:uppercase;cursor:pointer}.staff-nav a:hover,.staff-nav button:hover{color:#111;background:var(--yellow)}.staff-nav form{margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}.staff-content h1{margin:.1em 0;font-size:clamp(2.8rem,5vw,5rem)}.staff-subtitle{color:var(--steel);font-size:1.05rem}
.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:36px 0}.metric{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:150px;padding:27px;background:linear-gradient(145deg,#202526,#101314);border:1px solid var(--line);border-left:6px solid var(--teal);box-shadow:var(--shadow)}.metric:after{content:"";position:absolute;right:-30px;bottom:-30px;width:105px;height:105px;border:14px solid #ffffff09;border-radius:50%}.metric.accent{border-left-color:var(--yellow);background:linear-gradient(135deg,#27250f,#111516)}.metric span{color:var(--steel);font-size:.8rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.metric strong{color:var(--white);font-family:Impact,"Arial Black",sans-serif;font-size:2.7rem;font-style:italic}.metric.accent strong{color:var(--yellow)}.metric small{color:#868d89}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.quick-grid a{min-height:120px;display:flex;flex-direction:column;padding:22px;color:#fff;background:#15191a;border:1px solid var(--line);border-bottom:5px solid var(--yellow);text-decoration:none;text-transform:uppercase}.quick-grid a:hover{background:#202526;transform:translateY(-2px)}.quick-grid a span{margin-top:auto;color:var(--yellow);font-size:.85rem}.empty-state{padding:24px;color:var(--steel);background:#121617;border:1px dashed #69706e}
.invoice-calculator{margin-top:35px;border-top:6px solid var(--yellow);box-shadow:var(--shadow)}.invoice-head,.invoice-row{display:grid;grid-template-columns:minmax(190px,2fr) 1fr 110px 1fr;align-items:center;gap:15px;padding:14px 18px}.invoice-head{color:#9da4a0;background:#080a0b;border:1px solid var(--line);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.invoice-row{background:#161a1b;border:1px solid var(--line);border-top:0}.invoice-row label{font-weight:900;text-transform:uppercase}.invoice-row input{width:90px;padding:10px;color:#fff;background:#090b0c;border:1px solid #555d5b}.invoice-row input:focus{outline:3px solid var(--yellow)}.invoice-row .line-total{color:var(--yellow);text-align:right;font-weight:900}.invoice-total{display:flex;align-items:center;justify-content:flex-end;gap:30px;margin-bottom:15px;padding:25px 18px;background:#0d1011;border-inline:1px solid var(--line)}.invoice-total strong{color:var(--yellow);font:italic 2.2rem/1 Impact,"Arial Black",sans-serif}
.filters{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0;padding:15px;background:#101314;border-left:5px solid var(--yellow)}.filters select,.filters input,.staff-form input,.staff-form select{padding:11px;color:#fff;background:#0c0f10;border:1px solid #4f5755}.history-total{display:flex;justify-content:flex-end;align-items:center;gap:20px;margin-bottom:15px}.history-total strong{color:var(--yellow);font:italic 1.9rem/1 Impact,sans-serif}.data-table-wrap{overflow-x:auto;margin-bottom:40px;border:1px solid var(--line);border-top:5px solid var(--yellow);box-shadow:var(--shadow)}.data-table{width:100%;border-collapse:collapse;background:#141819}.data-table th,.data-table td{padding:13px 15px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.data-table tr:hover td{background:#1d2223}.data-table th{color:var(--yellow);background:#0c0e0f;font-size:.72rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.data-table a{color:var(--yellow)}.status{padding:4px 9px;color:#c9fff0;background:#23443d;border:1px solid #47766c;border-radius:0;font-size:.75rem;text-transform:uppercase}.status.cancelled{color:#ffd0cb;background:#522723;border-color:#84433d}
.invoice-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}.invoice-meta div{display:flex;flex-direction:column;padding:16px;background:#15191a;border:1px solid var(--line);border-top:4px solid var(--yellow)}.invoice-meta span{color:#909793;font-size:.75rem;font-weight:900;text-transform:uppercase}.danger-zone{margin-top:25px;padding-top:25px;border-top:1px solid #69332e}.danger-zone button,.card-actions button{color:#ff8d82;background:none;border:0;cursor:pointer}.heading-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.grade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:50px}.grade-card{padding:22px;background:linear-gradient(145deg,#1c2122,#111415);border:1px solid var(--line);border-top:5px solid var(--yellow);box-shadow:var(--shadow)}.grade-card>div:first-child{display:flex;justify-content:space-between;align-items:center}.grade-card>div:first-child strong{color:var(--yellow);font:italic 1.6rem/1 Impact,sans-serif}.grade-card ul{padding:0;color:#777e7b;list-style:none}.grade-card li:before{content:"×";display:inline-block;width:20px}.grade-card li.yes{color:#d8ddd9}.grade-card li.yes:before{content:"✓";color:var(--yellow)}.card-actions{display:flex;justify-content:space-between;padding-top:12px;border-top:1px dashed var(--line)}.card-actions a{color:#fff}.staff-content.narrow{max-width:680px}.staff-form{display:flex;flex-direction:column;gap:18px;padding:26px;background:#15191a;border:1px solid var(--line);border-top:5px solid var(--yellow);box-shadow:var(--shadow)}.staff-form>div{display:flex;flex-direction:column;gap:7px}.staff-form label{color:var(--yellow);font-weight:900;text-transform:uppercase}.staff-form input[type=checkbox]{width:auto;align-self:start;accent-color:var(--yellow)}.staff-form .errorlist{color:#ff8d82}.staff-form>a{color:#bbb}.period{display:grid;grid-template-columns:1fr 2fr;gap:20px;margin-bottom:12px;padding:20px;background:#15191a;border:1px solid var(--line);border-left:5px solid var(--yellow)}.period>div{display:flex;flex-direction:column}
@media(max-width:850px){.staff-shell{grid-template-columns:1fr}.staff-nav{position:static;flex-direction:row;overflow-x:auto}.staff-nav:before{display:none}.staff-nav a,.staff-nav button{white-space:nowrap}.staff-nav form{margin:0;padding:0;border:0}.metric-grid,.quick-grid,.grade-grid{grid-template-columns:1fr}.invoice-head{display:none}.invoice-row{grid-template-columns:1fr 1fr}.invoice-row .line-total{text-align:left}.invoice-meta,.period{grid-template-columns:1fr}.heading-row{align-items:flex-start;flex-direction:column}}
.staff-form textarea,.application-review textarea,.application-review select{padding:11px;color:#fff;background:#0c0f10;border:1px solid #4f5755}.staff-form textarea{resize:vertical}.application-status{padding:28px;background:#15191a;border:1px solid var(--line);border-top:5px solid var(--yellow);box-shadow:var(--shadow)}.application-status h2{margin:.25em 0;color:var(--yellow);font-size:2rem;text-transform:uppercase}.application-status.rejected{margin-bottom:18px;border-top-color:var(--danger)}.application-grid{display:grid;gap:18px}.application-card{padding:24px;background:#15191a;border:1px solid var(--line);border-top:5px solid var(--yellow);box-shadow:var(--shadow)}.application-card h2{margin:0}.application-card h3{margin:22px 0 4px;color:var(--yellow);font-size:.8rem;text-transform:uppercase}.application-review{display:grid;grid-template-columns:minmax(220px,1fr) 170px auto;gap:10px;align-items:end;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}@media(max-width:850px){.application-review{grid-template-columns:1fr}}