body{background:#f3f7f4;color:#16333b}.staff-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px max(20px,calc((100vw - 1160px)/2));background:#fff;border-bottom:1px solid #dce8e1}.staff-header a{display:flex;align-items:center;gap:10px;color:#0754a5;text-decoration:none;font-weight:750}.staff-header a:first-child{color:#153c47}.staff-main{max-width:1160px;margin:auto;padding:26px 20px 80px}.staff-intro h1{font-size:clamp(2rem,5vw,3.5rem);margin:8px 0}.staff-intro p:last-child{max-width:700px;color:#526a70}.staff-panel,.staff-product{background:#fff;border:1px solid #d8e5dc;border-radius:15px;padding:20px;margin:20px 0;box-shadow:0 4px 20px #123a2810}.staff-panel h2,.staff-toolbar h2{margin:0 0 16px}.staff-panel form,.staff-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.staff-panel#login-panel form{max-width:450px;grid-template-columns:1fr}.staff-form label,.staff-panel label,.staff-filters label{display:grid;gap:6px;font-size:.83rem;font-weight:700;color:#32515a}.staff-form input,.staff-form select,.staff-panel input,.staff-panel select,.staff-filters input,.staff-filters select{width:100%;min-height:44px;border:1px solid #b9cbc2;border-radius:8px;padding:9px 11px;font:inherit;color:#16333b;background:#fff}.staff-form .check{display:flex;align-items:center;gap:8px}.check input{width:18px!important;min-height:18px!important}.staff-form button,.staff-panel button,.staff-toolbar button{border:0;background:#0754a5;color:#fff;padding:12px 20px;border-radius:8px;cursor:pointer;font:inherit;font-weight:750}.staff-form button{align-self:end}.staff-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px}.staff-toolbar p{margin:0;color:#60767d}.staff-toolbar button{background:#53666c}.staff-filters{display:grid;grid-template-columns:1fr 280px;gap:15px;margin:20px 0}.staff-product{display:grid;grid-template-columns:90px 1fr;gap:18px}.staff-product>img{width:90px;height:90px;object-fit:contain}.staff-product h3{margin:0 0 6px}.staff-product .staff-form{margin-top:14px}.staff-product .staff-form button{grid-column:3}.staff-product .staff-status{font-size:.82rem;color:#5d757b}#staff-message{position:sticky;bottom:10px;background:#e7f5ec;color:#17643e;padding:10px 15px;border-radius:8px;max-width:max-content}#staff-message:empty{display:none}.staff-error{background:#ffe9e6!important;color:#9c241b!important}@media(max-width:750px){.staff-panel form,.staff-form,.staff-filters{grid-template-columns:1fr 1fr}.staff-product .staff-form button{grid-column:auto}}@media(max-width:530px){.staff-header{padding:10px 16px}.staff-header strong{font-size:.78rem}.staff-main{padding:20px 14px 60px}.staff-product{grid-template-columns:1fr}.staff-product>img{width:120px;height:120px}.staff-panel form,.staff-form,.staff-filters{grid-template-columns:1fr}.staff-product .staff-form button{grid-column:auto}}