*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#eef3f7;color:#102f50}main{max-width:1050px;margin:32px auto;padding:0 18px}.card{background:#fff;border-radius:14px;padding:26px;box-shadow:0 8px 30px #00000012}.hidden{display:none}.back{color:#087bc1;text-decoration:none;font-size:14px}.card h1{margin:10px 0 5px}.card h2{margin-top:30px}.card p{color:#627487}.card label{display:block;font-weight:bold;font-size:13px}.card input,.card select,.card button{width:100%;padding:11px;margin:6px 0 14px;border:1px solid #ccd5df;border-radius:7px;font:inherit}.card input:focus,.card select:focus{outline:2px solid #b8d8ec}.card button{background:#062f56;color:#fff;border:0;font-weight:bold;cursor:pointer}.card button:disabled{opacity:.6;cursor:wait}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wide{grid-column:1/-1}.card small{display:block;color:#6a7786;font-weight:normal}.actions{display:flex;gap:10px}.actions button{margin-bottom:0}.secondary{background:#e9eef3!important;color:#173b5d!important}.head-actions{display:flex;gap:10px;align-items:center}.head-actions a{color:#087bc1;text-decoration:none;font-weight:bold}.head-actions .secondary{width:auto;margin:0;padding:9px 13px}.card header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card header h1{margin:0}.msg{min-height:20px;color:#087bc1;font-size:14px}.msg.error{color:#a83228}#list article{display:grid;grid-template-columns:65px 1fr 90px 90px;gap:10px;align-items:center;border-top:1px solid #e4e9ee;padding:12px 0}#list img{width:65px;height:65px;object-fit:cover;border-radius:7px;background:#f3f6f8}#list small{display:block;color:#6a7786;margin-top:4px}#list button{margin:0;padding:8px}.danger{background:#a83228!important}.empty{text-align:center;padding:30px;background:#f8fafc;border:1px dashed #ccd7e2;border-radius:8px}@media(max-width:650px){.grid{grid-template-columns:1fr}.wide{grid-column:auto}.card{padding:18px}.card header{display:block}.head-actions{margin-top:12px;flex-wrap:wrap}.head-actions .secondary{width:auto}#list article{grid-template-columns:55px 1fr 72px 72px}#list img{width:55px;height:55px}.actions{display:grid;grid-template-columns:1fr 1fr}}
#previewWrap{display:flex;gap:14px;align-items:center;background:#f7fafc;border:1px solid #e1e8ef;border-radius:10px;padding:10px}#preview{width:110px;height:110px;object-fit:cover;border-radius:8px;background:#fff}.small-btn{width:auto!important;padding:8px 12px!important;margin-top:8px!important}.card button:focus-visible,.card input:focus-visible,.card select:focus-visible{outline:3px solid #b8d8ec;outline-offset:1px}@media(max-width:650px){#previewWrap{align-items:flex-start}.card input[type=file]{padding:10px 5px}}