*{box-sizing:border-box}body{margin:0;background:#f4f7fb;font-family:Arial,sans-serif;color:#172033}header{background:#111827;color:#fff;padding:22px calc((100% - 1160px)/2);display:flex;justify-content:space-between;align-items:center}header h1{margin:0}main{max-width:1160px;margin:25px auto;padding:0 18px}section{background:#fff;border:1px solid #e3e8ef;border-radius:14px;padding:20px;margin-bottom:18px}.cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}.bar{display:flex;justify-content:space-between;align-items:center}.comp{width:100%;padding:13px;margin:6px 0;border:1px solid #d8dee9;border-radius:10px;background:#fff;text-align:left;display:flex;gap:10px}.comp small{color:#64748b}.comp em{margin-left:auto;color:#2563eb}.dev{border:1px solid #d8dee9;border-radius:10px;padding:12px;margin:10px 0}.dev label{display:inline-block;width:48%;margin:5px 1%;font-size:12px}.dev input{width:100%;padding:7px;margin-top:4px}.dev small{display:block;background:#fff7ed;padding:7px;margin-top:8px}button{cursor:pointer;border:0;border-radius:8px;padding:9px 12px}#save,.form button{background:#2563eb;color:#fff}.form{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.form input,.form select{padding:10px}.esp{fill:#111827}.white{fill:#fff;font-size:26px;font-weight:bold}.box{fill:#f8fafc;stroke:#94a3b8;stroke-width:2}.wire{stroke:#2563eb;stroke-width:2}.tiny{font-size:11px}.card{display:inline-flex;flex-direction:column;gap:8px;width:220px;margin:6px;padding:15px;border:1px solid #d8dee9;border-radius:10px}.card strong{font-size:24px}.small{font-size:13px}@media(max-width:800px){.cols{grid-template-columns:1fr}header{padding:18px}.form{grid-template-columns:1fr}}