@font-face { font-family: "Ubuntu"; font-style: normal; font-weight: 300; font-display: swap; src: url("../fonts/ubuntu-300-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Ubuntu"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/ubuntu-400-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Ubuntu"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/ubuntu-500-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Ubuntu"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/ubuntu-700-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Ubuntu"; font-style: italic; font-weight: 400; font-display: swap; src: url("../fonts/ubuntu-400-italic-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Ubuntu"; font-style: italic; font-weight: 500; font-display: swap; src: url("../fonts/ubuntu-500-italic-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Ubuntu"; font-style: normal; font-weight: 300; font-display: swap; src: url("../fonts/ubuntu-300-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Ubuntu"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/ubuntu-400-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Ubuntu"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/ubuntu-500-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Ubuntu"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/ubuntu-700-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Ubuntu"; font-style: italic; font-weight: 400; font-display: swap; src: url("../fonts/ubuntu-400-italic-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Ubuntu"; font-style: italic; font-weight: 500; font-display: swap; src: url("../fonts/ubuntu-500-italic-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }

:root {
    color-scheme: light;

    --nd-green:        #17805A;
    --nd-green-bright: #21BD83;
    --nd-blue:         #125D87;
    --nd-blue-bright:  #208FCE;
    --nd-coffee:       #191316;
    --nd-linen:        #F1EDE4;
    --nd-font: "Ubuntu", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --nd-radius: 8px;
    --nd-radius-lg: 12px;

    --nd-page:          #F1EDE4;
    --nd-surface:       #FFFFFF;
    --nd-surface-2:     #FAF8F3;
    --nd-surface-3:     #F1EDE4;
    --nd-border:        #E7E1D5;
    --nd-border-2:      #D9D2C3;
    --nd-border-3:      #C8C0AF;
    --nd-text:          #191316;
    --nd-text-2:        #413B37;
    --nd-text-3:        #6A645E;
    --nd-text-4:        #6F6962;
    --nd-primary:       #17805A;
    --nd-primary-hover: #146F4E;
    --nd-primary-soft:  #E3F1EA;
    --nd-primary-ink:   #0F5A3F;
    --nd-on-primary:    #FFFFFF;
    --nd-accent:        #125D87;
    --nd-accent-hover:  #0E4A6C;
    --nd-accent-soft:   #E1EDF4;
    --nd-accent-ink:    #0E4A6C;
    --nd-warn:          #9A6418;
    --nd-warn-soft:     #FBF1DD;
    --nd-warn-ink:      #63400E;
    --nd-danger:        #B3261E;
    --nd-danger-hover:  #951F18;
    --nd-danger-soft:   #F8E1DF;
    --nd-danger-ink:    #761813;
    --nd-inverse:       #191316;
    --nd-inverse-2:     #2A2326;
    --nd-inverse-text:  #F1EDE4;
    --nd-inverse-muted: rgba(241, 237, 228, 0.75);
    --nd-inverse-border: rgba(241, 237, 228, 0.14);
    --nd-shadow-sm: 0 1px 2px rgba(25, 19, 22, 0.05), 0 1px 1px rgba(25, 19, 22, 0.03);
    --nd-shadow-md: 0 10px 28px -14px rgba(25, 19, 22, 0.28);
    --nd-shadow-lg: 0 24px 60px -24px rgba(25, 19, 22, 0.45);
    --nd-ring: 0 0 0 3px rgba(25, 139, 97, 0.28);
    --nd-overlay: rgba(241, 237, 228, 0.88);
    --nd-backdrop: rgba(25, 19, 22, 0.55);
    --nd-selection: #C7E4D4;
}
:root[data-theme="dark"] { color-scheme: dark; }
@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) { color-scheme: dark; }
}
body:not(.nd-body) { color-scheme: light; }

:root[data-theme="dark"] body.nd-body {
    --nd-page:          #121214;
    --nd-surface:       #1A1A1D;
    --nd-surface-2:     #202024;
    --nd-surface-3:     #2A2A2F;
    --nd-border:        #303036;
    --nd-border-2:      #42424A;
    --nd-border-3:      #585862;
    --nd-text:          #EEEDE8;
    --nd-text-2:        #D3D2CC;
    --nd-text-3:        #A6A6A1;
    --nd-text-4:        #8F8F8A;
    --nd-primary:       #21BD83;
    --nd-primary-hover: #3ECD98;
    --nd-primary-soft:  #173327;
    --nd-primary-ink:   #8FE4C1;
    --nd-on-primary:    #0B1F17;
    --nd-accent:        #3AA3E0;
    --nd-accent-hover:  #67BBEA;
    --nd-accent-soft:   #13293A;
    --nd-accent-ink:    #8FCBF2;
    --nd-warn:          #E0A542;
    --nd-warn-soft:     #3A2A12;
    --nd-warn-ink:      #F4D08F;
    --nd-danger:        #F07068;
    --nd-danger-hover:  #F58B84;
    --nd-danger-soft:   #43211F;
    --nd-danger-ink:    #F8A9A3;
    --nd-inverse:       #0C0C0E;
    --nd-inverse-2:     #151518;
    --nd-inverse-text:  #EEEDE8;
    --nd-inverse-muted: rgba(238, 237, 232, 0.72);
    --nd-inverse-border: rgba(238, 237, 232, 0.14);
    --nd-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.35);
    --nd-shadow-md: 0 10px 28px -14px rgba(0, 0, 0, 0.7);
    --nd-shadow-lg: 0 24px 60px -24px rgba(0, 0, 0, 0.8);
    --nd-ring: 0 0 0 3px rgba(33, 189, 131, 0.35);
    --nd-overlay: rgba(18, 18, 20, 0.88);
    --nd-backdrop: rgba(0, 0, 0, 0.7);
    --nd-selection: #2A5A46;
}
@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) body.nd-body {
        --nd-page:          #121214;
        --nd-surface:       #1A1A1D;
        --nd-surface-2:     #202024;
        --nd-surface-3:     #2A2A2F;
        --nd-border:        #303036;
        --nd-border-2:      #42424A;
        --nd-border-3:      #585862;
        --nd-text:          #EEEDE8;
        --nd-text-2:        #D3D2CC;
        --nd-text-3:        #A6A6A1;
        --nd-text-4:        #8F8F8A;
        --nd-primary:       #21BD83;
        --nd-primary-hover: #3ECD98;
        --nd-primary-soft:  #173327;
        --nd-primary-ink:   #8FE4C1;
        --nd-on-primary:    #0B1F17;
        --nd-accent:        #3AA3E0;
        --nd-accent-hover:  #67BBEA;
        --nd-accent-soft:   #13293A;
        --nd-accent-ink:    #8FCBF2;
        --nd-warn:          #E0A542;
        --nd-warn-soft:     #3A2A12;
        --nd-warn-ink:      #F4D08F;
        --nd-danger:        #F07068;
        --nd-danger-hover:  #F58B84;
        --nd-danger-soft:   #43211F;
        --nd-danger-ink:    #F8A9A3;
        --nd-inverse:       #0C0C0E;
        --nd-inverse-2:     #151518;
        --nd-inverse-text:  #EEEDE8;
        --nd-inverse-muted: rgba(238, 237, 232, 0.72);
        --nd-inverse-border: rgba(238, 237, 232, 0.14);
        --nd-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.35);
        --nd-shadow-md: 0 10px 28px -14px rgba(0, 0, 0, 0.7);
        --nd-shadow-lg: 0 24px 60px -24px rgba(0, 0, 0, 0.8);
        --nd-ring: 0 0 0 3px rgba(33, 189, 131, 0.35);
        --nd-overlay: rgba(18, 18, 20, 0.88);
        --nd-backdrop: rgba(0, 0, 0, 0.7);
        --nd-selection: #2A5A46;
    }
}

:root, body.nd-body {
    --white: var(--nd-surface);
    --neutral-50:  var(--nd-surface-2);
    --neutral-100: var(--nd-surface-3);
    --neutral-200: var(--nd-border);
    --neutral-300: var(--nd-border-2);
    --neutral-400: var(--nd-text-4);
    --neutral-500: var(--nd-text-3);
    --neutral-600: var(--nd-text-2);
    --neutral-700: var(--nd-text-2);
    --neutral-800: var(--nd-text);
    --neutral-900: var(--nd-text);
    --neutral-950: var(--nd-text);

    --primary: var(--nd-primary);
    --primary-lifted: var(--nd-primary-hover);
    --primary-accented: var(--nd-primary-ink);
    --secondary: var(--nd-accent);
    --secondary-lifted: var(--nd-accent-hover);
    --secondary-accented: var(--nd-accent-ink);
    --success: var(--nd-primary);
    --success-lifted: var(--nd-primary-hover);
    --success-accented: var(--nd-primary-ink);
    --info: var(--nd-accent);
    --info-lifted: var(--nd-accent-hover);
    --info-accented: var(--nd-accent-ink);
    --notice: var(--nd-accent);
    --notice-lifted: var(--nd-accent-hover);
    --notice-accented: var(--nd-accent-ink);
    --warning: var(--nd-warn);
    --warning-lifted: var(--nd-warn-ink);
    --warning-accented: var(--nd-warn-ink);
    --error: var(--nd-danger);
    --error-lifted: var(--nd-danger-hover);
    --error-accented: var(--nd-danger-ink);
    --grayscale: var(--nd-text);
    --grayscale-lifted: var(--nd-text-2);
    --grayscale-accented: var(--nd-text-2);
    --neutral: var(--nd-text-3);
    --neutral-lifted: var(--nd-text-2);
    --neutral-accented: var(--nd-text-2);

    --text: var(--nd-text);
    --text-inverted: var(--nd-inverse-text);
    --text-muted: var(--nd-text-4);
    --text-lifted: var(--nd-text-3);
    --text-accented: var(--nd-text-2);
    --border-muted: var(--nd-border);
    --border: var(--nd-border-2);
    --border-lifted: var(--nd-border-3);
    --border-accented: var(--nd-text-3);
    --bg: var(--nd-surface);
    --bg-muted: var(--nd-surface-2);
    --bg-lifted: var(--nd-surface-3);
    --bg-accented: var(--nd-border);
    --bg-inverted: var(--nd-inverse);

    --yellow-200: var(--nd-warn-soft);
    --yellow-300: var(--nd-warn);
    --teal-300: var(--nd-primary);
    --teal-400: var(--nd-primary-hover);
    --emerald-300: var(--nd-primary);
    --pink-400: var(--nd-accent);

    --rounding-sm: 4px;
    --rounding-md: var(--nd-radius);
    --rounding-lg: var(--nd-radius-lg);
    --letter-spacing: 0;
}

html { scroll-behavior: smooth; }
html, body { height: auto; min-height: 100%; }
body.nd-body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background-color: var(--nd-page);
    font-family: var(--nd-font);
    line-height: 1.6;
    color: var(--nd-text);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: background-color 0.2s ease, color 0.2s ease;
}
body #main-body, body main#main-body, body section#main-body {
    flex: 1 0 auto;
    background: transparent;
    padding: 28px 0 72px;
}
body.nd-is-home #main-body { padding-top: 56px; }
body.nd-is-home.nd-has-domain #main-body { padding-top: 116px; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: var(--nd-font);
    font-weight: 500;
    color: var(--nd-text);
    letter-spacing: -0.01em;
    line-height: 1.25;
}
h1, .h1 { font-size: 2rem; }
h2, .h2 { font-size: 1.5rem; }
h3, .h3 { font-size: 1.25rem; }
h4, .h4 { font-size: 1.1rem; }
h5, .h5 { font-size: 1rem; }
h6, .h6 { font-size: 0.9rem; }
p { margin-bottom: 1rem; }
a { color: var(--nd-accent); text-decoration: none; }
a:hover { color: var(--nd-accent-hover); text-decoration: underline; }
hr { border-top-color: var(--nd-border); }
code { color: var(--nd-accent-ink); background: var(--nd-surface-2); padding: 0.1em 0.35em; border-radius: 4px; font-size: 0.9em; }
pre { background: var(--nd-surface-2); color: var(--nd-text); border: 1px solid var(--nd-border); border-radius: var(--nd-radius); padding: 12px 14px; }
::selection { background: var(--nd-selection); color: var(--nd-text); }
html { caret-color: var(--nd-primary); scrollbar-color: var(--nd-border-2) transparent; }
h1, h2, h3, .nd-hero__title { text-wrap: balance; }
p, li, dd { text-wrap: pretty; }
:focus-visible { outline: 3px solid rgba(25, 139, 97, 0.45); outline-offset: 2px; }
.text-muted { color: var(--nd-text-3) !important; }
.text-dark, .text-body { color: var(--nd-text) !important; }
.text-secondary { color: var(--nd-text-3) !important; }
.text-primary { color: var(--nd-primary-ink) !important; }
.text-info { color: var(--nd-accent) !important; }
.text-success { color: var(--nd-primary-ink) !important; }
.text-danger { color: var(--nd-danger) !important; }
.text-warning { color: var(--nd-warn) !important; }
.bg-white, .bg-light { background-color: var(--nd-surface) !important; }
.border, .border-top, .border-bottom, .border-left, .border-right { border-color: var(--nd-border) !important; }
.container { max-width: 1200px; }
img { max-width: 100%; }

.nd-skip {
    position: absolute; left: -9999px; top: 8px; z-index: 2000;
    background: var(--nd-inverse); color: var(--nd-inverse-text);
    padding: 8px 14px; border-radius: var(--nd-radius); font-weight: 500;
}
.nd-skip:focus { left: 8px; color: var(--nd-inverse-text); text-decoration: none; }

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
}

#header.nd-header, .nd-header {
    position: relative;
    z-index: 1030;
    background: var(--nd-surface);
    border-bottom: 1px solid var(--nd-border);
    color: var(--nd-text);
}

.nd-topbar {
    background: var(--nd-surface-2);
    border-bottom: 1px solid var(--nd-border);
    font-size: 13px;
    color: var(--nd-text-3);
}
.nd-topbar__inner { --nd-topbar-h: 40px; display: flex; align-items: stretch; justify-content: space-between; gap: 12px; min-height: var(--nd-topbar-h); }
.nd-topbar__left { display: flex; align-items: center; gap: 6px; min-width: 0; }
.nd-topbar__right { display: flex; align-items: stretch; gap: 0; min-width: 0; margin-left: auto; }
.nd-topbar__note { align-items: center; gap: 7px; color: var(--nd-text-3); white-space: nowrap; }
.nd-topbar__note i { color: var(--nd-primary); font-size: 13px; }
.nd-topbar__sep { display: inline-block; width: 1px; height: 12px; margin: 0 6px; background: var(--nd-border-2); }
.nd-topbar__client { align-items: center; gap: 6px; margin-left: 10px; padding-left: 12px; border-left: 1px solid var(--nd-border-2); }
.nd-topbar__name { color: var(--nd-text); font-weight: 500; }
.nd-topbar__name:hover { color: var(--nd-primary-ink); text-decoration: none; }
#header .nd-topbar__btn {
    display: inline-flex; align-items: center; gap: 6px;
    min-height: var(--nd-topbar-h); padding: 0 10px; border: 0; border-radius: 0;
    background: transparent; color: var(--nd-text-3);
    font: inherit; line-height: 1.4; cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}
#header .nd-topbar__btn:hover, #header .nd-topbar__btn:focus { background: var(--nd-surface-3); color: var(--nd-text); text-decoration: none; box-shadow: none; }
#header .nd-topbar__btn--admin { color: var(--nd-warn); }
.nd-topbar__count {
    display: inline-block; min-width: 18px; padding: 0 6px;
    border-radius: 999px; background: var(--nd-count-bg, #17805A); color: #fff;
    font-size: 11px; font-weight: 500; line-height: 18px; text-align: center;
}

.nd-topnav { display: flex; align-items: stretch; gap: 0; margin: 0; padding: 0; list-style: none; }
.nd-topnav > li { position: relative; display: flex; }
#header .nd-topnav > li > a {
    display: inline-flex; align-items: center; gap: 6px;
    min-height: var(--nd-topbar-h); padding: 0 12px; border-radius: 0;
    color: var(--nd-text-2); font-size: 13px; font-weight: 500; line-height: 1.4; text-decoration: none; white-space: nowrap;
}
#header .nd-topnav > li > a:hover, #header .nd-topnav > li > a:focus, #header .nd-topnav > li.show > a { background: var(--nd-surface-3); color: var(--nd-text); }
#header .nd-topnav .dropdown-toggle::after { margin-left: 3px; opacity: 0.6; }
#header .nd-topnav .nd-nav__icon { font-size: 13px; color: var(--nd-text-3); }

.nd-theme-toggle {
    display: inline-grid; place-items: center; width: 42px; min-height: var(--nd-topbar-h); margin: 0; padding: 0;
    border: 0; border-radius: 0;
    background: transparent; color: var(--nd-text-2); font-size: 14px; cursor: pointer;
    transition: color 0.15s ease, background-color 0.15s ease;
}
.nd-theme-toggle:hover { background: var(--nd-surface-3); color: var(--nd-text); }
.nd-theme-toggle:focus { outline: 0; }
.nd-theme-toggle:focus-visible { box-shadow: var(--nd-ring); }
.nd-theme-toggle__sun { display: none; }
html[data-nd-mode="dark"] .nd-theme-toggle__sun { display: block; }
html[data-nd-mode="dark"] .nd-theme-toggle__moon { display: none; }

.nd-navbar__inner {
    --nd-nav-h: 72px;
    display: flex; flex-wrap: wrap; align-items: stretch;
    gap: 8px 16px; min-height: var(--nd-nav-h);
}
.nd-brand { display: inline-flex; align-items: center; align-self: center; gap: 12px; color: var(--nd-text); flex-shrink: 0; }
.nd-tool--burger { align-self: stretch; }
.nd-brand:hover { color: var(--nd-text); text-decoration: none; }
.nd-brand__mark svg { display: block; height: 40px; width: 40px; }
.nd-brand__word svg { display: block; height: 17px; width: auto; }
.nd-navbar__tools { display: flex; align-items: stretch; align-self: stretch; gap: 0; margin-left: auto; }
#header .nd-tool {
    position: relative; display: inline-flex; align-items: center; justify-content: center;
    width: 56px; min-height: var(--nd-nav-h); border: 0; border-radius: 0;
    background: transparent; color: var(--nd-text); font-size: 17px; cursor: pointer;
    transition: background-color 0.15s ease;
}
#header .nd-tool:hover, #header .nd-tool:focus { background: var(--nd-surface-3); color: var(--nd-text); text-decoration: none; box-shadow: none; outline: 0; }
#header .nd-tool:focus-visible { box-shadow: var(--nd-ring); }
#header .nd-tool[aria-expanded="true"] { background: var(--nd-inverse); color: var(--nd-inverse-text); }
.nd-tool__badge {
    position: absolute; top: calc(50% - 24px); right: 6px;
    min-width: 18px; height: 18px; padding: 0 5px;
    border-radius: 999px; background: var(--nd-count-bg, #17805A); color: #fff;
    font-size: 11px; font-weight: 500; line-height: 18px; text-align: center;
}
.nd-tool__badge.is-empty { display: none; }

.nd-collapse { flex-basis: 100%; flex-grow: 1; }
#header #nav { gap: 2px; }
.nd-nav { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; }
.nd-nav > li { display: block; position: relative; }
#header .nd-nav > li > a {
    display: flex; align-items: center; gap: 7px;
    padding: 12px 14px; border-radius: 0;
    color: var(--nd-text); font-size: 15px; font-weight: 500; line-height: 1.3;
    text-decoration: none; transition: background-color 0.15s ease, color 0.15s ease;
}
#header .nd-nav > li > a:hover, #header .nd-nav > li > a:focus, #header .nd-nav > li.show > a { background: var(--nd-surface-3); color: var(--nd-text); }
#header .nd-nav > li.active > a { color: var(--nd-primary-ink); }
#header .nd-nav > li > a .badge { background: var(--nd-primary-soft); color: var(--nd-primary-ink); border-radius: 999px; font-weight: 500; }
#header .nd-nav .nd-nav__icon { font-size: 15px; color: var(--nd-text-3); }
#header .nd-nav > li > a:hover .nd-nav__icon { color: var(--nd-accent); }
#header .nd-nav .dropdown-toggle::after { margin-left: 2px; opacity: 0.55; }
.nd-navbar__actions { display: flex; align-items: center; gap: 8px; }
#header .nd-navbar__btn { padding: 8px 16px; font-size: 14px; white-space: nowrap; }

