*{box-sizing:border-box}body{font-family:Inter,system-ui,Segoe UI,sans-serif;background:#eff3f9;color:#17263c;margin:0}body.dark{background:#0c1827;color:#e5edf6}a{color:inherit}.layout{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh}aside{background:#14283e;color:#e6f4ff;padding:22px 15px}aside strong{font-size:19px}aside a{display:block;padding:12px;border-radius:9px;text-decoration:none;color:#d6e7f4;margin:8px 0}aside a.active,aside a:hover{background:#117c89}main{padding:25px;min-width:0}header{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}h1{font-size:26px;margin:0}p,.sub,.muted{color:#75859a}body.dark p,body.dark .sub,body.dark .muted{color:#adbed2}.toolbar{display:flex;gap:8px;flex-wrap:wrap}.panel,.stat{background:white;border:1px solid #d8e1eb;border-radius:13px;padding:17px;margin:12px 0;overflow:auto}body.dark .panel,body.dark .stat{background:#17293e;border-color:#2c4159}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat{margin:0}.stat b{font-size:27px;display:block;margin:4px 0}.stat span{font-size:12px;color:#75859a}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0 8px}.tabs button.active{background:#0c7586;color:white}button,input,select,textarea{font:inherit;border:1px solid #cbd7e3;border-radius:8px;padding:9px;background:white;color:#17263c}button{cursor:pointer}button.primary{background:#087c8e;color:white;border-color:#087c8e}body.dark button,body.dark input,body.dark select,body.dark textarea{background:#20354b;color:#eaf2ff;border-color:#49617b}body.dark button.primary,body.dark button.active{background:#0e8497}label{display:grid;gap:5px;font-size:12px;font-weight:650;min-width:150px}input,select{width:100%}.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:12px;align-items:end}.fields button{align-self:end}.section{display:none}.section.active{display:block}table{width:100%;border-collapse:collapse;font-size:13px;min-width:600px}th,td{text-align:left;padding:10px;border-bottom:1px solid #d6e1ed;vertical-align:top}body.dark th,body.dark td{border-color:#385069}th{font-size:11px;text-transform:uppercase;color:#74859c}.warn{border-left:4px solid #db7b30;padding:8px 12px;background:#fff4e8;margin:7px 0}body.dark .warn{background:#382b21}.good{border-left:4px solid #12977c;padding:8px 12px;background:#e8faf5;margin:7px 0}body.dark .good{background:#16382f}.note{font-size:12px;color:#75859a;margin-top:12px}.badge{font-size:11px;border:1px solid #8db6c5;border-radius:100px;padding:4px 9px}#topology{width:100%;height:440px;background:repeating-linear-gradient(0deg,transparent,transparent 21px,#d8e4ef 22px),repeating-linear-gradient(90deg,transparent,transparent 21px,#d8e4ef 22px);border:1px solid #cfdce8;border-radius:12px}body.dark #topology{background:#101e2d}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px} .report{max-height:400px;overflow:auto} @media(max-width:750px){.layout{grid-template-columns:1fr}aside{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:10px}aside strong{width:100%}aside a{font-size:12px;margin:0;padding:8px}main{padding:14px}.stats{grid-template-columns:repeat(2,1fr)}}@media print{aside,.toolbar,.tabs,.no-print{display:none!important}.layout{display:block}main{padding:0}.section{display:block!important;break-before:page}.panel{break-inside:avoid}body{background:white;color:black}}