.staff-page{background:#0c1011}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
.staff-hero{position:relative;min-height:410px;padding:148px 0 64px;overflow:hidden;border-bottom:1px solid var(--line);isolation:isolate;background:radial-gradient(ellipse at 76% 65%,#283130 0%,#101617 48%,#090c0d 100%)}
.staff-hero-art{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b0f10 0%,#0b0f10cc 51%,#0b0f10bb 100%),url('assets/interior-people.webp') center 45%/cover no-repeat;opacity:.67}
.staff-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0c1011 0%,transparent 65%);z-index:-1}
.staff-hero-content{display:flex;align-items:center;justify-content:space-between;gap:50px}.staff-hero h1{font:500 clamp(65px,7vw,104px)/.94 var(--serif);letter-spacing:-.035em;margin:0 0 18px}.staff-hero h1 em{font-weight:400;color:#d4d5cf}.staff-hero-content>div:first-child>p:last-child{margin:0;max-width:600px;color:#d1d5d0}.staff-seal{flex:none;width:185px;height:185px;border:1px solid #b3b9b394;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:inset 0 0 0 8px #d5d5ce12,0 0 40px #0007;transform:rotate(-9deg);color:#e0e2da}.staff-seal span{font:500 73px/.9 var(--serif);letter-spacing:-.12em;padding-right:12px}.staff-seal small{font-size:7px;letter-spacing:.18em;margin-top:12px}
.staff-content{min-height:660px;padding-bottom:110px}.staff-breadcrumb{display:flex;gap:13px;align-items:center;padding:27px 0 54px;font-size:9px;font-weight:800;letter-spacing:.15em;color:#89938f}.staff-breadcrumb a:hover{color:#fff}.staff-breadcrumb span:last-child{color:#e4e6e0}.staff-loading{padding:60px 0;color:var(--muted);text-align:center}
.login-wrap{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,130px);align-items:center;max-width:1130px;margin:0 auto}.login-copy{max-width:430px}.login-copy h2{margin-bottom:22px}.login-copy>p:not(.section-kicker){color:var(--muted);max-width:400px}.login-rule{display:flex;align-items:center;gap:18px;border-top:1px solid var(--line);padding-top:23px;margin-top:45px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#b4bcb8}.login-rule span:first-child{font:35px/1 var(--serif);color:var(--gold)}
.login-card{border:1px solid #bdc5bf42;background:linear-gradient(155deg,#1a2021,#111617);padding:clamp(26px,4vw,48px);box-shadow:0 28px 70px #0004}.form-head{display:flex;gap:12px;align-items:center;color:var(--gold);font-size:10px;letter-spacing:.21em;font-weight:800}.form-icon{width:43px;height:43px;border:1px solid var(--line);display:grid;place-items:center;font:32px var(--serif);color:#d9d8d1}.login-card h3{font:500 48px/1 var(--serif);margin:28px 0 10px}.login-card>p:not(.form-error):not(.form-footnote){color:var(--muted);margin:0 0 32px}.login-card label,.employee-dialog label{display:block;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#d6dad5;margin-bottom:9px}.login-card input,.employee-dialog input,.employee-dialog select,.employee-dialog textarea,.roster-filters input,.roster-filters select{width:100%;min-height:45px;padding:11px 13px;border:1px solid #89928d66;border-radius:0;background:#0e1314;color:#f3f3ee;font:13px var(--sans);outline:none}.login-card input:focus,.employee-dialog input:focus,.employee-dialog select:focus,.employee-dialog textarea:focus,.roster-filters input:focus,.roster-filters select:focus{border-color:#e2e6df;box-shadow:0 0 0 2px #e3e8e01c}.login-card input::placeholder,.employee-dialog input::placeholder,.employee-dialog textarea::placeholder,.roster-filters input::placeholder{color:#86918d}.password-wrap{display:flex;position:relative}.password-wrap input{padding-right:76px}.password-wrap button{position:absolute;right:5px;top:5px;bottom:5px;background:transparent;border:0;color:#d8dfd8;cursor:pointer;padding:0 8px;font-size:11px}.submit-button{width:100%;margin-top:22px;cursor:pointer}.form-footnote{font-size:11px;color:#98a09d;text-align:center;margin:19px 0 0}.form-error{color:#ffbcb4!important;font-size:12px;margin:12px 0 0}.staff-notice{max-width:800px;margin:0 auto;display:flex;gap:26px;border:1px solid #ba8d6d88;background:#493f2b2b;padding:28px}.staff-notice>span{font:44px/1 var(--serif);color:var(--gold)}.staff-notice h2{font-size:36px;margin:0 0 8px}.staff-notice p{color:#d3d4cb;margin:0}
.dash-title{display:flex;align-items:end;justify-content:space-between;gap:28px}.dash-title h2{margin-bottom:5px}.dash-title p:last-child{color:var(--muted);margin:0}.logout-button{border:0;border-bottom:1px solid #b7bdb9;background:none;color:#f1f2ed;padding:8px 0;cursor:pointer;font:800 10px var(--sans);text-transform:uppercase;letter-spacing:.13em;white-space:nowrap}.logout-button span{padding-left:12px}.logout-button:hover{color:var(--gold)}
.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:37px 0 35px}.stat-card{border:1px solid var(--line);background:#151a1b;padding:21px 25px;display:flex;align-items:center;justify-content:space-between;gap:12px}.stat-card span{font-size:10px;font-weight:800;letter-spacing:.14em;color:#b2bcb7}.stat-card strong{font:500 49px/1 var(--serif);color:#eee}.roster-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.roster-filters,.roster-actions{display:flex;gap:10px;align-items:center}.roster-filters{flex:1}.roster-filters input{max-width:310px}.roster-filters select{width:180px}.roster-actions .button{min-height:45px;padding:10px 15px;white-space:nowrap;cursor:pointer}.outline-action{min-height:45px;padding:10px 16px;border:1px solid #9ba59e8f;background:transparent;color:#eee;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;white-space:nowrap}.outline-action:hover{background:#252e2e}.table-scroll{overflow-x:auto;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;min-width:740px;text-align:left}thead{background:#202727}th{padding:17px 21px;font-size:9px;color:#c9d0ca;letter-spacing:.14em;white-space:nowrap}td{padding:20px 21px;border-top:1px solid var(--line);color:#d7dcd7;font-size:12px;vertical-align:middle}tbody tr:hover{background:#ffffff07}.employee-name{color:#fff;font-weight:700;font-size:13px}.status-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;background:#53625933;color:#d5e5d8;font-size:10px;white-space:nowrap}.status-pill:before{content:"";width:6px;height:6px;background:#82c997;border-radius:50%}.status-pill.leave{background:#97816529;color:#efdabf}.status-pill.leave:before{background:#d6af76}.status-pill.inactive{background:#8f95952d;color:#bbc3c0}.status-pill.inactive:before{background:#9ba5a1}.row-actions{display:flex;gap:10px}.row-actions button{border:0;border-bottom:1px solid #888;background:transparent;color:#e2e4df;padding:4px 0;cursor:pointer;font-size:11px}.row-actions .danger{color:#ffc3bd;border-color:#bb817c}.table-message{padding:12px 15px;border:1px solid #bd8b6e66;color:#ffd4bd;font-size:12px}.empty-state{border:1px solid var(--line);border-top:0;text-align:center;padding:52px 15px}.empty-state span{font:48px var(--serif);color:var(--gold)}.empty-state h3{font:400 32px var(--serif);margin:3px 0}.empty-state p{color:var(--muted);margin:0}.data-note{color:#8f9994;font-size:11px;margin-top:17px}
.employee-dialog{width:min(650px,calc(100% - 28px));max-height:min(92vh,850px);overflow:auto;border:1px solid #a9b1aa77;background:#151b1c;color:var(--ink);padding:clamp(22px,4vw,40px);box-shadow:0 25px 85px #000}.employee-dialog::backdrop{background:#010304ce;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;gap:15px}.dialog-top h2{font-size:44px;margin:0 0 28px}.dialog-top .section-kicker{margin-bottom:8px}.dialog-close{background:transparent;border:1px solid var(--line);color:#fff;width:35px;height:35px;font:27px/1 var(--sans);cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.form-grid .span-2{grid-column:span 2}.employee-dialog textarea{min-height:82px;resize:vertical}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:26px}.dialog-actions .button{cursor:pointer}.dialog-actions .outline-action{min-height:49px}
@media(max-width:1150px){.roster-toolbar{align-items:stretch;flex-direction:column}.roster-filters input{max-width:none}.roster-actions{justify-content:flex-end}}
@media(max-width:820px){.staff-hero{padding-top:127px;min-height:390px}.staff-seal{width:125px;height:125px}.staff-seal span{font-size:50px}.login-wrap{grid-template-columns:1fr;gap:35px}.login-copy{max-width:610px}.login-rule{margin-top:25px}.staff-breadcrumb{padding-bottom:35px}.staff-content{padding-bottom:80px}}
@media(max-width:600px){.staff-hero{padding:118px 0 50px;min-height:355px}.staff-hero h1{font-size:clamp(57px,13vw,80px)}.staff-hero-content>div:first-child>p:last-child{font-size:13px}.staff-seal{display:none}.staff-breadcrumb{padding:22px 0 29px;font-size:8px}.login-card{padding:25px}.login-card h3{font-size:43px}.dash-title{align-items:start;flex-direction:column;gap:12px}.stat-grid{gap:8px;margin:27px 0}.stat-card{padding:14px 11px;flex-direction:column;align-items:start}.stat-card span{font-size:8px;letter-spacing:.06em}.stat-card strong{font-size:38px}.roster-filters,.roster-actions{width:100%}.roster-filters input{min-width:0}.roster-filters select{width:150px;font-size:11px}.roster-actions>*{flex:1}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.dialog-actions{flex-wrap:wrap}.employee-dialog{padding:22px}.dialog-top h2{font-size:38px}}
.staff-seal-logo{width:185px;height:185px;object-fit:contain;flex:none;filter:drop-shadow(0 5px 16px #000)}
@media(max-width:820px){.staff-seal-logo{width:130px;height:130px}}
@media(max-width:600px){.staff-seal-logo{display:none}}

/* Registru integrat în tema site-ului. */
.dashboard .roster-toolbar{margin:30px 0 18px}
.registry-panel{border:1px solid var(--line);background:linear-gradient(155deg,#181f20,#121718);box-shadow:0 24px 60px #0004}
.registry-panel-head{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:29px 30px 25px;border-bottom:1px solid var(--line)}
.registry-panel-head .section-kicker{margin:0 0 9px}.registry-panel h3{font:500 clamp(29px,3vw,39px)/1.1 var(--serif);margin:0 0 7px}.registry-count,.registry-updated{font-size:11px;color:#acb8af;margin:0}.registry-updated{text-align:right;white-space:nowrap}
.employee-table{min-width:820px}.employee-table th:first-child{width:67px}.employee-table td{padding-block:16px}.employee-table .registry-number{font-weight:700;color:#969f9a;font-variant-numeric:tabular-nums}.employee-table .registry-id{color:#a7cdb0;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.employee-table .registry-id-muted{color:#a3aaa5}.employee-table .registry-actions-cell{white-space:nowrap}.employee-table .row-actions{justify-content:flex-end}
.registry-panel .table-scroll{border:0}.registry-panel .empty-state{border:0;border-top:1px solid var(--line)}.employee-dialog .form-grid small{display:block;color:#abb7ae;font-size:10px;margin-top:6px}
@media(max-width:600px){.registry-panel-head{display:block;padding:22px 19px}.registry-panel h3{font-size:30px}.registry-updated{text-align:left;margin-top:10px}.employee-table{min-width:760px}.roster-actions{flex-wrap:wrap}.roster-actions .button{flex-basis:100%}}
@media print{
  @page{size:A4 landscape;margin:12mm}
  body.staff-page{background:#fff;color:#111}
  .staff-page .site-header,.staff-page .staff-hero,.staff-page .staff-breadcrumb,.staff-page .dash-title,.staff-page .roster-toolbar,.staff-page .table-message,.staff-page .data-note,.staff-page .site-footer,.staff-page .employee-dialog,.staff-page .access-panel,.staff-page .grant-panel,.registry-panel .empty-state{display:none!important}
  .staff-page .staff-content{width:100%;max-width:none;min-height:0;padding:0}.staff-page .registry-panel{border:0;background:#fff;color:#111;box-shadow:none}.registry-panel-head{padding:0 0 16px;border-bottom:1px solid #444}.registry-panel-head .section-kicker,.registry-count,.registry-updated{color:#444}.registry-panel .table-scroll{overflow:visible}.employee-table{min-width:0}.employee-table thead{background:#eee}.employee-table th,.employee-table td,.employee-table .employee-name,.employee-table .registry-number,.employee-table .registry-id{color:#111;border-color:#ccc}.employee-table #actions-heading,.employee-table .registry-actions-cell{display:none!important}
}
.access-panel{margin-bottom:60px;border-top:1px solid var(--line);padding-top:36px}.access-panel .login-copy h2{font-size:clamp(38px,4vw,55px)}.access-panel .login-card{padding:28px}.access-panel .login-card h3{font-size:36px;margin:15px 0 8px}.access-panel .login-card>p:not(.form-error):not(.form-footnote){margin-bottom:18px}
.grant-panel{margin:42px 0 0;padding:clamp(22px,4vw,40px);border:1px solid #b8c5b454;background:linear-gradient(135deg,#1b2422,#101718)}.grant-panel h3{font:500 39px/1.1 var(--serif);margin:0 0 10px}.grant-panel p{color:#b7c4b9;font-size:13px;max-width:650px}.grant-panel form{margin:28px 0}.grant-panel label{display:block;font-size:10px;font-weight:800;letter-spacing:.13em;margin-bottom:9px;text-transform:uppercase}.grant-controls{display:flex;gap:10px}.grant-controls input{flex:1;min-width:0;padding:11px 13px;border:1px solid #89928d66;background:#0e1314;color:#fff;font:13px var(--sans)}.grant-controls button{cursor:pointer;white-space:nowrap}.grant-code{border:1px solid #b6bd8c;background:#383c2440;padding:16px;max-width:none!important;overflow-wrap:anywhere}.grant-code strong{display:inline-block;font:700 14px var(--sans);color:#f8ebbd;margin:6px 12px 6px 0;user-select:all}.grant-code button{background:none;border:1px solid #b6bd8c;color:#f8ebbd;padding:6px 9px;cursor:pointer}.grant-list{border-top:1px solid var(--line)}.grant-row{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:16px 0;font-size:14px}.grant-row .manage-link{border:0;background:none;color:#f5b5af;cursor:pointer;text-decoration:underline}.grant-panel .table-message{max-width:none;color:#ffd4bd}
@media(max-width:600px){.access-panel{margin-bottom:36px}.grant-controls{flex-direction:column}.grant-controls button{min-height:45px}.grant-row{align-items:start}}
