:root{--color-primary:#1d4ed8;--color-primary-hover:#1e40af;--color-primary-dark:#0f2747;--color-secondary:#0ea5a4;--color-accent-light:#dcebff;--color-bg:#f6f9fc;--color-white:#fff;--color-text:#1f2937;--color-text-muted:#6b7280;--color-border:#d9e3f0;--color-success:#16a34a;--color-warning:#f59e0b;--color-error:#dc2626;--color-pending:#94a3b8;--radius-control:10px;--radius-card:16px}
body{font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}
:where(.btn,.button,.pro-button,.outline-btn,.provider-link){border-radius:var(--radius-control)}
:where(.card,.panel,.pro-panel,.center-card){border-radius:var(--radius-card)}
:where(.chip,.pill,.badge,.status){font-weight:500}
:where(a,button,input,select,textarea):focus-visible{outline:3px solid var(--color-secondary);outline-offset:3px}
body.network-design .net-topbar{background:var(--color-primary-dark);box-shadow:none}
body.network-design .net-brand{font-weight:600}
body.network-design .net-nav-item{font-weight:500}