body { font-family: Segoe UI, Arial, sans-serif; background: #f5f7fa; margin: 0; }
.container { max-width: 1000px; margin: 24px auto; padding: 0 12px; }
.card { background: #fff; border: 1px solid #d7dce2; border-radius: 8px; padding: 16px; margin-bottom: 16px; }
.form-grid { display: grid; grid-template-columns: 180px 1fr; gap: 8px; align-items: center; }
.btn { background: #1f5fbf; color: #fff; border: 0; border-radius: 5px; padding: 8px 12px; cursor: pointer; }
.btn.secondary { background: #5f6b7a; }
.row { display: flex; justify-content: space-between; align-items: center; }
.top-actions { display: flex; align-items: center; gap: 8px; }
.search-row { display: grid; grid-template-columns: 140px 1fr 140px 1fr auto auto; gap: 8px; align-items: center; margin-bottom: 10px; }
.error { color: #b42318; }
.warn { color: #b54708; }
.success { color: #027a48; }
.grid { width: 100%; }
.modal { position: fixed; inset: 0; background: rgba(0,0,0,.35); display: flex; align-items: center; justify-content: center; }
.modal.hidden { display: none; }
.modal-content { background: white; border-radius: 8px; padding: 16px; max-width: 650px; }

.header-right { display:flex; align-items:center; gap:10px; }
.company-logo { max-height: 58px; width: auto; }