*{box-sizing:border-box}body{margin:0;background:#f4f5f7;color:#182230;font-family:Arial,sans-serif}main{width:min(1050px,94%);margin:28px auto 60px}header h1{font-size:42px;margin:9px 0}header p,.card p{color:#667085}.badge{display:inline-block;background:#9b1c1c;color:#fff;padding:6px 10px;border-radius:99px;font-size:12px;font-weight:bold}.card{background:#fff;border-radius:20px;padding:20px;margin-top:18px;box-shadow:0 8px 28px #1018280d}.head,.actions,.inline,.modalActions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.head{justify-content:space-between}button{border:0;border-radius:10px;padding:12px 16px;background:#9b1c1c;color:#fff;font-weight:700;cursor:pointer}.light{background:#eef0f3;color:#182230}.blue{background:#175cd3}.amber{background:#b54708}.danger{background:#b42318}button:disabled{opacity:.45}input,select,textarea{width:100%;border:1px solid #d0d5dd;border-radius:9px;padding:11px;font:inherit;background:#fff}.inline input{flex:1}.inline button{flex:0 0 auto}#reader{max-width:560px;margin:12px 0}#msg{padding:11px;background:#f8f9fa;border-radius:10px;margin-top:10px}.ok{background:#ecfdf3!important}.err{background:#fef2f2!important;color:#991b1b}#search{margin:12px 0}.record{border-top:1px solid #eaecf0;padding:13px 0;display:flex;justify-content:space-between;gap:12px;align-items:center}.recordCode{font-family:monospace;font-weight:bold}.record small{color:#667085}.modal{display:none;position:fixed;inset:0;background:#101828b8;z-index:1000;padding:16px;overflow:auto}.modal.open{display:flex;align-items:center;justify-content:center}.dialog,.smallDialog{position:relative;background:#fff;border-radius:20px;padding:24px;width:min(900px,100%);max-height:94vh;overflow:auto}.smallDialog{width:min(500px,100%)}.x{position:absolute;right:12px;top:10px;background:transparent;color:#182230;font-size:26px}.dialog h2{margin:10px 0 18px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.grid label,.smallDialog label{font-size:12px;font-weight:bold}.grid label input,.grid label select,.grid label textarea,.smallDialog input{margin-top:5px}.wide{grid-column:1/-1}.grid textarea{min-height:90px}.modalActions{margin-top:18px}@media(max-width:650px){header h1{font-size:31px}.grid{grid-template-columns:1fr}.wide{grid-column:auto}.inline>*{width:100%;flex:1 0 100%!important}.modalActions button{flex:1}.record{align-items:flex-start}}