body{font-family:Arial,sans-serif;background:#f4f6f8;margin:0;color:#1f2937}
.wrap{max-width:1100px;margin:auto;padding:20px}
.card{background:#fff;border-radius:12px;padding:20px;margin:16px 0;box-shadow:0 2px 8px rgba(0,0,0,.08)}
h1,h2{margin-top:0}
input,select,button{width:100%;padding:11px;border:1px solid #cbd5e1;border-radius:8px;box-sizing:border-box}
label{display:block;margin:10px 0 5px;font-weight:700}
button,.btn{background:#111827;color:#fff;border:0;padding:11px 16px;border-radius:8px;text-decoration:none;display:inline-block;width:auto;cursor:pointer}
.btn.secondary{background:#475569}
.btn.danger{background:#991b1b}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.disc{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.disc label{font-weight:400;background:#f8fafc;padding:10px;border-radius:8px;margin:0}
.disc input{width:auto}
.alert{padding:12px;border-radius:8px;margin:12px 0}
.ok{background:#dcfce7}.warn{background:#fef3c7}.err{background:#fee2e2}.info{background:#dbeafe}
table{width:100%;border-collapse:collapse;font-size:14px}
th,td{padding:9px;border-bottom:1px solid #e5e7eb;text-align:left}
.top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.small{font-size:13px;color:#64748b}
@media(max-width:700px){.grid,.disc{grid-template-columns:1fr}.wrap{padding:10px}}