.pia-staff-gate{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,rgba(7,39,27,.96),rgba(17,73,45,.92));backdrop-filter:blur(12px)}
.pia-staff-gate[hidden]{display:none!important}
.pia-staff-card{width:min(460px,100%);padding:30px;border:1px solid rgba(216,239,202,.32);border-radius:28px;background:#fff;color:#0c2b1f;box-shadow:0 28px 90px rgba(0,0,0,.28)}
.pia-staff-gate[data-state="checking"] .pia-staff-card>:not(.pia-staff-checking){display:none!important}.pia-staff-gate:not([data-state="checking"]) .pia-staff-checking{display:none!important}
.pia-staff-loading{text-align:center;padding:16px 8px}.pia-staff-loading h1{margin:18px 0 8px!important}.pia-staff-loading p{margin:0;color:#607368}.pia-staff-spinner{display:inline-block;width:38px;height:38px;border:4px solid #dcebdd;border-top-color:#31b868;border-radius:50%;animation:pia-staff-spin .8s linear infinite}@keyframes pia-staff-spin{to{transform:rotate(360deg)}}
.pia-staff-brand{display:flex;align-items:center;gap:12px;margin-bottom:22px}.pia-staff-brand img{width:50px;height:50px;object-fit:contain}.pia-staff-brand b,.pia-staff-brand small{display:block}.pia-staff-brand b{font-size:20px}.pia-staff-brand small{color:#607368}
.pia-staff-card [hidden]{display:none!important}.pia-staff-auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:20px;padding:5px;border-radius:15px;background:#edf5ea}.pia-staff-auth-tabs button{padding:11px 10px;border:0;border-radius:11px;background:transparent;color:#52685a;font:900 13px/1 inherit;cursor:pointer}.pia-staff-auth-tabs button.active{background:#fff;color:#153923;box-shadow:0 4px 14px rgba(20,63,35,.1)}
.pia-staff-card h1{margin:0 0 8px;font-size:32px}.pia-staff-card section>p{margin:0 0 20px;color:#536b5f;line-height:1.55}
.pia-staff-form{display:grid;gap:14px}.pia-staff-form label{display:grid;gap:7px;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.05em}.pia-staff-form input{width:100%;box-sizing:border-box;padding:14px 15px;border:1px solid #c8dacd;border-radius:13px;background:#fbfefb;color:#0c2b1f;font:inherit}.pia-staff-form input:focus{outline:3px solid rgba(54,183,104,.18);border-color:#28a85d}
.pia-staff-form textarea{width:100%;box-sizing:border-box;padding:13px 14px;border:1px solid #c8dacd;border-radius:13px;background:#fbfefb;color:#0c2b1f;font:inherit;resize:vertical}.pia-staff-form textarea:focus{outline:3px solid rgba(54,183,104,.18);border-color:#28a85d}.pia-staff-request-form{grid-template-columns:1fr 1fr}.pia-staff-request-form label:nth-child(4){grid-column:1/-1}.pia-staff-request-form .pia-staff-button{grid-column:1/-1}
.pia-staff-button{border:0;border-radius:999px;padding:13px 18px;background:#31b868;color:#fff;font:800 15px/1 inherit;cursor:pointer}.pia-staff-button:disabled{opacity:.6;cursor:wait}.pia-staff-secondary{border:0;background:transparent;color:#17643d;font:800 14px/1 inherit;cursor:pointer}
.pia-staff-message{min-height:22px;margin:2px 0 0;font-size:14px;color:#536b5f}.pia-staff-message.error{color:#a42424}.pia-staff-message.success{color:#13773f}
.pia-staff-help{margin-top:18px;padding-top:17px;border-top:1px solid #e0eae2;color:#607368;font-size:13px;line-height:1.45}
.pia-sync-chip{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;border:1px solid rgba(82,133,102,.25);border-radius:999px;padding:8px 11px;background:#eff8ef;color:#205a38;font:800 12px/1.1 inherit}.pia-sync-chip::before{content:"";width:8px;height:8px;border-radius:50%;background:#d29d27}.pia-sync-chip[data-state="connected"]::before{background:#2fb765;box-shadow:0 0 0 4px rgba(47,183,101,.14)}.pia-sync-chip[data-state="offline"]::before,.pia-sync-chip[data-state="error"]::before{background:#d84d45}.pia-sync-chip[data-state="syncing"]::before{animation:piaPulse 1s infinite}.pia-staff-signout{border:1px solid rgba(82,133,102,.25);border-radius:999px;padding:8px 11px;background:#fff;color:#17492f;font:800 12px/1 inherit;cursor:pointer}
@keyframes piaPulse{50%{opacity:.25}}
@media(max-width:720px){.pia-staff-gate{padding:14px}.pia-staff-card{padding:24px 20px;border-radius:22px}.pia-staff-card h1{font-size:27px}.pia-staff-request-form{grid-template-columns:1fr}.pia-staff-request-form label:nth-child(4),.pia-staff-request-form .pia-staff-button{grid-column:auto}.pia-sync-chip{max-width:160px;overflow:hidden;text-overflow:ellipsis}}
