*{box-sizing:border-box}body{margin:0;background:#f1f4f8;color:#17283c;font:16px/1.5 system-ui,sans-serif}header{height:78px;background:#0c2034;color:white;display:flex;justify-content:space-between;align-items:center;padding:0 4%}.brand{font-size:25px;font-weight:750;display:flex;align-items:center;gap:12px}.logo{color:#67dfc2;font-size:34px}.brand small{font-size:12px;color:#96adbf;letter-spacing:2px;border-left:1px solid #415064;padding-left:20px;margin-left:10px}.badge{font-size:12px;color:#b7c9d9;letter-spacing:1.5px}main{max-width:1600px;margin:auto;padding:30px 4%}.heading,.section-head,.view-head,.actions{display:flex;align-items:center;justify-content:space-between;gap:18px}.eyebrow{font-size:12px;letter-spacing:2px;color:#63758b;margin:0}h1{font-size:32px;letter-spacing:-1px;margin:5px 0 24px}h2{font-size:18px;margin:0}button,input,select{font:inherit}button{border:1px solid #cbd5df;border-radius:7px;background:white;color:#263c51;padding:10px 16px;cursor:pointer;font-weight:600}button:hover{background:#e5f6f1;border-color:#269e83}button:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid #19977b;outline-offset:2px}input,select{border:1px solid #d5dee8;border-radius:5px;background:white;min-width:0;width:100%;padding:8px;color:#17283c}label{font-size:14px;color:#54667b;display:grid;gap:6px}.settings{display:grid;grid-template-columns:1.2fr repeat(6,1fr);gap:14px;background:white;padding:20px;border:1px solid #dce3eb;border-radius:10px;margin-bottom:20px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:20px}.viewer{background:#11283e;border:1px solid #223b51;border-radius:12px;overflow:hidden;color:#eef7ff}.view-head{padding:20px 24px}.view-head span{font-size:13px;color:#9fb6ca}.views{display:flex;gap:5px}.views button{background:transparent;color:#adbecd;border:1px solid #395269;padding:5px 12px;font-size:14px}.views button.active{background:#335168;color:white}canvas{width:100%;height:380px;display:block;touch-action:none;cursor:grab}.view-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 22px;color:#9eb5c8;font-size:12px}.view-foot label{display:flex;align-items:center;font-size:12px;color:#bdcdda}.view-foot input{width:110px;accent-color:#53dbb6}.legend{display:flex;flex-wrap:wrap;gap:18px;padding:14px 24px;border-top:1px solid #294054;font-size:13px}.dot{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:8px}.metric{background:white;border:1px solid #dce3eb;border-radius:9px;padding:18px;margin-bottom:12px}.metric>span{display:block;font-size:12px;letter-spacing:1px;color:#6b7d90}.metric strong{display:block;font-size:30px;margin:5px 0}.metric small{font-size:13px;color:#6b7d90}.bar{height:5px;background:#e8eef4;border-radius:5px;margin:8px 0}.bar i{display:block;height:100%;background:#159779;border-radius:5px}.note{font-size:12px;padding:0 5px;color:#6b7d90}.cargo{background:white;border:1px solid #dce3eb;border-radius:10px;margin-top:22px;padding:22px}.section-head p{margin:4px 0 16px;font-size:14px;color:#6b7d90}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:14px}th{text-align:left;color:#6b7d90;font-size:12px;font-weight:600;padding:12px 8px;border-bottom:1px solid #dae3ec}td{padding:10px 5px;border-bottom:1px solid #edf1f5}td input[type=number]{width:78px}td input[data-key=name]{width:140px}td input[type=checkbox]{width:20px;height:20px;accent-color:#16886e}td select{width:150px;font-size:13px}.del{padding:5px 9px;border:0;color:#a25757}.actions{margin-top:20px}#status{font-size:14px;color:#536b80}.primary{background:#138568;color:white;border:0;padding:13px 24px}.primary:hover{background:#0f6e57}.primary span{margin-left:28px}.results{margin-top:18px;color:#8b4b18;font-size:14px}.results:empty{display:none}.results p{background:#fff4e3;border:1px solid #f0d6aa;border-radius:8px;padding:12px 18px}details{background:white;border:1px solid #dce3eb;padding:16px 22px;border-radius:9px;margin-top:18px;font-size:14px}summary{cursor:pointer;font-weight:650}details p{color:#62768b}footer{font-size:12px;color:#718094;padding:22px 0;max-width:1100px}footer b{color:#52657a}.quiet{background:transparent;margin-bottom:20px}@media(max-width:1000px){.settings{grid-template-columns:repeat(4,1fr)}.workspace{grid-template-columns:1fr}aside{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.note{grid-column:1/-1}.metric{margin:0}canvas{height:340px}}@media(max-width:600px){header{height:64px}.brand small,.badge{display:none}main{padding:20px 4%}.heading{align-items:start}h1{font-size:25px}.quiet{font-size:12px;padding:8px}.settings{grid-template-columns:repeat(2,1fr);padding:14px}.view-head{padding:15px}.view-head h2{font-size:16px}canvas{height:280px}.view-foot{flex-direction:column}aside{grid-template-columns:1fr 1fr}.metric:nth-child(3){grid-column:1/-1}.metric strong{font-size:25px}.cargo{padding:15px}.section-head{align-items:start}.section-head button{font-size:13px;white-space:nowrap}.actions{align-items:stretch;flex-direction:column}}