/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/globals.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}.container {
  width: 100%;
}@media (min-width: 640px) {

  .container {
    max-width: 640px;
  }
}@media (min-width: 768px) {

  .container {
    max-width: 768px;
  }
}@media (min-width: 1024px) {

  .container {
    max-width: 1024px;
  }
}@media (min-width: 1280px) {

  .container {
    max-width: 1280px;
  }
}@media (min-width: 1536px) {

  .container {
    max-width: 1536px;
  }
}.\!visible {
  visibility: visible !important;
}.visible {
  visibility: visible;
}.fixed {
  position: fixed;
}.inline-flex {
  display: inline-flex;
}.table {
  display: table;
}.border {
  border-width: 1px;
}.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
nav button{display:flex;align-items:center;gap:12px;padding:11px 13px;border:0;background:transparent;color:inherit;border-radius:8px;font-size:14px;text-align:left}nav button.active{background:#203c5d;color:white}.panelHead select{min-width:260px;border:1px solid #dce3ea;border-radius:8px;padding:8px;background:#fff}.resourceGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.resourcePanel{overflow:hidden}.resourceRow{width:100%;border:0;border-bottom:1px solid #edf0f3;background:white;padding:15px 20px;display:flex;align-items:center;justify-content:space-between;text-align:left;color:#26384d}.resourceRow:hover{background:#f7faff}.resourceRow span>*{display:block}.resourceRow small{color:#8491a0;margin-top:4px}.resourceRow em{font-style:normal;font-size:11px;color:#4771a9}.nestedResources{padding-top:12px;background:#fafbfd}.nestedResources h3,.nestedResources>p{padding:0 20px}.standalone{border:0;border-radius:0;max-height:600px}.formError{color:#b83d3d;font-size:12px}@media(max-width:1000px){aside nav button{font-size:0}.resourceGrid{grid-template-columns:1fr}}
:root{font-family:Inter,system-ui,sans-serif;color:#17212b;background:#f5f7fa}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}svg{width:18px;height:18px}header{height:70px;background:#fff;border-bottom:1px solid #e4e9ef;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:fixed;inset:0 0 auto;z-index:10}.brand,.headerRight{display:flex;align-items:center;gap:12px}.brandmark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#162d4d;color:white}.brand b{font-size:19px}.brand i{font-style:normal;color:#8b98a8;border-left:1px solid #dfe4ea;padding-left:12px;font-size:13px}.connected{color:#647286;font-size:13px}.connected b,.status b{display:inline-block;width:7px;height:7px;border-radius:50%;background:#36b37e;margin-right:7px}.icon{border:1px solid #dbe2e9;background:white;border-radius:8px;padding:8px;display:grid;place-items:center}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e9f0ff;color:#2155b5;font-weight:700;font-size:12px}aside{position:fixed;top:70px;bottom:0;left:0;width:220px;background:#11253f;color:#cad4e1;padding:24px 14px;display:flex;flex-direction:column;justify-content:space-between}nav{display:flex;flex-direction:column;gap:5px}nav a{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:8px;font-size:14px}nav a.active{background:#203c5d;color:white}.asideBottom>small{display:block;color:#63758c;margin:18px 10px}.secure{display:flex;gap:10px;background:#183451;padding:13px;border:1px solid #2a4868;border-radius:10px}.secure svg{color:#4cc9a0}.secure span,.secure b,.secure small{display:block}.secure b{font-size:12px;color:#fff}.secure small{font-size:10px;color:#8ca0b6;margin-top:3px}.content{margin-left:220px;padding:108px 34px 50px}.titleRow{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:26px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.16em;color:#4771a9;margin:0 0 8px}.titleRow h1{font:700 32px Georgia,serif;margin:0 0 8px;color:#17283e}.titleRow>div>p:last-child,.panelHead p{color:#738095;margin:0;font-size:14px}.primary{background:#2155b5!important;border-color:#2155b5!important;color:white!important}.titleRow button,.empty button{padding:11px 17px;border:0;border-radius:8px;font-weight:700}.notice{background:#fff8e8;border:1px solid #f2d79b;border-left:4px solid #e9a82f;padding:13px 16px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.notice>div{display:flex;gap:12px;align-items:center}.notice span>*{display:block}.notice small{color:#7b6b4d;margin-top:3px}.notice button{border:1px solid #dfc17c;background:white;border-radius:7px;padding:8px 12px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.metric{background:white;border:1px solid #e3e8ee;border-radius:10px;padding:18px;display:flex;gap:14px}.metricIcon{width:38px;height:38px;border-radius:9px;background:#eef4ff;color:#285db5;display:grid;place-items:center}.metric>div>*{display:block}.metric>div>span{font-size:11px;text-transform:uppercase;color:#7a8797;font-weight:700}.metric>div>b{font-size:23px;margin:3px 0}.metric small{color:#8793a2;font-size:11px}.panel{background:white;border:1px solid #e1e7ed;border-radius:11px}.panelHead{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f3}.panelHead h2{margin:0;font:700 18px Georgia,serif}.search{border:1px solid #dce3ea;border-radius:8px;display:flex;gap:8px;align-items:center;padding:7px 10px;color:#8090a0}.search input{border:0;outline:0}.tableWrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;background:#f8fafc;color:#7b899a;font-size:10px;text-transform:uppercase;padding:11px 16px}td{padding:15px 16px;border-top:1px solid #edf0f3;white-space:nowrap}tbody tr{cursor:pointer}tbody tr:hover{background:#f9fbfe}td strong,td small{display:block}td small{color:#8793a2;margin-top:4px}.route{display:flex;align-items:center;gap:7px}.route svg{width:13px}.route i{font-style:normal;font-size:8px;font-weight:900;color:white;padding:4px;border-radius:4px}.aws{background:#ef941f}.az{background:#1989cf}.status{display:inline-flex;align-items:center;padding:5px 8px;border-radius:99px;font-size:10px;font-weight:800;text-transform:capitalize}.status.green{background:#e9f8f2;color:#17825e}.status.blue{background:#e8f0ff;color:#2155b5}.status.amber{background:#fff3d9;color:#a86c00}.status.red{background:#ffeded;color:#b83d3d}.status.slate{background:#edf1f5;color:#5b6877}.status.purple{background:#f1eaff;color:#7148ae}.status:not(.green) b{background:currentColor}.progress{display:flex;align-items:center;gap:8px}.progress>span{width:75px;height:5px;background:#e9edf1;border-radius:5px;overflow:hidden}.progress i,.bigProgress i{display:block;height:100%;background:#35a77f}.progress em{font-style:normal;font-size:11px}.empty{text-align:center;padding:60px;color:#7c8998}.empty h3{color:#29394d}.overlay{position:fixed;inset:0;background:#09152699;z-index:30;display:grid;place-items:center;padding:25px}.modal{width:min(680px,96vw);background:#fff;border-radius:13px;padding:25px}.modalHead{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:23px}.modalHead h2{font:700 25px Georgia,serif;margin:0 0 8px}.modal label{display:block;font-size:12px;font-weight:700;margin:15px 0;color:#425267}.modal label small{float:right}.modal input,.modal select{display:block;width:100%;border:1px solid #d8e0e8;border-radius:8px;padding:11px;margin-top:7px;background:white}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:15px}.connector{height:42px;background:#f3f7fb;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:17px;font-size:11px}.modalFoot{border-top:1px solid #e7ebef;margin:24px -25px -25px;padding:17px 25px;display:flex;align-items:center;justify-content:flex-end;gap:10px}.modalFoot p{font-size:10px;color:#778494;margin-right:auto;display:flex;gap:6px}.modalFoot button,.drawerActions button{border:1px solid #d8e0e8;background:white;border-radius:7px;padding:9px 14px}.drawerOverlay{display:flex;justify-content:flex-end;padding:0}.drawer{width:min(720px,96vw);height:100%;background:#fff;padding:27px;overflow:auto}.drawerActions{display:flex;gap:9px;margin-bottom:20px}.drawerActions button{display:flex;gap:7px}.danger{color:#b73d3d}.detailMetrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e1e6ec;border-radius:9px}.detailMetrics div{padding:13px;border-right:1px solid #e1e6ec}.detailMetrics span,.detailMetrics b{display:block}.detailMetrics span{font-size:10px;color:#8491a0}.bigProgress{height:7px;background:#e9edf1;margin:12px 0 28px}.objectList{border:1px solid #e3e7ec;border-radius:9px;max-height:390px;overflow:auto}.object{display:grid;grid-template-columns:25px 1fr auto;gap:10px;padding:12px;border-bottom:1px solid #edf0f2}.object b,.object small{display:block;font-size:12px}.object small{color:#8591a0}.object a{font-size:11px;color:#2761b8}.logs{background:#f6f8fa;padding:7px 14px}.logs p{font-size:11px}.logs span{color:#8995a3;margin-right:12px}@media(max-width:1000px){.metrics{grid-template-columns:1fr 1fr}.content{margin-left:78px}aside{width:78px}aside nav a{font-size:0}.asideBottom{display:none}}@media(max-width:700px){.content{margin-left:0;padding:92px 14px}aside{display:none}.metrics{grid-template-columns:1fr}.grid2{grid-template-columns:1fr}.brand i,.connected{display:none}}

