.office-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:1.5rem}.office-card{background:white;border:1px solid #d7dfed;padding:1.5rem;border-radius:12px}.office-card h2{margin-top:0}.office-form{display:grid;gap:1rem}.office-form label{display:grid;gap:.35rem;font-size:.9rem}.office-form input,.office-form select{width:100%;min-width:0}.office-form fieldset{border:1px solid #d7dfed;border-radius:8px;padding:.8rem}.office-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.office-checks label,.office-form .office-check{display:flex;align-items:center;gap:.6rem}.office-checks input,.office-form .office-check input{width:auto;min-height:auto}.office-directory{display:grid;gap:.7rem;margin-top:1rem}.office-directory button{text-align:left;display:grid;gap:.3rem;white-space:normal}.office-directory small{color:#52617a}.office-form button{background:#2450d4;color:white}.office-card [data-close-payment]{margin-top:.8rem}.office-table-actions{display:flex;gap:.4rem}.office-table-actions button{font-size:.8rem;padding:.4rem .6rem}.finance button[aria-busy=true]::after{content:'';display:inline-block;width:.9rem;height:.9rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;margin-left:.6rem;vertical-align:middle;animation:office-spin .8s linear infinite}@keyframes office-spin{to{transform:rotate(360deg)}}@media(max-width:750px){.office-layout{grid-template-columns:1fr}.office-card{padding:1rem}}@media(prefers-reduced-motion:reduce){.finance button[aria-busy=true]::after{animation:none}}@media print{.office-form,.office-directory button,[data-new-employee]{display:none}}
