.staff-overlay{position:fixed;inset:0;z-index:240;display:none;place-items:center;padding:24px}.staff-overlay.open{display:grid}.staff-backdrop{position:absolute;inset:0;border:0;background:#061a2fdd;backdrop-filter:blur(9px)}.staff-dialog{position:relative;width:min(860px,96vw);max-height:91vh;overflow:auto;padding:27px;border-radius:26px;background:#f7fbff;color:#17364f;box-shadow:0 30px 90px #06132388}.staff-dialog header{display:flex;justify-content:space-between;gap:18px}.staff-dialog header span{color:#16816e;font-weight:900}.staff-dialog h2{margin:5px 0}.staff-dialog header p{margin:0;color:#6d7f91}.staff-dialog header>button{width:40px;height:40px;border:0;border-radius:50%;background:#e5eef4;font-size:23px}.staff-security{margin:18px 0;padding:12px 15px;border-radius:12px;background:#eaf6f3;color:#1e6e62;font-size:13px}.staff-cards{display:grid;gap:9px}.staff-cards article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:14px;border:1px solid #d8e4ea;border-radius:16px;background:#fff}.staff-avatar{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#bdf4e7,#cfe1ff);font-weight:900}.staff-cards span{color:#197d6d;font-size:11px;font-weight:900}.staff-cards h3{margin:2px 0}.staff-cards p,.staff-cards small{display:block;margin:0;color:#718294;font-size:11px}.staff-cards article>div:last-child{display:grid;gap:5px}.staff-cards button,#staffForm>button{border:0;border-radius:9px;padding:8px 10px;background:#173b59;color:#fff}.staff-cards .danger{background:#f4e8e6;color:#9b433e}.staff-empty{padding:23px;border:1px dashed #cadbe5;border-radius:14px;text-align:center;color:#758697}#staffForm{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;padding:18px;border-radius:17px;background:#eaf3f8}#staffForm h3,#staffForm fieldset,#staffForm>small{grid-column:1/-1}#staffForm h3{margin:0}#staffForm label{display:grid;gap:5px;color:#607487;font-size:12px}#staffForm input,#staffForm select{padding:10px;border:1px solid #c9d9e4;border-radius:9px;background:#fff}#staffForm fieldset{display:flex;gap:15px;flex-wrap:wrap;border:0;padding:4px 0}#staffForm fieldset label{display:flex;align-items:center;gap:5px}#staffForm>button{grid-column:2;justify-self:end}#staffForm>small{text-align:right;color:#718294}.staff-portal{position:fixed;inset:0;z-index:300;display:none;overflow:auto;background:linear-gradient(145deg,#eaf8f5,#eef4ff);color:#163650}.staff-portal.open{display:block}.staff-portal>header{display:flex;justify-content:space-between;align-items:center;padding:22px max(24px,calc((100vw - 980px)/2));background:#123653;color:#fff}.staff-portal>header span{color:#8cebd4;font-weight:900}.staff-portal>header h1{margin:4px 0}.staff-portal>header p{margin:0;color:#bdd0df}.staff-portal>header button{border:1px solid #ffffff55;border-radius:10px;padding:9px 12px;background:#ffffff16;color:#fff}.staff-portal>main{width:min(980px,calc(100% - 28px));margin:22px auto;display:grid;grid-template-columns:1fr 1fr;gap:14px}.staff-welcome{grid-column:1/-1;display:flex;align-items:center;gap:15px;padding:20px;border-radius:20px;background:linear-gradient(120deg,#173f60,#276b78);color:#fff}.staff-welcome span{font-size:45px}.staff-welcome h2{margin:0}.staff-welcome p{margin:5px 0;color:#c4dce5}.staff-welcome>b{margin-left:auto}.staff-panel{padding:20px;border:1px solid #d5e3ea;border-radius:20px;background:#fff}.staff-panel h2{margin-top:0}.staff-panel p{color:#6d8091;line-height:1.6}.staff-panel textarea,.staff-panel select{width:100%;padding:12px;border:1px solid #cddce5;border-radius:11px}.staff-panel>button,.staff-rewards button{border:0;border-radius:10px;padding:11px 13px;background:#173b59;color:#fff;font-weight:800}.staff-panel>button{margin-top:10px}.staff-rewards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.staff-rewards button{background:#e8f7f3;color:#176c5e}.staff-login{width:min(420px,calc(100% - 30px));margin:12vh auto;padding:32px;border-radius:24px;background:#fff;text-align:center;box-shadow:0 24px 70px #17364f33}.staff-login>span{font-size:55px}.staff-login p{color:#6d7f91;line-height:1.7}.staff-login input{width:100%;padding:13px;border:1px solid #c9d9e3;border-radius:11px;text-align:center;font-size:22px;letter-spacing:7px}.staff-login small{display:block;min-height:26px;padding-top:7px;color:#a94642}.staff-login button{width:100%;border:0;border-radius:11px;padding:12px;background:#173b59;color:#fff;font-weight:900}@media(max-width:700px){.staff-dialog{padding:20px}.staff-cards article{grid-template-columns:auto 1fr}.staff-cards article>div:last-child{grid-column:1/-1;grid-template-columns:1fr 1fr;width:100%}#staffForm{grid-template-columns:1fr}#staffForm h3,#staffForm fieldset,#staffForm>small,#staffForm>button{grid-column:1}.staff-portal>main{grid-template-columns:1fr}.staff-welcome{grid-column:1}.staff-welcome>b{display:none}.staff-rewards{grid-template-columns:1fr}}