body{font-family:system-ui,Arial;margin:0;background:#f6f7fb}
.wrap{max-width:1150px;margin:18px auto;padding:0 14px}
.top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.actions{display:flex;gap:8px;flex-wrap:wrap}
.small{font-size:12px;color:#666}
.card{background:#fff;border:1px solid #e7e7f3;border-radius:14px;padding:14px;margin-bottom:12px;box-shadow:0 10px 25px rgba(0,0,0,.03)}
.grid{display:grid;grid-template-columns:repeat(4, minmax(0,1fr));gap:10px}
.grid .full{grid-column:1/-1}
label{display:block;font-size:12px;color:#333;margin-bottom:6px}
.inp{width:100%;padding:10px;border:1px solid #ddd;border-radius:10px;font-size:14px;background:#fff}
.btn{background:#111;color:#fff;border:0;border-radius:10px;padding:10px 12px;cursor:pointer;font-weight:600}
.btn2{background:#fff;color:#111;border:1px solid #111;border-radius:10px;padding:10px 12px;text-decoration:none;font-weight:600}
.right{display:flex;justify-content:flex-end}
.row-between{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
table{width:100%;border-collapse:collapse}
th,td{border-bottom:1px solid #eee;padding:10px;text-align:left;font-size:14px;vertical-align:top}
th{font-size:12px;color:#555}
.alert{background:#ffe9e9;border:1px solid #ffb5b5;padding:10px;border-radius:10px;margin:10px 0}
.tag{display:inline-block;padding:4px 10px;border-radius:999px;border:1px solid #ddd;background:#fafafa;font-size:12px}
.inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.mini-list{margin:0;padding-left:16px}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.grid{grid-template-columns:1fr}}