#header .dropdown-menu {
    margin-top: 8px; padding: 6px; min-width: 240px;
    border: 1px solid var(--nd-border); border-radius: 12px;
    background: var(--nd-surface); color: var(--nd-text);
    box-shadow: var(--nd-shadow-md);
}
#header .nd-dropdown--rich { min-width: 330px; padding: 8px; }
#header li.nd-dropdown__item { padding: 0; margin: 0; background: transparent; display: block; }
#header .nd-dropdown__link, #header .nd-dropdown a.dropdown-item {
    display: flex; align-items: center; gap: 12px;
    padding: 9px 12px !important; border-radius: 8px;
    color: var(--nd-text); font-size: 14px; white-space: normal; background: transparent;
}
#header .nd-dropdown__link:hover, #header .nd-dropdown__link:focus, #header .nd-dropdown a.dropdown-item:hover, #header .nd-dropdown a.dropdown-item:focus { background: var(--nd-surface-3); color: var(--nd-text); text-decoration: none; }
#header .nd-dropdown__link.active, #header .nd-dropdown__link:active { background: var(--nd-primary-soft); color: var(--nd-primary-ink); }
.nd-dropdown__icon { display: grid; place-items: center; flex-shrink: 0; width: 20px; color: var(--nd-text-4); font-size: 14px; }
.nd-dropdown--rich .nd-dropdown__icon { width: 38px; height: 38px; border-radius: 10px; background: var(--nd-primary-soft); color: var(--nd-primary-ink); font-size: 16px; }
.nd-dropdown__body { display: flex; flex-direction: column; flex: 1 1 auto; min-width: 0; }
.nd-dropdown__title { display: flex; align-items: center; gap: 6px; font-weight: 500; line-height: 1.3; }
.nd-dropdown__sub { font-size: 12.5px; color: var(--nd-text-3); line-height: 1.4; margin-top: 1px; }
.nd-dropdown__price { flex-shrink: 0; font-size: 13.5px; font-weight: 500; color: var(--nd-primary-ink); white-space: nowrap; }
.nd-dropdown__price small { font-size: 11px; font-weight: 400; color: var(--nd-text-3); }
.nd-tag {
    display: inline-block; padding: 1px 7px; border-radius: 999px;
    background: var(--nd-primary); color: var(--nd-on-primary);
    font-size: 11px; font-weight: 500; line-height: 1.5; letter-spacing: 0.02em;
}
.nd-dropdown__divider { height: 1px; margin: 6px 4px; background: var(--nd-border); }

.nd-dropdown__brand { display: flex; flex-direction: column; align-items: center; justify-content: center; flex-shrink: 0; width: 58px; height: 40px; border-radius: 6px; background: var(--nd-inverse); color: var(--nd-inverse-text); line-height: 1; text-align: center; }
.nd-dropdown__vendor { font-size: 9px; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase; color: var(--nd-inverse-muted); }
.nd-dropdown__family { margin-top: 3px; font-size: 12.5px; font-weight: 500; letter-spacing: 0.01em; }
.nd-dropdown__brand img { display: block; max-width: 48px; max-height: 28px; }

.nd-lang { position: relative; display: flex; }
#header .nd-topbar .dropdown-menu { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; }
#header .nd-lang__btn::after { margin-left: 2px; opacity: 0.6; }
#header .nd-lang__menu { min-width: 180px; }
#header .nd-lang__menu .nd-dropdown__link { padding: 7px 12px !important; font-size: 13.5px; }
#header .nd-lang__menu .nd-dropdown__link.active::after { content: ""; margin-left: auto; width: 6px; height: 6px; border-radius: 50%; background: var(--nd-primary); }

@media (min-width: 1200px) {
    .nd-collapse { display: flex !important; align-items: stretch; gap: 14px; flex-basis: auto; flex-grow: 1; order: 2; margin-left: 24px; }

    #header #nav { height: var(--nd-nav-h); align-items: stretch; margin: 0 0 0 auto; gap: 0; }
    #header .nd-nav > li { display: flex; }
    #header .nd-nav > li > a { height: 100%; white-space: nowrap; padding: 0 16px; transition: background-color 0.15s ease, color 0.15s ease; }
    #header .nd-nav > li.show > a, #header .nd-nav > li.active > a { box-shadow: inset 0 -3px 0 var(--nd-primary); }
    #header .nd-nav .dropdown-menu { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; }
    .nd-navbar__tools { order: 3; margin-left: 0; align-self: stretch; }
    #header .nd-navbar__tools .nd-tool { width: 60px; }
    .nd-nav { flex-direction: row; align-items: stretch; gap: 0; }
    .nd-navbar__actions { margin-left: 10px; }
    #header .nd-nav .dropdown-menu { left: 0; right: auto; }
    #header .nd-topnav .dropdown-menu { left: auto; right: 0; }
}
@media (max-width: 1199.98px) {
    .nd-navbar__inner { min-height: 64px; gap: 8px; }
    .nd-tool--burger { order: 0; margin-left: -8px; }
    .nd-brand { order: 1; }
    .nd-navbar__tools { order: 2; }
    .nd-collapse { order: 3; padding: 6px 0 14px; margin-top: 2px; border-top: 1px solid var(--nd-border); }
    #header .nd-nav > li > a { padding: 12px 10px; }

    #header .nd-nav .dropdown-menu { position: static !important; float: none; transform: none !important; top: auto !important; left: auto !important; will-change: auto; margin: 0 0 6px; box-shadow: none; border: 0; background: var(--nd-surface-2); }
    .nd-navbar__actions { padding: 12px 0 0; gap: 10px; }
    .nd-navbar__actions .btn { flex: 1 1 0; text-align: center; }
    .nd-topbar__inner { min-height: 36px; }
}
@media (max-width: 575.98px) {
    .nd-brand__word svg { height: 15px; }
    .nd-brand__mark svg { height: 34px; width: 34px; }
    #header .nd-topnav > li > a .nd-nav__icon ~ .nd-nav__text { display: none; }
    #header .nd-topnav > li > a .nd-nav__icon { font-size: 15px; }
}

body .master-breadcrumb { background: transparent; }
body .master-breadcrumb .breadcrumb {
    background: transparent; margin: 0; padding: 14px 0 0;
    font-size: 13px; color: var(--nd-text-3);
}
body .master-breadcrumb .breadcrumb a { color: var(--nd-text-3); }
body .master-breadcrumb .breadcrumb a:hover { color: var(--nd-accent); text-decoration: none; }
body .master-breadcrumb .breadcrumb .breadcrumb-item.active { color: var(--nd-text); font-weight: 500; }
body .master-breadcrumb .breadcrumb-item + .breadcrumb-item::before { content: "›"; color: var(--nd-text-4); padding-right: 0.5rem; }

.nd-hero {
    position: relative;
    background: var(--nd-inverse); color: var(--nd-inverse-text);
}
.nd-hero--with-domain .nd-hero__inner { padding-bottom: 44px; }
.nd-hero__inner {
    position: relative;
    display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 40px 64px; align-items: start;
    padding-top: 64px; padding-bottom: 64px;
}
.nd-hero__copy { padding-top: 6px; }
.nd-hero__title {
    margin: 0 0 18px;
    font-size: clamp(2.1rem, 4vw, 3.2rem); font-weight: 500;
    line-height: 1.1; letter-spacing: -0.02em; color: var(--nd-inverse-text);
}
.nd-hero__text {
    max-width: 30em; margin: 0;
    font-size: 1.1rem; font-weight: 300; line-height: 1.7; letter-spacing: 0.005em;
    color: var(--nd-inverse-muted);
}
.nd-hero__text--small { margin-top: 18px; font-size: 0.95rem; }
.nd-hero__text a { color: var(--nd-green-bright); }
.nd-hero__domain { position: relative; z-index: 2; margin-bottom: -72px; }

.nd-offer { min-width: 0; }
.nd-offer__group + .nd-offer__group { margin-top: 26px; }
.nd-offer__line { margin: 0 0 4px; font-size: 13px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; color: var(--nd-text-3); }
.nd-offer--dark .nd-offer__line { color: var(--nd-inverse-muted); }
.nd-offer__list { margin: 0; padding: 0; list-style: none; }
.nd-offer__row { display: grid; grid-template-columns: minmax(0, 1fr) auto 18px; gap: 4px 18px; align-items: center; padding: 14px 0; border-bottom: 1px solid var(--nd-border); color: var(--nd-text); transition: color 0.15s ease; }
.nd-offer--dark .nd-offer__row { border-bottom-color: rgba(241, 237, 228, 0.16); color: var(--nd-inverse-text); }
.nd-offer__row:hover, .nd-offer__row:focus { color: var(--nd-primary-ink); text-decoration: none; }
.nd-offer--dark .nd-offer__row:hover, .nd-offer--dark .nd-offer__row:focus { color: var(--nd-green-bright); }
.nd-offer__body { display: flex; flex-direction: column; min-width: 0; }
.nd-offer__name { font-size: 1.05rem; font-weight: 500; }
.nd-offer__tagline { font-size: 13.5px; color: var(--nd-text-3); }
.nd-offer--dark .nd-offer__tagline { color: var(--nd-inverse-muted); }
.nd-offer__price { font-size: 1.15rem; font-weight: 500; white-space: nowrap; text-align: right; font-variant-numeric: tabular-nums; }
.nd-offer__price small { font-size: 12.5px; font-weight: 400; color: var(--nd-text-3); }
.nd-offer--dark .nd-offer__price small { color: var(--nd-inverse-muted); }
.nd-offer__arrow { font-size: 13px; color: var(--nd-text-4); transition: transform 0.15s ease; }
.nd-offer--dark .nd-offer__arrow { color: var(--nd-inverse-muted); }
.nd-offer__row:hover .nd-offer__arrow { transform: translateX(3px); color: inherit; }
.nd-offer__note { margin: 12px 0 0; font-size: 12.5px; color: var(--nd-text-3); }
.nd-offer--dark .nd-offer__note { color: var(--nd-inverse-muted); }
.nd-offer--dark .nd-tag { background: var(--nd-green-bright); color: var(--nd-inverse); }
@media (max-width: 991.98px) {
    .nd-hero__inner { grid-template-columns: 1fr; gap: 28px; padding-top: 44px; padding-bottom: 44px; }
}

.nd-home-news__date { display: inline-block; min-width: 96px; margin-right: 12px; font-size: 13px; font-variant-numeric: tabular-nums; color: var(--nd-text-3); }
.nd-home-news__list a { display: flex; flex-wrap: wrap; align-items: baseline; }
.nd-home__contact { margin: 0 0 8px; font-size: 15px; color: var(--nd-text-2); }
.nd-home__contact a { margin-left: 6px; font-weight: 500; color: var(--nd-primary-ink); }
.nd-home__sep { margin-left: 8px; color: var(--nd-text-4); }
.nd-store-contact { margin-top: 28px; }

.nd-domain {
    background: var(--nd-surface); color: var(--nd-text);
    border: 1px solid var(--nd-border); border-radius: var(--nd-radius-lg);
    box-shadow: var(--nd-shadow-md); padding: 22px 24px;
}
.nd-domain__head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px 16px; margin-bottom: 12px; }
.nd-domain__title { margin: 0; font-size: 1.1rem; }
.nd-domain__pricing { font-size: 13px; font-weight: 500; }
.nd-domain__row { display: flex; flex-wrap: wrap; gap: 10px; }
.nd-domain__field { position: relative; flex: 1 1 260px; }
.nd-domain__icon { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: var(--nd-text-4); pointer-events: none; }
.nd-domain .nd-domain__input { height: 48px; padding-left: 40px; font-size: 1rem; }
.nd-domain__actions { display: flex; gap: 8px; }
.nd-domain__actions .btn { height: 48px; padding-left: 22px; padding-right: 22px; }
.nd-domain__tlds { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0 0; padding: 0; list-style: none; }
.nd-domain__tlds li { display: inline-flex; align-items: baseline; gap: 6px; padding: 4px 10px; border-radius: 999px; background: var(--nd-surface-2); border: 1px solid var(--nd-border); font-size: 13px; }
.nd-domain__tld { font-weight: 500; color: var(--nd-text); }
.nd-domain__price { color: var(--nd-text-3); }
.nd-domain .domainchecker-homepage-captcha, .nd-domain .domainchecker-homepage-captcha > .col-md-8 { width: 100%; max-width: none; flex: 0 0 100%; margin: 0; padding: 0; }
.nd-domain > .row { margin: 0; justify-content: flex-start !important; text-align: left !important; }
.nd-domain #default-captcha-domainchecker { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0; padding: 0; text-align: left !important; }
.nd-domain #default-captcha-domainchecker p { width: 100%; margin: 12px 0 0; font-size: 13px; color: var(--nd-text-3); }
.nd-domain #default-captcha-domainchecker .captchaimage, .nd-domain #default-captcha-domainchecker .col-6 { flex: 0 0 auto; width: auto; max-width: none; padding: 0; }
.nd-domain #default-captcha-domainchecker .captchaimage img { display: block; border-radius: 6px; }
.nd-domain #default-captcha-domainchecker #inputCaptcha { width: 150px; }
.nd-domain .recaptcha-container { margin: 12px 0 0; }
body #frmDomainHomepage .btn { border-radius: var(--nd-radius) !important; }
body #frmDomainHomepage .btn-primary, body #frmDomainHomepage .btn-primary:focus { background: var(--nd-primary); border-color: var(--nd-primary); color: var(--nd-on-primary); }
body #frmDomainHomepage .btn-primary:hover { background: var(--nd-primary-hover); border-color: var(--nd-primary-hover); color: var(--nd-on-primary); }
body #frmDomainHomepage #btnTransfer, body #frmDomainHomepage #btnTransfer:focus, body #frmDomainHomepage #btnTransfer:active { background: var(--nd-surface); border-color: var(--nd-border-2); color: var(--nd-text); box-shadow: none; }
body #frmDomainHomepage #btnTransfer:hover { background: var(--nd-surface-2); border-color: var(--nd-text-4); color: var(--nd-text); }
@media (max-width: 575.98px) {
    .nd-domain { padding: 18px; }
    .nd-domain__actions { width: 100%; }
    .nd-domain__actions .btn { flex: 1 1 0; }
}

.nd-section { margin: 0 0 56px; }
.nd-section__head { max-width: 680px; margin-bottom: 22px; }
.nd-section__title { margin: 0 0 6px; font-size: 1.6rem; }
.nd-section__lead { margin: 0; color: var(--nd-text-3); }
.nd-section__head--row { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 10px 20px; max-width: none; }
.nd-section__link { display: inline-flex; align-items: center; gap: 6px; margin-bottom: 4px; font-weight: 500; color: var(--nd-primary-ink); white-space: nowrap; }
.nd-section__link:hover { color: var(--nd-primary); text-decoration: none; }

.nd-tabs { display: flex; flex-wrap: wrap; gap: 4px; margin: 0 0 20px; border-bottom: 1px solid var(--nd-border-2); }
.nd-tab {
    margin-bottom: -1px; padding: 10px 16px;
    border: 0; border-bottom: 2px solid transparent; background: transparent;
    color: var(--nd-text-3); font: inherit; font-size: 15px; font-weight: 500; cursor: pointer;
    transition: color 0.15s ease, border-color 0.15s ease;
}
.nd-tab:hover { color: var(--nd-text); }
.nd-tab:focus { outline: 0; }
.nd-tab:focus-visible { box-shadow: var(--nd-ring); border-radius: 6px; }
.nd-tab.is-active { color: var(--nd-primary-ink); border-bottom-color: var(--nd-primary); }
.nd-tabpanel { display: none; }
.nd-tabpanel.is-active { display: block; }

