*{box-sizing:border-box}body{margin:0;background:#f4f6f8;color:#1b2430;font:15px/1.45 system-ui,Arial,sans-serif}
header{background:#0b3d91;color:#fff;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
header h1{font-size:18px;margin:0}header a{color:#fff}
main{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:16px;padding:16px;max-width:1200px;margin:auto}
@media(max-width:800px){main{grid-template-columns:1fr}}
.card{background:#fff;border:1px solid #d9dee5;border-radius:10px;padding:16px;margin-bottom:16px}
h2{font-size:16px;margin:0 0 12px}label{display:block;font-size:13px;color:#667085;margin:10px 0 3px}
input,select,textarea,button,.btn{font:inherit;width:100%;padding:8px 10px;border:1px solid #d9dee5;border-radius:6px}
button,.btn{background:#0b3d91;color:#fff;border:0;cursor:pointer;margin-top:14px;display:inline-block;text-align:center;text-decoration:none;width:auto}
button.full{width:100%}.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.pl{display:flex;gap:10px;border:1px solid #d9dee5;border-radius:8px;padding:8px}
.pl img{width:60px;height:90px;object-fit:cover;border-radius:4px;background:#ccc}
.pl small{display:block;color:#667085}.ok{color:#1a7f37}.err{color:#c0392b}
.del{background:#c0392b;padding:4px 10px;font-size:12px;margin-top:6px}