.nd-groups { display: grid; grid-template-columns: 1fr; gap: 16px; }
@media (min-width: 576px) { .nd-groups { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 992px) { .nd-groups { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.nd-domain-cards { display: grid; grid-template-columns: 1fr; gap: 16px; margin-top: 16px; }
@media (min-width: 768px) { .nd-domain-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.nd-domain-cards .nd-group { flex-direction: row; align-items: center; gap: 18px; padding: 18px 22px; }
.nd-domain-cards .nd-group__body { flex: 1 1 auto; }
.nd-domain-cards .nd-group__name { font-size: 1.05rem; }
.nd-domain-cards .nd-group__cta { margin: 0; white-space: nowrap; }
@media (max-width: 575.98px) { .nd-domain-cards .nd-group { flex-wrap: wrap; } }
.nd-group {
    position: relative; overflow: hidden;
    display: flex; flex-direction: column; gap: 16px;
    padding: 24px; background: var(--nd-surface); color: var(--nd-text);
    border: 1px solid var(--nd-border); border-radius: var(--nd-radius-lg);
    box-shadow: var(--nd-shadow-sm);
    transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
.nd-group:hover, .nd-group:focus { color: var(--nd-text); text-decoration: none; border-color: var(--nd-primary); box-shadow: var(--nd-shadow-md); transform: translateY(-2px); }
.nd-group--featured { border-color: var(--nd-primary); }
.nd-group__ribbon {
    position: absolute; top: 18px; right: -36px; width: 150px;
    padding: 4px 0; transform: rotate(45deg);
    background: var(--nd-primary); color: var(--nd-on-primary);
    font-size: 11.5px; font-weight: 500; letter-spacing: 0.04em; text-align: center;
}
.nd-group__icon {
    display: grid; place-items: center; width: 48px; height: 48px;
    border-radius: 12px; background: var(--nd-primary-soft); color: var(--nd-primary-ink); font-size: 20px;
}
.nd-group--domain .nd-group__icon { background: var(--nd-accent-soft); color: var(--nd-accent-ink); }
.nd-group__name { display: block; margin-bottom: 4px; font-size: 1.15rem; font-weight: 500; }
.nd-group__tagline { display: block; color: var(--nd-text-3); font-size: 14px; line-height: 1.55; }
.nd-group__foot { display: flex; align-items: flex-end; justify-content: space-between; gap: 10px; margin-top: auto; padding-top: 14px; border-top: 1px solid var(--nd-border); }
.nd-group__price { font-size: 1.3rem; font-weight: 500; line-height: 1.1; color: var(--nd-text); }
.nd-group__price small { font-size: 13px; font-weight: 400; color: var(--nd-text-3); }
.nd-group__cta { display: inline-flex; align-items: center; gap: 6px; color: var(--nd-primary-ink); font-size: 14px; font-weight: 500; white-space: nowrap; }
.nd-group__cta i { transition: transform 0.15s ease; }
.nd-group:hover .nd-group__cta i { transform: translateX(3px); }

.nd-cta {
    position: relative; overflow: hidden;
    display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 24px 32px; align-items: center;
    padding: 34px 40px; border-radius: 16px;
    background: var(--nd-inverse); color: var(--nd-inverse-text);
}
.nd-cta__copy, .nd-cta__actions { position: relative; }
.nd-cta__title { margin: 0 0 6px; font-size: 1.6rem; color: var(--nd-inverse-text); }
.nd-cta__text { max-width: 600px; margin: 0; color: var(--nd-inverse-muted); font-weight: 300; }
@media (max-width: 767.98px) { .nd-cta { grid-template-columns: 1fr; padding: 26px 22px; } }

.nd-quicklinks { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; }
.nd-quicklink {
    display: flex; flex-direction: column; align-items: center; gap: 10px;
    padding: 20px 12px; background: var(--nd-surface); color: var(--nd-text);
    border: 1px solid var(--nd-border); border-radius: var(--nd-radius-lg);
    font-size: 14px; font-weight: 500; text-align: center;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.nd-quicklink i { font-size: 24px; color: var(--nd-accent); }
.nd-quicklinks--account .nd-quicklink i { color: var(--nd-primary-ink); }
.nd-quicklink:hover, .nd-quicklink:focus { color: var(--nd-text); text-decoration: none; border-color: var(--nd-accent); box-shadow: var(--nd-shadow-sm); }
.nd-quicklinks--account .nd-quicklink:hover { border-color: var(--nd-primary); }

.nd-trust {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px 32px;
    padding-top: 32px; border-top: 1px solid var(--nd-border-2);
}
.nd-trust__item { display: flex; align-items: flex-start; gap: 14px; }
.nd-trust__item > i { margin-top: 3px; font-size: 22px; color: var(--nd-primary-ink); }
.nd-trust__item strong { display: block; font-weight: 500; margin-bottom: 2px; }
.nd-trust__item span { color: var(--nd-text-3); font-size: 14px; line-height: 1.5; }

body .card, body .primary-content .card {
    background: var(--nd-surface); color: var(--nd-text);
    border: 1px solid var(--nd-border);
    border-radius: var(--nd-radius-lg);
    box-shadow: var(--nd-shadow-sm);
}
body .card-header { background: transparent; color: var(--nd-text); border-bottom: 1px solid var(--nd-border); }
body .card-footer { background: var(--nd-surface-2); border-top: 1px solid var(--nd-border); }
body .primary-content .card-title { font-size: 1.25rem; font-weight: 500; }
body .primary-content .card .card-body { padding: 28px; }
@media (max-width: 575.98px) { body .primary-content .card .card-body { padding: 18px; } }

.sidebar .card-header { padding: 14px 16px; }
.sidebar .card-title { font-size: 14px; font-weight: 500; color: var(--nd-text); }
.sidebar .card-sidebar .card-minimise { color: var(--nd-text-4); }
.sidebar .list-group-item { background: var(--nd-surface); color: var(--nd-text-2); transition: background-color 0.12s ease; }
.sidebar .list-group-item:hover { background: var(--nd-surface-2); color: var(--nd-text); text-decoration: none; }
.sidebar .list-group-item.active, .sidebar .list-group-item.active:hover, .sidebar .list-group-item.active:focus {
    background: var(--nd-primary-soft); color: var(--nd-primary-ink); font-weight: 500;
    box-shadow: inset 3px 0 0 var(--nd-primary);
}
.sidebar .list-group-item .badge, body .sidebar .list-group-item .badge {
    width: auto; min-width: 26px; padding: 2px 8px; border-radius: 999px;
    background: var(--nd-surface-3); color: var(--nd-text-3); font-weight: 500;
}
.sidebar .list-group-item.active .badge, body .sidebar .list-group-item.active .badge { background: var(--nd-primary); color: var(--nd-on-primary); }
.sidebar .card-footer { background: var(--nd-surface-2); }
body .sidebar .btn-default { border: 1px solid var(--nd-border-2); }
body .sidebar .btn-success, body .sidebar .btn-success:hover { background: var(--nd-primary); border-color: var(--nd-primary); color: var(--nd-on-primary); }
body .sidebar .btn-success:hover { background: var(--nd-primary-hover); border-color: var(--nd-primary-hover); }

.list-group-item { background: var(--nd-surface); border-color: var(--nd-border); color: var(--nd-text); }
.list-group-item-action { color: var(--nd-text); }
.list-group-item-action:hover, .list-group-item-action:focus { background: var(--nd-surface-2); color: var(--nd-text); }
.list-group-item.active { background: var(--nd-primary-soft); border-color: var(--nd-border); color: var(--nd-primary-ink); }
.dropdown-menu { background: var(--nd-surface); color: var(--nd-text); border: 1px solid var(--nd-border); border-radius: 10px; box-shadow: var(--nd-shadow-md); }
.dropdown-item { color: var(--nd-text); }
.dropdown-item:hover, .dropdown-item:focus { background: var(--nd-surface-3); color: var(--nd-text); }
.dropdown-item.active, .dropdown-item:active { background: var(--nd-primary-soft); color: var(--nd-primary-ink); }
.dropdown-divider { border-top-color: var(--nd-border); }
.popover { background: var(--nd-surface); color: var(--nd-text); border: 1px solid var(--nd-border); border-radius: 10px; box-shadow: var(--nd-shadow-md); font-family: var(--nd-font); }
.popover-header { background: var(--nd-surface-2); color: var(--nd-text); border-bottom-color: var(--nd-border); }
.popover-body { color: var(--nd-text); }
.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after { border-bottom-color: var(--nd-surface); }
.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after { border-top-color: var(--nd-surface); }
.tooltip { font-family: var(--nd-font); }
.tooltip-inner { background: var(--nd-inverse); color: var(--nd-inverse-text); }
.client-alerts li a { color: var(--nd-text); }
.close { color: var(--nd-text); text-shadow: none; opacity: 0.6; }
.close:hover { color: var(--nd-text); opacity: 1; }

.btn {
    font-family: var(--nd-font); font-weight: 500;
    border-radius: var(--nd-radius);
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}
.btn:focus, .btn.focus { box-shadow: var(--nd-ring); }
.btn-lg, .btn-group-lg > .btn { padding: 12px 22px; font-size: 1rem; border-radius: var(--nd-radius); }
.btn-sm, .btn-group-sm > .btn { padding: 5px 12px; font-size: 13px; border-radius: 6px; }
.btn-xs, .btn-group-xs > .btn { border-radius: 5px; }

.btn-primary, body .btn-primary, .btn-success, body .btn-success,
body .primary-content .btn-success.btn-lg[name=enable],
body .primary-content .client-home-cards .card .btn-success,
body .primary-content .client-home-cards .mc-promo-manage .btn-success,
body .primary-content .client-home-cards .mc-promo-login .btn-success {
    background: var(--nd-primary); border-color: var(--nd-primary); color: var(--nd-on-primary);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active,
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle,
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active,
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle,
body .primary-content .btn-success.btn-lg[name=enable]:hover,
body .primary-content .client-home-cards .card .btn-success:hover {
    background: var(--nd-primary-hover); border-color: var(--nd-primary-hover); color: var(--nd-on-primary);
}
.btn-primary:disabled, .btn-primary.disabled, .btn-success:disabled, .btn-success.disabled,
body form.using-password-strength .btn-primary:disabled { background: var(--nd-primary); border-color: var(--nd-primary); color: var(--nd-on-primary); opacity: 0.5; }

.btn-info { background: var(--nd-accent); border-color: var(--nd-accent); color: #fff; }
.btn-info:hover, .btn-info:focus, .btn-info:not(:disabled):not(.disabled):active { background: var(--nd-accent-hover); border-color: var(--nd-accent-hover); color: #fff; }
.btn-danger { background: var(--nd-danger); border-color: var(--nd-danger); color: #fff; border-radius: var(--nd-radius); }
.btn-danger:hover, .btn-danger:focus, .btn-danger:not(:disabled):not(.disabled):active { background: var(--nd-danger-hover); border-color: var(--nd-danger-hover); color: #fff; }
.btn-warning { background: var(--nd-warn); border-color: var(--nd-warn); color: #fff; }
.btn-warning:hover, .btn-warning:focus, .btn-warning:not(:disabled):not(.disabled):active { background: var(--nd-warn-ink); border-color: var(--nd-warn-ink); color: #fff; }

.btn-default, .btn-secondary, .btn-light, body .btn-default {
    background: var(--nd-surface); border: 1px solid var(--nd-border-2); color: var(--nd-text); border-radius: var(--nd-radius);
}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active,
.btn-secondary:hover, .btn-secondary:focus, .btn-light:hover, .btn-light:focus {
    background: var(--nd-surface-2); border-color: var(--nd-text-4); color: var(--nd-text);
}
.btn-default:active:hover, .btn-default.active:hover, .btn-default:active:focus { background: var(--nd-surface-3); border-color: var(--nd-text-4); color: var(--nd-text); }
.btn-default.disabled, .btn-default[disabled] { border-color: var(--nd-border-2); }
.btn-default.disabled:hover, .btn-default[disabled]:hover { background-color: var(--nd-surface) !important; border-color: var(--nd-border-2) !important; }

.btn-outline-primary, body #main-body .btn-outline-primary { color: var(--nd-primary-ink); border: 1px solid var(--nd-primary); background: transparent; border-radius: var(--nd-radius); }
.btn-outline-primary:hover, body #main-body .btn-outline-primary:hover { background: var(--nd-primary); border-color: var(--nd-primary); color: var(--nd-on-primary); }
.btn-outline-secondary { color: var(--nd-text); border-color: var(--nd-border-2); }
.btn-outline-secondary:hover { background: var(--nd-inverse); border-color: var(--nd-inverse); color: var(--nd-inverse-text); }
.btn-outline-danger { color: var(--nd-danger); border-color: var(--nd-danger); }
.btn-outline-danger:hover { background: var(--nd-danger); color: #fff; }
.btn-link, .btn-link:hover { color: var(--nd-accent); }
.btn-link:hover { color: var(--nd-accent-hover); text-decoration: underline; }
.btn-reveal-pw { border-radius: 0 var(--nd-radius) var(--nd-radius) 0; }
.input-group .btn-reveal-pw:hover, .input-group .btn-reveal-pw:active { background: var(--nd-surface-2); color: var(--nd-primary-ink); border-color: var(--nd-border-2); }

body .pagination .page-link { background: var(--nd-surface); color: var(--nd-text); border-color: var(--nd-border); }
body .pagination .page-link:hover { background: var(--nd-surface-2); color: var(--nd-text); }
body .pagination > .active > a, body .pagination > .active > span, body .pagination .page-item.active .page-link,
body .pagination > .active > a:hover, body .pagination > .active > a:focus {
    background: var(--nd-primary); border-color: var(--nd-primary); color: var(--nd-on-primary);
}
body .pagination .page-item.disabled .page-link { background: var(--nd-surface-2); color: var(--nd-text-4); border-color: var(--nd-border); }

.form-control, .custom-select, .field, select.form-control {
    font-family: var(--nd-font); color: var(--nd-text);
    background-color: var(--nd-surface);
    border: 1px solid var(--nd-border-2); border-radius: var(--nd-radius);
    min-height: 42px;
}
select.form-control option, .custom-select option { background: var(--nd-surface); color: var(--nd-text); }
textarea.form-control { min-height: 120px; }
.form-control:focus, .custom-select:focus, body .login-form .form-control:focus {
    border-color: var(--nd-primary); box-shadow: var(--nd-ring); color: var(--nd-text); background-color: var(--nd-surface);
}
.form-control::placeholder { color: var(--nd-text-4); }
.form-control:disabled, .form-control[readonly] { background-color: var(--nd-surface-2); color: var(--nd-text-3); }
.form-control-sm { min-height: 34px; }
label, .form-control-label, .col-form-label { font-weight: 500; color: var(--nd-text-2); font-size: 14px; }
.form-text, .field-help-text { color: var(--nd-text-3); }
.input-group-text { background: var(--nd-surface-2); border-color: var(--nd-border-2); color: var(--nd-text-3); border-radius: var(--nd-radius) 0 0 var(--nd-radius); }
.input-group-merge .input-group-text { background: var(--nd-surface); border-right: 0; }
.input-group-merge .form-control { border-left: 0; }
.input-group-merge:focus-within .input-group-text { border-color: var(--nd-primary); }
input[type="checkbox"], input[type="radio"] { accent-color: var(--nd-primary); }
.custom-control-label::before { background: var(--nd-surface); border-color: var(--nd-border-3); }
.custom-control-input:checked ~ .custom-control-label::before { background: var(--nd-primary); border-color: var(--nd-primary); }
.custom-control-input:focus ~ .custom-control-label::before { box-shadow: var(--nd-ring); }
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: var(--nd-primary); }
.custom-switch .custom-control-input:checked ~ .custom-control-label::after { background: var(--nd-on-primary); }
.form-group.has-error .field-error-msg, .invalid-feedback { color: var(--nd-danger); }
.form-control.is-invalid { border-color: var(--nd-danger); }
.form-control.is-valid { border-color: var(--nd-primary); }
.custom-file-label { background: var(--nd-surface); color: var(--nd-text); border-color: var(--nd-border-2); }
.custom-file-label::after { background: var(--nd-surface-2); color: var(--nd-text-2); border-color: var(--nd-border-2); }
.iti__country-list { background: var(--nd-surface); color: var(--nd-text); border-color: var(--nd-border); }
.iti__country.iti__highlight { background: var(--nd-surface-3); }
.iti__dial-code { color: var(--nd-text-3); }

.table { color: var(--nd-text); }
.table thead th, body .dataTables_wrapper table.table-list thead th {
    background: var(--nd-surface-2); color: var(--nd-text-3);
    font-size: 13px; font-weight: 500; letter-spacing: 0.01em;
    border-top: 0; border-bottom: 1px solid var(--nd-border) !important;
}
.table td, .table th { border-top-color: var(--nd-border); vertical-align: middle; }
.table-bordered, .table-bordered td, .table-bordered th { border-color: var(--nd-border); }
.table-striped tbody tr:nth-of-type(odd) { background: var(--nd-surface-2); }
.table-hover tbody tr:hover, .table-list > tbody > tr:hover > td { background: var(--nd-surface-2); color: var(--nd-text); }
body .dataTables_wrapper table.table-list { border: 1px solid var(--nd-border); border-radius: var(--nd-radius); overflow: hidden; }
body .dataTables_wrapper table.table-list tbody td { background: var(--nd-surface); }
body .dataTables_wrapper table.table-list tbody tr:hover td { background: var(--nd-surface-2); }
body .dataTables_wrapper .dataTables_filter label .form-control { padding-left: 40px; width: 280px; max-width: 100%; }
.dataTables_info, .dataTables_length label { color: var(--nd-text-3); font-size: 13px; }
table.dataTable thead .sorting::before, table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::before { color: var(--nd-text-4); }

.alert { border: 1px solid transparent; border-radius: 10px; padding: 14px 16px; }
.alert-success { background: var(--nd-primary-soft); border-color: var(--nd-primary-soft); color: var(--nd-primary-ink); }
.alert-info { background: var(--nd-accent-soft); border-color: var(--nd-accent-soft); color: var(--nd-accent-ink); }
.alert-warning { background: var(--nd-warn-soft); border-color: var(--nd-warn-soft); color: var(--nd-warn-ink); }
.alert-danger { background: var(--nd-danger-soft); border-color: var(--nd-danger-soft); color: var(--nd-danger-ink); }
.alert a { font-weight: 500; color: inherit; text-decoration: underline; }
.badge { font-family: var(--nd-font); font-weight: 500; border-radius: 999px; padding: 0.3em 0.65em; }
.badge-primary, .badge-info { background: var(--nd-accent); color: #fff; }
.badge-success { background: var(--nd-primary); color: var(--nd-on-primary); }
.badge-warning { background: var(--nd-warn); color: #fff; }
.badge-danger { background: var(--nd-danger); color: #fff; }
.badge-dark { background: var(--nd-inverse); color: var(--nd-inverse-text); }
.badge-secondary, .badge-light { background: var(--nd-surface-3); color: var(--nd-text-2); }

.label {
    display: inline-block; padding: 3px 10px; border-radius: 999px;
    font-size: 12px; font-weight: 500; line-height: 1.4; color: var(--nd-inverse-text); background: var(--nd-text-3);
}
.label-success, .status-active, .status-paid, .status-open, .status-completed, .status-answered, .status-accepted, .status-delivered,
.status-paid.label, .status-active.label { background: var(--nd-primary-soft); color: var(--nd-primary-ink); }
.label-info, .status-inprogress, .status-customer-reply, .status-onhold { background: var(--nd-accent-soft); color: var(--nd-accent-ink); }
.label-warning, .status-pending, .status-pending-transfer, .status-pending-registration, .status-payment-pending, .status-grace, .status-redemption, .status-unpaid { background: var(--nd-warn-soft); color: var(--nd-warn-ink); }
.label-danger, .status-suspended, .status-terminated, .status-fraud, .status-expired, .status-overdue, .status-collections, .status-lost, .status-dead { background: var(--nd-danger-soft); color: var(--nd-danger-ink); }
.label-default, .status-cancelled, .status-closed, .status-refunded, .status-transferred-away { background: var(--nd-surface-3); color: var(--nd-text-3); }
body .div-service-status .label.status-active, body .div-service-status .label.status-completed { background: var(--nd-primary-soft); color: var(--nd-primary-ink); }
body .div-service-status .label.status-pending, body .div-service-status .label.status-unpaid, body .div-service-status .label.status-grace { background: var(--nd-warn-soft); color: var(--nd-warn-ink); }
body .div-service-status .label.status-suspended, body .div-service-status .label.status-terminated, body .div-service-status .label.status-fraud, body .div-service-status .label.status-expired { background: var(--nd-danger-soft); color: var(--nd-danger-ink); }
body .div-service-status .label.status-cancelled, body .div-service-status .label.status-closed { background: var(--nd-surface-3); color: var(--nd-text-3); }
body .div-service-status .label.label-placeholder { background: transparent; }
body .div-service-status .label.label-success { background: var(--nd-primary-soft); color: var(--nd-primary-ink); }
body .div-service-status .label.label-info { background: var(--nd-accent-soft); color: var(--nd-accent-ink); }
body .div-service-status .label.label-warning { background: var(--nd-warn-soft); color: var(--nd-warn-ink); }
body .div-service-status .label.label-danger { background: var(--nd-danger-soft); color: var(--nd-danger-ink); }
body .div-service-status .label.label-default { background: var(--nd-surface-3); color: var(--nd-text-3); }

.verification-banner { background: var(--nd-warn-soft); color: var(--nd-warn-ink); border-bottom: 1px solid var(--nd-warn-soft); }
.verification-banner .text { color: var(--nd-warn-ink); }
.network-issue-alert { border-radius: 0; }

.tiles { margin-bottom: 8px; }
.tiles .row { margin: 0 -6px; }
.tiles .row > div { padding: 0 6px; margin-bottom: 12px; }
.tiles .tile, .tiles .row > div:last-child .tile, .tiles div:nth-child(1) > .tile, .tiles div:nth-child(2) > .tile {
    display: block; position: relative; padding: 18px 20px;
    background: var(--nd-surface); color: var(--nd-text);
    border: 1px solid var(--nd-border) !important; border-radius: var(--nd-radius-lg);
    box-shadow: var(--nd-shadow-sm);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.tiles .tile:hover { background: var(--nd-surface); border-color: var(--nd-primary) !important; box-shadow: var(--nd-shadow-md); text-decoration: none; }
.tiles .tile i, .tiles .tile:hover i {
    position: absolute; top: 16px; right: 16px;
    display: grid; place-items: center; width: 38px; height: 38px;
    border-radius: 10px; background: var(--nd-primary-soft); color: var(--nd-primary-ink); font-size: 16px;
}
.tiles .row > div:nth-child(2) .tile i { background: var(--nd-accent-soft); color: var(--nd-accent-ink); }
.tiles .row > div:nth-child(3) .tile i { background: var(--nd-warn-soft); color: var(--nd-warn-ink); }
.tiles .row > div:nth-child(4) .tile i { background: var(--nd-surface-3); color: var(--nd-text-2); }
.tiles .tile .stat { margin-top: 4px; font-size: 32px; font-weight: 500; line-height: 1.1; color: var(--nd-text); }
.tiles .tile .title { margin-top: 2px; font-size: 13px; font-weight: 500; text-transform: none; letter-spacing: 0; color: var(--nd-text-3); }
.tiles .tile .highlight { margin-top: 14px; height: 3px; border-radius: 3px; opacity: 0.9; }

.client-home-cards .card-header, body .primary-content .client-home-cards .card .card-header {
    padding: 14px 20px; background: var(--nd-surface); border-bottom: 1px solid var(--nd-border);
}
.client-home-cards .card-title { font-size: 15px; font-weight: 500; }
.client-home-cards .list-group { border-top: 0 !important; border-bottom: 0 !important; }
.client-home-cards .list-group .list-group-item, body .primary-content .client-home-cards .card .list-group .list-group-item { padding: 9px 20px; border-bottom: 1px solid var(--nd-border); background: var(--nd-surface); }
.client-home-cards .card-body p { padding: 12px 20px; color: var(--nd-text-3); }
.client-home-cards small { color: var(--nd-text-3); }
body .primary-content .client-home-cards .card .card-footer { background: var(--nd-surface-2); border-top: 1px solid var(--nd-border); }
body .primary-content .client-home-cards .card .card-header .btn { background: var(--nd-primary-soft); color: var(--nd-primary-ink); border: 0; }
body .primary-content .client-home-cards .card .card-header .btn:hover { background: var(--nd-primary); border-color: var(--nd-primary); color: var(--nd-on-primary); }
body .primary-content .client-home-cards .card .card-footer .btn-view-more { color: var(--nd-accent); }
.div-service-item { border-color: var(--nd-border); }
.div-service-item a { color: var(--nd-text); }

.product-status { border-radius: var(--nd-radius-lg); overflow: hidden; }
div.product-details div.product-icon { background: var(--nd-surface-2); color: var(--nd-primary); border-radius: var(--nd-radius-lg) var(--nd-radius-lg) 0 0; }
div.product-details div.product-icon strong, div.product-details div.product-icon .text-muted { color: var(--nd-text) !important; }
.product-status-active { background-color: var(--nd-primary); }
.product-status-pending { background-color: var(--nd-warn); }
.product-status-suspended { background-color: var(--nd-accent); }
.product-status-terminated, .product-status-cancelled { background-color: var(--nd-text-3); }
.product-status-fraud { background-color: var(--nd-danger); }
.product-status-text { padding: 8px; font-weight: 500; letter-spacing: 0.02em; text-transform: none; color: #fff; }

.primary-content > p[style*="text-align:center"] { margin: 28px 0 0; font-size: 12px; color: var(--nd-text-4); }
.primary-content > p[style*="text-align:center"] a { color: var(--nd-text-3); }

.bootstrap-switch { border-color: var(--nd-border-2); border-radius: 999px; background: var(--nd-surface); }
.bootstrap-switch .bootstrap-switch-container, .bootstrap-switch .bootstrap-switch-label { border-radius: 999px; }
.bootstrap-switch .bootstrap-switch-label { background: var(--nd-surface); color: var(--nd-text); }
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary { background: var(--nd-primary); color: var(--nd-on-primary); }
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default { background: var(--nd-surface-3); color: var(--nd-text-3); }
.bootstrap-switch.bootstrap-switch-focused { border-color: var(--nd-primary); box-shadow: var(--nd-ring); }

.header-lined { border-bottom: 1px solid var(--nd-border-2); margin-bottom: 20px; padding-bottom: 12px; }
.header-lined h1 { font-size: 1.75rem; margin: 0; }
.header-lined p { margin: 6px 0 0; color: var(--nd-text-3); }
.primary-content .card .card-body .table-responsive { margin-bottom: 0; }
body .card.view-ticket .posted-by { background: var(--nd-surface-2); color: var(--nd-text-3); }
body .card.view-ticket .message-content, body .ticket-reply .message { color: var(--nd-text); }
.md-editor { border-color: var(--nd-border-2) !important; background: var(--nd-surface); }
.md-editor > .md-header, .md-editor .md-footer { background: var(--nd-surface-2); color: var(--nd-text-2); }
.md-editor textarea.md-input, .md-editor .md-preview { background: var(--nd-surface) !important; color: var(--nd-text) !important; }
.md-editor.active { box-shadow: var(--nd-ring); }
.markdown-content, .markdown-content p { color: var(--nd-text); }
.nav-tabs { border-bottom-color: var(--nd-border); }
.nav-tabs .nav-link { color: var(--nd-text-3); border-radius: var(--nd-radius) var(--nd-radius) 0 0; }
.nav-tabs .nav-link:hover { border-color: var(--nd-border) var(--nd-border) transparent; color: var(--nd-text); }
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: var(--nd-primary-ink); background: var(--nd-surface); border-color: var(--nd-border) var(--nd-border) var(--nd-surface); font-weight: 500; }
.nav-pills .nav-link { color: var(--nd-text-2); }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { background: var(--nd-primary); color: var(--nd-on-primary); }
.progress { background: var(--nd-surface-3); border-radius: 999px; }
.progress-bar { background: var(--nd-primary); }
.password-strength-meter .progress { background: var(--nd-surface-3); }
.jumbotron, .well, .panel-body { background: var(--nd-surface-2); color: var(--nd-text); }
.kb-article-title, .kb-article-title a, .announcement-single h3 a { color: var(--nd-text); }
body .announcement-single .announcement-content { color: var(--nd-text-2); }
.list-group-item .kb-article-count { color: var(--nd-text-4); }
.attachments .attachment-list, .file-upload-wrapper { background: var(--nd-surface-2); border-color: var(--nd-border); }
.toast { background: var(--nd-surface); color: var(--nd-text); border-color: var(--nd-border); }

body table.dataTable thead .sorting_asc, body table.dataTable thead .sorting_desc, body table.dataTable thead .sorting,
body .dataTables_wrapper table.table-list thead th.sorting_asc, body .dataTables_wrapper table.table-list thead th.sorting_desc { background-color: var(--nd-surface-2) !important; color: var(--nd-text-2); }
body .dataTables_wrapper .dataTables_length select, body .dataTables_wrapper .dataTables_filter input { background: var(--nd-surface); color: var(--nd-text); border-color: var(--nd-border-2); }
body .md-editor > .md-header, body .md-editor .md-header, body .md-editor .md-footer { background: var(--nd-surface-2) !important; color: var(--nd-text-2); border-color: var(--nd-border); }
body .md-editor .md-header .btn-default, body .md-editor .md-header .btn-group .btn { background: var(--nd-surface); color: var(--nd-text); border-color: var(--nd-border-2); }
body .md-editor .md-header .btn-success { background: var(--nd-primary); color: var(--nd-on-primary); border-color: var(--nd-primary); }
body .kb-article-item small, body .kbarticles .kb-article-description, body .kbarticles p, body .kb-article-excerpt, body .knowledgebase .text-muted, body .card .kb-article p { color: var(--nd-text-3) !important; }
body .text-black-50 { color: var(--nd-text-4) !important; }
body .kb-article-item { color: var(--nd-text); }
body #registration .form-control, body #registration .field, body #registration .input-group-text, body #registration .custom-select, body #registration select,
body #frmCheckout .form-control, body #frmCheckout .field, body #frmCheckout .input-group-text,
body .input-group .form-control, body .input-group-text, body .form-control, body .custom-select, body #inputCaptcha { background-color: var(--nd-surface); color: var(--nd-text); border-color: var(--nd-border-2); }
body .form-control:focus, body #registration .form-control:focus, body #frmCheckout .form-control:focus { border-color: var(--nd-primary); background-color: var(--nd-surface); color: var(--nd-text); }
body .input-group-merge .input-group-text { background-color: var(--nd-surface); }
body .iti__selected-flag, body .iti--separate-dial-code .iti__selected-flag { background-color: var(--nd-surface-2); color: var(--nd-text); }
body .iti__selected-dial-code { color: var(--nd-text-2); }
body .password-strength-meter .progress { background: var(--nd-surface-3); }
body .password-strength-meter-text, body #passwordStrengthTextLabel { color: var(--nd-text-3); }

.nd-legal .card-body { max-width: 860px; }
.nd-legal h1 { font-size: 1.9rem; margin: 0 0 20px; }
.nd-legal h2 { font-size: 1.25rem; margin: 32px 0 10px; padding-top: 18px; border-top: 1px solid var(--nd-border); }
.nd-legal h3, .nd-legal h4 { font-size: 1.05rem; margin: 22px 0 8px; }
.nd-legal p { margin: 0 0 12px; line-height: 1.65; max-width: 72ch; }
.nd-legal li { max-width: 68ch; }
.nd-legal ul, .nd-legal ol { margin: 0 0 14px; padding-left: 1.4em; }
.nd-legal li { margin: 0 0 6px; line-height: 1.6; }
.nd-legal .nd-legal__meta { margin-top: 28px; padding-top: 14px; border-top: 1px solid var(--nd-border); font-size: 13px; color: var(--nd-text-3); }

.nd-main { overflow-x: clip; }
.nd-bleed { width: 100vw; margin-left: calc(50% - 50vw); }
.nd-locations { margin-top: -8px; }
.nd-locations__head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px 32px; padding: 36px 0 28px; }
.nd-locations__title { margin: 0; font-size: clamp(2rem, 3.4vw, 2.8rem); font-weight: 600; line-height: 1.05; letter-spacing: -0.025em; }
.nd-locations__sub { margin: 0; font-size: 1.05rem; color: var(--nd-text-3); }
.nd-locations__codes { margin: 0 0 10px; font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; font-size: 13px; letter-spacing: 0.12em; color: var(--nd-primary-ink); }
.nd-loc { position: relative; overflow: hidden; }
.nd-loc--alt { background: var(--nd-surface); }
.nd-loc:first-of-type { border-top: 1px solid var(--nd-border); }
.nd-loc__inner { position: relative; padding-top: 64px; padding-bottom: 64px; }
.nd-loc__mark { position: absolute; right: -8px; top: 8px; margin: 0; font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; font-size: clamp(6rem, 18vw, 15rem); font-weight: 600; line-height: 1; letter-spacing: -0.04em; color: var(--nd-text); opacity: 0.045; user-select: none; pointer-events: none; }
.nd-loc__head { position: relative; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 14px 32px; }
.nd-loc__code { margin: 0 0 10px; font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; font-size: 14px; font-weight: 500; letter-spacing: 0.1em; color: var(--nd-primary-ink); }
.nd-loc__city { margin: 0; font-size: clamp(2.6rem, 5.5vw, 4.6rem); font-weight: 600; line-height: 0.98; letter-spacing: -0.03em; }
.nd-loc__where { margin: 10px 0 0; font-size: 1.05rem; color: var(--nd-text-3); }
.nd-loc__meta { margin: 0; font-size: 14.5px; line-height: 1.6; color: var(--nd-text-3); text-align: right; }
.nd-loc__meta strong { display: block; font-size: 1.05rem; font-weight: 600; color: var(--nd-text); }
.nd-loc__figures { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 48px; margin: 40px 0 0; padding: 0; list-style: none; }
.nd-loc__figure { padding: 22px 0 20px; border-top: 1px solid var(--nd-border-2); }
.nd-loc__figure:nth-child(-n+3) { border-top: 2px solid var(--nd-text); }
.nd-loc__value { display: block; font-size: clamp(1.8rem, 2.6vw, 2.4rem); font-weight: 600; line-height: 1; letter-spacing: -0.02em; color: var(--nd-text); font-variant-numeric: tabular-nums; }
.nd-loc__label { display: block; margin-top: 8px; font-size: 12px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; color: var(--nd-primary-ink); }
.nd-loc__note { display: block; margin-top: 6px; font-size: 14px; line-height: 1.45; color: var(--nd-text-3); }
.nd-loc__tags { position: relative; display: flex; flex-wrap: wrap; gap: 6px 0; margin: 26px 0 0; padding: 0; list-style: none; font-size: 14px; color: var(--nd-text-2); }
.nd-loc__tags li + li::before { content: "·"; margin: 0 12px; color: var(--nd-text-4); }
.nd-locations__note { margin: 0; padding: 28px 0 8px; font-size: 14px; color: var(--nd-text-3); }
@media (max-width: 991.98px) {
    .nd-loc__inner { padding-top: 44px; padding-bottom: 44px; }
    .nd-loc__meta { text-align: left; }
    .nd-loc__figures { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 32px; }
    .nd-loc__figure:nth-child(-n+3) { border-top: 1px solid var(--nd-border-2); }
    .nd-loc__figure:nth-child(-n+2) { border-top: 2px solid var(--nd-text); }
}
@media (max-width: 575.98px) {
    .nd-loc__mark { display: none; }
    .nd-loc__figures { grid-template-columns: 1fr; }
    .nd-loc__figure:nth-child(-n+2) { border-top: 1px solid var(--nd-border-2); }
    .nd-loc__figure:first-child { border-top: 2px solid var(--nd-text); }
    .nd-loc__tags { flex-direction: column; gap: 8px; }
    .nd-loc__tags li + li::before { content: none; }
}
}

.far { font-weight: 300; }

.nd-about { margin-top: -8px; }
.nd-about__head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px 32px; padding: 36px 0 28px; }
.nd-about__title { margin: 0; font-size: clamp(2rem, 3.4vw, 2.8rem); font-weight: 600; line-height: 1.05; letter-spacing: -0.025em; }
.nd-about__sub { margin: 0; font-size: 1.05rem; color: var(--nd-text-3); }
.nd-about__band { border-top: 1px solid var(--nd-border); }
.nd-about__band--story { background: var(--nd-surface); }
.nd-about__inner { padding-top: 64px; padding-bottom: 64px; }
.nd-about__story { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: 40px 96px; align-items: start; }
.nd-about__h2 { margin: 0 0 24px; font-size: clamp(1.7rem, 2.6vw, 2.3rem); font-weight: 600; line-height: 1.1; letter-spacing: -0.02em; }
.nd-about__text p { margin: 0 0 16px; max-width: 60ch; font-size: 1.15rem; line-height: 1.6; color: var(--nd-text-2); }
.nd-about__text p:first-of-type { font-size: 1.5rem; line-height: 1.4; color: var(--nd-text); }
.nd-about__more { display: flex; flex-wrap: wrap; gap: 8px 28px; margin: 28px 0 0; padding: 0; list-style: none; font-size: 15px; font-weight: 500; }
.nd-about__more a { color: var(--nd-primary-ink); }
.nd-about__more a:hover { color: var(--nd-text); text-decoration: none; }
.nd-about__more i { margin-left: 4px; font-size: 13px; }
.nd-about__figures { margin: 10px 0 0; padding: 0; list-style: none; }
.nd-about__figure { padding: 20px 0 18px; border-top: 1px solid var(--nd-border-2); }
.nd-about__figure:first-child { border-top: 2px solid var(--nd-text); }
.nd-about__value { display: block; font-size: clamp(1.8rem, 2.6vw, 2.4rem); font-weight: 600; line-height: 1; letter-spacing: -0.02em; color: var(--nd-text); font-variant-numeric: tabular-nums; }
.nd-about__label { display: block; margin-top: 8px; font-size: 12px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; color: var(--nd-primary-ink); }
.nd-about__cols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 36px 56px; }
.nd-about__col h3 { margin: 0; padding: 0 0 12px; border-bottom: 2px solid var(--nd-text); font-size: 1.05rem; font-weight: 600; }
.nd-about__list { margin: 0; }
.nd-about__list > div { padding: 14px 0; border-bottom: 1px solid var(--nd-border-2); }
.nd-about__list dt { margin: 0 0 3px; font-size: 12px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; color: var(--nd-text-3); }
.nd-about__list dd { margin: 0; font-size: 1.02rem; line-height: 1.55; color: var(--nd-text); overflow-wrap: anywhere; }
.nd-about__list dd a { color: var(--nd-text); text-decoration: underline; text-decoration-color: var(--nd-border-3); text-underline-offset: 3px; }
.nd-about__list dd a:hover { color: var(--nd-primary-ink); text-decoration-color: currentColor; }
.nd-about__list dd i { width: 1.25em; margin-right: 6px; color: var(--nd-text-3); }
.nd-about__list dd small { display: block; font-size: 13.5px; color: var(--nd-text-3); }
.nd-about__foot { margin: 16px 0 0; font-size: 15px; font-weight: 500; }
.nd-about__foot a { color: var(--nd-primary-ink); }
.nd-about__foot a:hover { color: var(--nd-text); text-decoration: none; }
.nd-about__foot i { margin-left: 4px; font-size: 13px; }
@media (max-width: 991.98px) {
    .nd-about__inner { padding-top: 44px; padding-bottom: 44px; }
    .nd-about__story { grid-template-columns: 1fr; gap: 32px; }
    .nd-about__figures { display: grid; grid-template-columns: 1fr 1fr; gap: 0 32px; margin: 0; }
    .nd-about__figure:nth-child(2) { border-top: 2px solid var(--nd-text); }
    .nd-about__cols { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 575.98px) {
    .nd-about__text p:first-of-type { font-size: 1.25rem; }
    .nd-about__figures { grid-template-columns: 1fr; }
    .nd-about__figure:nth-child(2) { border-top: 1px solid var(--nd-border-2); }
    .nd-about__cols { grid-template-columns: 1fr; }
}

.nd-hero__facts a { color: inherit; text-decoration: underline; text-decoration-color: rgba(241, 237, 228, 0.35); text-underline-offset: 3px; }
.nd-hero__facts a:hover { color: var(--nd-inverse-text); text-decoration-color: var(--nd-green-bright); }
a.nd-topbar__note:hover { color: var(--nd-text); text-decoration: none; }

.nd-price-note { display: block; font-size: 11.5px; font-weight: 400; color: var(--nd-text-3); }
.nd-group__price .nd-price-note { display: block; margin-top: 2px; white-space: nowrap; }
.nd-cancel { max-width: 760px; }
.nd-cancel__title { margin: 0 0 6px; font-size: 1.9rem; }
.nd-cancel__form { display: flex; flex-direction: column; gap: 14px; }
body .nd-cancel__card { margin: 0; padding: 0; border: 1px solid var(--nd-border); border-radius: 14px; }
.nd-cancel__card legend.nd-cancel__legend { width: auto; margin: 0 0 12px; padding: 0; font-size: 1.05rem; font-weight: 500; color: var(--nd-text); border: 0; }
.nd-cancel__choice { display: flex; align-items: flex-start; gap: 12px; margin: 0 0 10px; padding: 12px 14px; border: 1px solid var(--nd-border); border-radius: 10px; cursor: pointer; font-weight: 400; color: var(--nd-text); }
.nd-cancel__choice:hover { border-color: var(--nd-primary); }
.nd-cancel__choice input { margin-top: 4px; width: 16px; height: 16px; flex-shrink: 0; }
.nd-cancel__choice span { display: flex; flex-direction: column; }
.nd-cancel__choice small { color: var(--nd-text-3); }
.nd-cancel__date { max-width: 240px; margin-left: 42px; }
.nd-cancel__hp { position: absolute; left: -9999px; top: -9999px; }
.nd-cancel__submit { margin-top: 6px; }
.nd-cancel__consent { font-size: 13.5px; color: var(--nd-text-3); }
.nd-cancel__ok { font-size: 42px; color: var(--nd-primary); margin-bottom: 8px; }
.nd-cancel__lead { color: var(--nd-text-2); }
.nd-cancel__summary { display: grid; gap: 8px; margin: 18px 0; }
.nd-cancel__summary > div { display: grid; grid-template-columns: 180px 1fr; gap: 12px; padding: 8px 0; border-top: 1px solid var(--nd-border); }
.nd-cancel__summary dt { font-weight: 400; color: var(--nd-text-3); }
.nd-cancel__summary dd { margin: 0; font-weight: 500; }
.nd-cancel__note { color: var(--nd-text-3); }
.nd-cancel__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
@media (max-width: 575.98px) { .nd-cancel__summary > div { grid-template-columns: 1fr; gap: 2px; } .nd-cancel__date { margin-left: 0; } }
.nd-legal__form { padding: 16px 20px; border: 1px dashed var(--nd-border-2); border-radius: 10px; background: var(--nd-surface-2); }
.nd-footer__cancel-item { margin-top: 12px !important; }
.nd-footer__col a.nd-footer__cancel { display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px; border: 1px solid rgba(241, 237, 228, 0.35); border-radius: 8px; color: var(--nd-inverse-text); font-weight: 500; }
.nd-footer__col a.nd-footer__cancel:hover { border-color: var(--nd-green-bright); color: var(--nd-green-bright); }
@media print { .nd-header, .nd-footer, .nd-breadcrumb, .nd-totop, .nd-cookie, .nd-cancel__actions { display: none !important; } }

.nd-news__head { margin-bottom: 26px; }
.nd-news__title { margin: 0 0 6px; font-size: 1.9rem; }
.nd-news__list { display: flex; flex-direction: column; gap: 14px; }
.nd-news__item { display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 20px; padding: 22px 24px; background: var(--nd-surface); border: 1px solid var(--nd-border); border-radius: 14px; box-shadow: var(--nd-shadow-sm); transition: border-color 0.15s ease, box-shadow 0.15s ease; }
.nd-news__item:hover { border-color: var(--nd-primary); box-shadow: var(--nd-shadow-md); }
.nd-news__date { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 76px; border-radius: 12px; background: var(--nd-inverse); color: var(--nd-inverse-text); line-height: 1; }
.nd-news__day { font-size: 1.7rem; font-weight: 500; }
.nd-news__month { margin-top: 4px; font-size: 12px; letter-spacing: 0.04em; color: var(--nd-green-bright); }
.nd-news__year { margin-top: 2px; font-size: 11px; color: var(--nd-inverse-muted); }
.nd-news__body { min-width: 0; max-width: 72ch; }
.nd-news__item-title { margin: 2px 0 8px; font-size: 1.25rem; line-height: 1.3; }
.nd-news__item-title a { color: var(--nd-text); }
.nd-news__item-title a:hover { color: var(--nd-primary-ink); text-decoration: none; }
.nd-news__excerpt { color: var(--nd-text-2); line-height: 1.6; }
.nd-news__excerpt p:last-child { margin-bottom: 0; }
.nd-news__more { display: inline-flex; align-items: center; gap: 6px; margin-top: 12px; font-size: 14px; font-weight: 500; color: var(--nd-primary-ink); }
.nd-news__more:hover { text-decoration: none; color: var(--nd-primary); }
.nd-news__edit { font-size: 12px; margin-left: 10px; color: var(--nd-text-4); }
.nd-news__empty { padding: 28px; text-align: center; color: var(--nd-text-3); border: 1px dashed var(--nd-border-2); border-radius: 14px; }
.nd-news__pagination { margin-top: 22px; }
.nd-news__pagination .pagination { margin: 0; }
.nd-news--single .nd-news__article { padding: 30px 34px; background: var(--nd-surface); border: 1px solid var(--nd-border); border-radius: 14px; box-shadow: var(--nd-shadow-sm); }
.nd-news__meta { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 0 0 20px; padding: 0 0 18px; border-bottom: 1px solid var(--nd-border); list-style: none; font-size: 14px; color: var(--nd-text-3); }
.nd-news__meta i { margin-right: 6px; color: var(--nd-primary-ink); }
.nd-news__content { font-size: 1.02rem; line-height: 1.7; color: var(--nd-text); }
.nd-news__content p { margin: 0 0 1em; }
.nd-news__content img { max-width: 100%; height: auto; border-radius: 10px; }
.nd-news__content pre, .nd-news__content code { font-size: 0.9em; }
.nd-news__footer { display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; margin-top: 22px; }
@media (max-width: 575.98px) {
    .nd-news__item { grid-template-columns: 1fr; gap: 12px; padding: 18px; }
    .nd-news__date { flex-direction: row; gap: 6px; height: auto; width: max-content; padding: 6px 12px; }
    .nd-news__month, .nd-news__year { margin: 0; }
    .nd-news--single .nd-news__article { padding: 22px 18px; }
}

.nd-console { display: flex; flex-direction: column; gap: 36px; }
.nd-console__columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px 48px; }
@media (max-width: 991.98px) { .nd-console__columns { grid-template-columns: 1fr; } }

.nd-console__head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 16px; padding-bottom: 10px; border-bottom: 2px solid var(--nd-text); }
.nd-console__title { display: flex; flex-wrap: wrap; align-items: baseline; gap: 10px; margin: 0; font-size: 13px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; color: var(--nd-text); }
.nd-console__count { font-size: 12.5px; font-weight: 400; letter-spacing: 0; text-transform: none; color: var(--nd-text-3); }
.nd-console__count.is-warn { color: var(--nd-warn-ink); }
.nd-console__links { display: flex; flex-wrap: wrap; gap: 4px 18px; font-size: 13.5px; font-weight: 500; }
.nd-console__links a, .nd-console__act { color: var(--nd-primary-ink); white-space: nowrap; }
.nd-console__links a:hover, .nd-console__act:hover { color: var(--nd-primary); text-decoration: none; }
.nd-console__links i, .nd-console__act i { margin-left: 2px; font-size: 12px; }
.nd-console__act--warn { color: var(--nd-warn-ink); font-weight: 500; }

.nd-console__table { width: 100%; margin: 0; border-collapse: collapse; font-size: 14px; }
.nd-console__table th { padding: 10px 16px 8px 0; font-size: 11.5px; font-weight: 500; letter-spacing: 0.04em; text-transform: uppercase; text-align: left; color: var(--nd-text-3); border-bottom: 1px solid var(--nd-border); white-space: nowrap; }
.nd-console__table td { padding: 14px 16px 14px 0; vertical-align: top; border-bottom: 1px solid var(--nd-border); color: var(--nd-text); line-height: 1.45; }
.nd-console__table tbody tr:last-child td { border-bottom: 0; }
.nd-console__name { font-weight: 500; color: var(--nd-text); }
a.nd-console__name:hover { color: var(--nd-primary-ink); text-decoration: none; }
.nd-console__sub { display: block; margin-top: 2px; font-size: 12.5px; color: var(--nd-text-3); }
.nd-console__muted { color: var(--nd-text-4); }
.nd-console__mono { font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; font-size: 13px; }
.nd-console__num { font-variant-numeric: tabular-nums; }
.nd-console__spec { display: block; font-size: 13px; white-space: nowrap; }
.nd-console__spec-label { display: inline-block; min-width: 64px; font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--nd-text-3); }
.nd-console__status { display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; }
.nd-console__status i { width: 8px; height: 8px; border-radius: 50%; background: var(--nd-text-4); }
.nd-console__status--active i { background: var(--nd-primary); }
.nd-console__status--pending i, .nd-console__status--unpaid i { background: var(--nd-warn); }
.nd-console__status--suspended i, .nd-console__status--overdue i { background: var(--nd-danger); }
.nd-console__status--paid i { background: var(--nd-primary); }
.nd-console__status--cancelled i, .nd-console__status--refunded i, .nd-console__status--collections i { background: var(--nd-text-4); }
.nd-console__status--overdue { color: var(--nd-danger); font-weight: 500; }
.nd-console__action { padding-right: 0 !important; text-align: right; white-space: nowrap; }

.nd-console__list { margin: 0; padding: 0; list-style: none; }
.nd-console__list li { border-bottom: 1px solid var(--nd-border); }
.nd-console__list li:last-child { border-bottom: 0; }
.nd-console__list a, .nd-console__list li > span { display: block; padding: 12px 0; color: var(--nd-text); }
.nd-console__list a:hover { text-decoration: none; }
.nd-console__list a:hover .nd-console__name { color: var(--nd-primary-ink); }
.nd-console__empty, .nd-console__note { margin: 14px 0 0; font-size: 14px; color: var(--nd-text-3); }
.nd-console__body { padding-top: 12px; color: var(--nd-text-2); }
.nd-console__body p:last-child { margin-bottom: 0; }

.nd-console__account { display: flex; flex-wrap: wrap; gap: 4px 16px; padding-top: 16px; border-top: 1px solid var(--nd-border); font-size: 13.5px; color: var(--nd-text-3); }
.nd-console__who { color: var(--nd-text); font-weight: 500; }
.nd-console__account a { color: var(--nd-primary-ink); font-weight: 500; }
.nd-console__account a:hover { color: var(--nd-primary); text-decoration: none; }

@media (max-width: 767.98px) {
    .nd-console__table thead { display: none; }
    .nd-console__table, .nd-console__table tbody, .nd-console__table tr, .nd-console__table td { display: block; }
    .nd-console__table tbody tr { padding: 12px 0; border-bottom: 1px solid var(--nd-border); }
    .nd-console__table tbody tr:last-child { border-bottom: 0; }
    .nd-console__table td { padding: 5px 0; border: 0; }
    .nd-console__table td[data-label]::before { content: attr(data-label); display: block; margin-bottom: 1px; font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--nd-text-3); }
    .nd-console__table td:first-child[data-label]::before { display: none; }
    .nd-console__table td:first-child .nd-console__name { font-size: 15.5px; }
    .nd-console__action { padding-top: 8px !important; text-align: left; }
    .nd-console__spec { white-space: normal; }

    .nd-console__table--inv tbody tr { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 12px; padding: 11px 0; }
    .nd-console__table--inv td { padding: 0; }
    .nd-console__table--inv td[data-label]::before { display: none; }
    .nd-console__table--inv td:first-child { order: 1; }
    .nd-console__table--inv td:nth-child(4) { order: 2; }
    .nd-console__table--inv td:nth-child(3) { order: 3; font-weight: 500; }
    .nd-console__table--inv td:nth-child(2) { order: 4; flex-basis: 100%; font-size: 13px; color: var(--nd-text-3); }
    .nd-console__table--inv td:nth-child(2)::before { content: attr(data-label) " "; display: inline; font-size: inherit; letter-spacing: 0; text-transform: none; color: inherit; }
    .nd-console__table--inv .nd-console__action { order: 5; margin-left: auto; padding-top: 0 !important; }
}

.nd-subnav { display: flex; flex-wrap: nowrap; gap: 0; margin: 0 0 26px; padding: 0; overflow-x: auto; border-bottom: 2px solid var(--nd-text); -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.nd-subnav::-webkit-scrollbar { display: none; }
.nd-subnav__link { position: relative; display: inline-flex; align-items: center; gap: 8px; flex-shrink: 0; padding: 12px 18px; margin-bottom: -2px; border-bottom: 2px solid transparent; font-size: 14px; font-weight: 500; color: var(--nd-text-3); white-space: nowrap; transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease; }
.nd-subnav__link:first-child { padding-left: 4px; }
.nd-subnav__link:hover, .nd-subnav__link:focus { color: var(--nd-text); background: var(--nd-surface-2); text-decoration: none; }
.nd-subnav__link.is-active { color: var(--nd-text); border-bottom-color: var(--nd-primary); }
.nd-subnav__link i { font-size: 13px; color: var(--nd-text-4); }
.nd-subnav__link.is-active i { color: var(--nd-primary-ink); }
.nd-subnav__link .badge { margin-left: 2px; padding: 2px 7px; border-radius: 999px; background: var(--nd-primary-soft); color: var(--nd-primary-ink); font-size: 11px; }

.nd-subnav--split { align-items: stretch; }
.nd-subnav__group { display: flex; align-items: stretch; flex-shrink: 0; }
.nd-subnav__caption { display: inline-flex; align-items: center; padding: 0 14px 0 4px; margin-bottom: -2px; border-bottom: 2px solid transparent; font-size: 11px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; color: var(--nd-text-4); white-space: nowrap; }
.nd-subnav--split .nd-subnav__caption + .nd-subnav__link { padding-left: 18px; }
.nd-subnav--split .nd-subnav__group:first-child .nd-subnav__link:first-child { padding-left: 4px; }
.nd-subnav__divider { flex-shrink: 0; width: 1px; margin: 10px 18px; background: var(--nd-border-2); }
@media (max-width: 767.98px) { .nd-subnav__caption { padding-right: 8px; } .nd-subnav__divider { margin: 10px 8px; } }

.nd-selectbar { margin: 0 0 22px; padding: 14px 18px; border: 1px solid var(--nd-border); border-radius: 12px; background: var(--nd-surface-2); }
.nd-selectbar__row { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; }
.nd-selectbar__label { margin: 0; font-size: 14px; font-weight: 500; color: var(--nd-text-2); white-space: nowrap; }
.nd-selectbar__field { flex: 1 1 260px; min-width: 0; }
.nd-selectbar__action { flex: 0 0 auto; }
@media (max-width: 575.98px) { .nd-selectbar__action, .nd-selectbar__action .btn { width: 100%; } }

.alert.alert-block { background: var(--nd-surface); border-color: var(--nd-border); color: var(--nd-text); }

.nd-service { display: flex; flex-direction: column; gap: 30px; }
.nd-service__head { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 14px 24px; padding-bottom: 4px; }
.nd-service__group { margin: 6px 0 0; font-size: 14px; color: var(--nd-text-3); }
.nd-service__title { margin: 0 0 14px; font-size: 2.1rem; line-height: 1.1; letter-spacing: -0.01em; }
.nd-service__chips { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }

.nd-setup { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 6px; margin: 0; font-size: 13px; line-height: 1.4; color: var(--nd-text-2); }
.nd-setup > i { align-self: center; margin-right: 6px; font-size: 13px; color: var(--nd-text-3); }
.nd-setup__label { color: var(--nd-text-3); }
.nd-setup__label::after { content: ":"; }
.nd-setup__value { font-weight: 500; color: var(--nd-text); }
.nd-service__setup { margin-top: 12px; font-size: 14px; }
.nd-service__setup > i, .nd-svc__setup > i { color: var(--nd-warn-ink); }
.nd-svc__setup { position: relative; z-index: 1; pointer-events: none; margin-top: 4px; font-size: 12.5px; }
.nd-pill { display: inline-flex; align-items: center; gap: 7px; height: 32px; padding: 0 12px; border-radius: 999px; font-size: 13px; font-weight: 500; background: var(--nd-surface-3); color: var(--nd-text-2); }
.nd-pill i { width: 8px; height: 8px; border-radius: 50%; background: var(--nd-text-4); }
.nd-pill--active { background: var(--nd-primary-soft); color: var(--nd-primary-ink); }
.nd-pill--active i { background: var(--nd-primary); }
.nd-pill--pending { background: var(--nd-warn-soft); color: var(--nd-warn-ink); }
.nd-pill--pending i { background: var(--nd-warn); }
.nd-pill--suspended, .nd-pill--terminated, .nd-pill--cancelled, .nd-pill--fraud { background: var(--nd-surface-3); color: var(--nd-danger); }
.nd-pill--suspended i, .nd-pill--terminated i, .nd-pill--cancelled i, .nd-pill--fraud i { background: var(--nd-danger); }
.nd-chip { display: inline-flex; align-items: center; gap: 8px; height: 32px; padding: 0 10px 0 12px; border: 1px solid var(--nd-border-2); border-radius: 999px; background: var(--nd-surface); color: var(--nd-text); font: inherit; font-size: 13px; cursor: pointer; transition: border-color 0.15s ease, background-color 0.15s ease; }
.nd-chip > span { font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; }
.nd-chip > i:first-child { color: var(--nd-text-3); font-size: 13px; }
.nd-chip__copy { font-size: 12px; color: var(--nd-text-4); }
.nd-chip:hover { border-color: var(--nd-primary); }
.nd-chip:hover .nd-chip__copy { color: var(--nd-primary-ink); }
.nd-chip.is-copied { border-color: var(--nd-primary); background: var(--nd-primary-soft); }
.nd-chip.is-copied .nd-chip__copy { color: var(--nd-primary-ink); }
.nd-service__footer { margin-top: 10px; padding-top: 18px; border-top: 1px solid var(--nd-border); }
.nd-service__actions { display: flex; flex-wrap: wrap; gap: 8px; }
.nd-service__footer .btn-default { color: var(--nd-text-3); }
.nd-service__actions .btn { display: inline-flex; align-items: center; gap: 7px; }
.nd-service__actions .btn i { font-size: 12px; }
.nd-service__actions .nd-service__danger { color: var(--nd-danger); }
.nd-service__actions .nd-service__danger:hover { border-color: var(--nd-danger); color: var(--nd-danger); }
.nd-service__tabs { margin: -10px 0 0; }
.nd-service__content > .tab-pane { padding-top: 4px; }
.nd-subnav__link.active { color: var(--nd-text); border-bottom-color: var(--nd-primary); }
.nd-service__content > .tab-pane { display: none; }
.nd-service__content > .tab-pane.active { display: block; }

.nd-service__facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 16px 32px; margin: 0; padding: 0; list-style: none; }
.nd-service__fact-label { display: block; margin-bottom: 4px; font-size: 11.5px; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; color: var(--nd-text-3); }
.nd-service__fact-value { display: block; font-size: 16px; font-weight: 500; color: var(--nd-text); }
.nd-service__fact-value small { font-size: 13px; font-weight: 400; color: var(--nd-text-3); }

.nd-service__section + .nd-service__section { margin-top: 34px; }
.nd-service__h2 { margin: 0 0 14px; font-size: 1.05rem; font-weight: 500; }
.nd-service__module { padding-top: 4px; }
.nd-service__hook { margin-top: 24px; }
.nd-service__pwform .nd-settings__fields { padding-top: 4px; }

.nd-specgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 10px 28px; margin: 0; padding: 0; list-style: none; }
.nd-specgrid__item { display: flex; align-items: flex-start; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--nd-border); }
.nd-specgrid__icon { display: grid; place-items: center; flex-shrink: 0; width: 36px; height: 36px; border-radius: 10px; background: var(--nd-primary-soft); color: var(--nd-primary-ink); font-size: 15px; }
.nd-specgrid__body { display: flex; flex-direction: column; min-width: 0; }
.nd-specgrid__label { font-size: 11.5px; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; color: var(--nd-text-3); }
.nd-specgrid__value { margin-top: 2px; font-size: 14.5px; font-weight: 500; color: var(--nd-text); overflow-wrap: anywhere; }

.nd-facts { margin: 0; }
.nd-facts__row { display: grid; grid-template-columns: minmax(120px, 160px) minmax(0, 1fr); gap: 6px 16px; padding: 10px 0; border-bottom: 1px solid var(--nd-border); }
.nd-facts dt { margin: 0; font-size: 13px; font-weight: 500; color: var(--nd-text-3); }
.nd-facts dd { margin: 0; font-size: 14.5px; color: var(--nd-text); overflow-wrap: anywhere; }
.nd-facts--columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 48px; }
@media (max-width: 767.98px) { .nd-facts--columns { grid-template-columns: 1fr; } .nd-facts__row { grid-template-columns: 1fr; gap: 2px; } .nd-service__title { font-size: 1.7rem; } }

.nd-usage { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 48px; }
@media (max-width: 767.98px) { .nd-usage { grid-template-columns: 1fr; } }
.nd-usage__label { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 6px; font-size: 13.5px; color: var(--nd-text-2); }
.nd-usage__bar { height: 8px; border-radius: 999px; background: var(--nd-surface-3); overflow: hidden; }
.nd-usage__bar span { display: block; height: 100%; border-radius: 999px; background: var(--nd-primary); }

.nd-dash__alert--danger { border-left-color: var(--nd-danger); }
.nd-dash__alert--danger > i { color: var(--nd-danger); }

.nd-services { display: flex; flex-direction: column; gap: 30px; }
.nd-services__ended > summary { display: flex; align-items: center; gap: 10px; padding: 12px 0; list-style: none; cursor: pointer; font-size: 13px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; color: var(--nd-text-3); border-top: 1px solid var(--nd-border); border-bottom: 1px solid var(--nd-border); }
.nd-services__ended > summary::-webkit-details-marker { display: none; }
.nd-services__ended > summary::before { content: ""; width: 7px; height: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(-45deg); transition: transform 0.15s ease; margin-left: 2px; }
.nd-services__ended[open] > summary::before { transform: rotate(45deg); }
.nd-services__ended > summary:hover { color: var(--nd-text); }
.nd-services__ended[open] > summary { border-bottom: 0; }
.nd-services__ended .nd-console__table { opacity: 0.8; }

.nd-svclist { margin: 0; padding: 0; list-style: none; }
.nd-svc { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto 20px; gap: 6px 20px; align-items: center; padding: 12px 4px; border-bottom: 1px solid var(--nd-border); transition: background-color 0.15s ease; }
.nd-svc:hover { background: var(--nd-surface-2); }
.nd-svc__link { position: absolute; inset: 0; z-index: 1; }
.nd-svc__main { min-width: 0; }
.nd-svc__title { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; }
.nd-svc__name { font-size: 15.5px; font-weight: 500; color: var(--nd-text); }
.nd-svc:hover .nd-svc__name { color: var(--nd-primary-ink); }
.nd-svc__line { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 0; margin-top: 3px; font-size: 13px; color: var(--nd-text-3); }
.nd-svc__line > span + span::before { content: "·"; margin: 0 8px; color: var(--nd-text-4); }
.nd-svc__group { color: var(--nd-text-3); }
.nd-svc__mono { font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; font-size: 12.5px; color: var(--nd-text-2); }
.nd-svc__side { display: flex; flex-direction: column; align-items: flex-end; text-align: right; white-space: nowrap; }
.nd-svc__due { font-size: 14px; font-weight: 500; color: var(--nd-text); }
.nd-svc__amount { font-size: 12px; color: var(--nd-text-3); }
.nd-svc__arrow { color: var(--nd-text-4); font-size: 13px; text-align: right; transition: transform 0.15s ease, color 0.15s ease; }
.nd-svc:hover .nd-svc__arrow { color: var(--nd-primary-ink); transform: translateX(3px); }
.nd-svc--ended { opacity: 0.7; }
.nd-svc--ended:hover { opacity: 1; }
.nd-pill--sm { height: 22px; padding: 0 8px; font-size: 11.5px; gap: 5px; }
.nd-pill--sm i { width: 6px; height: 6px; }
@media (max-width: 767.98px) {
    .nd-svc { grid-template-columns: minmax(0, 1fr); padding: 12px 0; }
    .nd-svc__arrow { display: none; }
    .nd-svc__side { flex-direction: row; align-items: baseline; gap: 8px; text-align: left; }
}
.nd-services__ended > summary { border-bottom: 1px solid var(--nd-border); }

.nd-cancel-svc__when { display: flex; align-items: center; gap: 10px; margin: 0 0 6px; font-size: 15px; color: var(--nd-text); }
.nd-cancel-svc__when i { color: var(--nd-primary-ink); font-size: 16px; }
.nd-cancel-svc .nd-settings__footer .btn-danger { background: var(--nd-danger); border-color: var(--nd-danger); color: #fff; }
.nd-cancel-svc .nd-settings__footer .btn-danger:hover { filter: brightness(0.92); color: #fff; }

.nd-settings { display: flex; flex-direction: column; }
.nd-settings__pagehead { margin-bottom: 6px; }
.nd-settings__pagetitle { margin: 0 0 4px; font-size: 1.75rem; }
.nd-settings__pagehint { margin: 0; color: var(--nd-text-3); }
.nd-settings__section { display: grid; grid-template-columns: minmax(0, 250px) minmax(0, 1fr); gap: 12px 44px; padding: 28px 0; border-bottom: 1px solid var(--nd-border); }
.nd-settings__intro { min-width: 0; }
.nd-settings__title { margin: 0 0 6px; font-size: 1.05rem; font-weight: 500; }
.nd-settings__hint { margin: 0; font-size: 13.5px; line-height: 1.55; color: var(--nd-text-3); }
.nd-settings__fields { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; align-items: start; }
.nd-settings__fields .form-group { grid-column: span 3; margin: 0; }
.nd-settings__fields .form-group--full { grid-column: span 6; }
.nd-settings__fields .form-group--narrow { grid-column: span 2; }
.nd-settings__fields .form-group--wide { grid-column: span 4; }
.nd-settings__fields label { display: block; margin-bottom: 5px; font-size: 13.5px; }
.nd-settings__fields label small { font-size: 12px; font-weight: 400; color: var(--nd-text-3); }
.nd-settings__fieldhint { display: block; margin-top: 4px; font-size: 12.5px; color: var(--nd-text-3); }
.nd-settings__footer { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; padding-top: 22px; }
.nd-settings__fields .nd-settings__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; margin-top: 4px; }
.nd-settings__status { display: inline-flex; align-items: center; gap: 6px; margin: 10px 0 0; padding: 4px 10px; border-radius: 999px; font-size: 12.5px; font-weight: 500; }
.nd-settings__status--ok { background: var(--nd-primary-soft); color: var(--nd-primary-ink); }
.nd-settings__status--pending { background: var(--nd-warn-soft); color: var(--nd-warn-ink); }
@media (max-width: 991.98px) {
    .nd-settings__section { grid-template-columns: 1fr; gap: 14px; padding: 22px 0; }
}
@media (max-width: 575.98px) {
    .nd-settings__fields .form-group, .nd-settings__fields .form-group--narrow, .nd-settings__fields .form-group--wide { grid-column: span 6; }
}

.nd-settings__switches { display: flex; flex-direction: column; }
.nd-switch { position: relative; display: flex; align-items: flex-start; gap: 14px; margin: 0; padding: 11px 0; border-bottom: 1px solid var(--nd-border); font-weight: 400; color: var(--nd-text); cursor: pointer; }
.nd-switch:last-child { border-bottom: 0; }
.nd-switch:first-child { padding-top: 2px; }
.nd-switch input { position: absolute; width: 1px; height: 1px; margin: 0; opacity: 0; pointer-events: none; }
.nd-switch__track { position: relative; flex-shrink: 0; width: 40px; height: 22px; margin-top: 1px; border-radius: 999px; background: var(--nd-surface-3); border: 1px solid var(--nd-border-2); transition: background-color 0.15s ease, border-color 0.15s ease; }
.nd-switch__track::after { content: ""; position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); transition: transform 0.15s ease; }
.nd-switch input:checked + .nd-switch__track { background: var(--nd-primary); border-color: var(--nd-primary); }
.nd-switch input:checked + .nd-switch__track::after { transform: translateX(18px); }
.nd-switch input:focus-visible + .nd-switch__track { box-shadow: var(--nd-ring); }
.nd-switch input:disabled + .nd-switch__track { opacity: 0.5; }
.nd-switch__text { font-size: 14px; line-height: 1.5; }
.nd-switch__text small { display: block; font-size: 12.5px; color: var(--nd-text-3); }

.nd-auth { max-width: 470px; margin: 16px auto 32px; }
.nd-auth__card {
    background: var(--nd-surface);
    border: 1px solid var(--nd-border); border-radius: 16px;
    box-shadow: var(--nd-shadow-md);
    padding: 36px 32px 28px;
}
.nd-auth__mark {
    display: grid; place-items: center; width: 56px; height: 56px; margin-bottom: 20px;
    border-radius: 16px; background: var(--nd-primary); color: var(--nd-on-primary);
}
.nd-auth__mark svg { width: 34px; height: 34px; }
.nd-auth__title { margin: 0 0 4px; font-size: 1.65rem; }
.nd-auth__lead { margin: 0 0 24px; color: var(--nd-text-3); }
.nd-auth__forgot { margin-bottom: 0.5rem; font-size: 13px; color: var(--nd-accent); }
.nd-auth__row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-top: 4px; }
.nd-auth__remember { display: inline-flex; align-items: center; gap: 8px; margin: 0; font-weight: 400; color: var(--nd-text-3); font-size: 14px; cursor: pointer; }
.nd-auth__remember input { width: 16px; height: 16px; margin: 0; }
.nd-auth__row .btn { padding-left: 24px; padding-right: 24px; }
.nd-auth__foot { margin-top: 22px; padding-top: 16px; border-top: 1px solid var(--nd-border); font-size: 14px; color: var(--nd-text-3); }
.nd-auth__foot a { font-weight: 500; }
.nd-auth .providerLinkingFeedback, .nd-auth .linked-accounts { margin-top: 16px; }
@media (max-width: 575.98px) { .nd-auth__card { padding: 26px 20px 22px; border-radius: 12px; } }
body #registration .field, body #registration .form-control { border-radius: var(--nd-radius); }

.modal-content { background: var(--nd-surface); color: var(--nd-text); border: 1px solid var(--nd-border); border-radius: 14px; box-shadow: var(--nd-shadow-lg); }
.modal-content .modal-header { background: var(--nd-surface) !important; color: var(--nd-text) !important; border-bottom: 1px solid var(--nd-border); border-radius: 14px 14px 0 0; }
.modal-header .modal-title { font-size: 1.1rem; }
.modal-footer { border-top: 1px solid var(--nd-border); }
.modal-backdrop { background: var(--nd-coffee); }
.modal-backdrop.show { opacity: 0.6; }
.modal-localisation .modal-content { background: var(--nd-inverse); color: var(--nd-inverse-text); border-color: var(--nd-inverse-2); }
.modal-localisation .modal-body, .modal-localisation .modal-footer { background: transparent; border-color: var(--nd-inverse-border); }
.modal-localisation .h5 { color: var(--nd-inverse-text); }
.modal-localisation .item-selector .item {
    display: block; padding: 10px 12px; margin-bottom: 8px;
    border: 1px solid rgba(241, 237, 228, 0.25); border-radius: var(--nd-radius);
    color: var(--nd-inverse-text); text-align: center;
}
.modal-localisation .item-selector .item:hover { border-color: var(--nd-inverse-text); text-decoration: none; }
.modal-localisation .item-selector .item.active { background: var(--nd-green); border-color: var(--nd-green); color: #fff; }
.modal-localisation .modal-footer .btn-default { background: var(--nd-inverse-text); border-color: var(--nd-inverse-text); color: var(--nd-coffee); }

#fullpage-overlay { background: var(--nd-overlay); }
#fullpage-overlay .msg { color: var(--nd-text); font-weight: 500; }
.nd-loader { display: inline-block; width: 64px; color: var(--nd-text); animation: nd-pulse 1.3s ease-in-out infinite; }
.nd-loader svg { width: 100%; height: auto; display: block; }
@keyframes nd-pulse {
    0%, 100% { transform: scale(1); opacity: 0.65; }
    50% { transform: scale(1.08); opacity: 1; }
}

.nd-cookie {
    position: fixed; left: 18px; bottom: 18px; z-index: 1045;
    max-width: 380px; padding: 16px 18px; border-radius: 14px;
    background: var(--nd-surface); color: var(--nd-text);
    border: 1px solid var(--nd-border); box-shadow: var(--nd-shadow-lg);
    font-size: 13.5px; line-height: 1.5;
}
.nd-cookie[hidden] { display: none; }
.nd-cookie p { margin: 0 0 12px; }
.nd-cookie p a { text-decoration: underline; text-underline-offset: 2px; }
.nd-cookie__actions { display: flex; justify-content: flex-end; }
.nd-totop {
    position: fixed; right: 18px; bottom: 18px; z-index: 1040;
    width: 42px; height: 42px; border-radius: 50%;
    border: 1px solid var(--nd-border-2); background: var(--nd-surface); color: var(--nd-text);
    box-shadow: var(--nd-shadow-md); cursor: pointer;
    opacity: 0; visibility: hidden; transform: translateY(8px);
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease, border-color 0.15s ease;
}
.nd-totop.is-visible { opacity: 1; visibility: visible; transform: none; }
.nd-totop:hover { border-color: var(--nd-primary); color: var(--nd-primary-ink); }
.nd-totop:focus { outline: 0; }
.nd-totop:focus-visible { box-shadow: var(--nd-ring); }
@media (max-width: 575.98px) {
    .nd-cookie { left: 12px; right: 12px; bottom: 12px; max-width: none; }
    .nd-totop { display: none; }
}

body > .invoice-container { font-family: var(--nd-font); color: var(--nd-coffee); padding-top: 24px; padding-bottom: 24px; }
body > .invoice-container .card { border: 1px solid #E7E1D5; border-radius: var(--nd-radius-lg); box-shadow: var(--nd-shadow-sm); }
body > .invoice-container .card .card-title { font-weight: 500; }
body > .invoice-container .bg-info { background-color: var(--nd-blue) !important; border-radius: var(--nd-radius-lg) var(--nd-radius-lg) 0 0; }
body > .invoice-container .invoice-status { font-weight: 500; letter-spacing: 0.02em; }
body > .invoice-container .invoice-status .unpaid { color: #B3261E; }
body > .invoice-container .invoice-status .paid { color: var(--nd-green); }
body > .invoice-container .invoice-status .refunded, body > .invoice-container .invoice-status .cancelled { color: #6A645E; }
body > .invoice-container .invoice-status .draft, body > .invoice-container .invoice-status .collections, body > .invoice-container .invoice-status .payment-pending { color: #9A6418; }
body > .invoice-container .table thead td, body > .invoice-container .table thead th { background: #FAF8F3; border-bottom: 1px solid #E7E1D5; }
body > .invoice-container .table td, body > .invoice-container .table th { border-top-color: #E7E1D5; }
body > .invoice-container .total-row { background: #FAF8F3; }
body > .invoice-container .invoice-header img { max-height: 72px; width: auto; }
body > .invoice-container hr { border-top-color: #E7E1D5; }
body > .invoice-container .btn-group .btn-default { border-color: #D9D2C3; }

.nd-footer__trademarks { margin: 14px 0 0; font-size: 12px; line-height: 1.5; color: var(--nd-inverse-muted); }

.nd-footer {
    position: relative; overflow: hidden; margin-top: auto;
    background: var(--nd-inverse); color: var(--nd-inverse-muted);
    padding: 56px 0 28px;
}
html[data-nd-mode="dark"] .nd-footer { border-top: 1px solid var(--nd-border); }
.nd-footer__watermark { position: absolute; right: -50px; bottom: -70px; width: 340px; color: var(--nd-inverse-text); opacity: 0.05; pointer-events: none; }
.nd-footer__watermark svg { width: 100%; height: auto; display: block; }
.nd-footer .container { position: relative; }
.nd-footer__grid { display: grid; grid-template-columns: 1.6fr repeat(3, minmax(0, 1fr)); gap: 32px; }
.nd-footer__logo { display: inline-block; color: var(--nd-inverse-text); }
.nd-footer__logo svg { height: 38px; width: auto; display: block; }
.nd-footer__claim { max-width: 330px; margin: 18px 0; font-weight: 300; line-height: 1.6; }
.nd-footer__discord {
    display: inline-flex; align-items: center; gap: 8px; margin: 0 0 18px;
    padding: 8px 14px; border: 1px solid rgba(241, 237, 228, 0.3); border-radius: 999px;
    color: var(--nd-inverse-text); font-size: 13.5px; font-weight: 500;
}
.nd-footer__discord:hover { border-color: var(--nd-green-bright); color: var(--nd-green-bright); text-decoration: none; }
.nd-footer__heading { margin: 4px 0 14px; font-size: 14px; font-weight: 500; color: var(--nd-inverse-text); }
.nd-footer__col ul { margin: 0; padding: 0; list-style: none; }
.nd-footer__col li { margin: 0 0 9px; }
.nd-footer__col a { color: var(--nd-inverse-muted); }
.nd-footer__col a:hover { color: var(--nd-inverse-text); text-decoration: none; }
.nd-footer__social { margin: 0; }
.nd-footer__social .btn-icon {
    display: inline-grid; place-items: center; width: 36px; height: 36px;
    border: 1px solid rgba(241, 237, 228, 0.25); border-radius: 50%;
    color: var(--nd-inverse-text); background: transparent;
}
.nd-footer__social .btn-icon:hover { border-color: var(--nd-inverse-text); color: var(--nd-inverse-text); }
.nd-footer__bottom {
    display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 20px;
    margin-top: 44px; padding-top: 20px; border-top: 1px solid var(--nd-inverse-border);
    font-size: 13px;
}
.nd-footer__copy { margin: 0; color: rgba(241, 237, 228, 0.6); }
.nd-footer__parent { display: inline-block; margin-left: 8px; padding-left: 8px; border-left: 1px solid rgba(241, 237, 228, 0.25); color: var(--nd-inverse-muted); }
.nd-footer__tools { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.nd-footer__locale {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 6px 14px; border: 1px solid rgba(241, 237, 228, 0.3); border-radius: 999px;
    background: transparent; color: var(--nd-inverse-text); font: inherit; font-size: 13px; cursor: pointer;
}
.nd-footer__locale:hover { border-color: var(--nd-inverse-text); }
.nd-scheme { display: inline-flex; padding: 3px; border: 1px solid rgba(241, 237, 228, 0.3); border-radius: 999px; }
.nd-scheme button {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 4px 11px; border: 0; border-radius: 999px;
    background: transparent; color: var(--nd-inverse-muted); font: inherit; font-size: 12.5px; cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}
.nd-scheme button:hover { color: var(--nd-inverse-text); }
.nd-scheme button:focus { outline: 0; }
.nd-scheme button:focus-visible { box-shadow: var(--nd-ring); }
.nd-scheme button.is-active { background: var(--nd-inverse-text); color: var(--nd-coffee); }
@media (max-width: 767.98px) {
    .nd-footer { padding-top: 40px; }
    .nd-footer__grid { grid-template-columns: 1fr 1fr; gap: 28px 20px; }
    .nd-footer__brand { grid-column: 1 / -1; }
    .nd-scheme button span { display: none; }
    .nd-scheme button { padding: 6px 10px; }
}

.nd-filter { display: flex; flex-wrap: wrap; gap: 4px; margin: 14px 0 10px; }
.nd-filter__btn { display: inline-flex; align-items: center; gap: 6px; padding: 5px 11px; border: 1px solid transparent; border-radius: 999px; background: transparent; font: inherit; font-size: 13px; font-weight: 500; color: var(--nd-text-3); cursor: pointer; transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease; }
.nd-filter__btn span { font-weight: 400; font-variant-numeric: tabular-nums; color: var(--nd-text-4); }
.nd-filter__btn:hover { color: var(--nd-text); background: var(--nd-surface-2); }
.nd-filter__btn.is-active { color: var(--nd-text); border-color: var(--nd-border-2); background: var(--nd-surface); }
.nd-filter__btn.is-active span { color: var(--nd-text-3); }
.nd-filter__btn:focus-visible { outline: 2px solid var(--nd-primary); outline-offset: 2px; }

.nd-tickets__table tr.is-unread .nd-console__name { font-weight: 600; }
.nd-console__status--open i, .nd-console__status--customerreply i, .nd-pill--open i, .nd-pill--customerreply i { background: var(--nd-primary); }
.nd-console__status--answered i, .nd-pill--answered i { background: var(--nd-warn); }
.nd-console__status--inprogress i, .nd-console__status--onhold i, .nd-pill--inprogress i, .nd-pill--onhold i { background: var(--nd-text-3); }
.nd-console__status--closed i, .nd-pill--closed i { background: transparent; box-shadow: inset 0 0 0 1.5px var(--nd-text-4); }
.nd-pill--open, .nd-pill--customerreply { background: var(--nd-primary-soft); color: var(--nd-primary-ink); }
.nd-pill--answered { background: var(--nd-warn-soft); color: var(--nd-warn-ink); }

.nd-ticket { max-width: 900px; }
.nd-ticket__head { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 14px 24px; padding-bottom: 18px; border-bottom: 2px solid var(--nd-text); }
.nd-ticket__title { margin: 0 0 8px; font-size: 24px; font-weight: 600; line-height: 1.25; letter-spacing: -0.01em; color: var(--nd-text); overflow-wrap: anywhere; }
.nd-ticket__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 0; margin: 0; font-size: 13.5px; color: var(--nd-text-3); }
.nd-ticket__meta > span + span::before { content: "·"; margin: 0 8px; color: var(--nd-text-4); }
.nd-ticket__meta > .nd-pill + span::before { margin-left: 10px; }
.nd-ticket__id { font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; font-size: 12.5px; color: var(--nd-text-2); }
.nd-ticket__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 18px; }
.nd-ticket__close { font-size: 13.5px; font-weight: 500; color: var(--nd-text-3); }
.nd-ticket__close:hover { color: var(--nd-danger); text-decoration: none; }

.nd-ticket__thread { margin: 0; padding: 0; list-style: none; }
.nd-ticket__msg { padding: 22px 0; border-bottom: 1px solid var(--nd-border); }
.nd-ticket__msg.is-staff { padding-left: 18px; border-left: 3px solid var(--nd-primary); }
.nd-ticket__msg-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; margin-bottom: 10px; font-size: 13.5px; color: var(--nd-text-3); }
.nd-ticket__author { font-weight: 600; color: var(--nd-text); }
.nd-ticket__role { font-size: 11.5px; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; color: var(--nd-text-3); }
.is-staff .nd-ticket__role { color: var(--nd-primary-ink); }
.nd-ticket__date { margin-left: auto; font-variant-numeric: tabular-nums; }
.nd-ticket__msg-body { font-size: 15px; line-height: 1.6; color: var(--nd-text); max-width: 72ch; }
.nd-ticket__msg-body p:last-child { margin-bottom: 0; }
.nd-ticket__attachments { margin-top: 12px; font-size: 13.5px; }
.nd-ticket__attachments-label { display: block; margin-bottom: 4px; color: var(--nd-text-3); }
.nd-ticket__attachments ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 6px; }
.nd-ticket__attachments li a, .nd-ticket__attachments li span { display: inline-block; padding: 3px 10px; border: 1px solid var(--nd-border-2); border-radius: 999px; color: var(--nd-text); }
.nd-ticket__attachments li a:hover { border-color: var(--nd-primary); text-decoration: none; color: var(--nd-primary-ink); }
.nd-ticket__rating { margin-top: 10px; }
.nd-ticket__reply { margin-top: 36px; }
.nd-ticket__reply .nd-console__title { padding-bottom: 10px; margin-bottom: 18px; border-bottom: 2px solid var(--nd-text); }
.nd-ticket__filehint { margin: 6px 0 0; font-size: 12.5px; color: var(--nd-text-3); }
.nd-ticket__submit { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; }
.nd-ticket__cc { margin-top: 28px; padding-top: 18px; border-top: 1px solid var(--nd-border); max-width: 440px; }
.nd-ticket__cc-label { margin: 0 0 8px; font-size: 11.5px; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; color: var(--nd-text-3); }
.nd-ticket__cc .list-group, .nd-ticket__cc .list-group-item { border: 0; background: transparent; padding-left: 0; padding-right: 0; }
.nd-ticket__cc .panel-body, .nd-ticket__cc .card-body { padding: 0; }
.nd-ticket-new .nd-settings__fields { display: flex; flex-direction: column; gap: 16px; }
.nd-ticket-new .nd-settings__fields .row { margin-left: -8px; margin-right: -8px; row-gap: 16px; }
.nd-ticket-new .nd-settings__fields .row > [class*="col-"] { padding-left: 8px; padding-right: 8px; }
.nd-ticket-new .nd-settings__fields .margin-bottom:empty { display: none; }
body .markdown-editor-status, body .small-font { font-size: 12px; color: var(--nd-text-3); }

.nd-emails__hint { margin: 10px 0 0; max-width: 64ch; }
.nd-emails__table { margin-top: 8px; }
.nd-emails .dataTables_wrapper .dataTables_length { display: none; }
.nd-emails .listtable { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; }
.nd-emails .dataTables_info { padding: 0; font-size: 13px; color: var(--nd-text-3); }
.nd-emails .dataTables_filter { margin: 0 0 8px; }
.nd-emails table.dataTable thead th { padding-right: 24px; }
.nd-emails .dataTables_paginate { padding-top: 12px; }
@media (max-width: 767px) {
    .nd-ticket__head { padding-bottom: 14px; }
    .nd-ticket__title { font-size: 20px; }
    .nd-ticket__date { margin-left: 0; flex-basis: 100%; }
    .nd-ticket__msg.is-staff { padding-left: 12px; }
}

.nd-lines { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px 40px; }
.nd-lines__item { min-width: 0; }
.nd-lines__name { margin: 0 0 2px; font-size: 1.15rem; font-weight: 600; line-height: 1.3; }
.nd-lines__name a { color: var(--nd-text); }
.nd-lines__name a:hover { color: var(--nd-primary-ink); text-decoration: none; }
.nd-lines__name .nd-tag { margin-left: 6px; vertical-align: 3px; }
.nd-lines__tagline { margin: 0 0 10px; font-size: 13.5px; line-height: 1.5; color: var(--nd-text-3); }
.nd-lines__price { margin: 0 0 6px; font-size: 1.45rem; font-weight: 500; line-height: 1.2; font-variant-numeric: tabular-nums; color: var(--nd-text); }
.nd-lines__price small { font-size: 13px; font-weight: 400; color: var(--nd-text-3); }
.nd-lines__price small:first-child { margin-right: 2px; }
.nd-lines__link { display: inline-flex; align-items: center; gap: 6px; font-size: 13.5px; font-weight: 500; color: var(--nd-primary-ink); }
.nd-lines__link i { font-size: 12px; transition: transform 0.15s ease; }
.nd-lines__link:hover { color: var(--nd-primary); text-decoration: none; }
.nd-lines__link:hover i { transform: translateX(3px); }
.nd-lines--dark .nd-lines__name a { color: var(--nd-inverse-text); }
.nd-lines--dark .nd-lines__name a:hover, .nd-lines--dark .nd-lines__link { color: var(--nd-green-bright); }
.nd-lines--dark .nd-lines__tagline, .nd-lines--dark .nd-lines__price small { color: var(--nd-inverse-muted); }
.nd-lines--dark .nd-lines__price { color: var(--nd-inverse-text); }
.nd-lines--dark .nd-tag { background: var(--nd-green-bright); color: var(--nd-inverse); }
.nd-hero__lines { min-width: 0; padding-top: 8px; }
.nd-hero__note { margin: 22px 0 0; font-size: 12.5px; color: var(--nd-inverse-muted); }
.nd-store-others .nd-lines { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 18px; }
@media (max-width: 767.98px) { .nd-store-others .nd-lines { grid-template-columns: 1fr; } }
@media (max-width: 575.98px) { .nd-lines { grid-template-columns: 1fr; gap: 22px; } }

.nd-home-products__price { font-weight: 500; }
.nd-console__muted { color: var(--nd-text-3); white-space: nowrap; }
.nd-columns { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px 40px; padding-top: 22px; }
.nd-columns h3 { margin: 0 0 6px; font-size: 1rem; font-weight: 600; }
.nd-columns p { margin: 0; font-size: 14.5px; line-height: 1.6; color: var(--nd-text-2); }
.nd-columns a { color: var(--nd-primary-ink); font-weight: 500; }
.nd-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px 40px; margin: 0; padding: 22px 0 0; list-style: none; counter-reset: nd-step; }
.nd-steps__item { position: relative; padding-top: 44px; counter-increment: nd-step; }
.nd-steps__item::before { content: "0" counter(nd-step); position: absolute; top: 0; left: 0; font-size: 1.6rem; font-weight: 600; letter-spacing: -0.02em; line-height: 1; color: var(--nd-primary-ink); font-variant-numeric: tabular-nums; }
.nd-steps h3 { margin: 0 0 6px; font-size: 1rem; font-weight: 600; }
.nd-steps p { margin: 0; font-size: 14.5px; line-height: 1.6; color: var(--nd-text-2); }
.nd-newsgrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px 40px; padding-top: 20px; }
.nd-newsgrid__date { display: block; margin-bottom: 4px; font-size: 12.5px; font-variant-numeric: tabular-nums; color: var(--nd-text-3); }
.nd-newsgrid__title { margin: 0 0 6px; font-size: 1.05rem; font-weight: 600; line-height: 1.35; }
.nd-newsgrid__title a { color: var(--nd-text); }
.nd-newsgrid__title a:hover { color: var(--nd-primary-ink); text-decoration: none; }
.nd-newsgrid__excerpt { margin: 0; font-size: 14px; line-height: 1.55; color: var(--nd-text-3); }
.nd-home .nd-section:last-of-type { margin-bottom: 40px; }
@media (max-width: 991.98px) {
    .nd-columns { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .nd-steps, .nd-newsgrid { grid-template-columns: 1fr; }
}
@media (max-width: 575.98px) { .nd-columns { grid-template-columns: 1fr; } }

.nd-mag { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 9fr); gap: 20px 64px; align-items: start; margin: 0 0 88px; }
.nd-mag:first-of-type { margin-top: 32px; }
.nd-mag__intro { min-width: 0; }
.nd-mag__title { margin: 0 0 12px; font-size: 1.9rem; font-weight: 600; line-height: 1.15; letter-spacing: -0.015em; }
.nd-mag__lead { margin: 0; max-width: 34ch; font-size: 16px; line-height: 1.6; color: var(--nd-text-3); }
.nd-mag__link { display: inline-flex; align-items: center; gap: 6px; margin-top: 14px; font-size: 14.5px; font-weight: 500; color: var(--nd-primary-ink); }
.nd-mag__link i { font-size: 12px; transition: transform 0.15s ease; }
.nd-mag__link:hover { color: var(--nd-primary); text-decoration: none; }
.nd-mag__link:hover i { transform: translateX(3px); }
.nd-mag__body { min-width: 0; }
.nd-pricetable { width: 100%; margin: 0; border-collapse: collapse; font-size: 14.5px; }
.nd-pricetable th { padding: 0 16px 10px 0; font-size: 12px; font-weight: 500; letter-spacing: 0.04em; text-transform: uppercase; text-align: left; color: var(--nd-text-3); border-bottom: 1px solid var(--nd-border-2); white-space: nowrap; }
.nd-pricetable td { padding: 13px 14px 13px 0; vertical-align: middle; color: var(--nd-text-2); line-height: 1.4; }
.nd-pricetable tbody tr + tr td { border-top: 1px solid var(--nd-border); }
.nd-pricetable__name { font-weight: 600; color: var(--nd-text); white-space: nowrap; }
.nd-pricetable__name:hover { color: var(--nd-primary-ink); text-decoration: none; }
.nd-pricetable__num { text-align: right; font-variant-numeric: tabular-nums; }
.nd-pricetable__price { font-size: 15.5px; font-weight: 600; color: var(--nd-text); white-space: nowrap; }
.nd-pricetable__action { text-align: right; padding-right: 0 !important; white-space: nowrap; }
.nd-pricetable__order { font-weight: 500; color: var(--nd-primary-ink); }
.nd-pricetable__order:hover { color: var(--nd-primary); text-decoration: none; }
.nd-pricetable__order i { margin-left: 2px; font-size: 12px; }
.nd-columns--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 48px; padding-top: 8px; }
.nd-columns--2 h3 { font-size: 1.05rem; }
.nd-columns--2 p { font-size: 15px; }
.nd-newsgrid--mag { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px 32px; padding-top: 8px; }
@media (max-width: 991.98px) {
    .nd-mag { grid-template-columns: 1fr; gap: 18px; margin-bottom: 64px; }
    .nd-mag__lead { max-width: 60ch; }
    .nd-newsgrid--mag { grid-template-columns: 1fr; }
}
@media (max-width: 767.98px) {
    .nd-pricetable thead { display: none; }
    .nd-pricetable, .nd-pricetable tbody, .nd-pricetable tr, .nd-pricetable td { display: block; }
    .nd-pricetable tbody tr { padding: 12px 0; border-top: 1px solid var(--nd-border); }
    .nd-pricetable td { padding: 3px 0; border: 0 !important; text-align: left; }
    .nd-pricetable td[data-label]::before { content: attr(data-label) ": "; color: var(--nd-text-3); }
    .nd-pricetable td[data-label="Paket"]::before, .nd-pricetable td[data-label="Package"]::before { content: ""; }
    .nd-pricetable__action { text-align: left; padding-top: 6px; }
    .nd-columns--2 { grid-template-columns: 1fr; }
}

.nd-body #layers2, .nd-body #layers2-body {
    --app-background: transparent;
    --whmcs-ca-base: transparent;
    --components-background: var(--nd-surface);
    --components-border: var(--nd-border);
    --text-default: var(--nd-text);
    --text-faded: var(--nd-text-3);
    --text-headers: var(--nd-text);
    --text-white: #FFFFFF;
    --color-grey: var(--nd-border-2);
    --color-grey-light: var(--nd-text-4);
    --color-grey-light-faded: var(--nd-border-2);
    --color-grey-dark: var(--nd-text-2);
    --table-lines: var(--nd-border);
    --type-default: var(--nd-surface-3);
    --type-default-hover: var(--nd-border);
    --type-default-active: var(--nd-border-2);
    --type-default-faded: var(--nd-surface-2);
    --type-primary: var(--nd-primary);
    --type-primary-hover: var(--nd-primary-hover);
    --type-primary-active: var(--nd-primary-ink);
    --type-primary-faded: var(--nd-primary-soft);
    --type-secondary: var(--nd-accent);
    --type-secondary-hover: var(--nd-accent-hover);
    --type-secondary-active: var(--nd-accent-ink);
    --type-secondary-faded: var(--nd-accent-soft);
    --type-info: var(--nd-accent);
    --type-info-hover: var(--nd-accent-hover);
    --type-info-active: var(--nd-accent-ink);
    --type-info-faded: var(--nd-accent-soft);
    --type-success: var(--nd-primary);
    --type-success-hover: var(--nd-primary-hover);
    --type-success-active: var(--nd-primary-ink);
    --type-success-faded: var(--nd-primary-soft);
    --type-warning: var(--nd-warn);
    --type-warning-hover: var(--nd-warn-ink);
    --type-warning-active: var(--nd-warn-ink);
    --type-warning-faded: var(--nd-warn-soft);
    --type-danger: var(--nd-danger);
    --type-danger-hover: var(--nd-danger-hover);
    --type-danger-active: var(--nd-danger-ink);
    --type-danger-faded: var(--nd-danger-soft);
    --type-critical: var(--nd-danger-ink);
    --type-critical-hover: var(--nd-danger);
    --type-critical-active: var(--nd-danger-ink);
    --type-critical-faded: var(--nd-danger-soft);
    --input-border-hover: var(--nd-border-3);
    --input-border-active: var(--nd-primary);
    --input-label-background: var(--nd-surface-2);
    --tile-btn-text: var(--nd-text);
    --tile-btn-border: var(--nd-border-2);
    --tile-btn-text-hover: var(--nd-primary-ink);
    --tile-btn-border-hover: var(--nd-primary);
    --graph-grid: var(--nd-border);
    --tooltip-background: var(--nd-inverse);
    --tooltip-text: var(--nd-inverse-text);
    --scrollbar-track: var(--nd-surface-2);
    --scrollbar-thumb: var(--nd-border-3);
    --switcher-inactive-background: var(--nd-border-2);
}

.nd-service__module #layers2 { font-family: var(--nd-font); color: var(--nd-text); }
.nd-service__module #layers2 button, .nd-service__module #layers2 input, .nd-service__module #layers2 select,
.nd-service__module #layers2 textarea, .nd-service__module #layers2 .lu-top__title, .nd-service__module #layers2 .h4 { font-family: inherit; }
.nd-service__module #layers2 .lu-app { min-height: 0 !important; height: auto; border-radius: 0; background: transparent; }
.nd-service__module #layers2 .lu-app .lu-app-main__body { padding: 0; }
.nd-service__module #layers2 .modulesgarden-app-main-container { display: flex; flex-direction: column; gap: 36px; }
.nd-service__module #layers2 .modulesgarden-app-main-container > .lu-row:first-child:empty,
.nd-service__module #layers2 .modulesgarden-app-main-container > div:empty { display: none; }
.nd-service__module #layers2 .modulesgarden-app-main-container > .lu-row:first-child { display: none; }
.nd-service__module .clear { display: none; }

.nd-service__module #layers2 .lu-tiles-wrapper > .h4,
.nd-service__module #layers2 .lu-widget > .lu-widget__header > .lu-widget__top,
.nd-service__module #layers2 .lu-widget > .lu-widget__body > .lu-widget__header > .lu-widget__top {
    display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 0;
    margin: 0 0 4px !important; padding: 0 0 10px !important; border: 0; border-bottom: 2px solid var(--nd-text);
    background: transparent; text-align: left;
}
.nd-service__module #layers2 .lu-tiles-wrapper > .h4,
.nd-service__module #layers2 .lu-top__title { font-size: 13px !important; font-weight: 500; line-height: 1.4; letter-spacing: 0.08em; text-transform: uppercase; color: var(--nd-text); }
.nd-service__module #layers2 .lu-top__title > i { display: none; }
.nd-service__module #layers2 .lu-top__toolbar { display: flex; align-items: center; gap: 8px; }

.nd-service__module #layers2 .lu-tiles-wrapper { margin: 0; }
.nd-service__module #layers2 .lu-tiles { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding-top: 10px; }
.nd-service__module #layers2 .lu-tiles > .lu-col-sm-20p, .nd-service__module #layers2 .lu-tiles > [class*="lu-col"] { flex: 0 0 auto; width: auto; max-width: none; padding: 0; display: block; }
.nd-service__module #layers2 .lu-tile { width: auto; margin: 0 !important; box-shadow: none; }
.nd-service__module #layers2 .lu-tile .lu-i-c-6x { display: none; }
.nd-service__module #layers2 .lu-tile--btn {
    display: inline-flex; flex-direction: row; align-items: center; gap: 8px; min-height: 36px; padding: 6px 14px;
    border: 1px solid var(--nd-border-2); border-radius: 6px; background: var(--nd-surface); color: var(--nd-text);
    font-size: 13.5px; font-weight: 500; text-align: left; transition: border-color 0.15s ease, color 0.15s ease, background-color 0.15s ease;
}
.nd-service__module #layers2 .lu-tile--btn:hover, .nd-service__module #layers2 .lu-tile--btn:focus-visible { border-color: var(--nd-primary); color: var(--nd-primary-ink); background: var(--nd-surface); text-decoration: none; }
.nd-service__module #layers2 .lu-tile--btn:focus-visible { outline: none; box-shadow: var(--nd-ring); }
.nd-service__module #layers2 .lu-tile--btn .lu-tile__title { margin: 0; min-height: 0; line-height: 1.3; display: block; }
.nd-service__module #layers2 .lu-tile.disabled, .nd-service__module #layers2 .lu-tile.is-disabled, .nd-service__module #layers2 .lu-tile[disabled],
.nd-service__module #layers2 .lu-tile--btn.lu-is-disabled { opacity: 0.45; pointer-events: none; }

.nd-service__module #layers2 .nd-vm { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 0 24px; }
.nd-service__module #layers2 .nd-vm > * { grid-column: 1 / -1; }
.nd-service__module #layers2 .nd-vm > .nd-vm__head { grid-column: 1; grid-row: 1; }
.nd-service__module #layers2 .nd-vm > #serviceActions { grid-column: 2; grid-row: 1; }
.nd-service__module #layers2 .nd-vm > .nd-vm__facts { margin-top: 22px; }
.nd-service__module #layers2 .nd-vm > .nd-vm-tiles:not(#serviceActions) { margin-top: 40px; }
.nd-service__module #layers2 .nd-vm > .nd-vm-details { margin-top: 40px; }
.nd-service__module #layers2 .nd-vm > .lu-widget { margin-top: 36px; }
.nd-service__module #layers2 .nd-vm > .lu-widget.nd-vm-details { margin-top: 40px; }

.nd-vm__head { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; min-height: 40px; }
.nd-vm__state { display: inline-flex; align-items: baseline; gap: 10px; font-size: 15px; }
.nd-vm__state-label { font-size: 22px; font-weight: 600; line-height: 1.1; color: var(--nd-text); }
.nd-vm__uptime { color: var(--nd-text-3); font-size: 14px; }
.nd-vm__dot { position: relative; top: -2px; width: 11px; height: 11px; border-radius: 50%; background: var(--nd-text-4); flex-shrink: 0; align-self: center; }
.nd-vm__head[data-nd-tone="ok"] .nd-vm__dot { background: var(--nd-primary); box-shadow: 0 0 0 4px var(--nd-primary-soft); }
.nd-vm__head[data-nd-tone="off"] .nd-vm__dot { background: var(--nd-danger); }
.nd-vm__head[data-nd-tone="warn"] .nd-vm__dot { background: var(--nd-warn); }
.nd-service__module #layers2 .nd-vm__console {
    display: inline-flex; align-items: center; gap: 8px; min-height: 36px; padding: 6px 16px; border: 1px solid var(--nd-primary); border-radius: 6px;
    background: var(--nd-primary); color: #fff; font: inherit; font-size: 13.5px; font-weight: 500; cursor: pointer; transition: background-color 0.15s ease, border-color 0.15s ease;
}
.nd-service__module #layers2 .nd-vm__console:hover { background: var(--nd-primary-hover); border-color: var(--nd-primary-hover); }
.nd-vm__console:focus-visible { outline: none; box-shadow: var(--nd-ring); }
.nd-service__module #layers2 .nd-vm__console:hover { color: #fff; text-decoration: none; }
.nd-vm__console.is-disabled { opacity: 0.45; cursor: default; pointer-events: none; }
.nd-vm__console i { font-size: 12px; }

.nd-service__module #layers2 .nd-vm > #serviceActions > .h4 { display: none; }
.nd-service__module #layers2 .nd-vm > #serviceActions .lu-tiles { display: inline-flex; flex-wrap: wrap; gap: 0; padding: 0; border: 1px solid var(--nd-border-2); border-radius: 6px; background: var(--nd-surface); }
.nd-service__module #layers2 .nd-vm > #serviceActions .lu-tiles > [class*="lu-col"] + [class*="lu-col"] { border-left: 1px solid var(--nd-border-2); }
.nd-service__module #layers2 .nd-vm > #serviceActions .lu-tile--btn { min-height: 34px; padding: 5px 13px; border: 0; border-radius: 0; background: transparent; font-size: 13px; }
.nd-service__module #layers2 .nd-vm > #serviceActions .lu-tile--btn:hover { background: var(--nd-surface-2); }
.nd-service__module #layers2 .nd-vm > #serviceActions [data-nd-key="changePassword"] { margin-left: 8px; border-left: 0 !important; }
.nd-service__module #layers2 .nd-vm > #serviceActions [data-nd-key="changePassword"] .lu-tile--btn { border: 1px solid var(--nd-border-2); border-radius: 6px; margin: -1px; }
.nd-service__module #layers2 .nd-vm > #serviceActions .lu-tiles > [disabled] { opacity: 1; }
.nd-service__module #layers2 .nd-vm > #serviceActions .lu-tiles > [disabled] .lu-tile--btn { color: var(--nd-text-4); pointer-events: none; }

.nd-vm__facts { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px 28px; margin: 0; padding: 18px 0 0; border-top: 1px solid var(--nd-border); }
.nd-vm__fact { min-width: 0; }
.nd-vm__fact dt { margin: 0 0 3px; font-size: 11.5px; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; color: var(--nd-text-3); }
.nd-vm__fact dd { margin: 0; font-size: 15px; font-weight: 500; color: var(--nd-text); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.nd-vm__bar { height: 4px; margin-top: 8px; border-radius: 2px; background: var(--nd-border); overflow: hidden; }
.nd-vm__bar i { display: block; height: 100%; min-width: 2px; border-radius: 2px; background: var(--nd-primary); transition: width 0.4s ease; }
.nd-vm__fact.is-high .nd-vm__bar i { background: var(--nd-warn); }
@media (max-width: 991.98px) { .nd-vm__facts { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 575.98px) { .nd-vm__facts { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

.nd-service__module #layers2 .nd-vm > .nd-vm-tiles:not(#serviceActions) > .h4 { display: none; }
.nd-service__module #layers2 .nd-vm > .nd-vm-tiles:not(#serviceActions) .lu-tiles { grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-flow: dense; gap: 0 36px; padding: 0; }
.nd-service__module #layers2 .nd-vm [data-nd-group="backup"] { grid-column: 1; }
.nd-service__module #layers2 .nd-vm [data-nd-group="net"] { grid-column: 2; }
.nd-service__module #layers2 .nd-vm [data-nd-group="system"] { grid-column: 3; }
.nd-service__module #layers2 .nd-vm [data-nd-group="access"], .nd-service__module #layers2 .nd-vm [data-nd-group="other"] { grid-column: 4; }
.nd-service__module #layers2 .nd-vm [data-nd-group-title]::before {
    content: attr(data-nd-group-title); display: block; margin: 0 0 4px; padding: 0 0 10px; border-bottom: 2px solid var(--nd-text);
    font-size: 13px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; color: var(--nd-text);
}
@media (max-width: 991.98px) {
    .nd-service__module #layers2 .nd-vm > .nd-vm-tiles:not(#serviceActions) .lu-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .nd-service__module #layers2 .nd-vm [data-nd-group="system"] { grid-column: 1; }
    .nd-service__module #layers2 .nd-vm [data-nd-group="access"], .nd-service__module #layers2 .nd-vm [data-nd-group="other"] { grid-column: 2; }
}
@media (max-width: 575.98px) {
    .nd-service__module #layers2 .nd-vm > .nd-vm-tiles:not(#serviceActions) .lu-tiles { display: flex; flex-direction: column; }
    .nd-service__module #layers2 .nd-vm > .nd-vm-tiles:not(#serviceActions) .lu-tiles > [class*="lu-col"] { width: 100%; }
    .nd-service__module #layers2 .nd-vm [data-nd-group-title]:not(:first-child) { margin-top: 32px; }
}

.nd-service__module #layers2 .nd-vm tr.nd-vm-hidden { display: none; }

@media (max-width: 767.98px) {
    .nd-service__module #layers2 .nd-vm { grid-template-columns: minmax(0, 1fr); }
    .nd-service__module #layers2 .nd-vm > #serviceActions { grid-column: 1; grid-row: auto; margin-top: 14px; }
    .nd-service__module #layers2 .nd-vm > #serviceActions .lu-tiles { display: flex; }
    .nd-service__module #layers2 .nd-vm > #serviceActions .lu-tiles > [class*="lu-col"] { flex: 1 1 auto; }
    .nd-service__module #layers2 .nd-vm > #serviceActions .lu-tile--btn { width: 100%; justify-content: center; }
    .nd-service__module #layers2 .nd-vm > #serviceActions [data-nd-key="changePassword"] { margin-left: 0; flex-basis: 100%; border-top: 1px solid var(--nd-border-2); }
    .nd-service__module #layers2 .nd-vm > #serviceActions [data-nd-key="changePassword"] .lu-tile--btn { border: 0; border-radius: 0; margin: 0; }
    .nd-vm__head { justify-content: space-between; }
}

.nd-service__module #layers2 .lu-tiles-wrapper:not(#serviceActions) .lu-tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 32px; padding-top: 2px; }
.nd-service__module #layers2 .lu-tiles-wrapper:not(#serviceActions) .lu-tiles > [class*="lu-col"] { width: auto; min-width: 0; }
.nd-service__module #layers2 .lu-tiles-wrapper:not(#serviceActions) .lu-tile--btn {
    display: flex; justify-content: space-between; width: 100%; min-height: 0; padding: 11px 2px 11px 0;
    border: 0; border-bottom: 1px solid var(--nd-border); border-radius: 0; background: transparent; font-size: 14.5px;
}
.nd-service__module #layers2 .lu-tiles-wrapper:not(#serviceActions) .lu-tile--btn::after {
    content: ""; flex-shrink: 0; width: 7px; height: 7px; margin-left: 12px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor;
    transform: rotate(-45deg); color: var(--nd-text-4); transition: transform 0.15s ease, color 0.15s ease;
}
.nd-service__module #layers2 .lu-tiles-wrapper:not(#serviceActions) .lu-tile--btn:hover { background: transparent; border-bottom-color: var(--nd-border); }
.nd-service__module #layers2 .lu-tiles-wrapper:not(#serviceActions) .lu-tile--btn:hover::after { color: var(--nd-primary-ink); transform: translateX(3px) rotate(-45deg); }
.nd-service__module #layers2 .lu-tiles-wrapper:not(#serviceActions) .lu-tile--btn:focus-visible { box-shadow: none; outline: 2px solid var(--nd-primary); outline-offset: -2px; }
@media (max-width: 991.98px) { .nd-service__module #layers2 .lu-tiles-wrapper:not(#serviceActions) .lu-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 575.98px) { .nd-service__module #layers2 .lu-tiles-wrapper:not(#serviceActions) .lu-tiles { grid-template-columns: 1fr; } }

.nd-service__module #layers2 .lu-widget { margin: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.nd-service__module #layers2 .lu-widget + .lu-widget { margin-top: 0; }
.nd-service__module #layers2 .lu-widget__header { border: 0; background: transparent; cursor: default; }
.nd-service__module #layers2 .lu-widget__body { padding: 0; border: 0; background: transparent; }
.nd-service__module #layers2 .lu-widget__content { padding: 10px 0 0; }
.nd-service__module #layers2 .lu-widget__content > .lu-table:not(.lu-table-simple) { margin: 0; }
.nd-service__module #layers2 .lu-widget .lu-widget { margin: 0; }
.nd-service__module #layers2 .lu-tab-content > .lu-tab-pane { padding: 0 !important; }

.nd-service__module #layers2 .lu-widget__header:has(.lu-widget__nav) > .lu-widget__top { border-bottom: 0; padding-bottom: 6px !important; }
.nd-service__module #layers2 .lu-widget__nav { margin: 0; padding: 0; border-bottom: 2px solid var(--nd-text); background: transparent; }
.nd-service__module #layers2 .lu-widget__nav .lu-nav--tabs .lu-nav__link { padding: 10px 16px 10px 0; margin-right: 8px; margin-bottom: -2px; border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: transparent; font-size: 14px; font-weight: 500; color: var(--nd-text-3); }
.nd-service__module #layers2 .lu-widget__nav .lu-nav--tabs .lu-nav__item.is-active .lu-nav__link { color: var(--nd-text); border-bottom-color: var(--nd-primary); }
.nd-service__module #layers2 .lu-widget__nav .lu-nav--tabs .lu-nav__link:hover { color: var(--nd-text); }

.nd-service__module #layers2 .lu-t-c { background: transparent; }
.nd-service__module #layers2 .lu-t-c .lu-t-c__top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 0; border: 0; }
.nd-service__module #layers2 .lu-top__search { max-width: 280px; }
.nd-service__module #layers2 .lu-table { width: 100%; font-size: 14px; color: var(--nd-text); border-collapse: collapse; }
.nd-service__module #layers2 .lu-table thead, .nd-service__module #layers2 .lu-table thead tr, .nd-service__module #layers2 .lu-table .lu-rail { background: transparent; }
.nd-service__module #layers2 .lu-t-c__wrapper, .nd-service__module #layers2 .lu-d-grid { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.nd-service__module #layers2 .lu-table thead th, .nd-service__module #layers2 .lu-table thead td {
    padding: 10px 16px 8px 0; border: 0; border-bottom: 1px solid var(--nd-border); background: transparent !important;
    font-size: 11.5px; font-weight: 500; letter-spacing: 0.04em; text-transform: uppercase; text-align: left; color: var(--nd-text-3); white-space: nowrap;
}
.nd-service__module #layers2 .lu-table .lu-table__text { font: inherit; color: inherit; }
.nd-service__module #layers2 .lu-table tbody td { padding: 12px 16px 12px 0; border: 0; border-bottom: 1px solid var(--nd-border); background: transparent; vertical-align: middle; line-height: 1.45; }
.nd-service__module #layers2 .lu-table tbody tr:hover > td { background: var(--nd-surface-2); }
.nd-service__module #layers2 .lu-table tbody td > div { line-height: 1.45; }
.nd-service__module #layers2 .lu-table tbody td.lu-cell-actions { text-align: right; white-space: nowrap; }
.nd-service__module #layers2 .lu-table th.mgTableActionsHeader { width: 1%; }

.nd-service__module #layers2 .lu-table-simple tbody td:first-child { width: 220px; color: var(--nd-text-3); font-size: 13px; font-weight: 500; }
.nd-service__module #layers2 .lu-table-simple tbody td:last-child { overflow-wrap: anywhere; }
.nd-service__module #layers2 .lu-table-simple tbody tr:hover > td { background: transparent; }
.nd-service__module #layers2 .lu-table-simple .copy-text-inline-component a { margin-left: 6px; color: var(--nd-text-4); }
.nd-service__module #layers2 .lu-table-simple .copy-text-inline-component a:hover { color: var(--nd-primary-ink); }
.nd-service__module #layers2 .lu-no-data { padding: 18px 0; font-size: 14px; color: var(--nd-text-3); text-align: left; }
.nd-service__module #layers2 .lu-d-grid:has(tbody:not(:empty)) > .lu-no-data { display: none; }
.nd-service__module #layers2 .lu-t-c__footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; padding: 10px 0 0; border: 0; font-size: 13px; }
.nd-service__module #layers2 .paginate_button, .nd-service__module #layers2 .dt-button { padding: 4px 6px; border: 0; border-radius: 4px; color: var(--nd-text-3); background: transparent; font-size: 13px; }
.nd-service__module #layers2 .paginate_button.current, .nd-service__module #layers2 .dt-button.active { color: var(--nd-text); font-weight: 500; background: var(--nd-surface-3); }
.nd-service__module #layers2 .paginate_button.disabled { opacity: 0.4; }

.nd-service__module #layers2 .lu-dt-buttons { display: flex; gap: 2px; }

.nd-service__module #layers2 .lu-label { display: inline-flex; align-items: center; gap: 7px; height: 24px; padding: 0 9px; border-radius: 999px; font-size: 12.5px; font-weight: 500; line-height: 1; text-transform: none; letter-spacing: 0; }
.nd-service__module #layers2 .lu-label--status { background: var(--nd-surface-3) !important; color: var(--nd-text-2) !important; }
.nd-service__module #layers2 .lu-label--status::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--nd-text-4); }
.nd-service__module #layers2 .lu-label--status > i, .nd-service__module #layers2 .lu-label--status .lu-label__icon { display: none; }
.nd-service__module #layers2 .lu-label--status.lu-label--success { background: var(--nd-primary-soft) !important; color: var(--nd-primary-ink) !important; }
.nd-service__module #layers2 .lu-label--status.lu-label--success::before { background: var(--nd-primary); }
.nd-service__module #layers2 .lu-label--status.lu-label--warning { background: var(--nd-warn-soft) !important; color: var(--nd-warn-ink) !important; }
.nd-service__module #layers2 .lu-label--status.lu-label--warning::before { background: var(--nd-warn); }
.nd-service__module #layers2 .lu-label--status.lu-label--danger, .nd-service__module #layers2 .lu-label--status.lu-label--critical { background: var(--nd-danger-soft) !important; color: var(--nd-danger-ink) !important; }
.nd-service__module #layers2 .lu-label--status.lu-label--danger::before, .nd-service__module #layers2 .lu-label--status.lu-label--critical::before { background: var(--nd-danger); }
.nd-service__module #layers2 .lu-label--status.lu-label--info, .nd-service__module #layers2 .lu-label--status.lu-label--primary { background: var(--nd-accent-soft) !important; color: var(--nd-accent-ink) !important; }
.nd-service__module #layers2 .lu-label--status.lu-label--info::before, .nd-service__module #layers2 .lu-label--status.lu-label--primary::before { background: var(--nd-accent); }

.nd-service__module #layers2 .lu-btn { font: inherit; font-size: 13.5px; font-weight: 500; letter-spacing: 0; text-transform: none; border-radius: 6px; box-shadow: none; }
.nd-service__module #layers2 .lu-btn:not(.lu-btn--icon):not(.lu-btn--link):not(.lu-input-group__btn) { min-height: 36px; padding: 6px 14px; }
.nd-service__module #layers2 .lu-btn--sm:not(.lu-btn--icon) { min-height: 30px; padding: 3px 10px; font-size: 13px; }
.nd-service__module #layers2 .lu-btn--outline { background: var(--nd-surface); }
.nd-service__module #layers2 .lu-btn:focus-visible { outline: none; box-shadow: var(--nd-ring); }
.nd-service__module #layers2 .lu-icon-btn { border-radius: 6px; }
.nd-service__module #layers2 .lu-form-control, .nd-service__module #layers2 .lu-input-group {
    min-height: 36px; border: 1px solid var(--nd-border-2); border-radius: 6px; background: var(--nd-surface); color: var(--nd-text); font: inherit; font-size: 14px; box-shadow: none;
}
.nd-service__module #layers2 .lu-input-group .lu-form-control, .nd-service__module #layers2 .lu-input-group .lu-input-group__btn { min-height: 0; border: 0; border-radius: 0; background: transparent; }
.nd-service__module #layers2 .lu-input-group .lu-input-group__btn { border-left: 1px solid var(--nd-border-2); }
.nd-service__module #layers2 .lu-form-control:focus, .nd-service__module #layers2 .lu-input-group:focus-within { border-color: var(--nd-primary); box-shadow: var(--nd-ring); }
.nd-service__module #layers2 .lu-form-control::placeholder { color: var(--nd-text-4); }
.nd-service__module #layers2 .lu-form-label { font-size: 13.5px; font-weight: 500; color: var(--nd-text-2); }
.nd-service__module #layers2 .lu-form-group { margin-bottom: 16px; }
.nd-service__module #layers2 .lu-input-group__icon { color: var(--nd-text-4); }

.nd-service__module #layers2 .lu-alert { margin: 0; padding: 12px 16px; border: 0; border-radius: 10px; font-size: 14px; line-height: 1.5; }
.nd-service__module #layers2 .lu-alert.lu-alert--info { background: var(--nd-accent-soft); color: var(--nd-accent-ink); }
.nd-service__module #layers2 .lu-alert.lu-alert--success { background: var(--nd-primary-soft); color: var(--nd-primary-ink); }
.nd-service__module #layers2 .lu-alert.lu-alert--warning { background: var(--nd-warn-soft); color: var(--nd-warn-ink); }
.nd-service__module #layers2 .lu-alert.lu-alert--danger { background: var(--nd-danger-soft); color: var(--nd-danger-ink); }
.nd-service__module #layers2 .lu-alert + .lu-widget, .nd-service__module #layers2 .lu-alert + .lu-tiles-wrapper { margin-top: 14px; }

.nd-service__module #layers2 .lu-progress { gap: 12px; margin: 0 0 10px; }
.nd-service__module #layers2 .lu-progress__label { font-size: 13.5px; color: var(--nd-text-2); }
.nd-service__module #layers2 .lu-progress__bar { height: 8px; border-radius: 999px; background: var(--nd-border) !important; overflow: hidden; }
.nd-service__module #layers2 .lu-progress__fill { border-radius: 999px; }

.nd-body #layers2 .lu-modal, .nd-body .lu-modal { background: var(--nd-backdrop); }
.nd-body .lu-modal__content { border: 1px solid var(--nd-border); border-radius: 14px; background: var(--nd-surface); color: var(--nd-text); box-shadow: var(--nd-shadow-lg); font-family: var(--nd-font); }
.nd-body .lu-modal__top { padding: 18px 22px; border-bottom: 1px solid var(--nd-border); }
.nd-body .lu-modal__top .lu-top__icon { display: none; }
.nd-body .lu-modal__top .lu-top__title { font-size: 1.1rem !important; font-weight: 500; text-transform: none; letter-spacing: 0; color: var(--nd-text) !important; }
.nd-body .lu-modal__body { padding: 22px; border: 0; }
.nd-body .lu-modal__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; padding: 16px 22px 20px; border-top: 1px solid var(--nd-border); }
.nd-body .lu-modal .lu-btn { font-family: var(--nd-font); font-size: 13.5px; font-weight: 500; min-height: 36px; padding: 6px 14px; border-radius: 6px; text-transform: none; }
.nd-body .lu-modal .lu-form-control, .nd-body .lu-modal .lu-input-group { min-height: 38px; border: 1px solid var(--nd-border-2); border-radius: 6px; background: var(--nd-surface); color: var(--nd-text); font-family: var(--nd-font); }
.nd-body .lu-modal .lu-input-group .lu-form-control, .nd-body .lu-modal .lu-input-group .lu-input-group__btn { min-height: 0; border: 0; border-radius: 0; background: transparent; }
.nd-body .lu-modal .lu-input-group .lu-input-group__btn { border-left: 1px solid var(--nd-border-2); }
.nd-body .lu-modal .lu-form-label { font-size: 13.5px; font-weight: 500; color: var(--nd-text-2); }

.nd-body .lu-modal--info .lu-btn--plain.lu-btn--danger { background: var(--nd-primary); border-color: var(--nd-primary); color: var(--nd-on-primary); }
.nd-body .lu-modal--info .lu-btn--plain.lu-btn--danger:hover { background: var(--nd-primary-hover); border-color: var(--nd-primary-hover); }
.nd-body .lu-modal--info .lu-btn--outline.lu-btn--danger { color: var(--nd-text); border-color: var(--nd-border-2); }
.nd-body .lu-modal--info .lu-btn--outline.lu-btn--danger:hover { color: var(--nd-text); border-color: var(--nd-text-4); background: var(--nd-surface-2); }

.nd-service__module #layers2 .apexcharts-text tspan, .nd-service__module #layers2 .apexcharts-text { fill: var(--nd-text-3); font-family: var(--nd-font) !important; }
.nd-service__module #layers2 .apexcharts-gridline, .nd-service__module #layers2 .apexcharts-xaxis line, .nd-service__module #layers2 .apexcharts-yaxis line { stroke: var(--nd-border); }
.nd-service__module #layers2 .apexcharts-xaxis-tick { stroke: var(--nd-border-2); }
.nd-service__module #layers2 .apexcharts-legend-text { color: var(--nd-text-2) !important; font-family: var(--nd-font) !important; }
.nd-service__module #layers2 .apexcharts-tooltip { border-color: var(--nd-border); background: var(--nd-surface); color: var(--nd-text); box-shadow: var(--nd-shadow-md); }
.nd-service__module #layers2 .apexcharts-tooltip-title { background: var(--nd-surface-2); border-color: var(--nd-border); }

.nd-modnav { display: flex; flex-wrap: wrap; gap: 2px 22px; margin: -6px 0 26px; padding: 0 0 10px; border-bottom: 1px solid var(--nd-border); font-size: 13.5px; }
.nd-modnav__link { position: relative; padding: 6px 0; color: var(--nd-text-3); font-weight: 500; white-space: nowrap; }
.nd-modnav__link:hover, .nd-modnav__link:focus { color: var(--nd-text); text-decoration: none; }
.nd-modnav__link.active { color: var(--nd-text); text-decoration: underline; text-decoration-color: var(--nd-primary); text-decoration-thickness: 2px; text-underline-offset: 7px; }
.nd-modnav__link.disabled { opacity: 0.45; pointer-events: none; }
.nd-service__module--page { padding-top: 0; }
