/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */

/* Custom CSS for Nexus Theme
 *
 * This file allows you to customize the theme colors and styles for the entire Nexus template.
 *
 * To customize colors:
 * - Replace the var() references with your own hex colors or other CSS values.
 * - For example, instead of --primary: #4b5563; use --primary: #your-color;
 * - You can also override any CSS properties here.
 */

:root {
    --white: #fff;

    /* Neutral shades */
    --neutral-50: #fbf9fa;
    --neutral-100: #f4f5f7;
    --neutral-200: #e4e4e7;
    --neutral-300: #d0d5dd;
    --neutral-400: #9ca3af;
    --neutral-500: #6b7280;
    --neutral-600: #4b5563;
    --neutral-700: #374151;
    --neutral-800: #1f2937;
    --neutral-900: #111827;
    --neutral-950: #030712;

    /* Neutral shades */
    /* define own pallet with brand colors */
    --primary-50: var(--neutral-50);
    --primary-100: var(--neutral-100);
    --primary-200: var(--neutral-200);
    --primary-300: var(--neutral-300);
    --primary-400: var(--neutral-400);
    --primary-500: var(--neutral-500);
    --primary-600: var(--neutral-600);
    --primary-700: var(--neutral-700);
    --primary-800: var(--neutral-800);
    --primary-900: var(--neutral-900);
    --primary-950: var(--neutral-900);

    /* Primary colors */
    /* Use shades from comments if `primary` colors use other colors, then neutral */
    --primary: var(--neutral-900);          /* var(--primary-600) */
    --primary-lifted: var(--neutral-800);   /* var(--primary-700) */
    --primary-accented: var(--neutral-700); /* var(--primary-800) */

    /* Secondary colors */
    --secondary: var(--neutral-500);
    --secondary-lifted: var(--neutral-600);
    --secondary-accented: var(--neutral-700);

    /* Success colors */
    --success: #00a63e;
    --success-lifted: #008236;
    --success-accented: #016630;

    /* Info colors */
    --info: #155dfc;
    --info-lifted: #1447e6;
    --info-accented: #193cb8;

    /* Notice colors */
    --notice: #7f22fe;
    --notice-lifted: #7008e7;
    --notice-accented: #5d0ec0;

    /* Warning colors */
    --warning: #f54a00;
    --warning-lifted: #ca3500;
    --warning-accented: #9f2d00;

    /* Error colors */
    --error: #e7000b;
    --error-lifted: #c10007;
    --error-accented: #9f0712;

    /* Grayscale colors */
    --grayscale: var(--neutral-900);
    --grayscale-lifted: var(--neutral-800);
    --grayscale-accented: var(--neutral-700);

    /* Neutral colors */
    --neutral: var(--neutral-500);
    --neutral-lifted: var(--neutral-600);
    --neutral-accented: var(--neutral-700);

    /* Text neutral colors */
    --text-inverted: var(--white);
    --text-muted: var(--neutral-400);
    --text-lifted: var(--neutral-500);
    --text-accented: var(--neutral-600);
    --text: var(--neutral-900);

    /* Border neutral colors */
    --border-muted: var(--neutral-200);
    --border: var(--neutral-300);
    --border-lifted: var(--neutral-400);
    --border-accented: var(--neutral-600);

    /* Background neutral colors */
    --bg: var(--white);
    --bg-muted: var(--neutral-50);
    --bg-lifted: var(--neutral-100);
    --bg-accented: var(--neutral-200);
    --bg-inverted: var(--neutral-900);

    /* Additional colors */
    --yellow-200: #fff085;
    --yellow-300: #ffdf20;
    --teal-300: #46edd5;
    --teal-400: #00d5be;
    --emerald-300: #5ee9b5;
    --pink-400: #fb64b6;

    /* Additional custom properties */
    /* Font sizes */
    --text-xs: 0.625rem;
    --text-sm: 0.75rem;
    --text-md: 0.875rem;
    --text-lg: 1rem;

    /* Spacing */
    --outline-sm: 1px;
    --outline-md: 2px;
    --outline-lg: 3px;

    /* Rounding */
    --rounding-sm: 0.25rem;
    --rounding-md: 0.5rem;
    --rounding-lg: 0.75rem;

    /* Other */
    --letter-spacing: 0em;
    --disabled-opacity: 25%;
}
/* =====================================================================================================================
   PRABHU HOST FOUNDATION for Nexus (nexusprabhu). Nexus standard: brand through the design tokens, not through selectors.
   Values are the Prabhu Host ones used by the kohost theme (CLAUDE.md "Colour token decision": action blue #0066cc, accent orange
   #f97316, navy #0b2a5b, page #faf7f4, hairline #e3ebf6, muted #646b79) and the font of prabhuhost.com (Manrope).
   Every Nexus component (and the cart, which reads --primary/--border/... through its --vl-* variables) follows these.
   The --sc-* names are kept on purpose: the imported client-area rules (40-stable-import.css) are written against them, so they
   take the Prabhu palette without touching a selector. --ph-* are the Kohost names, so rules ported from kohost work unchanged.
   ===================================================================================================================== */
@font-face { font-family: "Manrope"; font-style: normal; font-weight: 200 800; font-display: swap; src: url("../prabhu/fonts/Manrope-VariableFont_wght.woff2") format("woff2"); }

:root {
    --sc-font: "Manrope", system-ui, -apple-system, "Segoe UI", arial, sans-serif;
    --font-family-sans-serif: var(--sc-font);
    --font-family-monospace: var(--sc-font); /* Nexus uses the mono stack for some labels (cart options, eyebrows); prabhuhost.com does not */

    /* neutral scale: Prabhu greys (ink #111827, body #1f2937, muted #646b79, hairline #e3ebf6) */
    --neutral-50: #f6f9fc;
    --neutral-100: #eef2f7;
    --neutral-200: #e3ebf6;
    --neutral-300: #cbd5e1;
    --neutral-400: #9ca3af;
    --neutral-500: #646b79;
    --neutral-600: #4b5563;
    --neutral-700: #374151;
    --neutral-800: #1f2937;
    --neutral-900: #111827;
    --neutral-950: #0b1220;

    /* primary = Prabhu action blue */
    --primary-50: #f0f7ff;
    --primary-100: #e0eefe;
    --primary-200: #bfdcfb;
    --primary-300: #8fc1f7;
    --primary-400: #4d9bf0;
    --primary-500: #1a80e6;
    --primary-600: #0066cc;
    --primary-700: #0054aa;
    --primary-800: #064476;
    --primary-900: #0b2f52;
    --primary-950: #071d33;
    --primary: var(--primary-600);
    --primary-lifted: var(--primary-700);
    --primary-accented: var(--primary-800);

    --success: #16a34a;
    --success-lifted: #15803d;
    --success-accented: #166534;
    --info: #0891b2;
    --notice: #f97316;
    --notice-lifted: #ea580c;
    --notice-accented: #c2410c;

    --text: var(--neutral-800);
    --text-accented: var(--neutral-700);
    --text-lifted: var(--neutral-600);
    --text-muted: var(--neutral-500);
    --border-muted: var(--neutral-200);
    --border: var(--neutral-200);
    --bg-muted: var(--neutral-50);
    --bg-lifted: var(--neutral-100);
    --bg-inverted: var(--neutral-900);

    /* radii: Prabhu cards are 18px, controls 12px */
    --rounding-sm: .5rem;
    --rounding-md: .75rem;
    --rounding-lg: 1.125rem;
    --letter-spacing: 0;
}

/* Kohost token names (ported header/footer rules use these) */
:root {
    --ph-blue: #0066cc;
    --ph-blue-dark: #0054aa;
    --ph-orange: #f97316;
    --ph-orange-dark: #ea580c;
    --ph-edge: #f36b23;          /* marketing edge line (topbar, footer, mega panel bottom) */
    --ph-navy: #0b2a5b;
    --ph-ink: #111827;
    --ph-text: #1f2937;
    --ph-text-2: #374151;
    --ph-text-3: #4b5563;
    --ph-muted: #646b79;
    --ph-border-strong: #cbd5e1;
    --ph-line: #e3ebf6;
    --ph-line-soft: #eef2f7;
    --ph-tint: #f6f9fc;
    --ph-page: #f9fafb;
}

/* Names the imported client-area rules use (values are Prabhu's) */
:root {
    --sc-ink: #111827;
    --sc-body: #374151;
    --sc-muted: #646b79;
    --sc-blue: #0066cc;
    --sc-blue-dark: #0054aa;
    --sc-indigo: #0b2a5b;
    --sc-page: #f9fafb;
    --sc-card: #ffffff;
    --sc-line: #e3ebf6;
    --sc-line-indigo: #e3ebf6;
    --sc-tint: #f6f9fc;
    --sc-gradient-text: linear-gradient(to right, #0b2a5b, #0066cc);
    --sc-gradient-topbar: linear-gradient(90deg, #0b2a5b 0%, #0054aa 100%);
    --sc-gradient-band: linear-gradient(135deg, #0b2a5b 0%, #0054aa 100%);
    --sc-gradient-support: linear-gradient(135deg, #0b2a5b 0%, #0054aa 100%);
    --sc-bg-hero: radial-gradient(circle at 14% 18%, rgba(0, 102, 204, .14), transparent 26%), radial-gradient(circle at 86% 20%, rgba(249, 115, 22, .10), transparent 22%), linear-gradient(#faf7f4 0%, #faf7f4 100%);
    --sc-shadow-sm: 0 1px 3px rgba(23, 32, 51, .08);
    --sc-shadow-lg: 0 14px 35px rgba(23, 32, 51, .09), 0 2px 8px rgba(23, 32, 51, .05);
    --bg: var(--sc-card);
    --bg-muted: var(--sc-page);
}

/* Dark palette: Nexus has none, so it is expressed through the same semantic tokens (Prabhu dark: #0f172a page, #111827 card,
   #1e293b header, #475569 border, #60a5fa / #93c5fd accent) */
:root[data-bs-theme="dark"] {
    --sc-ink: #f8fafc;
    --sc-body: #cbd5e1;
    --sc-muted: #94a3b8;
    --sc-page: #0b1220;
    --sc-card: #111827;
    --sc-line: #334155;
    --sc-line-indigo: #334155;
    --sc-tint: #172033;
    --sc-gradient-text: linear-gradient(to right, #60a5fa, #93c5fd);
    --sc-bg-hero: radial-gradient(circle at 14% 18%, rgba(59, 155, 255, .10), transparent 26%), radial-gradient(circle at 86% 20%, rgba(249, 115, 22, .08), transparent 22%), linear-gradient(#0b1220 0%, #0b1220 100%);
    --sc-shadow-sm: none;
    --sc-shadow-lg: 0 20px 40px -12px rgba(0, 0, 0, .6);
    --sc-blue: #60a5fa;
    --sc-blue-dark: #93c5fd;
    --sc-indigo: #93c5fd;
    --primary: #3b9bff;
    --primary-lifted: #60a5fa;
    --primary-accented: #93c5fd;
    --text: var(--sc-ink);
    --text-accented: #e2e8f0;
    --text-lifted: #cbd5e1;
    --text-muted: #94a3b8;
    --border: #334155;
    --border-muted: #263247;
    --bg: var(--sc-card);
    --bg-muted: var(--sc-page);
    --bg-lifted: #172033;
    --bg-accented: #1e293b;
    --bg-inverted: #f8fafc;
}

/* Kohost names used by the ported homepage rules */
:root {
    --primary-dark: #0054aa;
    --primary-darker: #064476;
    --gradient-blue: linear-gradient(-81deg, #0054aa, #0066cc 50%, #0080ff);
    --gradient-orange: linear-gradient(81deg, #f97316, #fb923c 50%, #f88705);
    --accent: #f36b23;
    --cream: var(--ph-page);
}

/* Dark flips of the Kohost/Prabhu names: rules written with var(--ph-*) / var(--heading-color) keep working in dark mode (Prabhu dark palette) */
:root[data-bs-theme="dark"] {
    --ph-blue: #60a5fa;
    --ph-blue-dark: #93c5fd;
    --ph-orange: #fb923c;
    --ph-orange-dark: #fdba74;
    --ph-navy: #f8fafc;
    --ph-ink: #f8fafc;
    --ph-text: #f1f5f9;
    --ph-text-2: #e2e8f0;
    --ph-text-3: #cbd5e1;
    --ph-muted: #94a3b8;
    --ph-border-strong: #475569;
    --ph-line: #334155;
    --ph-line-soft: #263247;
    --ph-tint: #172033;
    --ph-page: #0b1220;
    --dark: #0b1220;        /* Nexus defines --dark as #343a40; kohost-origin rules paint the dark page with it */
    --primary-dark: #2563eb;
    --primary-darker: #1d4ed8;
    --heading-color: #f8fafc;
    --body-color: #cbd5e1;
    --border-color: #334155;
}
html { font-size: 16px; }
body { font-family: var(--sc-font); font-size: 1rem; line-height: 1.5; color: var(--sc-body); background-color: var(--sc-page); -webkit-font-smoothing: antialiased; }
button, input, select, textarea, .btn, .form-control { font-family: inherit; }
h1, h2 { font-weight: 500; letter-spacing: -.02em; color: var(--sc-ink); }
h3, h4, h5, h6 { font-weight: 600; letter-spacing: -.01em; color: var(--sc-ink); }
a { color: var(--sc-blue); }
a:hover { color: var(--sc-blue-dark); }
:focus-visible { outline: 2px solid var(--sc-blue); outline-offset: 2px; }
.container { width: 100%; max-width: 1440px; margin-inline: auto; padding-inline: 16px; }
@media (min-width: 640px) {
  .container { padding-inline: 24px; }
}
@media (min-width: 1024px) {
  .container { padding-inline: 32px; }
}
#main-body { padding: 32px 0 64px; background: transparent; }
.sc-skip { position: fixed; top: 8px; left: 8px; z-index: 100000; padding: 12px 20px; border-radius: 10px; background: var(--sc-ink); color: var(--sc-card); font-weight: 700; text-decoration: none; transform: translateY(-200%); }
.sc-skip:focus { transform: none; color: var(--sc-card); }
.header { background: var(--sc-card); box-shadow: var(--sc-shadow-sm); position: relative; z-index: 1030; }
.header .navbar.sc-navbar { background: var(--sc-card); padding: 0; border: 0; }
.header .sc-navbar > .container { display: flex; align-items: center; flex-wrap: wrap; min-height: 80px; }
.header .navbar-brand { display: inline-flex; align-items: center; margin: 0 16px 0 0; padding: 0; }
.header .navbar-brand .logo-img { height: 40px; width: auto; }
@media (min-width: 1200px) {
  .header .navbar-brand .logo-img { height: 48px; }
}
.header .navbar-collapse { flex-grow: 1; }
.header .navbar-nav .nav-link, .header .navbar-nav > li > a { color: var(--sc-ink); font: 500 16px/1.5 var(--sc-font); }
@media (min-width: 1200px) {
  .header .navbar-collapse { display: flex !important; align-items: center; }
  .header #nav { margin-left: 24px; }
  .header .navbar-nav > li > a.nav-link, .header .navbar-nav > li > .nav-link { padding: 8px 12px; border-radius: 8px; }
  .header .navbar-nav > li > a.nav-link:hover, .header .navbar-nav > li.show > a.nav-link, .header .navbar-nav > li > a.nav-link.show { background: #f3f4f6; color: var(--sc-ink); }
  :root[data-bs-theme="dark"] .header .navbar-nav > li > a.nav-link:hover, :root[data-bs-theme="dark"] .header .navbar-nav > li.show > a.nav-link { background: rgba(255, 255, 255, .08); }
}
.header .navbar-nav .dropdown-menu { margin-top: 8px; padding: 8px; border: 1px solid var(--sc-line); border-radius: 12px; background: var(--sc-card); box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25); }
.header .navbar-nav .dropdown-item { padding: 10px 12px; border-radius: 8px; color: var(--sc-ink); font-weight: 500; }
.header .navbar-nav .dropdown-item:hover, .header .navbar-nav .dropdown-item:focus { background: #eff6ff; color: var(--sc-blue); }
:root[data-bs-theme="dark"] .header .navbar-nav .dropdown-item:hover { background: rgba(59, 155, 255, .16); }
.header .navbar-nav.ml-auto > li > a[href$="clientarea.php"], .header .navbar-nav.ml-auto > li > a[href*="/login"] { color: var(--sc-ink); }
.header .navbar-nav.ml-auto > li > a[href*="register"] { display: inline-flex; align-items: center; height: 40px; padding: 0 20px !important; border-radius: 999px; background: var(--sc-blue); color: #fff; font-size: 14px; font-weight: 500; letter-spacing: .35px; }
.header .navbar-nav.ml-auto > li > a[href*="register"]:hover { background: var(--sc-blue-dark); color: #fff; }
.header .toolbar { flex-direction: row; align-items: center; margin-left: auto; }
.header .cart-btn { position: relative; padding: 8px 10px; color: var(--sc-ink); }
.header .cart-btn .badge { position: absolute; top: 0; right: 0; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: var(--sc-blue); color: #fff; font-size: 11px; line-height: 18px; }
.header .toolbar .btn:hover { background: #f3f4f6; }
@media (max-width: 1199.98px) {
  .header .sc-navbar > .container { min-height: 64px; }
  .header .navbar-nav .nav-link { padding: 12px 4px; }
  .header .navbar-nav.ml-auto { margin-top: 8px; }
}
@keyframes scMegaIn { from { opacity: 0; transform: translateY(-10px) scale(.985); } to { opacity: 1; transform: none; } }
@keyframes scMegaOut { from { opacity: 1; transform: none; } to { opacity: 0; transform: translateY(-10px) scale(.985); } }
.sc-guest-nav { display: none !important; }
.master-breadcrumb { background: transparent; border-bottom: 1px solid var(--sc-line); }
.master-breadcrumb .breadcrumb { margin: 0; padding: 12px 0; background: transparent; font-size: 14px; }
.header .toolbar > .nav-item { display: flex; align-items: center; }
.sc-notification { position: relative; }
.sc-notification .btn { color: var(--sc-ink); }
.sc-notification-dot { position: absolute; top: 8px; right: 9px; width: 8px; height: 8px; border-radius: 50%; background: #ef4444; box-shadow: 0 0 0 2px var(--sc-card); }
.sc-mobile-cta { display: flex; flex-direction: column; gap: 12px; padding-top: 16px; }
.sc-mobile-cta a { display: flex; align-items: center; justify-content: center; min-height: 48px; border-radius: 8px; font-size: 18px; font-weight: 500; text-decoration: none; }
.sc-mobile-cta .sc-cta-primary { background: var(--sc-blue); color: #fff; }
.sc-mobile-cta .sc-cta-secondary { background: var(--sc-card); color: var(--sc-ink); border: 1px solid var(--sc-line); }
.header .toolbar .btn, .header .toolbar .btn:focus { border: 0; background: transparent; box-shadow: none; }
.header .toolbar .btn:hover { background: var(--sc-tint); }
@media (min-width: 1200px) {
  .header #nav > li > a.dropdown-toggle::after, .header .navbar-nav.ml-auto > li > a.dropdown-toggle::after { content: ""; display: inline-block; width: 6px; height: 6px; margin: -3px 3px 0 8px; border: 0; border-right: 1.6px solid currentColor; border-bottom: 1.6px solid currentColor; vertical-align: middle; transform: rotate(45deg); transition: transform .3s ease; }
  .header #nav > li.show > a.dropdown-toggle::after, .header .navbar-nav.ml-auto > li.show > a.dropdown-toggle::after { transform: rotate(225deg); margin-top: 1px; }
}
/* ===== PRABHU CHROME (ported from kohost/css/custom.css by port-kohost-chrome.py: top strip, light/dark switch, mega menu, mobile accordion, footer) ===== */
.ph-topbar { background: rgba(248, 250, 252, 0.95); border-top: 2px solid var(--ph-orange); border-bottom: 1px solid #e2e8f0; color: #475569; font-size: 12px; font-weight: 500; }
.ph-topbar .container { padding-top: 8px; padding-bottom: 8px; }
.ph-topbar-links li { display: flex; align-items: center; padding: 0 20px; border-right: 1px solid #e2e8f0; }
.ph-topbar-links li:first-child { padding-left: 0; }
.ph-topbar-links li:last-child { border-right: 0; }
.ph-topbar a { display: inline-flex; align-items: center; gap: 8px; color: #475569; transition: color .2s ease; }
.ph-topbar a:hover { color: var(--ph-orange-dark); }
.ph-topbar-links img { width: 16px; height: 16px; }
.ph-topbar-static { display: inline-flex; align-items: center; gap: 8px; color: #475569; }
.ph-cur-flag { border-radius: 2px; object-fit: cover; }
.ph-cur-caret { font-size: 9px; color: #94a3b8; }
.ph-topbar a:hover .ph-cur-caret { color: var(--ph-orange-dark); }
.ph-topbar-links i.fa-globe { font-size: 15px; color: var(--ph-muted); }
:root[data-bs-theme="dark"] .ph-topbar-static { color: #cbd5e1; }
.ph-topbar-social { gap: 4px; }
.ph-topbar-social a { justify-content: center; width: 32px; height: 32px; border-radius: 8px; transition: background-color .2s ease, box-shadow .2s ease; }
.ph-topbar-social img { filter: brightness(0) invert(0.55); transition: filter .2s ease; }
.ph-topbar-social a:hover img { filter: brightness(0) saturate(100%) invert(55%) sepia(80%) saturate(600%) hue-rotate(340deg) brightness(105%); }
.ph-topbar-social a:hover { background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .08); }
.ph-topbar-right { gap: 12px; }
.ph-topbar-sep { width: 1px; height: 18px; background: #e2e8f0; }
.ph-theme-switch { display: inline-flex; align-items: center; padding: 0; border: 0; background: transparent; cursor: pointer; border-radius: 999px; }
.ph-theme-track { position: relative; display: inline-block; width: 48px; height: 26px; border-radius: 999px; background: #e5e7eb; border: 1px solid #d1d5db; transition: background-color .25s ease, border-color .25s ease; }
.ph-theme-knob { position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .25); display: flex; align-items: center; justify-content: center; font-size: 11px; transition: transform .25s cubic-bezier(.22, 1, .36, 1); }
.ph-i-sun { color: var(--ph-orange); }
.ph-i-moon { display: none; color: #3b82f6; }
:root[data-bs-theme="dark"] .ph-theme-track { background: #334155; border-color: #475569; }
:root[data-bs-theme="dark"] .ph-theme-knob { transform: translateX(22px); background: #0f172a; }
:root[data-bs-theme="dark"] .ph-i-sun { display: none; }
:root[data-bs-theme="dark"] .ph-i-moon { display: inline; }
.ph-mobile-theme { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; padding: 8px 4px 12px; border-bottom: 1px solid var(--border-color); font-weight: 600; color: var(--ph-text); }
:root[data-bs-theme="dark"] .ph-mobile-theme { color: #e2e8f0; }
:root[data-bs-theme="dark"] .ph-topbar-sep { background: rgba(255, 255, 255, .1); }
@media (prefers-reduced-motion: reduce) {
  .ph-theme-knob, .ph-theme-track { transition: none; }
}
.ph-mega { flex: 0 1 auto; gap: 4px; margin: 0 16px; }
.ph-mega-item { position: static; }
.ph-mega-btn { display: inline-flex; align-items: center; gap: 8px; padding: 12px 16px; border: 0; border-radius: 12px; background: transparent; color: var(--ph-text-2); font: 600 16px/24px var(--font-family-sans-serif); white-space: nowrap; cursor: pointer; transition: color .2s ease, background-color .2s ease; }
.ph-mega-btn:hover { color: var(--ph-orange); background: #f9fafb; }
.ph-mega-btn i { font-size: 11px; transition: transform .3s ease; }
.ph-mega-btn[aria-expanded="true"] i { transform: rotate(180deg); }
.ph-mega-panel { display: none; position: absolute; top: 100%; left: 0; width: 100%; z-index: 1100; background: #fff; border: 1px solid #e9e2dc; border-top: 0; border-bottom: 3px solid #f36b23; border-radius: 0 0 12px 12px; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); transform-origin: top center; }
.ph-mega-panel.show { display: block; animation: phMegaIn .22s cubic-bezier(.22, 1, .36, 1) both; }
.ph-mega-panel.show.is-closing { animation: phMegaOut .18s ease both; }
@keyframes phMegaIn {
  from { opacity: 0; transform: translateY(-10px) scale(.985); }
  to   { opacity: 1; transform: none; }
}
@keyframes phMegaOut {
  from { opacity: 1; transform: none; }
  to   { opacity: 0; transform: translateY(-10px) scale(.985); }
}
@media (prefers-reduced-motion: reduce) {
  .ph-mega-panel.show, .ph-mega-panel.show.is-closing { animation-duration: .01ms; }
}
.ph-mega-inner { padding: 16px; }
.ph-mega-grid { display: grid; gap: 16px; }
.ph-mega-grid.ph-g2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ph-mega-grid.ph-g3 { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.ph-mega-grid.ph-g4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.ph-mega-divider { display: flex; align-items: center; gap: 12px; margin: 16px 0; }
.ph-mega-divider::before, .ph-mega-divider::after { content: ""; flex: 1; height: 1px; background: #e5e7eb; }
.ph-mega-divider span { font-size: 12px; font-weight: 600; color: var(--ph-muted); }
.ph-mega-item-sm { position: relative; }
.ph-mega-item-sm .ph-mega-panel { top: calc(100% + 16px); width: max-content; min-width: 240px; max-width: 360px; border-top: 1px solid #e9e2dc; }
.ph-mega-item-sm .ph-mega-link strong { white-space: normal; }
.ph-tag { display: inline-block; margin-bottom: 12px; padding: 6px 12px; border: 2px solid; border-radius: 12px; font-size: 12px; font-weight: 600; line-height: 1.3; }
.ph-tag-blue { background: #eff6ff; color: #3b82f6; border-color: #bfdbfe; }
.ph-tag-orange { background: #fff7ed; color: var(--ph-orange); border-color: #fed7aa; }
.ph-tag-cyan { background: #ecfeff; color: #06b6d4; border-color: #a5f3fc; }
.ph-mega-link { display: flex; align-items: center; margin-bottom: 4px; padding: 12px; border: 1px solid transparent; border-radius: 12px; color: var(--ph-text); transition: background-color .2s ease, border-color .2s ease; }
.ph-mega-link img { flex: 0 0 32px; width: 32px; height: 32px; margin-right: 12px; }
.ph-mega-link strong { display: block; font-size: 14px; font-weight: 600; color: var(--ph-text); line-height: 1.4; }
.ph-mega-link small { display: block; font-size: 12px; color: var(--ph-muted); line-height: 1.4; }
.ph-mega-link:hover { border-color: #bfdbfe; text-decoration: none; }
.ph-tone-blue:hover { background: #eff6ff; }
.ph-tone-orange:hover { background: #fff7ed; }
.ph-tone-cyan:hover { background: #ecfeff; }
.ph-mega-static { cursor: default; }
.ph-mobile-toggle { display: flex; align-items: center; justify-content: space-between; padding: 12px 4px; border-bottom: 1px solid var(--border-color); color: var(--ph-text); font-weight: 600; }
.ph-mobile-toggle i { font-size: 11px; transition: transform .3s ease; }
.ph-mobile-toggle:not(.collapsed) i { transform: rotate(180deg); }
.ph-mobile-sub { padding: 6px 0 6px 8px; }
.ph-mobile-sub a { display: flex; align-items: center; gap: 10px; padding: 8px 4px; color: var(--ph-text-3); font-weight: 500; }
.ph-mobile-nav { margin-bottom: 16px; }
:root[data-bs-theme="dark"] .ph-topbar-links img { filter: brightness(0) invert(0.8); }
:root[data-bs-theme="dark"] .ph-topbar-social img { filter: brightness(0) invert(0.7); }
:root[data-bs-theme="dark"] .ph-topbar { background: #111827; border-bottom-color: rgba(255, 255, 255, 0.08); color: #cbd5e1; }
:root[data-bs-theme="dark"] .ph-topbar a { color: #cbd5e1; }
:root[data-bs-theme="dark"] .ph-topbar-links li { border-right-color: rgba(255, 255, 255, 0.1); }
:root[data-bs-theme="dark"] .ph-mega-btn, :root[data-bs-theme="dark"] .ph-mobile-toggle { color: #e2e8f0; }
:root[data-bs-theme="dark"] .ph-mega-btn:hover { background: #1e293b; }
:root[data-bs-theme="dark"] .ph-mega-divider::before, :root[data-bs-theme="dark"] .ph-mega-divider::after { background: rgba(255, 255, 255, .1); }
:root[data-bs-theme="dark"] .ph-mega-panel { background: #111827; border-color: rgba(255, 255, 255, 0.1); }
:root[data-bs-theme="dark"] .ph-mega-link strong { color: #f1f5f9; }
:root[data-bs-theme="dark"] .ph-mega-link small { color: #94a3b8; }
:root[data-bs-theme="dark"] .ph-mega-link:hover { background: #1e293b; border-color: #334155; }
.footer.tt-footer.ph-footer { background: #fff !important; border-top: 3px solid var(--accent); color: var(--ph-text-3); }
.ph-footer-main { padding: 64px 0 48px; }
.ph-footer-desc { max-width: 420px; margin-bottom: 1.25rem; font-size: 14px; line-height: 1.7; color: var(--ph-muted); }
.ph-footer-desc strong { color: var(--ph-text); font-weight: 700; }
.ph-footer-find { margin: 1.25rem 0 1rem; font-size: 16px; font-weight: 700; color: var(--ph-ink); }
.ph-contact-card { max-width: 420px; padding: 16px; border: 1px solid #f3f4f6; border-radius: 18px; background: #f9fafb; }
.ph-contact-row { display: flex; align-items: center; margin-bottom: 12px; font-size: 14px; font-weight: 500; color: var(--ph-text-3); }
.ph-contact-row:last-child { margin-bottom: 0; }
a.ph-contact-row:hover { color: var(--ph-orange); text-decoration: none; }
a.ph-contact-wa:hover { color: #16a34a; }
.ph-contact-icon { flex: 0 0 36px; width: 36px; height: 36px; margin-right: 12px; display: inline-flex; align-items: center; justify-content: center; border-radius: 12px; background: rgba(249, 115, 22, 0.10); border: 1px solid rgba(249, 115, 22, 0.22); color: var(--ph-orange); font-size: 14px; }
.ph-contact-wa .ph-contact-icon { background: rgba(37, 211, 102, 0.12); border-color: rgba(37, 211, 102, 0.25); color: #25d366; font-size: 16px; }
.ph-footer-heading { margin: 0; padding-bottom: 10px; font-size: 12px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; color: #c2410c; border-bottom: 1px solid rgba(249, 115, 22, 0.25); }
.ph-footer-links { margin: 20px 0 0; }
.ph-footer-links li { margin-bottom: 14px; }
.ph-footer-links a { display: inline-block; font-size: 15px; font-weight: 500; color: var(--ph-text-2); transition: color .2s ease, transform .2s ease; }
.ph-footer-links a:hover { color: var(--ph-orange); text-decoration: none; transform: translateX(2px); }
.ph-footer-band { padding: 20px 0; background: #f9fafb; border-top: 1px solid #f3f4f6; }
.ph-band-group { display: flex; flex-direction: column; align-items: center; gap: 12px; }
@media (min-width: 576px) {
  .ph-band-group { flex-direction: row; gap: 16px; }
}
.ph-band-label { font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--ph-muted); white-space: nowrap; }
.ph-band-divider { width: 1px; height: 32px; background: #e5e7eb; }
.ph-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.ph-rating { display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border: 1px solid #e5e7eb; border-radius: 12px; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .05); line-height: 1.2; }
.ph-rating > i { font-size: 16px; }
.ph-ico-tp { color: #00b67a; }
.ph-ico-g { color: #ea4335; }
.ph-ico-fb { color: #1877f2; }
.ph-rating b { font-size: 12px; color: var(--ph-text); }
.ph-rating small { display: block; font-size: 12px; color: #9ca3af; }
.ph-review-top { display: block; margin-bottom: 2px; }
.ph-stars { font-size: 12px; color: #facc15; }
.ph-pay { display: inline-flex; align-items: center; justify-content: center; height: 32px; padding: 0 12px; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .05); }
.ph-pay img { height: 16px; width: auto; }
.ph-footer-copy, .ph-footer .tt-footer-bottom.ph-footer-copy { padding: 12px 0; background: #0f1623; border-top: 0; color: #94a3b8; }
footer.footer .ph-footer-copy .copyright, .ph-footer-copy p { margin: 0; font-size: 12px; line-height: 1.5; color: #94a3b8; text-align: center; }
@media (min-width: 768px) {
  footer.footer .ph-footer-copy .copyright { text-align: left; }
}
.ph-copy-right { display: flex; align-items: center; flex: 0 0 auto; gap: 16px; }
.ph-vat, .ph-lang-btn { white-space: nowrap; }
@media (min-width: 768px) {
  footer.footer .ph-footer-copy .copyright { flex: 1 1 auto; min-width: 0; padding-right: 24px; }
}
@media (max-width: 767.98px) {
  .ph-copy-right { flex-direction: column; gap: 8px; }
  .ph-vat { white-space: normal; text-align: center; }
}
@media (max-width: 767.98px) {
  footer.footer .ph-footer-copy .copyright { margin-bottom: 8px; }
}
.ph-vat { font-size: 12px; color: #64748b; }
.ph-lang-btn, .ph-lang-btn:hover { padding: .2rem .75rem; border: 1px solid rgba(255, 255, 255, .2); background: transparent; color: var(--ph-border-strong); font-size: 12px; }
:root[data-bs-theme="dark"] .footer.tt-footer.ph-footer { background: #0b1220 !important; color: #94a3b8; }
:root[data-bs-theme="dark"] .ph-footer-desc, :root[data-bs-theme="dark"] .ph-footer-links a, :root[data-bs-theme="dark"] .ph-contact-row { color: #cbd5e1; }
:root[data-bs-theme="dark"] .ph-footer-desc strong, :root[data-bs-theme="dark"] .ph-footer-find { color: #f1f5f9; }
:root[data-bs-theme="dark"] .ph-contact-card, :root[data-bs-theme="dark"] .ph-footer-band { background: #111827; border-color: rgba(255, 255, 255, .08); }
:root[data-bs-theme="dark"] .ph-footer-heading { color: #fb923c; }
@media (max-width: 575.98px) {
  .ph-footer-main { padding: 48px 0 24px; }
}
.ph-page-auth .ph-topbar, .ph-page-auth footer.ph-footer { display: none !important; }
.ph-contact-links { display: flex; flex-direction: column; align-items: stretch; gap: 16px; max-width: 768px; margin: 24px auto 0; padding: 0 16px; }
@media (min-width: 640px) {
  .ph-contact-links { flex-direction: row; }
}
@media (min-width: 1200px) {
  .ph-contact-links { padding: 0; }
}
.ph-contact-link { display: flex; flex: 1 1 0; min-width: 0; min-height: 64px; align-items: center; gap: 12px; padding: 12px 16px; border: 1px solid rgba(148, 163, 184, .2); border-radius: 14px; color: #172033; background: rgba(255, 255, 255, .8); box-shadow: 0 4px 16px rgba(15, 23, 42, .04); font-weight: 600; transition: transform .2s ease, box-shadow .2s ease; }
.ph-contact-link:hover { color: #172033; text-decoration: none; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(15, 23, 42, .08); }
.ph-contact-link img { width: 40px; height: 40px; flex: 0 0 40px; }
@media (prefers-reduced-motion: reduce) {
  .ph-contact-link { transition: none; }
}
:root[data-bs-theme="dark"] .ph-contact-link { background: #111827; border-color: rgba(255, 255, 255, .1); }
:root[data-bs-theme="dark"] .ph-contact-link { color: #e2e8f0 !important; }
@media (max-width: 1199.98px) {
  .ph-mobile-theme { margin-bottom: 0; padding: 12px 0; }
  .ph-mobile-nav { margin-bottom: 0; }
  .ph-mobile-toggle { min-height: 52px; padding: 12px 0; font-size: 17px; }
  .ph-mobile-toggle:hover { color: var(--ph-orange); text-decoration: none; }
  .ph-mobile-sub { padding: 4px 0 10px; }
  .ph-mobile-sub a { min-height: 44px; padding: 8px 10px; border-radius: 10px; font-size: 15px; }
  .ph-mobile-sub a:hover { background: #fff7ed; color: #c2410c; text-decoration: none; }
  :root[data-bs-theme="dark"] .ph-mobile-sub a { color: #cbd5e1; }
  :root[data-bs-theme="dark"] .ph-mobile-sub a:hover { background: #1e293b; color: #fdba74; }
}
@keyframes phNavIn { from { opacity: 0; transform: translateX(-50%) translateY(-10px) scale(.985); } to { opacity: 1; transform: translateX(-50%); } }
.ph-copy-ref { margin-top: 10px; min-height: 40px; padding: 0 18px; border: 1.5px solid var(--ph-blue); border-radius: 12px; background: #fff; color: var(--ph-blue); font-size: 14px; font-weight: 700; cursor: pointer; }
.ph-copy-ref:hover, .ph-copy-ref:focus-visible { background: var(--ph-blue); color: #fff; }
:root[data-bs-theme="dark"] .ph-copy-ref { border-color: #60a5fa; background: transparent; color: #93c5fd; }
.ph-rating small { color: #6b7280; }
:root[data-bs-theme="dark"] .ph-band-label { color: #9ca3af; }
.ph-vat { color: #94a3b8; }
.ph-theme-switch:focus { outline: none !important; }
.ph-theme-switch:focus-visible { outline: none !important; }
.ph-theme-switch:focus-visible .ph-theme-track { box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--ph-blue); }
:root[data-bs-theme="dark"] .ph-theme-switch:focus-visible .ph-theme-track { box-shadow: 0 0 0 2px #0f172a, 0 0 0 4px #60a5fa; }
/* =====================================================================================================================
   PRABHU HEADER (Nexus markup: header#header.ph-header > .navbar.sc-navbar > .container). Measured on kohost/prabhuhost.com:
   row 80px, logo 40px, nav 16px/600, toolbar buttons 44px / 8px radius, white header with a hairline, sticky, mega panel flush under it.
   ===================================================================================================================== */
.ph-header { position: sticky; top: 0; z-index: 1030; background: rgba(255, 255, 255, .98); border-bottom: 1px solid var(--ph-line); box-shadow: none; }
@media (min-width: 1200px) { .ph-header { backdrop-filter: saturate(1.4) blur(12px); -webkit-backdrop-filter: saturate(1.4) blur(12px); } } /* only >=1200: it makes the header a containing block for fixed children */
:root[data-bs-theme="dark"] .ph-header { background: rgba(30, 41, 59, .98); border-bottom-color: #334155; }
.ph-header .navbar.sc-navbar { background: transparent; padding: 0; }
.ph-header .sc-navbar > .container { position: relative; display: flex; align-items: center; flex-wrap: wrap; min-height: 80px; }
@media (min-width: 1200px) { .ph-header .sc-navbar > .container { flex-wrap: nowrap; justify-content: space-between; } }
.ph-brand { margin: 0 24px 0 0; }
.ph-header .navbar-brand .logo-img, .ph-logo { height: 40px; width: auto; max-width: 70vw; }
@media (max-width: 1199.98px) { .ph-header .sc-navbar > .container { min-height: 64px; } .ph-header .navbar-brand .logo-img { height: 34px; } }
/* nav text: 16px/600 */
.ph-header .navbar-nav > li > a, .ph-header .navbar-nav .nav-link { font: 600 16px/1.5 var(--sc-font); color: var(--ph-text); }
/* guests: the marketing mega menu is centred by space-between (equal gaps), so the collapse must not grow */
@media (min-width: 1200px) {
  .ph-header .navbar-collapse { flex-grow: 0; }
  .ph-header .ph-mega { margin: 0; }
}
/* toolbar: Register = text link, Login = the orange button (as on prabhuhost.com), cart with an orange count */
.ph-header .toolbar { gap: 8px; }
.ph-btn-login, .ph-btn-register { display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 20px; border-radius: 8px; font: 600 16px/1 var(--sc-font); text-decoration: none; white-space: nowrap; }
.ph-btn-register { color: var(--ph-text); background: transparent; }
.ph-btn-register:hover, .ph-btn-register:focus-visible { color: var(--ph-blue); background: var(--ph-tint); text-decoration: none; }
.ph-btn-login { color: #0b1b3a; background: var(--gradient-orange); box-shadow: 0 1px 2px rgba(249, 115, 22, .35); } /* navy on orange: white on #f97316 is only 2.8:1 */
.ph-btn-login:hover, .ph-btn-login:focus-visible { color: #0b1b3a; filter: brightness(1.05); text-decoration: none; }
:root[data-bs-theme="dark"] .ph-btn-register { color: #e2e8f0; }
:root[data-bs-theme="dark"] .ph-btn-register:hover { color: #93c5fd; background: #172033; }
.ph-header .cart-btn .badge { background: var(--ph-orange); color: #0b1b3a; }
@media (max-width: 575.98px) { .ph-btn-register { display: none; } .ph-btn-login { padding: 0 14px; } .ph-btn-login span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } }
/* logged in: the WHMCS client menu (#nav + account menu) grows and sits centred in the free space, equal gaps either side */
@media (min-width: 1200px) {
  .ph-header #mainNavbar:has(> ul.ml-auto) { flex: 1 1 auto; justify-content: center; }
  .ph-header #mainNavbar:has(> ul.ml-auto) > #nav { margin: 0 auto !important; }
  .ph-header #mainNavbar:has(> ul.ml-auto) > ul.ml-auto { margin-left: 0 !important; flex: none; }
}
@media (min-width: 1200px) { .ph-header .sc-toolbar { margin-left: 0; } }
/* ===== PRABHU HOMEPAGE (ported from kohost/css/custom.css by port-kohost-home.py) ===== */
.ph-review-top { display: block; margin-bottom: 2px; }
.ph-mock-side { display: flex; flex: 0 0 150px; flex-direction: column; gap: 12px; padding: 14px; border-radius: 16px; background: #fff; }
.ph-mock-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 14px; }
:root[data-bs-theme="dark"] .ph-mock-side { background: #1e293b; }
.ph-hero { position: relative; overflow: hidden; padding: 72px 0 64px; background: radial-gradient(circle at 12% 16%, rgba(243, 107, 35, .13), transparent 480px), radial-gradient(circle at 88% 18%, rgba(0, 102, 204, .10), transparent 512px), linear-gradient(180deg, #f9fbfe 0%, #fffaf7 58%, #fff 100%); }
@media (min-width: 1024px) {
  .ph-hero { padding: 96px 0 80px; }
}
.ph-hero > .container { position: relative; z-index: 1; }
.ph-hero-top { max-width: 960px; margin: 0 auto; }
.ph-hero-eyebrow { display: inline-flex; align-items: center; justify-content: center; gap: 9px; margin: 0 0 20px; color: #0066cc; font-size: 13px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.ph-hero-eyebrow span { width: 28px; height: 2px; border-radius: 999px; background: #f36b23; }
.ph-hero h1 { margin: 0 auto; color: #172033; font-size: clamp(38px, 5.2vw, 72px); font-weight: 800; line-height: 1.05; letter-spacing: -0.05em; }
.ph-hero h1 span { color: #0066cc; }
.ph-hero-text { max-width: 720px; margin: 24px auto 0; color: #526174; font-size: clamp(16px, 1.6vw, 18px); line-height: 1.7; }
.ph-hero-form { max-width: 760px; margin: 36px auto 0; }
.ph-search { position: relative; display: flex; align-items: center; padding: 6px; border: 2px solid #c9dcf2; border-radius: 999px; background: #fff; box-shadow: 0 10px 30px rgba(15, 23, 42, .06); }
.ph-search:focus-within { border-color: #0066cc; box-shadow: 0 0 0 4px rgba(0, 102, 204, .12), 0 10px 30px rgba(15, 23, 42, .06); }
.ph-search-icon { margin-left: 18px; font-size: 20px; color: #8a97a8; }
.ph-search input[type="text"] { flex: 1; min-width: 0; height: 52px; padding: 0 14px; border: 0; outline: 0; background: transparent; color: #172033; font-size: 16px; }
.ph-search input::placeholder { color: var(--ph-muted); }
.ph-search-btn { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 12px; height: 52px; padding: 0 10px 0 26px; border: 0; border-radius: 999px; background: var(--gradient-blue); color: #fff; font-size: 17px; font-weight: 600; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease; }
.ph-search-btn:hover { background: var(--primary-dark); transform: translateY(-1px); box-shadow: 0 10px 22px rgba(0, 102, 204, .3); }
.ph-search-btn i { display: inline-flex; width: 34px; height: 34px; align-items: center; justify-content: center; border-radius: 50%; background: #fff; color: var(--primary); font-size: 14px; }
.ph-transfer-link { display: inline-block; margin: 14px 0 0; padding: 0; border: 0; background: none; color: #0066cc; font-size: 14px; font-weight: 600; cursor: pointer; }
.ph-transfer-link:hover { color: #0054aa; text-decoration: underline; }
.ph-tlds { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin: 32px 0 0; }
.ph-tlds a { display: inline-block; padding: 11px 18px; border-radius: 12px; border: 1px solid var(--ph-line); background: #fff; color: #172033; font-size: 17px; font-weight: 600; line-height: 1.2; transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease; }
.ph-tlds a:hover { border-color: var(--ph-blue); background: #f1f6fd; color: var(--ph-blue); text-decoration: none; transform: translateY(-2px); }
.ph-hero-features { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px 56px; margin: 36px 0 0; }
.ph-hero-features li { display: flex; align-items: center; gap: 12px; text-align: left; }
.ph-hero-features i { font-size: 30px; color: #0a2a8f; }
.ph-hero-features strong { display: block; font-size: 15px; font-weight: 700; color: #172033; line-height: 1.3; }
.ph-hero-features small { display: block; font-size: 14px; color: #526174; line-height: 1.3; }
.ph-hero-cards { display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 24px; margin-top: 64px; }
.ph-hcard { position: relative; display: flex; flex-direction: column; min-height: 336px; padding: 34px; overflow: hidden; border-radius: 28px; color: #fff; box-shadow: 0 18px 44px rgba(15, 23, 42, .14); }
a.ph-hcard { transition: transform .25s ease, box-shadow .25s ease; }
a.ph-hcard:hover { color: #fff; text-decoration: none; transform: translateY(-4px); box-shadow: 0 26px 56px rgba(15, 23, 42, .2); }
.ph-hcard h2 { margin: 0; font-size: 30px; font-weight: 700; line-height: 1.3; letter-spacing: -0.02em; color: #fff; }
.ph-hcard p { margin: 18px 0 0; font-size: 16px; line-height: 1.7; color: rgba(255, 255, 255, .88); }
.ph-hcard-news { background: linear-gradient(135deg, var(--ph-navy) 0%, #0a3f8f 60%, #0054aa 100%); }
.ph-hcard-badge { display: inline-flex; width: 58px; height: 58px; align-items: center; justify-content: center; margin-bottom: 34px; border-radius: 10px; background: var(--ph-orange); color: #fff; font-size: 24px; }
.ph-hcard-news h2 { font-size: 34px; max-width: 420px; }
.ph-hcard-cta { margin-top: auto; padding-top: 18px; font-size: 15px; font-weight: 700; color: #fdba74; }
.ph-hcard-ticket { background: linear-gradient(160deg, #1c7bc3 0%, #4a9ae0 100%); }
.ph-hcard-ticket p { max-width: 230px; font-size: 15px; }
.ph-hcard-ticket h2, .ph-hcard-ticket p, .ph-hcard-ticket .ph-hcard-cta { position: relative; z-index: 2; }
.ph-hcard-ticket .ph-hcard-cta { color: #fff; }
.ph-hcard-ticket img { position: absolute; right: 8px; bottom: -4px; width: 58%; max-width: 240px; height: auto; opacity: .96; }
.ph-hcard-kb { background: #0f2447; }
.ph-hcard-arrow { position: absolute; top: 28px; right: 30px; font-size: 20px; color: #fff; transform: rotate(45deg); }
.ph-mock { display: flex; align-items: center; gap: 14px; align-self: flex-start; margin-bottom: 40px; padding: 12px 22px 12px 12px; border-radius: 14px; background: #fff; box-shadow: 0 10px 24px rgba(0, 0, 0, .25); }
.ph-mock-icon { display: inline-flex; width: 46px; height: 46px; align-items: center; justify-content: center; border-radius: 10px; background: #e0e7ff; color: #4f46e5; font-size: 18px; }
.ph-mock-bar { width: 96px; height: 12px; border-radius: 999px; background: #e5e7eb; }
.ph-mock-tld { font-size: 20px; color: #5b6472; }
.ph-hcard-kb h2 { margin-top: auto; font-size: 28px; }
.ph-hcard-kb p { margin-top: 12px; font-size: 15px; }
.ph-hcard-kb .ph-hcard-cta { margin-top: 14px; padding-top: 0; color: #fdba74; }
@media (max-width: 1199.98px) {
  .ph-hero-cards { grid-template-columns: 1fr 1fr; }
  .ph-hcard-news { grid-column: 1 / -1; min-height: 0; }
}
@media (max-width: 767.98px) {
  .ph-hero { padding: 48px 0; }
  .ph-hero-cards { grid-template-columns: 1fr; margin-top: 40px; }
  .ph-hcard { min-height: 280px; padding: 26px; }
  .ph-hcard-ticket { min-height: 340px; }
  .ph-hcard-news h2 { font-size: 26px; }
  .ph-search { padding: 4px; }
  .ph-search-icon { display: none; }
  .ph-search input[type="text"] { height: 46px; padding: 0 14px; font-size: 15px; }
  .ph-search-btn { height: 46px; padding: 0 6px 0 16px; font-size: 15px; gap: 8px; }
  .ph-search-btn i { width: 30px; height: 30px; }
  .ph-tlds { gap: 8px; }
  .ph-tlds a { padding: 9px 13px; font-size: 15px; }
  .ph-hero-features { flex-direction: column; align-items: center; gap: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .ph-search-btn, a.ph-hcard, .ph-tlds a { transition: none; }
}
:root[data-bs-theme="dark"] .ph-hero { background: linear-gradient(180deg, #0b1220, #0f172a); }
:root[data-bs-theme="dark"] .ph-hero h1, :root[data-bs-theme="dark"] .ph-hero-features strong { color: #f1f5f9; }
:root[data-bs-theme="dark"] .ph-hero h1 span { color: #60a5fa; }
:root[data-bs-theme="dark"] .ph-hero-eyebrow { color: #60a5fa; }
:root[data-bs-theme="dark"] .ph-hero-text, :root[data-bs-theme="dark"] .ph-hero-features small { color: #94a3b8; }
:root[data-bs-theme="dark"] .ph-hero-features i { color: #60a5fa; }
:root[data-bs-theme="dark"] .ph-search { background: #111827; border-color: #1e3a5f; }
:root[data-bs-theme="dark"] .ph-search input[type="text"] { color: #f1f5f9; }
:root[data-bs-theme="dark"] .ph-tlds a { border-color: #334155; background: #1e293b; color: #e2e8f0; }
:root[data-bs-theme="dark"] .ph-tlds a:hover { background: #334155; color: #fff; }
:root[data-bs-theme="dark"] .ph-transfer-link { color: #60a5fa; }
.ph-review { --ph-gutter: max(32px, calc((100vw - 1280px) / 2 + 32px)); position: relative; overflow: hidden; padding: 96px 0; background: transparent; }
.ph-review::after { content: ""; position: absolute; z-index: 0; top: 64px; right: 0; bottom: 64px; left: calc(50% - 112px); background: #1c7bc3; }
.ph-review-inner { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, .84fr) minmax(0, 1.16fr); gap: 32px; align-items: center; width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 32px; box-sizing: border-box; }
.ph-review-kicker { display: inline-flex; color: #d95317; font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.ph-review-intro h2 { max-width: 480px; margin: 12px 0 0; color: #172033; font-size: clamp(36px, 4vw, 56px); font-weight: 800; line-height: 1.08; letter-spacing: -0.045em; }
.ph-review-intro > p { max-width: min(496px, calc(100% - 28px)); margin: 20px 0 0; color: #5b6474; font-size: 15px; line-height: 1.7; }
.ph-tp { display: inline-grid; gap: 10px; margin-top: 32px; color: #172033; }
.ph-tp:hover { color: #172033; text-decoration: none; }
.ph-tp-word { font-size: 26px; font-weight: 800; letter-spacing: -0.035em; line-height: 1.2; }
.ph-tp-word i { color: #00b67a; font-style: normal; }
.ph-tp-stars { display: flex; gap: 3px; }
.ph-tp-stars i { display: grid; width: 32px; height: 32px; place-items: center; color: #fff; background: #00b67a; font-size: 19px; font-style: normal; }
.ph-tp-score { color: #5b6472; font-size: 13px; }
.ph-tp-score strong { color: #172033; }
.ph-review-stage { position: relative; z-index: 2; display: grid; grid-auto-flow: column; grid-auto-columns: 392px; gap: 20px; width: calc(100% + var(--ph-gutter)); min-width: 0; padding: 16px var(--ph-gutter) 16px 0; box-sizing: border-box; overflow-x: auto; overscroll-behavior-inline: contain; scroll-behavior: smooth; scroll-snap-type: x mandatory; scrollbar-width: none; cursor: grab; overflow-anchor: none; -webkit-overflow-scrolling: touch; touch-action: pan-y; }
.ph-review-stage::-webkit-scrollbar { display: none; }
.ph-review-stage:active { cursor: grabbing; }
.ph-review-stage.is-dragging { cursor: grabbing; scroll-snap-type: none; -webkit-user-select: none; user-select: none; }
.ph-review-card { display: flex; flex-direction: column; min-height: 344px; padding: 28px; border: 1px solid rgba(219, 228, 238, .9); border-radius: 20px; background: #fff; box-shadow: 0 18px 44px rgba(23, 32, 51, .12); scroll-snap-align: start; scroll-snap-stop: always; }
.ph-review-card header { display: flex; align-items: center; gap: 12px; }
.ph-review-avatar { display: grid; flex: 0 0 48px; width: 48px; height: 48px; place-items: center; border-radius: 999px; color: #fff; font-size: 12px; font-weight: 800; }
.ph-review-person { min-width: 0; }
.ph-review-person strong, .ph-review-person small { display: block; }
.ph-review-person strong { overflow: hidden; color: #172033; font-size: 14.4px; text-overflow: ellipsis; white-space: nowrap; }
.ph-review-person small { margin-top: 2px; color: #94a3b8; font-size: 11px; font-weight: 600; }
.ph-review-quote { margin-left: auto; color: #0066cc; font-family: Georgia, serif; font-size: 56px; font-weight: 800; line-height: .6; }
.ph-review-stars { margin-top: 20px; color: #00b67a; font-size: 16px; letter-spacing: .12em; }
.ph-review-channel { margin-top: 20px; color: #008f61; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.ph-review-card h3 { margin: 12px 0 0; color: #172033; font-size: 16.8px; font-weight: 800; line-height: 1.35; }
.ph-review-card > p { margin: 10px 0 0; color: #5b6474; font-size: 14px; line-height: 1.65; }
.ph-review-card > a { margin-top: auto; padding-top: 16px; color: #0066cc; font-size: 12.8px; font-weight: 800; }
.ph-review-card > a:hover { text-decoration: underline; }
@media (max-width: 1024px) {
  .ph-review::after { display: none; }
  .ph-review-inner { grid-template-columns: 1fr; gap: 40px; }
  .ph-review-stage { width: calc(100% + 2 * var(--ph-gutter)); margin-inline: calc(-1 * var(--ph-gutter)); padding: 32px var(--ph-gutter); background: #1c7bc3; scroll-padding-inline: var(--ph-gutter); }
}
@media (min-width: 641px) and (max-width: 1023px) {
  .ph-review { --ph-gutter: 24px; }
  .ph-review-inner { padding-inline: 24px; }
}
@media (max-width: 640px) {
  .ph-review { --ph-gutter: 16px; padding: 64px 0; }
  .ph-review-inner { padding-inline: 16px; }
  .ph-review-stage { grid-auto-columns: minmax(82vw, 1fr); }
  .ph-review-card { min-height: 320px; padding: 21.6px; }
}
@media (prefers-reduced-motion: reduce) {
  .ph-review-stage { scroll-behavior: auto; }
}
:root[data-bs-theme="dark"] .ph-review-intro h2, :root[data-bs-theme="dark"] .ph-tp, :root[data-bs-theme="dark"] .ph-tp:hover, :root[data-bs-theme="dark"] .ph-tp-score strong { color: #f1f5f9; }
:root[data-bs-theme="dark"] .ph-review-intro > p, :root[data-bs-theme="dark"] .ph-tp-score { color: #94a3b8; }
:root[data-bs-theme="dark"] .ph-review-kicker { color: #fb923c; }
.ph-mig { position: relative; overflow: hidden; padding: 80px 0; background: #0b1120; color: #94a3b8; }
@media (min-width: 1024px) {
  .ph-mig { padding: 112px 0; }
}
.ph-mig::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 25% 0%, rgba(249, 115, 22, .14), transparent 420px), radial-gradient(circle at 75% 100%, rgba(37, 99, 235, .14), transparent 380px); }
.ph-mig::after { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .04; background-image: radial-gradient(circle, #fff 1px, transparent 1px); background-size: 28px 28px; }
.ph-mig > .container { position: relative; z-index: 1; }
.ph-mig-row { row-gap: 48px; }
.ph-mig-eyebrow { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 24px; padding: 6px 16px; border: 1px solid rgba(249, 115, 22, .3); border-radius: 999px; background: rgba(249, 115, 22, .1); color: #fb923c; font-size: 12px; font-weight: 600; letter-spacing: .1em; line-height: 1.4; text-transform: uppercase; }
.ph-mig-title { margin: 0 0 20px; font-size: 30px; font-weight: 800; line-height: 1.25; color: #fff; }
.ph-mig-title span { color: #fb923c; }
@media (min-width: 1024px) {
  .ph-mig-title { font-size: 36px; }
}
@media (min-width: 1200px) {
  .ph-mig-title { font-size: 48px; }
}
.ph-mig-lead { max-width: 512px; margin: 0 0 40px; font-size: 16px; line-height: 1.7; color: #94a3b8; }
@media (min-width: 1024px) {
  .ph-mig-lead { font-size: 18px; }
}
.ph-mig-steps { margin: 0 0 40px; }
.ph-mig-steps li { display: flex; align-items: flex-start; gap: 16px; margin-bottom: 24px; }
.ph-mig-steps li:last-child { margin-bottom: 0; }
.ph-mig-num { display: inline-flex; flex: 0 0 36px; width: 36px; height: 36px; align-items: center; justify-content: center; border-radius: 50%; background: var(--ph-orange); box-shadow: 0 10px 15px -3px rgba(249, 115, 22, .3); color: #fff; font-size: 14px; font-weight: 700; }
.ph-mig-steps strong { display: block; padding-top: 4px; font-size: 14px; font-weight: 600; color: #fff; }
.ph-mig-steps p { margin: 4px 0 0; font-size: 14px; line-height: 1.6; color: #94a3b8; }
.ph-mig-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.ph-mig-btn { display: inline-flex; align-items: center; gap: 8px; padding: 12px 24px; border-radius: 12px; font-size: 14px; font-weight: 600; line-height: 20px; transition: background-color .2s ease; }
.ph-mig-btn:hover { text-decoration: none; }
.ph-mig-btn-primary { background: #c2410c; color: #fff !important; box-shadow: 0 10px 15px -3px rgba(249, 115, 22, .25); }
.ph-mig-btn-primary:hover { background: #9a3412; }
.ph-mig-btn-ghost { border: 1px solid rgba(255, 255, 255, .2); background: rgba(255, 255, 255, .1); color: #fff !important; }
.ph-mig-btn-ghost:hover { background: rgba(255, 255, 255, .2); }
.ph-mig-card { padding: 32px; border: 1px solid rgba(255, 255, 255, .1); border-radius: 24px; background: rgba(255, 255, 255, .05); }
@media (min-width: 1024px) {
  .ph-mig-card { margin-left: 16px; }
}
.ph-mig-card h3 { margin: 0 0 24px; font-size: 18px; font-weight: 700; color: #fff; }
.ph-mig-list { margin: 0 0 32px; }
.ph-mig-list li { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; font-size: 14px; color: var(--ph-border-strong); }
.ph-mig-list li:last-child { margin-bottom: 0; }
.ph-mig-tick { display: inline-flex; flex: 0 0 24px; width: 24px; height: 24px; align-items: center; justify-content: center; border-radius: 50%; background: rgba(34, 197, 94, .2); color: #4ade80; font-size: 11px; }
.ph-mig-guarantee { display: flex; align-items: center; gap: 20px; padding: 20px; border: 1px solid rgba(249, 115, 22, .2); border-radius: 16px; background: rgba(249, 115, 22, .1); }
.ph-mig-guarantee img { flex: 0 0 64px; width: 64px; height: 64px; }
.ph-mig-guarantee strong { display: block; font-size: 16px; font-weight: 700; color: #fff; }
.ph-mig-guarantee p { margin: 4px 0 0; font-size: 12px; line-height: 1.6; color: #94a3b8; }
.ph-mig-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 24px; text-align: center; }
.ph-mig-stats > div + div { border-left: 1px solid rgba(255, 255, 255, .1); }
.ph-mig-stats > div:nth-child(2) { border-right: 1px solid rgba(255, 255, 255, .1); }
.ph-mig-stats b { display: block; font-size: 20px; font-weight: 700; line-height: 1.3; color: #fff; }
.ph-mig-stats b span { color: #fb923c; }
.ph-mig-stats small { display: block; margin-top: 2px; font-size: 12px; color: #5b6472; }
@media (max-width: 575.98px) {
  .ph-mig-card { padding: 24px; }
  .ph-mig-guarantee { flex-direction: column; text-align: center; }
}
@media (prefers-reduced-motion: reduce) {
  .ph-mig-btn { transition: none; }
}
.ph-faq { position: relative; padding: 64px 0; background: radial-gradient(circle at 92% 8%, rgba(0, 128, 255, 0.1), transparent 448px), radial-gradient(circle at 8% 32%, rgba(70, 194, 224, 0.07), transparent 384px), linear-gradient(180deg, #f8fafc 0%, #eef6fd 112px, #f3f8fc 352px, #f8fafc 100%); }
@media (min-width: 1024px) {
  .ph-faq { padding: 96px 0; }
}
.ph-faq::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .38; background-image: linear-gradient(rgba(148, 163, 184, .08) 1px, transparent 1px), linear-gradient(90deg, rgba(148, 163, 184, .08) 1px, transparent 1px); background-size: 36px 36px; -webkit-mask-image: linear-gradient(to bottom, transparent, #000 12%, #000 88%, transparent); mask-image: linear-gradient(to bottom, transparent, #000 12%, #000 88%, transparent); }
.ph-faq > .container { position: relative; }
.ph-faq-head { margin-bottom: 40px; }
@media (min-width: 768px) {
  .ph-faq-head { margin-bottom: 48px; }
}
.ph-faq-head h2 { margin: 0; font-size: 30px; font-weight: 700; letter-spacing: -0.025em; line-height: 1.2; color: var(--ph-text); }
@media (min-width: 768px) {
  .ph-faq-head h2 { font-size: 36px; }
}
@media (min-width: 1024px) {
  .ph-faq-head h2 { font-size: 48px; }
}
.ph-faq-bar { display: block; width: 80px; height: 4px; margin: 20px auto 0; border-radius: 4px; background: linear-gradient(90deg, #0066cc, #f36b23); }
.ph-faq-layout { align-items: flex-start; row-gap: 32px; }
@media (min-width: 1200px) {
  .ph-faq-aside { position: sticky; top: 112px; }
}
.ph-support-card { position: relative; isolation: isolate; overflow: hidden; max-width: 768px; margin: 0 auto; border: 1px solid rgba(148, 163, 184, .2); border-radius: 24px; background: rgba(255, 255, 255, .9); box-shadow: 0 24px 60px rgba(15, 23, 42, .09), inset 0 1px 0 #fff; }
.ph-support-header { position: relative; z-index: 2; padding: 24px 24px 20px; color: #172033; background: linear-gradient(to top, #edf6ff, rgba(247, 251, 255, .98) 58%, rgba(255, 255, 255, .98)); }
.ph-support-header h3 { margin: 0; font-size: 24px; font-weight: 700; letter-spacing: -0.025em; color: #172033; }
.ph-support-header p { margin: 8px 0 0; font-size: 14px; line-height: 1.6; color: #5b687a; }
.ph-support-status { display: inline-flex; align-items: center; gap: 7px; margin-bottom: 13px; padding: 6px 10px; border: 1px solid rgba(16, 185, 129, .18); border-radius: 999px; color: #047857; background: rgba(236, 253, 245, .9); font-size: 12px; font-weight: 700; line-height: 1.2; }
.ph-support-status::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #10b981; box-shadow: 0 0 0 4px rgba(16, 185, 129, .12); }
.ph-support-art { position: relative; display: flex; min-height: 208px; align-items: flex-end; justify-content: center; padding: 12px 24px 0; overflow: hidden; background: radial-gradient(circle at 50% 22%, rgba(255, 255, 255, .82), transparent 44%), linear-gradient(180deg, #edf6ff, #f2f8ff 68%, #f6faff); }
.ph-support-art::after { content: ""; position: absolute; inset: auto 0 0; height: 80px; background: linear-gradient(180deg, transparent, rgba(246, 250, 255, .84) 58%, #f8fbff); }
.ph-support-art img { width: 100%; max-width: 272px; max-height: 240px; object-fit: contain; object-position: center bottom; }
.ph-support-actions { position: relative; z-index: 2; display: flex; flex-direction: column; gap: 12px; margin-top: -28px; padding: 52px 16px 16px; background: linear-gradient(180deg, transparent, rgba(255, 255, 255, .92) 34px, #fff 100%); }
.ph-support-actions a { display: flex; align-items: center; justify-content: center; min-height: 48px; padding: 12px 20px; border-radius: 14px; font-weight: 600; transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.ph-support-actions a:hover { transform: translateY(-2px); text-decoration: none; }
.ph-support-primary { color: #fff !important; border: 1px solid rgba(255, 255, 255, .3); background: linear-gradient(105deg, #0088ff, #0066cc 48%, #004f9f); box-shadow: 0 10px 26px rgba(0, 102, 204, .24); }
.ph-support-secondary { color: var(--ph-text) !important; border: 1px solid rgba(0, 102, 204, .14); background: linear-gradient(135deg, rgba(255, 255, 255, .94), rgba(236, 246, 255, .78)); box-shadow: 0 8px 20px rgba(15, 23, 42, .055); }
.ph-contact-links { display: flex; flex-direction: column; align-items: stretch; gap: 16px; max-width: 768px; margin: 24px auto 0; padding: 0 16px; }
@media (min-width: 640px) {
  .ph-contact-links { flex-direction: row; }
}
@media (min-width: 1200px) {
  .ph-contact-links { padding: 0; }
}
.ph-contact-link { display: flex; flex: 1 1 0; min-width: 0; min-height: 64px; align-items: center; gap: 12px; padding: 12px 16px; border: 1px solid rgba(148, 163, 184, .2); border-radius: 14px; color: #172033; background: rgba(255, 255, 255, .8); box-shadow: 0 4px 16px rgba(15, 23, 42, .04); font-weight: 600; transition: transform .2s ease, box-shadow .2s ease; }
.ph-contact-link:hover { color: #172033; text-decoration: none; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(15, 23, 42, .08); }
.ph-contact-link img { width: 40px; height: 40px; flex: 0 0 40px; }
.ph-faq-item { margin-bottom: 12px; overflow: hidden; border: 1px solid rgba(148, 163, 184, .25); border-radius: 16px; background: rgba(255, 255, 255, .96); box-shadow: 0 4px 18px rgba(15, 23, 42, .04); transition: border-color .2s ease, box-shadow .2s ease; }
.ph-faq-item:hover { border-color: rgba(0, 102, 204, .3); }
.ph-faq-item[open] { border-color: rgba(0, 102, 204, .32); background: #fff; box-shadow: 0 12px 30px rgba(15, 23, 42, .065); }
.ph-faq-item > summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 22px; cursor: pointer; list-style: none; }
.ph-faq-item > summary::-webkit-details-marker { display: none; }
.ph-faq-item > summary:focus-visible { outline: 3px solid rgba(243, 107, 35, .42); outline-offset: -3px; }
.ph-faq-q { flex: 1; font-size: 16px; font-weight: 600; line-height: 1.4; color: var(--ph-ink); }
.ph-faq-icon { position: relative; flex: 0 0 36px; width: 36px; height: 36px; border-radius: 50%; color: #10213a; background: #f3f4f6; transition: background-color .2s ease, color .2s ease; }
.ph-faq-icon::before { content: ""; position: absolute; top: 50%; left: 50%; width: 7px; height: 7px; margin: -6px 0 0 -4px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); transition: transform .22s ease; }
.ph-faq-item[open] .ph-faq-icon { color: #fff; background: #0066cc; }
.ph-faq-item[open] .ph-faq-icon::before { margin-top: -2px; transform: rotate(225deg); }
.ph-faq-a { padding: 16px 22px 22px; border-top: 1px solid rgba(0, 102, 204, .1); }
.ph-faq-a p { margin: 0; font-size: 16px; line-height: 1.7; color: #59677a; }
.ph-faq-a p + p { margin-top: 12px; }
@media (max-width: 639px) {
  .ph-faq-item > summary { padding: 18px; }
  .ph-faq-a { padding: 16px 18px 18px; }
  .ph-support-art { min-height: 176px; padding-inline: 16px; }
  .ph-support-art img { max-height: 192px; }
}
@media (prefers-reduced-motion: reduce) {
  .ph-faq-icon::before, .ph-faq-item, .ph-support-actions a, .ph-contact-link { transition: none; }
}
:root[data-bs-theme="dark"] .ph-faq { background: linear-gradient(180deg, #0b1220, #0f172a); }
:root[data-bs-theme="dark"] .ph-faq::before { opacity: .15; }
:root[data-bs-theme="dark"] .ph-faq-head h2, :root[data-bs-theme="dark"] .ph-support-header h3, :root[data-bs-theme="dark"] .ph-faq-q { color: #f1f5f9; }
:root[data-bs-theme="dark"] .ph-support-card, :root[data-bs-theme="dark"] .ph-faq-item, :root[data-bs-theme="dark"] .ph-contact-link { background: #111827; border-color: rgba(255, 255, 255, .1); }
:root[data-bs-theme="dark"] .ph-support-header, :root[data-bs-theme="dark"] .ph-support-actions { background: #111827; }
:root[data-bs-theme="dark"] .ph-support-art { background: #0f1b2e; }
:root[data-bs-theme="dark"] .ph-support-art::after { background: linear-gradient(180deg, transparent, #111827); }
:root[data-bs-theme="dark"] .ph-support-header p, :root[data-bs-theme="dark"] .ph-faq-a p { color: #94a3b8; }
:root[data-bs-theme="dark"] .ph-contact-link, :root[data-bs-theme="dark"] .ph-support-secondary { color: #e2e8f0 !important; }
:root[data-bs-theme="dark"] .ph-support-secondary { background: #1e293b; border-color: rgba(255, 255, 255, .12); }
:root[data-bs-theme="dark"] .ph-faq-icon { background: #1e293b; color: #e2e8f0; }
:root[data-bs-theme="dark"] .ph-faq-item[open] .ph-faq-icon { background: #0066cc; color: #fff; }
:root[data-bs-theme="dark"] .ph-faq-a { border-top-color: rgba(255, 255, 255, .08); }
.ph-hero .domainchecker-homepage-captcha { width: 100%; max-width: 560px; margin: 18px auto 0; }
.ph-hero .domainchecker-homepage-captcha > .col-md-8 { flex: 0 0 100%; max-width: 100%; padding: 0; margin: 0; }
.ph-hero #default-captcha-domainchecker { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px; margin: 0; padding: 16px 20px !important; border: 1px solid var(--ph-line); border-radius: 16px; background: #fff; box-shadow: 0 8px 24px rgba(23, 32, 51, .05); }
.ph-hero #default-captcha-domainchecker p { flex: 0 0 100%; margin: 0; font-size: 13px; line-height: 1.5; color: var(--ph-text-3); }
.ph-hero #default-captcha-domainchecker .col-6 { flex: 0 0 auto; width: auto; max-width: none; padding: 0; }
.ph-hero #default-captcha-domainchecker img { height: 44px; width: auto; border-radius: 10px; vertical-align: middle; }
.ph-hero #default-captcha-domainchecker #inputCaptcha { width: 150px; height: 44px; padding: 0 14px; border: 1px solid #d1d5db; border-radius: 12px; background: #fff; color: var(--ph-ink); font-size: 16px; letter-spacing: .14em; text-align: center; text-transform: uppercase; }
.ph-hero #default-captcha-domainchecker #inputCaptcha:focus, .ph-hero #default-captcha-domainchecker #inputCaptcha:focus-visible { border-color: var(--ph-blue); box-shadow: 0 0 0 1px var(--ph-blue); outline: none !important; }
:root[data-bs-theme="dark"] .ph-hero #default-captcha-domainchecker { border-color: #1f2937; background: #111827; box-shadow: none; }
:root[data-bs-theme="dark"] .ph-hero #default-captcha-domainchecker p { color: #94a3b8; }
:root[data-bs-theme="dark"] .ph-hero #default-captcha-domainchecker #inputCaptcha { border-color: #334155; background: #0b1220; color: #f1f5f9; }
.ph-hero #default-captcha-domainchecker #inputCaptcha.form-control { width: 150px; height: 44px; padding: 0 14px; font-size: 16px; font-weight: 400; letter-spacing: .14em; }
.ph-hero #default-captcha-domainchecker img { height: 44px; }
.ph-bento { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); grid-template-rows: auto 1fr; gap: 24px; margin-bottom: 32px; text-align: left; }
.ph-bento-search { grid-column: 1; grid-row: 1; }
.ph-bento-main { grid-column: 1; grid-row: 2; }
.ph-bento-promo { grid-column: 2; grid-row: 1 / span 2; }
.ph-bento-search .ph-hero-form { max-width: none; margin: 0; }
.ph-bento-search .ph-search { max-width: none; margin: 0; padding: 8px 8px 8px 4px; border: 1px solid var(--ph-line); border-radius: 18px; background: #fff; box-shadow: 0 6px 24px rgba(23, 32, 51, .06); }
.ph-search-tld { flex: none; width: 120px; height: 52px; margin: 0 8px; padding: 0 36px 0 14px; border: 1.5px solid var(--ph-line); border-radius: 12px; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E") right 12px center / 16px no-repeat; appearance: none; -webkit-appearance: none; color: var(--ph-ink); font-size: 16px; font-weight: 600; cursor: pointer; }
.ph-search-tld:focus-visible { border-color: var(--ph-blue); box-shadow: 0 0 0 1px var(--ph-blue); outline: none; }
.ph-bento-search .ph-search-btn { min-height: 52px; padding: 0 28px; border-radius: 12px; background: #0b1b3a; color: #fff; font-size: 16px; font-weight: 700; }
.ph-bento-search .ph-search-btn:hover { background: #162a55; }
.ph-bento-search .ph-transfer-link { display: inline-flex; margin: 10px 4px 0; }
.ph-bento-main { position: relative; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 16px; align-items: center; min-height: 440px; padding: 40px 40px 40px 44px; overflow: hidden; border: 1px solid var(--ph-line); border-radius: 24px; background: radial-gradient(circle at 100% 0%, rgba(0, 102, 204, .12), transparent 420px), #fff; box-shadow: 0 6px 24px rgba(23, 32, 51, .05); }
.ph-bento-copy .ph-hero-eyebrow { justify-content: flex-start; margin: 0 0 16px; }
.ph-bento-copy h1 { margin: 0 0 16px; color: #0b1b3a; font-size: 46px; font-weight: 800; line-height: 1.12; letter-spacing: -.02em; }
.ph-bento-copy h1 span { color: var(--ph-blue); }
.ph-bento-copy .ph-hero-text { max-width: 440px; margin: 0 0 28px; color: var(--ph-text-3); font-size: 17px; line-height: 1.65; text-align: left; }
.ph-bento-cta { display: inline-flex; align-items: center; gap: 10px; min-height: 52px; padding: 0 26px; border-radius: 12px; background: #0b1b3a; color: #fff !important; font-size: 16px; font-weight: 700; text-decoration: none !important; transition: background-color .2s ease, transform .2s ease; }
.ph-bento-cta:hover { background: #162a55; transform: translateY(-2px); }
.ph-bento-visual { position: relative; align-self: stretch; display: flex; align-items: center; justify-content: center; }
.ph-bento-visual img { display: block; width: 100%; max-width: 420px; height: auto; }
.ph-bento-promo { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 20px; min-height: 100%; padding: 36px 32px 0; overflow: hidden; border-radius: 24px; background: linear-gradient(160deg, #cfe0f5 0%, #b9c4ee 45%, #d7c7ee 100%); color: #0b1b3a; text-decoration: none !important; }
.ph-bento-promo h2 { margin: 0; max-width: 300px; color: #0b1b3a; font-size: 30px; font-weight: 800; line-height: 1.2; letter-spacing: -.01em; }
.ph-bento-cta-light { background: #fff; color: #0b1b3a !important; box-shadow: 0 6px 18px rgba(23, 32, 51, .12); }
.ph-bento-cta-light:hover { background: #fff; }
.ph-bento-browser { display: block; width: 100%; margin-top: auto; padding: 14px 16px 0; border-radius: 16px 16px 0 0; background: rgba(255, 255, 255, .78); box-shadow: 0 -8px 30px rgba(23, 32, 51, .1); }
.ph-bento-promo:hover .ph-bento-cta-light { transform: translateY(-2px); }
@media (max-width: 1099.98px) {
  .ph-bento-main { grid-template-columns: 1fr; padding: 32px; }
  .ph-bento-visual { min-height: 280px; }
  .ph-bento-copy h1 { font-size: 38px; }
}
@media (max-width: 899.98px) {
  .ph-bento { grid-template-columns: 1fr; }
  .ph-bento-search, .ph-bento-main, .ph-bento-promo { grid-column: 1; grid-row: auto; }
  .ph-bento-promo { min-height: 420px; }
}
@media (max-width: 575.98px) {
  .ph-bento { gap: 16px; }
  .ph-bento-search .ph-search { flex-wrap: wrap; padding: 10px; }
  .ph-bento-search .ph-search input[type="text"] { flex: 1 1 100%; min-height: 48px; padding-left: 8px; }
  .ph-bento-search .ph-search-icon { display: none; }
  .ph-search-tld { flex: 1 1 100px; margin: 0; }
  .ph-bento-search .ph-search-btn { flex: 1 1 140px; }
  .ph-bento-main { padding: 24px 20px; min-height: 0; }
  .ph-bento-copy h1 { font-size: 30px; }
  .ph-bento-visual { min-height: 220px; }
  .ph-bento-promo { min-height: 380px; padding: 28px 22px 0; }
  .ph-bento-promo h2 { font-size: 26px; }
}
:root[data-bs-theme="dark"] .ph-bento-search .ph-search, :root[data-bs-theme="dark"] .ph-bento-main { border-color: #1f2937; background: #111827; }
:root[data-bs-theme="dark"] .ph-bento-main { background: radial-gradient(circle at 100% 0%, rgba(96, 165, 250, .14), transparent 420px), #111827; }
:root[data-bs-theme="dark"] .ph-bento-copy h1 { color: #f1f5f9; }
:root[data-bs-theme="dark"] .ph-bento-copy h1 span { color: #60a5fa; }
:root[data-bs-theme="dark"] .ph-bento-copy .ph-hero-text { color: #cbd5e1; }
:root[data-bs-theme="dark"] .ph-search-tld { border-color: #475569; background-color: #0b1220; color: #f1f5f9; }
:root[data-bs-theme="dark"] .ph-bento-cta:not(.ph-bento-cta-light), :root[data-bs-theme="dark"] .ph-bento-search .ph-search-btn { background: #2563eb; }
:root[data-bs-theme="dark"] .ph-bento-promo { background: linear-gradient(160deg, #1e3a5f 0%, #2a3566 55%, #3b2a66 100%); color: #f1f5f9; }
:root[data-bs-theme="dark"] .ph-bento-promo h2 { color: #f1f5f9; }
@media (prefers-reduced-motion: reduce) {
  .ph-bento-cta { transition: none; }
}
.ph-bento-search .domainchecker-homepage-captcha { max-width: none !important; margin: 12px 0 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
.ph-bento-search .domainchecker-homepage-captcha .row, .ph-bento-search .domainchecker-homepage-captcha [class*="col-"] { margin: 0; padding: 0; max-width: 100%; flex: 0 0 100%; }
.ph-bento-search #default-captcha-domainchecker { display: flex !important; flex-wrap: wrap; align-items: center; gap: 8px 14px; padding: 0 !important; text-align: left !important; }
.ph-bento-search #default-captcha-domainchecker > p { flex: 0 0 100%; margin: 0; color: var(--ph-text-3); font-size: 13px; }
.ph-bento-search #default-captcha-domainchecker .captchaimage, .ph-bento-search #default-captcha-domainchecker .col-6 { flex: 0 0 auto; width: auto; max-width: none; padding: 0; }
.ph-bento-search #default-captcha-domainchecker img { height: 44px; width: auto; border-radius: 8px; }
.ph-bento-search #default-captcha-domainchecker #inputCaptcha.form-control { width: 150px; height: 44px; }
.ph-hero #default-captcha-domainchecker #inputCaptcha.form-control { width: 150px; height: 44px; }
.ph-bento-search .domainchecker-homepage-captcha > .row { margin-left: 0 !important; margin-right: 0 !important; justify-content: flex-start !important; }
.ph-bento-search #default-captcha-domainchecker { background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; width: 100%; }
.ph-bento-search #default-captcha-domainchecker > p { padding: 0 !important; }
.ph-bento-search .domainchecker-homepage-captcha, .ph-bento-search .domainchecker-homepage-captcha .row, .ph-bento-search .domainchecker-homepage-captcha .text-center, .ph-bento-search .domainchecker-homepage-captcha [class*="col-"] { margin-left: 0 !important; margin-right: 0 !important; text-align: left !important; justify-content: flex-start !important; padding-left: 0 !important; padding-right: 0 !important; }
.ph-bento-search #default-captcha-domainchecker .captchaimage, .ph-bento-search #default-captcha-domainchecker .col-6 { justify-content: flex-start !important; }
.ph-bento-search .ph-hero-form > .row { margin-left: 0 !important; margin-right: 0 !important; justify-content: flex-start !important; text-align: left !important; }
.ph-bento-search .ph-hero-form > .row > [class*="col-"] { padding-left: 0; padding-right: 0; }
.ph-hero { background: radial-gradient(circle at 8% 10%, rgba(0, 102, 204, .16), transparent 460px), radial-gradient(circle at 92% 6%, rgba(243, 107, 35, .12), transparent 440px), radial-gradient(circle at 70% 90%, rgba(167, 139, 250, .12), transparent 420px), #faf7f4; }
.ph-bento { gap: 20px; }
.ph-bento-search .ph-search, .ph-bento-main, .ph-bento-promo, .ph-hcard { border: 1px solid rgba(255, 255, 255, .7); background: rgba(255, 255, 255, .58); -webkit-backdrop-filter: blur(18px) saturate(1.4); backdrop-filter: blur(18px) saturate(1.4); box-shadow: 0 8px 32px rgba(31, 41, 55, .08), inset 0 1px 0 rgba(255, 255, 255, .8); }
.ph-bento-main { border-radius: 24px; min-height: 380px; padding: 40px 44px; }
.ph-bento-search .ph-search { border-radius: 20px; }
.ph-search-tld, .ph-bento-search .ph-search input[type="text"] { background-color: transparent; }
.ph-search-tld { border-color: rgba(203, 213, 225, .8); }
.ph-bento-cta, .ph-bento-search .ph-search-btn { background: var(--ph-blue); box-shadow: 0 6px 18px rgba(0, 102, 204, .3); }
.ph-bento-cta:hover, .ph-bento-search .ph-search-btn:hover { background: var(--ph-blue-dark); }
.ph-bento-promo { justify-content: flex-start; padding: 36px 32px; background: linear-gradient(160deg, rgba(207, 224, 245, .75), rgba(215, 199, 238, .6)); }
.ph-bento-promo h2 { max-width: 280px; }
.ph-bento-cta-light { background: rgba(255, 255, 255, .85); color: #0b1b3a !important; }
.ph-bento-tlds { display: flex; flex-wrap: wrap; gap: 10px; margin-top: auto; }
.ph-bento-tlds em { padding: 10px 16px; border: 1px solid rgba(255, 255, 255, .8); border-radius: 999px; background: rgba(255, 255, 255, .6); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); color: #0b1b3a; font-size: 16px; font-style: normal; font-weight: 700; box-shadow: 0 4px 14px rgba(31, 41, 55, .08); }
.ph-bento-tlds em:nth-child(odd) { transform: translateY(8px); }
.ph-hcard { color: #0b1b3a; }
.ph-hcard h2 { color: #0b1b3a; font-size: 26px; }
.ph-hcard p, .ph-hcard-ticket p { color: var(--ph-text-3); }
.ph-hcard-news, .ph-hcard-ticket, .ph-hcard-kb { background: rgba(255, 255, 255, .58); }
.ph-hcard-news { box-shadow: 0 8px 32px rgba(31, 41, 55, .08), inset 0 3px 0 var(--ph-blue); }
.ph-hcard-ticket { box-shadow: 0 8px 32px rgba(31, 41, 55, .08), inset 0 3px 0 #f36b23; }
.ph-hcard-kb { box-shadow: 0 8px 32px rgba(31, 41, 55, .08), inset 0 3px 0 #7c5cd6; }
.ph-hcard-cta, .ph-hcard-ticket .ph-hcard-cta, .ph-hcard-kb .ph-hcard-cta { color: var(--ph-blue); }
.ph-hcard:hover { transform: translateY(-3px); box-shadow: 0 14px 36px rgba(31, 41, 55, .12), inset 0 1px 0 rgba(255, 255, 255, .8); }
.ph-hcard-arrow { color: var(--ph-muted); }
.ph-hcard-ticket { min-height: 0; }
:root[data-bs-theme="dark"] .ph-hero { background: radial-gradient(circle at 8% 10%, rgba(59, 130, 246, .22), transparent 460px), radial-gradient(circle at 92% 6%, rgba(243, 107, 35, .14), transparent 440px), #0b1220; }
:root[data-bs-theme="dark"] .ph-bento-search .ph-search, :root[data-bs-theme="dark"] .ph-bento-main, :root[data-bs-theme="dark"] .ph-bento-promo, :root[data-bs-theme="dark"] .ph-hcard { border-color: rgba(255, 255, 255, .1); background: rgba(30, 41, 59, .55); box-shadow: 0 8px 32px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(255, 255, 255, .06); }
:root[data-bs-theme="dark"] .ph-bento-promo { background: linear-gradient(160deg, rgba(37, 99, 235, .25), rgba(124, 58, 237, .22)); }
:root[data-bs-theme="dark"] .ph-hcard h2, :root[data-bs-theme="dark"] .ph-bento-tlds em { color: #f1f5f9; }
:root[data-bs-theme="dark"] .ph-hcard p, :root[data-bs-theme="dark"] .ph-hcard-ticket p { color: #cbd5e1; }
:root[data-bs-theme="dark"] .ph-hcard-cta, :root[data-bs-theme="dark"] .ph-hcard-ticket .ph-hcard-cta, :root[data-bs-theme="dark"] .ph-hcard-kb .ph-hcard-cta { color: #93c5fd; }
:root[data-bs-theme="dark"] .ph-bento-tlds em { border-color: rgba(255, 255, 255, .12); background: rgba(30, 41, 59, .7); }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .ph-bento-search .ph-search, .ph-bento-main, .ph-bento-promo, .ph-hcard { background: rgba(255, 255, 255, .92); }
  :root[data-bs-theme="dark"] .ph-bento-search .ph-search, :root[data-bs-theme="dark"] .ph-bento-main, :root[data-bs-theme="dark"] .ph-bento-promo, :root[data-bs-theme="dark"] .ph-hcard { background: rgba(30, 41, 59, .96); }
}
@media (max-width: 899.98px) {
  .ph-bento-promo { min-height: 0; gap: 24px; }
  .ph-bento-tlds { margin-top: 8px; }
}
:root[data-bs-theme="dark"] .ph-bento-visual img { padding: 10px; border-radius: 20px; background: rgba(255, 255, 255, .92); }
.ph-bento-promo { min-height: 0; }
.ph-bento { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); grid-template-rows: auto; align-items: stretch; margin-bottom: 28px; }
.ph-bento-main { grid-column: 1; grid-row: 1; min-height: 0; padding: 44px 44px 40px; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); }
.ph-bento-promo { grid-column: 2; grid-row: 1; padding: 32px 28px; }
.ph-bento-copy .ph-hero-text { margin-bottom: 24px; }
.ph-bento-copy .ph-bento-search { margin: 0; }
.ph-bento-copy .ph-search { border: 1px solid rgba(203, 213, 225, .8); background: rgba(255, 255, 255, .85); box-shadow: 0 4px 16px rgba(31, 41, 55, .06); -webkit-backdrop-filter: none; backdrop-filter: none; }
.ph-bento-copy .ph-search input[type="text"] { min-width: 0; }
.ph-bento-visual { opacity: .96; }
.ph-bento-visual img { max-width: 340px; }
.ph-bento-promo { justify-content: space-between; }
.ph-bento-promo h2 { font-size: 26px; }
.ph-bento-tlds { margin-top: 0; }
.ph-bento-tlds em { padding: 8px 14px; font-size: 15px; }
.ph-bento-tlds em:nth-child(odd) { transform: none; }
@media (max-width: 1199.98px) {
  .ph-bento-main { grid-template-columns: 1fr; }
  .ph-bento-visual { display: none; }
}
@media (max-width: 899.98px) {
  .ph-bento { grid-template-columns: 1fr; }
  .ph-bento-main, .ph-bento-promo { grid-column: 1; grid-row: auto; }
  .ph-bento-promo { gap: 20px; }
}
@media (max-width: 575.98px) {
  .ph-bento-main { padding: 24px 18px; }
  .ph-bento-copy .ph-search { padding: 10px; }
}
:root[data-bs-theme="dark"] .ph-bento-copy .ph-search { border-color: #334155; background: rgba(15, 23, 42, .6); box-shadow: none; }
.ph-bento-main { display: block; position: relative; }
.ph-bento-copy { position: relative; z-index: 1; }
.ph-bento-copy .ph-hero-eyebrow, .ph-bento-copy h1, .ph-bento-copy .ph-hero-text { max-width: 520px; }
.ph-bento-copy .ph-bento-search, .ph-bento-copy .ph-hero-form { width: 100%; max-width: none; }
.ph-bento-visual { position: absolute; top: 24px; right: 28px; width: 300px; z-index: 0; display: block; align-self: auto; }
.ph-bento-visual img { max-width: 100%; }
@media (max-width: 1199.98px) {
  .ph-bento-visual { display: none; }
  .ph-bento-copy .ph-hero-eyebrow, .ph-bento-copy h1, .ph-bento-copy .ph-hero-text { max-width: none; }
}
.ph-bento-promo { align-items: flex-start; }
.ph-bento-promo .ph-bento-cta-light { align-self: flex-start; }
.ph-bento-promo h2 { margin-bottom: 0; }
.ph-bento-promo .ph-bento-tlds { margin-top: auto; }
.ph-bento-promo { gap: 20px; justify-content: flex-start; }
@media (max-width: 575.98px) {
  .ph-bento-copy .ph-search-btn { white-space: nowrap; }
  .ph-bento-copy .ph-search-tld { flex: 0 0 96px; }
  .ph-bento-copy .ph-search-btn { flex: 1 1 auto; }
}
.ph-mig-num { color: #0b1b3a; }
.ph-review-kicker { color: #b3420f; }
.ph-review-person small { color: #5b6472; }
.ph-review-channel { color: #007a54; }
.ph-tp-score { color: #475569; }
:root:not([data-bs-theme="dark"]) .ph-hcard-cta, :root:not([data-bs-theme="dark"]) .ph-hcard-ticket .ph-hcard-cta, :root:not([data-bs-theme="dark"]) .ph-hcard-kb .ph-hcard-cta { color: var(--ph-blue-dark); }
.ph-mig-stats small { color: #94a3b8; }
.ph-support-status { color: #065f46; }
:root { --ui-text: var(--sc-ink); --ui-text-secondary: var(--sc-body); --ui-text-muted: var(--sc-muted); --ui-surface: var(--sc-card); --ui-surface-subtle: #f8fafc; --ui-page: var(--sc-page); --ui-border: var(--sc-line); --ui-border-strong: #cbd5e1; --ui-primary: var(--primary); --ui-primary-hover: var(--primary-lifted); --ui-primary-soft: #eff6ff; --ui-success: #15805e; --ui-success-hover: #116a4e; --ui-danger: #dc2626; --ui-danger-hover: #b91c1c; --ui-danger-soft: #fef2f2; --ui-warning: #a16207; --ui-warning-hover: #854d0e; --ui-warning-soft: #fffbeb; --ui-focus: rgba(0, 102, 204, .18); --ui-radius-control: 8px; --ui-radius-card: 12px; --ui-shadow-card: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 24px rgba(15, 23, 42, .035); --ui-shadow-raised: 0 12px 32px rgba(15, 23, 42, .10); --ui-control-height: 46px; --ui-transition: 180ms ease; }
:root[data-bs-theme="dark"] { --ui-surface-subtle: #172033; --ui-border-strong: rgba(255, 255, 255, .22); --ui-primary-soft: rgba(59, 155, 255, .16); --ui-success: #34d399; --ui-success-hover: #10b981; --ui-danger: #f87171; --ui-danger-hover: #fca5a5; --ui-danger-soft: #3a1d25; --ui-warning-soft: #3a2e12; --ui-warning: #fbbf24; --ui-focus: rgba(96, 165, 250, .22); --ui-shadow-card: none; }
p, li, td, th, label, .form-control { overflow-wrap: anywhere; }
.text-muted { color: var(--ui-text-muted) !important; }
.sc-icon { display: inline-block; flex: 0 0 auto; width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; vertical-align: -.18em; }
.btn .sc-icon, a .sc-icon { margin-right: 7px; }
.btn-icon .sc-icon, .btn.close .sc-icon, .verification-banner-icon .sc-icon { margin: 0; }
.sc-icon-spinner { animation: sc-ui-spin .8s linear infinite; }
@keyframes sc-ui-spin { to { transform: rotate(360deg); } }
.form-group { margin-bottom: 20px; }
.form-group > label:not(.field-icon), .control-label { margin-bottom: 7px; color: var(--ui-text); }
.form-control, .custom-select, select.form-control { min-height: var(--ui-control-height); padding: 10px 13px; border: 1px solid var(--ui-border-strong); border-radius: var(--ui-radius-control); background-color: var(--ui-surface); color: var(--ui-text); box-shadow: none; transition: border-color var(--ui-transition), box-shadow var(--ui-transition), background-color var(--ui-transition); }
.form-control::placeholder { color: var(--ui-text-muted); opacity: .85; }
.form-control:hover:not(:disabled) { border-color: #94a3b8; }
.form-control:focus, .custom-select:focus { border-color: var(--ui-primary); outline: 0; box-shadow: 0 0 0 3px var(--ui-focus); }
.form-control:disabled, .form-control[readonly], .custom-select:disabled { cursor: not-allowed; border-color: var(--ui-border); background: var(--ui-surface-subtle); color: var(--ui-text-muted); opacity: .72; }
.invalid-feedback, .field-error-msg { margin-top: 6px; color: var(--ui-danger); }
.help-block, .form-text { color: var(--ui-text-muted); }
.btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 9px 16px; border: 1px solid transparent; border-radius: var(--ui-radius-control) !important; white-space: normal; box-shadow: none; transition: color var(--ui-transition), background-color var(--ui-transition), border-color var(--ui-transition), box-shadow var(--ui-transition), opacity var(--ui-transition); }
.btn:hover, .btn:focus { transform: none; text-decoration: none; }
.btn-primary { border-color: var(--ui-primary); background: var(--ui-primary); background-image: none; color: #fff; }
.btn-primary:hover, .btn-primary:focus { border-color: var(--ui-primary-hover); background: var(--ui-primary-hover); color: #fff; }
.btn-success { border-color: var(--ui-success); background: var(--ui-success); background-image: none; color: #fff; }
.btn-success:hover, .btn-success:focus { border-color: var(--ui-success-hover); background: var(--ui-success-hover); color: #fff; }
.btn-default, .btn-secondary, .btn-outline-primary, .btn-info { border-color: var(--ui-border-strong); background: var(--ui-surface); background-image: none; color: var(--ui-text-secondary); }
.btn-default:hover, .btn-secondary:hover, .btn-outline-primary:hover, .btn-info:hover { border-color: #94a3b8; background: var(--ui-surface-subtle); color: var(--ui-text); }
.btn-danger { border-color: var(--ui-danger); background: var(--ui-danger); background-image: none; color: #fff; }
.btn-danger:hover { border-color: var(--ui-danger-hover); background: var(--ui-danger-hover); color: #fff; }
.btn-warning { border-color: #e9d49d; background: var(--ui-warning-soft); background-image: none; color: var(--ui-warning); }
.btn-warning:hover { border-color: #d9bc72; background: #fef3c7; color: var(--ui-warning-hover); }
.btn-link { min-height: 44px; padding-inline: 8px; color: var(--ui-primary); background: transparent; }
.btn-link:hover { color: var(--ui-primary-hover); }
.btn-sm { min-height: 40px; padding: 7px 13px; }
.btn-lg { min-height: 50px; padding: 12px 20px; }
.btn:focus-visible, a:focus-visible, button:focus-visible, summary:focus-visible { outline: 2px solid var(--ui-primary) !important; outline-offset: 3px; }
.btn:disabled, .btn.disabled, .btn[aria-disabled="true"] { cursor: not-allowed; pointer-events: none; opacity: .5; box-shadow: none; }
.btn[aria-busy="true"], .btn.is-loading { cursor: wait; }
.btn[aria-busy="true"] .sc-icon:not(.sc-icon-spinner), .btn.is-loading .sc-icon:not(.sc-icon-spinner) { opacity: .5; }
.card, .panel, .modal-content, .dropdown-menu { border: 1px solid var(--ui-border); border-radius: var(--ui-radius-card); background: var(--ui-surface); box-shadow: var(--ui-shadow-card); }
.card-header, .panel-heading, .modal-header { padding: 16px 20px; border-bottom: 1px solid var(--ui-border); background: var(--ui-surface); color: var(--ui-text); }
.card-body, .panel-body { padding: 20px; }
.list-group-item { min-height: 44px; border-color: var(--ui-border); line-height: 1.45; }
.table-responsive { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.table { color: var(--ui-text-secondary); }
.table th { border-color: var(--ui-border); background: var(--ui-surface-subtle); color: var(--ui-text-muted); }
.table td { border-color: var(--ui-border); vertical-align: middle; }
.dropdown-menu { padding: 8px; }
.dropdown-item { min-height: 40px; padding: 9px 12px; border-radius: 7px; }
.dropdown-item:hover, .dropdown-item:focus { background: var(--ui-primary-soft); color: var(--ui-text); }
.alert { border-width: 1px; border-radius: var(--ui-radius-control); box-shadow: none; }
.ph-reset-body .input-group { min-height: var(--ui-control-height); border-color: var(--ui-border-strong); border-radius: var(--ui-radius-control); }
.ph-reset-body .input-group-text { color: var(--ui-text-muted); }
.ph-reset-body .form-group > .form-control { height: var(--ui-control-height); border-color: var(--ui-border-strong); border-radius: var(--ui-radius-control); }
.ph-reset-body .btn-primary, .ph-reset-body input[type="submit"].btn-primary, .ph-reset-body input[type="reset"].btn-default { min-height: var(--ui-control-height); border-radius: var(--ui-radius-control) !important; }
.ph-reset-body .sc-form-actions { display: grid; grid-template-columns: 1fr; gap: 10px; margin-bottom: 0; }
.ph-reset-body .sc-form-actions .btn, .ph-reset-body .sc-form-actions input { width: 100%; margin: 0; }
.ph-reset-links a { display: inline-flex; align-items: center; min-height: 44px; }
.ph-reset-links a .sc-icon { margin-right: 6px; }
aside.verification-banner.email-verification { border-color: var(--ui-border) !important; border-radius: var(--ui-radius-card) !important; background: var(--ui-surface) !important; color: var(--ui-text-secondary) !important; }
aside.verification-banner.email-verification .verification-banner-inner { padding: 12px 16px !important; }
aside.verification-banner.email-verification .verification-banner-icon { width: 36px; height: 36px; border-radius: var(--ui-radius-control); background: var(--ui-primary-soft); color: var(--ui-primary); }
aside.verification-banner.email-verification .btn.btn-action { border-color: var(--ui-border-strong) !important; border-radius: var(--ui-radius-control) !important; background: var(--ui-surface) !important; color: var(--ui-primary); }
:root[data-bs-theme="dark"] aside.verification-banner.email-verification { background: var(--ui-surface) !important; border-color: var(--ui-border) !important; }
:root[data-bs-theme="dark"] aside.verification-banner.email-verification .btn.btn-action { background: var(--ui-surface-subtle) !important; border-color: var(--ui-border-strong) !important; }
@media (max-width: 575.98px) {
  .card-header, .panel-heading, .modal-header, .card-body, .panel-body { padding-inline: 16px; }
  .btn:not(.btn-icon):not(.close) { max-width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; animation-iteration-count: 1 !important; }
}
@keyframes scFaqIn { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
@keyframes sc-ui-spin { to { transform: rotate(360deg); } }
:root { --ph-blue: #0066cc; --ph-blue-dark: #0054aa; --ph-orange: #f97316; --ph-orange-dark: #ea580c; --ph-navy: #0b2a5b; --ph-ink: #111827; --ph-text: #1f2937; --ph-text-2: #374151; --ph-text-3: #4b5563; --ph-muted: #646b79; --ph-border-strong: #cbd5e1; --ph-line: #e3ebf6; --ph-line-soft: #eef2f7; --ph-tint: #f6f9fc; --ph-page: #faf7f4; }
html { font-size: 14px; }
html { scroll-behavior: smooth; }
body { background-color: var(--cream); color: var(--body-color); font-size: 15px; -webkit-font-smoothing: antialiased; }
:root[data-bs-theme="dark"] body { background-color: var(--dark, #0b1220); }
h1, h2, h3, h4, h5, h6 { font-weight: 700; letter-spacing: -0.01em; }
a:focus-visible, button:focus-visible, .btn:focus-visible, .form-control:focus-visible { outline: 3px solid rgba(243, 107, 35, 0.42) !important; outline-offset: 3px; }
:root[data-bs-theme="dark"] .ph-i-sun { display: none; }
:root[data-bs-theme="dark"] .ph-i-moon { display: inline; }
.sc-notification button { color: var(--ph-text-2); }
:root[data-bs-theme="dark"] .sc-notification button { color: #f8fafc; }
.btn { border-radius: 999px; font-weight: 600; letter-spacing: 0; transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease; }
.btn:hover { transform: translateY(-1px); }
.btn-primary, .btn-primary.disabled { background: var(--gradient-blue); border-color: var(--primary); color: #fff; }
.btn-primary:hover, .btn-primary:active, .btn-primary:focus { background: var(--primary-dark) !important; border-color: var(--primary-dark) !important; box-shadow: 0 8px 20px rgba(0, 102, 204, 0.28) !important; }
.btn-success, .btn-checkout { background: var(--gradient-orange); border-color: var(--accent); color: #fff; }
.btn-success:hover, .btn-checkout:hover { background: var(--accent-dark) !important; border-color: var(--accent-dark) !important; color: #fff; box-shadow: 0 8px 20px rgba(243, 107, 35, 0.3) !important; }
.btn-default, .btn-outline-primary { background: #fff; color: var(--primary); border: 1px solid var(--primary); }
.btn-default:hover, .btn-outline-primary:hover { background: var(--primary-light); border-color: var(--primary); color: var(--primary-dark); }
.card, .panel { border-radius: 18px; border: 1px solid var(--border-color); box-shadow: var(--card-shadow); }
.card-sidebar { border-radius: 18px; }
.card:hover { border-bottom-color: var(--accent); }
.form-control { border-radius: 12px; background-color: #fff; }
.form-control:focus { border-color: var(--primary); box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.15); }
.page-link, .pagination .active .page-link { border-radius: 10px; }
:root[data-bs-theme="dark"] .form-control { background-color: #172033; }
.sc-page-header { background: linear-gradient(135deg, var(--primary-darker), var(--primary-dark) 55%, var(--primary)); }
.bg-gradient { background: radial-gradient(circle at 92% 0%, rgba(243, 107, 35, .30), transparent 340px), radial-gradient(circle at 6% 130%, rgba(0, 128, 255, .30), transparent 380px), linear-gradient(135deg, var(--ph-navy) 0%, #0a3f8f 55%, #0054aa 100%); }
.sc-page-header.bg-gradient { box-shadow: inset 0 -3px 0 #0066cc; }
.sc-page-header h1 { font-size: 28px; font-weight: 700; letter-spacing: -0.02em; line-height: 1.25; }
.sc-page-header-info p { color: #d6e4f7; }
.sc-breadcrumb { border-radius: 12px 12px 0 0; }
.ph-page-auth section#main-body.sc-auth-wrap { display: block; min-height: 100vh !important; padding: 0 !important; background: #fff !important; }
.ph-page-auth #main-body > .container { max-width: none; width: 100%; padding: 0; }
.ph-page-auth #main-body > .container > .row { margin: 0; }
.ph-login { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); min-height: 100vh; background: #fff; }
.ph-login-main { position: relative; display: flex; flex-direction: column; min-width: 0; padding: 32px 48px 28px; background: #fff; }
.ph-login-logo { display: inline-block; align-self: flex-start; }
.ph-login-logo img { display: block; width: auto; height: 38px; }
.ph-login-center { width: 100%; max-width: 436px; margin: auto; padding: 40px 0; }
.ph-login-head { margin-bottom: 36px; text-align: center; }
.ph-login-badge { display: inline-flex; width: 56px; height: 56px; align-items: center; justify-content: center; margin-bottom: 28px; border-radius: 50%; background: var(--primary); color: #fff; font-size: 22px; box-shadow: 0 0 0 12px rgba(0, 102, 204, .10), 0 0 0 24px rgba(0, 102, 204, .05); }
.ph-login-head h1 { margin: 0; font-size: 28px; font-weight: 700; letter-spacing: -0.02em; line-height: 1.2; color: var(--ph-ink); }
.ph-login-head p { margin: 10px 0 0; font-size: 15px; color: #5b6474; }
.ph-login .form-group { margin-bottom: 20px; }
.ph-login .form-control-label { margin-bottom: 8px; font-size: 14px; font-weight: 600; color: var(--ph-text); }
.ph-login .input-group { flex-wrap: nowrap; align-items: center; min-height: 48px; border: 1px solid #e5e7eb; border-radius: 12px; background: #fff; transition: border-color .2s ease, box-shadow .2s ease; }
.ph-login .input-group:focus-within { border-color: var(--primary); box-shadow: 0 0 0 3px rgba(0, 102, 204, .15); }
.ph-login .input-group-prepend, .ph-login .input-group-append { display: flex; align-items: center; }
.ph-login .input-group-text { padding: 0 0 0 14px; border: 0; background: transparent; color: var(--ph-muted); font-size: 18px; }
.ph-login .input-group .form-control { flex: 1 1 auto; height: 46px; padding: 0 14px; border: 0; border-radius: 0; background: transparent; box-shadow: none; color: var(--ph-ink); font-size: 15px; }
.ph-login .input-group .form-control::placeholder { color: #9ca3af; }
.ph-login .input-group .form-control:focus, .ph-login .input-group .form-control:focus-visible { outline: none !important; box-shadow: none; }
.ph-login .alert { margin-bottom: 20px; border-radius: 12px; font-size: 14px; }
.ph-login .btn-reveal-pw { padding: 0 14px; border: 0; background: transparent; color: var(--ph-text-3); font-size: 18px; cursor: pointer; }
.ph-login .btn-reveal-pw:hover { color: var(--primary); }
.ph-eye-hide { display: none; }
.ph-forgot { font-size: 12.5px; font-weight: 600; color: var(--primary); }
.ph-forgot:hover { color: var(--primary-dark); text-decoration: underline; }
.ph-remember { display: flex; align-items: center; gap: 10px; margin: 4px 0 22px; font-size: 14.5px; color: var(--ph-text-2); cursor: pointer; }
.ph-remember input { position: static; width: 18px; height: 18px; margin: 0; accent-color: var(--primary); }
.ph-login-btn { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 50px; border-radius: 12px; font-size: 15.5px; font-weight: 600; }
.ph-login-links { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; margin-top: 24px; font-size: 14px; color: #5b6474; }
.ph-login-links p { margin: 0; }
.ph-login-links a { font-weight: 600; color: var(--primary); }
.ph-login-lang { padding: 0; border: 0; background: none; font-size: 13px; color: #5b6474; cursor: pointer; }
.ph-login-note { max-width: 420px; margin: 0 auto; font-size: 12px; line-height: 1.6; text-align: center; color: var(--ph-muted); }
.ph-login-note a { color: inherit; text-decoration: underline; }
.ph-register .ph-login-main { padding-bottom: 28px; }
.ph-register-center { max-width: 600px; padding: 32px 0 24px; }
.ph-register .ph-login-head { margin-bottom: 28px; }
.ph-register #containerNewUserSignup > .text-center > h1 { display: none; }
.ph-register #registration { padding: 0 !important; border-radius: 0; background: transparent !important; box-shadow: none; }
.ph-register #registration .card { border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.ph-register #registration .card-body { overflow: visible; }
.ph-register #registration h3.h6 { margin: 0 0 14px; padding-bottom: 8px; border-bottom: 1px solid #eef0f3; font-size: 12.5px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; color: var(--ph-muted); }
.ph-register #registration .prepend-icon { display: block; margin-bottom: 16px; }
.ph-register #registration .form-group { margin-bottom: 16px; }
.ph-register #registration .field, .ph-register #registration select.form-control, .ph-register #registration .form-control { height: 48px; border: 1px solid #e5e7eb; border-radius: 12px; background: #fff; box-shadow: none; color: var(--ph-ink); font-size: 14.5px; transition: border-color .2s ease, box-shadow .2s ease; }
.ph-register #registration .prepend-icon .field { padding-left: 44px; }
.ph-register #registration .field::placeholder, .ph-register #registration .form-control::placeholder { color: #9ca3af; font-size: 14.5px; }
.ph-register #registration .field:focus-visible, .ph-register #registration .form-control:focus-visible { outline: none !important; }
.ph-register #registration .field:focus, .ph-register #registration .form-control:focus { border-color: var(--primary); box-shadow: 0 0 0 3px rgba(0, 102, 204, .15); outline: none; }
.ph-register #registration .prepend-icon .field-icon { height: 48px; width: 44px; border: 0; line-height: 48px; }
.ph-register #registration .field-icon i { color: var(--ph-muted); font-size: 16px; }
.ph-register #registration .prepend-icon:focus-within .field-icon i { color: var(--primary); }
.ph-register #registration .intl-tel-input { display: block; width: 100%; }
.ph-register #registration label:not(.field-icon):not(.form-check) { font-size: 13.5px; font-weight: 600; color: var(--ph-text-2); }
.ph-register #registration .generate-password { border-radius: 10px; font-weight: 600; }
.ph-register #registration .password-strength-meter .progress { height: 8px; border-radius: 999px; background: #eef0f3; }
.ph-register #registration .password-strength-meter .progress-bar { border-radius: 999px; }
.ph-register #registration .password-strength-meter p { margin: 6px 0 0; font-size: 12.5px; }
.ph-register #registration .form-check { display: flex; align-items: flex-start; gap: 10px; padding-left: 0; font-size: 14px; color: var(--ph-text-2); }
.ph-register #registration .form-check input[type="checkbox"] { position: static; width: 18px; height: 18px; margin: 3px 0 0; accent-color: var(--primary); }
.ph-register #registration a { color: var(--primary); font-weight: 600; }
.ph-register #registration input[type="submit"].btn-primary, .ph-register #registration input[type="submit"].btn-primary:hover, .ph-register #registration input[type="submit"].btn-primary:focus { color: #fff !important; }
.ph-register #registration input[type="submit"].btn-primary { width: 100%; min-height: 52px; border-radius: 12px; font-size: 15.5px; font-weight: 600; }
.ph-register #registration .d-flex.justify-content-between { flex-direction: column; align-items: stretch !important; gap: 14px; }
.ph-register #registration .d-flex.justify-content-between ul { align-self: center; margin: 0; float: none !important; }
.ph-register #registration .d-flex.justify-content-between .btn { font-size: 13px; color: #5b6474; }
.ph-register #registration .auth-footer { margin-top: 22px; font-size: 14px; color: #5b6474; text-align: center; }
.ph-register .alert { border-radius: 12px; font-size: 14px; }
.ph-register .ph-login-panel { position: sticky; top: 0; align-self: start; height: 100vh; }
@media (max-width: 991.98px) {
  .ph-register .ph-login-panel { display: none; }
  .ph-register-center { padding: 24px 0; }
}
:root[data-bs-theme="dark"] .ph-register #registration .field, :root[data-bs-theme="dark"] .ph-register #registration .form-control { background: #111827; border-color: #1e293b; color: #f8fafc; }
:root[data-bs-theme="dark"] .ph-register #registration h3.h6, :root[data-bs-theme="dark"] .ph-register #registration h3.card-title { border-color: #1e293b; color: #94a3b8; }
:root[data-bs-theme="dark"] .ph-register #registration label:not(.field-icon):not(.form-check), :root[data-bs-theme="dark"] .ph-register #registration .form-check, :root[data-bs-theme="dark"] .ph-register #registration .auth-footer { color: #cbd5e1; }
:root[data-bs-theme="dark"] .ph-register #registration .field-icon i { color: #94a3b8; }
.ph-reset .ph-login-head { margin-bottom: 28px; }
.ph-reset-body > .mb-4 { margin-bottom: 24px !important; text-align: center; }
.ph-reset-body > .mb-4 > h6 { display: none; }
.ph-reset-body > .mb-4 > p { margin: 0 0 24px; font-size: 15px; line-height: 1.6; text-align: center; color: #5b6474; }
.ph-reset-body label { margin-bottom: 8px; font-size: 14px; font-weight: 600; color: var(--ph-text); }
.ph-reset-body .form-group { margin-bottom: 20px; }
.ph-reset-body .btn-primary { display: block; width: 100%; min-height: 50px; border-radius: 12px; font-size: 15.5px; font-weight: 600; }
.ph-reset-links { flex-direction: column; align-items: center; gap: 10px; text-align: center; }
.ph-reset-links a { font-weight: 600; color: var(--primary); }
:root[data-bs-theme="dark"] .ph-reset-body .progress, :root[data-bs-theme="dark"] .ph-register #registration .password-strength-meter .progress { background: #172033; }
:root[data-bs-theme="dark"] .ph-reset-body > .mb-4 > p, :root[data-bs-theme="dark"] .ph-reset-body > p { color: #94a3b8; }
:root[data-bs-theme="dark"] .ph-reset-body label { color: #cbd5e1; }
:root[data-bs-theme="dark"] .ph-reset-body .form-group > .form-control { background: #111827; border-color: #1e293b; color: #f8fafc; }
:root[data-bs-theme="dark"] .ph-reset-body input[type="reset"].btn-default { background: #111827; border-color: #1e293b; color: #cbd5e1; }
.ph-login-panel { position: relative; overflow: hidden; min-width: 0; background: radial-gradient(circle at 92% 4%, rgba(0, 102, 204, .20), transparent 440px), radial-gradient(circle at 8% 96%, rgba(249, 115, 22, .12), transparent 400px), linear-gradient(160deg, var(--ph-page) 0%, #f1f6fb 55%, #e6f0f9 100%); }
.ph-login-panel-inner { position: relative; z-index: 2; padding: 72px 64px 0; }
.ph-login-panel h2 { max-width: 520px; margin: 0 0 32px; font-size: clamp(28px, 2.6vw, 38px); font-weight: 700; letter-spacing: -0.025em; line-height: 1.2; color: var(--ph-ink); }
.ph-login-points li { display: flex; align-items: center; gap: 14px; margin-bottom: 14px; font-size: 15px; color: var(--ph-text-2); }
.ph-login-point-icon { display: inline-flex; flex: 0 0 36px; width: 36px; height: 36px; align-items: center; justify-content: center; border-radius: 10px; background: #fff; box-shadow: 0 1px 3px rgba(23, 32, 51, .08); color: var(--primary); font-size: 16px; }
.ph-login-mock { position: absolute; right: -70px; bottom: -64px; display: flex; gap: 16px; width: 700px; padding: 18px; border: 1px solid rgba(255, 255, 255, .8); border-radius: 24px; background: rgba(255, 255, 255, .72); box-shadow: 0 30px 70px rgba(23, 32, 51, .16); transform: rotate(-7deg); transform-origin: bottom right; }
.ph-mock-side { display: flex; flex: 0 0 150px; flex-direction: column; gap: 12px; padding: 14px; border-radius: 16px; background: #fff; }
.ph-ms-dot { width: 22px; height: 22px; border-radius: 7px; background: var(--primary); }
.ph-ms-bar { height: 10px; border-radius: 6px; background: #d1d5db; }
.ph-ms-bar-dark { width: 70%; background: #374151; }
.ph-ms-row { display: flex; align-items: center; gap: 8px; padding: 6px 8px; border-radius: 8px; }
.ph-ms-row i { width: 10px; height: 10px; border-radius: 3px; background: var(--ph-border-strong); }
.ph-ms-row b { flex: 1; height: 8px; border-radius: 5px; background: #e5e7eb; }
.ph-ms-row.is-active { background: #e8efff; }
.ph-ms-row.is-active i { background: var(--primary); }
.ph-ms-row.is-active b { background: #9db8f5; }
.ph-mock-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 14px; }
.ph-mm-title { width: 38%; height: 14px; border-radius: 8px; background: var(--ph-text-2); }
.ph-mm-tiles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.ph-mm-tile { display: flex; flex-direction: column; gap: 22px; padding: 14px; border-radius: 14px; background: #fff; box-shadow: 0 1px 3px rgba(23, 32, 51, .06); }
.ph-mm-tile i { width: 24px; height: 24px; border-radius: 8px; }
.ph-mm-tile i.is-blue { background: #dbe6ff; }
.ph-mm-tile i.is-green { background: #c9f4dc; }
.ph-mm-tile i.is-yellow { background: #fdeeb4; }
.ph-mm-tile b { width: 55%; height: 10px; border-radius: 6px; background: var(--ph-text-2); }
.ph-mm-chart { display: flex; align-items: flex-end; gap: 14px; height: 140px; padding: 16px; border-radius: 14px; background: #fff; }
.ph-mm-chart span { flex: 1; border-radius: 8px 8px 0 0; background: #dbe6ff; }
.ph-mm-chart span.is-hot { background: var(--primary); }
.ph-mm-chart span:nth-child(1) { height: 34%; }
.ph-mm-chart span:nth-child(2) { height: 52%; }
.ph-mm-chart span:nth-child(3) { height: 44%; }
.ph-mm-chart span:nth-child(4) { height: 70%; }
.ph-mm-chart span:nth-child(5) { height: 92%; }
.ph-mm-chart span:nth-child(6) { height: 58%; }
.ph-mm-chart span:nth-child(7) { height: 40%; }
@media (max-width: 991.98px) {
  .ph-login { grid-template-columns: 1fr; }
  .ph-login-panel { display: none; }
  .ph-login-main { min-height: 100vh; padding: 24px 20px; }
}
@media (max-width: 575.98px) {
  .ph-login-head h1 { font-size: 24px; }
  .ph-login-links { flex-direction: column; align-items: flex-start; }
}
@media (prefers-reduced-motion: reduce) {
  .ph-login .input-group { transition: none; }
}
:root[data-bs-theme="dark"] .ph-page-auth section#main-body.sc-auth-wrap, :root[data-bs-theme="dark"] .ph-login, :root[data-bs-theme="dark"] .ph-login-main { background: #0b1220 !important; }
:root[data-bs-theme="dark"] .ph-login-head h1, :root[data-bs-theme="dark"] .ph-login .form-control-label, :root[data-bs-theme="dark"] .ph-login .input-group .form-control { color: #f8fafc; }
:root[data-bs-theme="dark"] .ph-login-head p, :root[data-bs-theme="dark"] .ph-login-links, :root[data-bs-theme="dark"] .ph-login-lang, :root[data-bs-theme="dark"] .ph-login-note, :root[data-bs-theme="dark"] .ph-remember { color: #94a3b8; }
:root[data-bs-theme="dark"] .ph-login .input-group { background: #111827; border-color: #1e293b; }
:root[data-bs-theme="dark"] .ph-login .input-group-text, :root[data-bs-theme="dark"] .ph-login .btn-reveal-pw { color: #94a3b8; }
:root[data-bs-theme="dark"] .ph-login-panel { background: linear-gradient(160deg, #0b1220 0%, #111d3a 55%, #12244d 100%); }
:root[data-bs-theme="dark"] .ph-login-panel h2 { color: #f8fafc; }
:root[data-bs-theme="dark"] .ph-login-points li { color: #cbd5e1; }
:root[data-bs-theme="dark"] .ph-login-mock { background: rgba(17, 24, 39, .75); border-color: rgba(255, 255, 255, .08); }
:root[data-bs-theme="dark"] .ph-mock-side, :root[data-bs-theme="dark"] .ph-mm-tile, :root[data-bs-theme="dark"] .ph-mm-chart { background: #172033; }
:root[data-bs-theme="dark"] .ph-review-intro h2, :root[data-bs-theme="dark"] .ph-tp, :root[data-bs-theme="dark"] .ph-tp:hover, :root[data-bs-theme="dark"] .ph-tp-score strong { color: #f8fafc; }
:root[data-bs-theme="dark"] .ph-review-intro > p, :root[data-bs-theme="dark"] .ph-tp-score { color: #94a3b8; }
:root[data-bs-theme="dark"] .ph-review-kicker { color: #fb923c; }
:root[data-bs-theme="dark"] .ph-faq { background: linear-gradient(180deg, #0b1220, #0b1220); }
:root[data-bs-theme="dark"] .ph-faq::before { opacity: .15; }
:root[data-bs-theme="dark"] .ph-faq-head h2, :root[data-bs-theme="dark"] .ph-support-header h3, :root[data-bs-theme="dark"] .ph-faq-q { color: #f8fafc; }
:root[data-bs-theme="dark"] .ph-support-card, :root[data-bs-theme="dark"] .ph-faq-item, :root[data-bs-theme="dark"] .ph-contact-link { background: #111827; border-color: rgba(255, 255, 255, .1); }
:root[data-bs-theme="dark"] .ph-support-header, :root[data-bs-theme="dark"] .ph-support-actions { background: #111827; }
:root[data-bs-theme="dark"] .ph-support-art { background: #0f1b2e; }
:root[data-bs-theme="dark"] .ph-support-art::after { background: linear-gradient(180deg, transparent, #111827); }
:root[data-bs-theme="dark"] .ph-support-header p, :root[data-bs-theme="dark"] .ph-faq-a p, :root[data-bs-theme="dark"] .ph-connect span { color: #94a3b8; }
:root[data-bs-theme="dark"] .ph-contact-link, :root[data-bs-theme="dark"] .ph-support-secondary { color: #f8fafc !important; }
:root[data-bs-theme="dark"] .ph-support-secondary { background: #172033; border-color: rgba(255, 255, 255, .12); }
:root[data-bs-theme="dark"] .ph-faq-icon { background: #172033; color: #f8fafc; }
:root[data-bs-theme="dark"] .ph-faq-item[open] .ph-faq-icon { background: #0066cc; color: #fff; }
:root[data-bs-theme="dark"] .ph-faq-a { border-top-color: rgba(255, 255, 255, .08); }
:root[data-bs-theme="dark"] .ph-connect::before, :root[data-bs-theme="dark"] .ph-connect::after { background: rgba(255, 255, 255, .15); }
.verification-banner { padding: 12px 0; border-bottom: 1px solid #fde2b8; background: #fff8eb; color: #5b3a05; font-weight: 500; }
.verification-banner .text { display: inline; padding: 0; font-size: 14.5px; line-height: 1.5; vertical-align: middle; }
.verification-banner .btn { margin: 0; padding: 0 22px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; font-size: 14px; font-weight: 600; white-space: normal; }
.verification-banner .btn.close { min-width: 44px; margin: 0; padding: 0; border-radius: 50%; color: #7c5a1d; font-size: 24px; line-height: 1; }
.verification-banner .btn.close:hover { background: rgba(180, 83, 9, .1); color: #5b3a05; }
.verification-banner.email-verification .btn.btn-action, .verification-banner.email-verification .btn.btn-action:active { border: 2px solid var(--primary); background: #fff; color: var(--primary); }
.verification-banner.email-verification .btn.btn-action:hover { background: var(--primary); color: #fff; }
.verification-banner .btn:focus-visible { outline: 3px solid rgba(0, 102, 204, .45); outline-offset: 2px; }
@media (min-width: 768px) {
  .verification-banner .btn { padding: 0 24px; }
}
:root[data-bs-theme="dark"] .verification-banner { border-bottom-color: #4a3a12; background: #2a2208; color: #f6e3b4; }
:root[data-bs-theme="dark"] .verification-banner .fas { color: #fbbf24; }
:root[data-bs-theme="dark"] .verification-banner .btn.close { color: #f6e3b4; }
:root[data-bs-theme="dark"] .verification-banner.email-verification .btn.btn-action { border-color: #60a5fa; background: transparent; color: #93c5fd; }
:root[data-bs-theme="dark"] .verification-banner.email-verification .btn.btn-action:hover { background: #60a5fa; color: #0b1220; }
@media (max-width: 1199.98px) {
  html.ph-menu-open, html.ph-menu-open body { overflow: hidden; }
  :root[data-bs-theme="dark"] .offcanvas-collapse { background: #0b1220; box-shadow: 8px 0 32px rgba(0, 0, 0, .5); }
  :root[data-bs-theme="dark"] .ph-offcanvas-head { background: #0b1220; }
  :root[data-bs-theme="dark"] .ph-offcanvas-close { color: #f8fafc; }
  :root[data-bs-theme="dark"] .ph-offcanvas-close:hover { background: #172033; }
  :root[data-bs-theme="dark"] #mainNavbar .ph-client-nav > li > a { color: #f8fafc; }
  :root[data-bs-theme="dark"] #mainNavbar .ph-client-nav .dropdown-item, :root[data-bs-theme="dark"] #mainNavbar .ph-client-nav .dropdown-item > a { color: #cbd5e1; }
  :root[data-bs-theme="dark"] #mainNavbar .ph-client-nav .dropdown-item:hover, :root[data-bs-theme="dark"] #mainNavbar .ph-client-nav .dropdown-item > a:hover { background: #172033; color: #fdba74; }
}
@media (max-width: 1199.98px) {
  :root[data-bs-theme="dark"] #mainNavbar .ph-client-nav .collapsable-dropdown-menu > li.dropdown-item > a { color: #f8fafc; }
}
body:has(> .invoice-container) { background: var(--ph-page); font-family: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif; color: var(--ph-text); }
.invoice-container { max-width: 880px; margin: 32px auto 16px; padding: 48px 56px 56px; border: 1px solid #e9e2dc; border-radius: 18px; background: #fff; box-shadow: 0 12px 32px rgba(23, 32, 51, .06); font-size: 15px; line-height: 1.6; }
.invoice-container .invoice-header { align-items: center; }
.invoice-container .invoice-header .invoice-col:last-child { text-align: right; }
.invoice-container .ph-inv-logo { margin: 0 0 14px; }
.invoice-container .ph-inv-logo img { display: block; height: 44px; width: auto; }
.invoice-container .invoice-header h5 { margin: 0; font-size: 24px; font-weight: 800; letter-spacing: -.01em; color: var(--ph-ink); }
.invoice-container hr { margin: 24px 0; border-top: 1px solid #eef0f3; }
.invoice-container .invoice-status { margin: 0 0 10px; font-size: 13px; letter-spacing: .08em; }
.invoice-container .invoice-status span { display: inline-flex; align-items: center; gap: 8px; padding: 7px 16px; border-radius: 999px; background: #f3f4f6; color: var(--ph-text-2); font-weight: 800; line-height: 1.2; }
.invoice-container .invoice-status span::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.invoice-container .invoice-status .unpaid { background: #fff1e6; color: #9a3412; }
.invoice-container .invoice-status .paid { background: #e7f6ec; color: #166534; }
.invoice-container .invoice-header .small-text { font-size: 14px; color: var(--ph-text-3); }
.invoice-container .payment-btn-container:not(:empty) { margin-top: 14px; padding: 14px 18px; border: 1px solid var(--ph-line); border-radius: 14px; background: #f8fbff; font-size: 14px; line-height: 1.8; text-align: left !important; color: var(--ph-text-2); }
.invoice-container .payment-btn-container .btn { display: block; width: 100%; min-height: 48px; border-radius: 12px; font-weight: 700; }
.invoice-container .invoice-col > strong { display: block; margin-bottom: 6px; color: var(--ph-muted); font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.invoice-container address, .invoice-container .small-text { font-size: 15px; line-height: 1.7; color: var(--ph-text); }
.invoice-container address { margin-bottom: 18px; }
.invoice-container [data-role="paymethod-info"] { display: block; }
.invoice-container select.custom-select { min-height: 44px; padding: 0 36px 0 14px; border: 1.5px solid var(--ph-border-strong); border-radius: 12px; background-color: #fff; font-size: 15px; font-weight: 600; color: var(--ph-text); }
.invoice-container select.custom-select:focus { border-color: var(--ph-blue); box-shadow: 0 0 0 3px rgba(0, 102, 204, .18); outline: none; }
.invoice-container .card { overflow: hidden; border: 1px solid var(--ph-line); border-radius: 16px; background: #fff; box-shadow: none; }
.invoice-container .card-header { padding: 16px 22px; border: 0; border-bottom: 1px solid var(--ph-line); background: var(--ph-tint); }
.invoice-container .card .table { margin: 0; font-variant-numeric: tabular-nums; }
.invoice-container .card .table td { padding: 14px 22px; border-top: 1px solid var(--ph-line-soft); vertical-align: top; }
.invoice-container .card .table thead td { border-top: 0; border-bottom: 1px solid var(--ph-line); background: transparent; color: var(--ph-muted); font-size: 12px; letter-spacing: .06em; text-transform: uppercase; }
.invoice-container .card .table thead td strong { font-weight: 800; }
.invoice-container .card .table tbody tr:not(.total-row):hover { background: #fafcff; }
.invoice-container .card .table td.text-right, .invoice-container .card .table td:last-child { white-space: nowrap; }
.invoice-container .card .table td.total-row, .invoice-container .card .table tr:has(> td.total-row) { background: #fff; }
.invoice-container .card .table td.total-row { border-top: 1px solid var(--ph-line-soft); color: var(--ph-text-3); }
.invoice-container .card .table td.total-row strong { font-weight: 700; }
.invoice-container .card .table tbody tr:last-child td.total-row { padding-top: 18px; padding-bottom: 18px; border-top: 2px solid #dbe7f5; background: #eef5fd; color: var(--ph-navy); font-size: 17px; font-weight: 800; }
.invoice-container .card .table tbody tr:last-child td.total-row strong { font-weight: 800; }
.invoice-container > .row ~ p { margin: 8px 0 20px; font-size: 13px; color: var(--ph-muted); }
.invoice-container .btn-group { margin-top: 24px; }
.invoice-container .btn-group .btn { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 20px; border: 1.5px solid var(--ph-blue); background: #fff; color: var(--ph-blue); font-size: 14px; font-weight: 700; }
.invoice-container .btn-group .btn:first-child { border-radius: 12px 0 0 12px; }
.invoice-container .btn-group .btn:last-child { margin-left: -1.5px; border-radius: 0 12px 12px 0; }
.invoice-container .btn-group .btn:hover, .invoice-container .btn-group .btn:focus-visible { background: var(--ph-blue); color: #fff; text-decoration: none; }
body:has(> .invoice-container) > p.text-center { margin: 8px 0 32px; font-size: 15px; font-weight: 600; }
body:has(> .invoice-container) > p.text-center a { color: var(--ph-blue); }
@media (max-width: 767.98px) {
  .invoice-container { margin: 12px; padding: 28px 20px 32px; border-radius: 16px; }
  .invoice-container .invoice-header .invoice-col:last-child { margin-top: 16px; text-align: center; }
  .invoice-container .invoice-header .invoice-col:first-child { text-align: center; }
  .invoice-container .ph-inv-logo img { margin: 0 auto; }
  .invoice-container .card .table td { padding: 12px 14px; }
}
@media print {
  body:has(> .invoice-container) { background: #fff; }
  .invoice-container { margin: 0; padding: 0; border: 0; border-radius: 0; box-shadow: none; max-width: none; }
  .invoice-container .card { break-inside: avoid; }
}
.invoice-container { display: flow-root; }
.invoice-container .invoice-col > strong + br { display: none; }
@media (min-width: 768px) {
  .invoice-container .invoice-header .invoice-col:last-child { text-align: right !important; }
  .invoice-container .invoice-header .invoice-status { text-align: right; }
}
@media (max-width: 575.98px) {
  .invoice-container .row > .invoice-col.right { order: 2; text-align: left; float: none; }
  .invoice-container .row > .invoice-col:not(.right) { order: 1; }
  .invoice-container .invoice-col.right > br { display: none; }
  .invoice-container .invoice-col.right [data-role="paymethod-info"] { float: none !important; }
  .invoice-container .transactions-container .table td:not(.text-right):not(.total-row) { white-space: normal !important; }
  .invoice-container .card .table thead td { letter-spacing: .03em; }
}
.invoice-container { width: auto; }
@media (max-width: 575.98px) {
  .invoice-container .transactions-container .table td { padding: 12px 8px; font-size: 14px; }
  .invoice-container .transactions-container .table thead td { font-size: 10.5px; letter-spacing: 0; }
  .invoice-container .transactions-container .table td:first-child { padding-left: 14px; }
  .invoice-container .transactions-container .table td:last-child { padding-right: 14px; }
}
@media (max-width: 575.98px) {
  .invoice-container .transactions-container .table td { padding: 12px 4px; font-size: 13px; }
  .invoice-container .transactions-container .table thead td { font-size: 9.5px; letter-spacing: 0; }
  .invoice-container .transactions-container .table td:first-child { padding-left: 10px; }
  .invoice-container .transactions-container .table td:last-child { padding-right: 10px; }
  .invoice-container .transactions-container .table td.total-row { font-size: 14px; }
}
.invoice-container .payment-btn-container { margin: 24px 0 0; }
.invoice-container .payment-btn-container:not(:empty) { margin-top: 24px; }
.invoice-container .payment-btn-container:has(.payment-wrapper, .mailin-card, .fonepay-card) { padding: 0; border: 0; background: transparent; }
.invoice-container .payment-btn-container:not(:has(.payment-wrapper, .mailin-card, .fonepay-card)) { max-width: 520px; margin-left: auto; margin-right: auto; text-align: center !important; }
.invoice-container .payment-btn-container .payment-wrapper { box-shadow: none; }
.invoice-container .invoice-header .invoice-col:last-child .small-text { margin-top: 4px; }
.ph-inv-aside { max-width: 880px; margin: 0 auto 16px; padding: 20px 24px; border: 1px solid #e9e2dc; border-radius: 18px; background: #fff; box-shadow: 0 12px 32px rgba(23, 32, 51, .06); font-size: 14px; }
.ph-inv-aside h2 { margin: 0 0 4px; font-size: 16px; font-weight: 800; color: var(--ph-ink); }
.ph-inv-aside p { margin: 0 0 14px; color: var(--ph-text-3); line-height: 1.5; }
.ph-inv-aside ul { margin: 0; padding: 0; }
.ph-inv-aside li + li { margin-top: 4px; }
.ph-inv-aside a { display: flex; align-items: center; gap: 12px; min-height: 48px; padding: 6px 10px; border-radius: 12px; color: var(--ph-text); font-weight: 600; text-decoration: none; }
.ph-inv-aside a:hover, .ph-inv-aside a:focus-visible { background: #f3f8fe; color: var(--ph-blue); text-decoration: none; }
.ph-inv-aside a > img, .ph-inv-aside a > svg { flex: none; width: 20px; height: 20px; font-size: 18px; line-height: 20px; text-align: center; color: var(--ph-blue); }
.ph-inv-aside a span { display: flex; flex-direction: column; line-height: 1.3; word-break: break-word; }
.ph-inv-aside small { color: var(--ph-muted); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
@media (max-width: 767.98px) {
  .ph-inv-aside { margin: 0 12px 16px; }
}
@media (min-width: 1500px) {
  .ph-inv-aside { position: fixed; top: 32px; left: calc(50% + 464px); width: 280px; max-width: none; margin: 0; }
}
.ph-inv-aside a > svg { color: #5b6573; }
.ph-inv-aside a:hover > svg { color: var(--ph-blue); }
.sc-page-header.py-5 { padding-top: 28px !important; padding-bottom: 36px !important; }
.tiles .tile { position: relative; min-height: 104px; padding: 18px 20px; border: 1px solid var(--ph-line) !important; border-radius: 16px; background: #fff; text-decoration: none; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.tiles .tile i { position: absolute; top: 16px; right: 16px; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: #eaf3fc; color: var(--ph-blue); font-size: 20px; }
.tiles .tile .stat { margin: 0; color: var(--ph-ink); font-family: inherit; font-size: 32px; font-weight: 800; line-height: 1.1; }
.tiles .tile .title { margin-top: 4px; color: var(--ph-text-3); font-size: 14px; font-weight: 600; text-transform: none; }
.tiles .tile:hover, .tiles .tile:focus-visible { border-color: var(--ph-blue) !important; background: #fff; box-shadow: 0 10px 24px rgba(23, 32, 51, .08); transform: translateY(-2px); text-decoration: none; }
.tiles .tile:hover i, .tiles .tile:focus-visible i { font-size: 20px; color: var(--ph-blue); }
.tiles .tile:hover .stat { color: var(--ph-ink); }
.tiles .tile.ph-tile-attn { border-color: #f6c58a !important; background: #fff7ed; }
.tiles .tile.ph-tile-attn i { background: #ffedd5; color: var(--ph-orange-dark); }
.tiles .tile.ph-tile-attn .stat { color: #c2410c; }
.tiles .tile.ph-tile-attn:hover i { color: var(--ph-orange-dark); }
.client-home-cards .card, .client-home-cards .card[class*="card-accent-"] { margin-bottom: 20px; border: 1px solid var(--ph-line); border-radius: 16px; background: #fff; box-shadow: none; overflow: hidden; }
.client-home-cards.client-home-cards .card-header { padding: 14px 20px; border-bottom: 1px solid var(--ph-line); background: var(--ph-tint); }
.client-home-cards .card-header h3.card-title { display: flex; align-items: center; gap: 8px; font-size: 15px !important; font-weight: 800; color: var(--ph-ink); }
.client-home-cards .card-header h3.card-title > i { color: var(--ph-blue); font-size: 15px; width: 18px; text-align: center; }
.client-home-cards .card-header .float-right { order: 3; margin-left: auto; float: none !important; }
.client-home-cards .card-header .float-right a.btn { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 0 14px; border: 1.5px solid var(--ph-blue); border-radius: 999px; background: #fff; color: var(--ph-blue); font-size: 13px; font-weight: 700; text-decoration: none; }
.client-home-cards .card-header .float-right a.btn:hover, .client-home-cards .card-header .float-right a.btn:focus-visible { background: var(--ph-blue); color: #fff; }
.client-home-cards.client-home-cards .card-body { max-height: none; padding: 20px 22px; color: var(--ph-text-2); font-size: 15px; line-height: 1.6; }
.client-home-cards .card-body p:last-child { margin-bottom: 0; }
.client-home-cards .card-footer { padding: 12px 20px; border-top: 1px solid var(--ph-line-soft); background: #fff; }
.client-home-cards .card-footer .btn-view-more { color: var(--ph-text-3); font-size: 14px; font-weight: 600; text-decoration: none; }
.client-home-cards .card-footer .btn-view-more.disabled { color: var(--ph-muted); opacity: 1; pointer-events: none; }
.client-home-cards .card-footer.ph-card-cta .btn { min-height: 44px; padding: 0 22px; border-radius: 12px; font-weight: 700; }
.client-home-cards.client-home-cards .list-group .list-group-item { padding: 14px 22px; border: 0; border-top: 1px solid var(--ph-line-soft); font-size: 15px; font-weight: 600; color: var(--ph-text); }
.client-home-cards.client-home-cards .list-group .list-group-item:first-child { border-top: 0; }
.client-home-cards .list-group-item .text-last-updated { display: block; margin-top: 2px; color: var(--ph-muted); font-size: 13px; font-weight: 500; }
#registerDomainPanel .input-group { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 !important; padding: 0 !important; }
#registerDomainPanel .input-group > .form-control { flex: 1 1 200px; width: auto; min-width: 0; height: 52px; padding: 0 16px; border: 1.5px solid var(--ph-border-strong); border-radius: 12px; background: #fff; font-size: 16px; }
#registerDomainPanel .input-group > .form-control:focus { border-color: var(--ph-blue); box-shadow: 0 0 0 1px var(--ph-blue); outline: none !important; }
#registerDomainPanel .input-group-btn { display: flex; gap: 8px; margin: 0; }
#registerDomainPanel .input-group-btn .btn { min-height: 52px; padding: 0 22px; border: 1.5px solid var(--ph-blue); border-radius: 12px; font-size: 15px; font-weight: 700; }
#registerDomainPanel .input-group-btn .btn-success { background: var(--ph-blue); color: #fff; }
#registerDomainPanel .input-group-btn .btn-success:hover { background: var(--ph-blue-dark); border-color: var(--ph-blue-dark); }
#registerDomainPanel .input-group-btn .btn-default { background: #fff; color: var(--ph-blue); }
#registerDomainPanel .input-group-btn .btn-default:hover { background: var(--ph-blue); color: #fff; }
#registerDomainPanel .recaptcha-content-domain-checker { flex: 0 0 100%; margin-top: 4px; }
#registerDomainPanel .recaptcha-content-domain-checker .row, #registerDomainPanel .recaptcha-content-domain-checker [class*="col-md"] { margin: 0; padding: 0; max-width: 100%; flex: 0 0 100%; justify-content: flex-start !important; }
#registerDomainPanel #default-captcha-domainchecker { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; padding: 0 !important; text-align: left !important; }
#registerDomainPanel #default-captcha-domainchecker .col-6 { flex: 0 0 auto; max-width: none; width: auto; padding: 0; }
#registerDomainPanel #default-captcha-domainchecker img { height: 48px; width: auto; border-radius: 8px; }
#registerDomainPanel #default-captcha-domainchecker .form-control { width: 150px; height: 48px; padding: 0 12px; border: 1.5px solid var(--ph-border-strong); border-radius: 12px; font-size: 20px; font-weight: 700; letter-spacing: .26em; text-transform: uppercase; }
.sidebar .card-sidebar { margin-bottom: 20px !important; border: 1px solid var(--ph-line); border-radius: 16px; background: #fff; box-shadow: none; overflow: hidden; }
.sidebar .card-sidebar .card-header { padding: 14px 20px; border-bottom: 1px solid var(--ph-line); background: var(--ph-tint); }
.sidebar .card-sidebar .card-header .card-title { display: flex; align-items: center; gap: 8px; margin: 0; color: var(--ph-ink); font-size: 15px; font-weight: 800; }
.sidebar .card-sidebar .card-header .card-title > i:not(.card-minimise) { color: var(--ph-blue); font-size: 15px; width: 18px; text-align: center; }
.sidebar .card-sidebar .card-header .card-minimise { margin-left: auto; float: none !important; color: var(--ph-muted); font-size: 12px; cursor: pointer; }
.sidebar .list-group { font-family: inherit; font-size: 15px; }
.sidebar .list-group-item { min-height: 46px; padding: 11px 20px; border: 0; border-top: 1px solid var(--ph-line-soft); border-left: 3px solid transparent; background: #fff; color: var(--ph-text); font-weight: 500; }
.sidebar .list-group-item:first-child { border-top: 0; }
.sidebar .list-group-item .sidebar-menu-item-wrapper { display: flex; align-items: center; gap: 10px; }
.sidebar .list-group-item .sidebar-menu-item-icon { width: 18px; color: var(--ph-muted); text-align: center; }
.sidebar .list-group-item.list-group-item-action:hover, .sidebar .list-group-item.list-group-item-action:focus-visible { background: #f3f8fe; color: var(--ph-blue) !important; text-decoration: none; }
.sidebar .list-group-item:hover .sidebar-menu-item-icon { color: var(--ph-blue); }
.sidebar .list-group-item.active, .sidebar .list-group-item.active:hover, .sidebar .list-group-item.active:focus { border-color: var(--ph-line-soft); border-left-color: var(--ph-blue); background: #eaf3fc; color: var(--ph-blue); font-weight: 700; }
.sidebar .list-group-item.active .sidebar-menu-item-icon { color: var(--ph-blue); }
.sidebar .card-sidebar .card-body { padding: 16px 20px; font-size: 15px; line-height: 1.6; }
.sidebar .card-sidebar .card-footer { padding: 12px 16px 16px; border-top: 1px solid var(--ph-line-soft); background: #fff; }
.sidebar .card-sidebar .card-footer .btn { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 16px; border: 1.5px solid var(--ph-blue); border-radius: 12px; font-size: 14px; font-weight: 700; }
.sidebar .card-sidebar .btn-success { background: var(--ph-blue); color: #fff; }
.sidebar .card-sidebar .btn-success:hover { background: var(--ph-blue-dark); border-color: var(--ph-blue-dark); }
.sidebar .card-sidebar .btn-default { background: #fff; color: var(--ph-blue); }
.sidebar .card-sidebar .btn-default:hover { background: var(--ph-blue); color: #fff; }
@media (prefers-reduced-motion: reduce) {
  .tiles .tile { transition: none; transform: none !important; }
}
@media (max-width: 575.98px) {
  .client-home-cards.client-home-cards .card-body { padding: 16px; }
  #registerDomainPanel .input-group-btn { flex: 1 1 100%; }
  #registerDomainPanel .input-group-btn .btn { flex: 1; }
}
:root[data-bs-theme="dark"] .tiles .tile { border-color: #1e293b !important; background: #111827; }
:root[data-bs-theme="dark"] .tiles .tile .stat { color: #f8fafc; }
:root[data-bs-theme="dark"] .tiles .tile .title { color: #cbd5e1; }
:root[data-bs-theme="dark"] .tiles .tile i { background: #172033; color: #60a5fa; }
:root[data-bs-theme="dark"] .tiles .tile:hover, :root[data-bs-theme="dark"] .tiles .tile:focus-visible { background: #111827; border-color: #60a5fa !important; }
:root[data-bs-theme="dark"] .tiles .tile.ph-tile-attn { border-color: #9a5b21 !important; background: #2a1c10; }
:root[data-bs-theme="dark"] .tiles .tile.ph-tile-attn .stat { color: #fdba74; }
:root[data-bs-theme="dark"] .tiles .tile.ph-tile-attn i { background: #3a2412; color: #fb923c; }
:root[data-bs-theme="dark"] .client-home-cards .card, :root[data-bs-theme="dark"] .sidebar .card-sidebar { border-color: #1e293b; background: #111827; }
:root[data-bs-theme="dark"] .client-home-cards.client-home-cards .card-header, :root[data-bs-theme="dark"] .sidebar .card-sidebar .card-header { border-bottom-color: #1e293b; background: #172033; }
:root[data-bs-theme="dark"] .client-home-cards .card-header h3.card-title, :root[data-bs-theme="dark"] .sidebar .card-sidebar .card-header .card-title { color: #f8fafc; }
:root[data-bs-theme="dark"] .client-home-cards .card-header .float-right a.btn { border-color: #60a5fa; background: transparent; color: #93c5fd; }
:root[data-bs-theme="dark"] .client-home-cards .card-header .float-right a.btn:hover { background: #60a5fa; color: #0b1220; }
:root[data-bs-theme="dark"] .client-home-cards.client-home-cards .card-body { color: #cbd5e1; }
:root[data-bs-theme="dark"] .client-home-cards .card-body a:not(.btn) { color: #93c5fd; }
:root[data-bs-theme="dark"] .client-home-cards .card-footer, :root[data-bs-theme="dark"] .sidebar .card-sidebar .card-footer { border-top-color: #1e293b; background: #111827; }
:root[data-bs-theme="dark"] .client-home-cards .card-footer .btn-view-more { color: #94a3b8; }
:root[data-bs-theme="dark"] .client-home-cards.client-home-cards .list-group .list-group-item, :root[data-bs-theme="dark"] .sidebar .list-group-item { border-top-color: #1e293b; background: #111827; color: #f8fafc; }
:root[data-bs-theme="dark"] .sidebar .list-group-item.list-group-item-action:hover { background: #172033; color: #93c5fd !important; }
:root[data-bs-theme="dark"] .sidebar .list-group-item.active, :root[data-bs-theme="dark"] .sidebar .list-group-item.active:hover { background: #1e3a5f; color: #93c5fd; border-left-color: #60a5fa; }
:root[data-bs-theme="dark"] .client-home-cards .list-group-item .text-last-updated, :root[data-bs-theme="dark"] .sidebar .list-group-item .sidebar-menu-item-icon { color: #94a3b8; }
:root[data-bs-theme="dark"] #registerDomainPanel .input-group > .form-control, :root[data-bs-theme="dark"] #registerDomainPanel #default-captcha-domainchecker .form-control { border-color: #334155; background: #0b1220; color: #f8fafc; }
:root[data-bs-theme="dark"] #registerDomainPanel #default-captcha-domainchecker > p { color: #cbd5e1; }
:root[data-bs-theme="dark"] #registerDomainPanel .input-group-btn .btn-default { border-color: #60a5fa; background: transparent; color: #93c5fd; }
:root[data-bs-theme="dark"] .sidebar .card-sidebar .btn-default { border-color: #60a5fa; background: transparent; color: #93c5fd; }
:root[data-bs-theme="dark"] .sidebar .card-sidebar .btn-success { border-color: #3b82f6; background: #0066cc; color: #fff; }
.client-home-cards .card-footer.ph-card-cta .btn { display: inline-flex; align-items: center; justify-content: center; border: 0; background: var(--ph-blue); color: #fff; }
.client-home-cards .card-footer.ph-card-cta .btn:hover { background: var(--ph-blue-dark); color: #fff; }
.client-home-cards .card-footer:has(> .btn-view-more.disabled) { display: none; }
#registerDomainPanel #default-captcha-domainchecker img { height: 44px; }
#registerDomainPanel #default-captcha-domainchecker .form-control { height: 44px; }
.client-home-cards .list-group { border: 0; }
@media (max-width: 575.98px) {
  .sidebar.sidebar-secondary { padding: 0 16px; }
  .sidebar.sidebar-secondary .card-sidebar { width: 100%; max-width: none; }
}
.bootstrap-switch.bootstrap-switch-wrapper { position: relative; display: inline-block; width: 64px !important; height: 34px; margin: 4px 0 0; padding: 0; overflow: hidden; border: 0; border-radius: 999px; background: var(--ph-border-strong); vertical-align: middle; transition: background-color .2s ease, box-shadow .2s ease; }
.bootstrap-switch.bootstrap-switch-wrapper.bootstrap-switch-on { background: var(--ph-blue); }
.bootstrap-switch.bootstrap-switch-wrapper::after { content: ""; position: absolute; top: 4px; left: 4px; width: 26px; height: 26px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(15, 23, 42, .3); transition: transform .2s ease; pointer-events: none; }
.bootstrap-switch.bootstrap-switch-wrapper.bootstrap-switch-on::after { transform: translateX(30px); }
.bootstrap-switch.bootstrap-switch-wrapper .bootstrap-switch-container { position: absolute; inset: 0; width: 100% !important; height: 100%; margin: 0 !important; cursor: pointer; }
.bootstrap-switch.bootstrap-switch-wrapper .bootstrap-switch-container > span { opacity: 0; width: 50% !important; height: 100%; }
.bootstrap-switch.bootstrap-switch-wrapper:focus-within { box-shadow: 0 0 0 3px rgba(0, 102, 204, .35); }
:root[data-bs-theme="dark"] .bootstrap-switch.bootstrap-switch-wrapper { background: #334155; }
:root[data-bs-theme="dark"] .bootstrap-switch.bootstrap-switch-wrapper.bootstrap-switch-on { background: #0066cc; }
.bootstrap-switch.bootstrap-switch-wrapper, .bootstrap-switch.bootstrap-switch-wrapper::after { transition: none; }
.bootstrap-switch.bootstrap-switch-wrapper { box-sizing: border-box; min-width: 0; max-width: 64px; border: 0 !important; box-shadow: none; }
.bootstrap-switch.bootstrap-switch-wrapper:focus-within { box-shadow: 0 0 0 3px rgba(0, 102, 204, .35); }
.dataTables_wrapper { font-size: 14px; color: var(--ph-text-2); }
.dataTables_wrapper .dataTables_info { padding-top: 0; color: var(--ph-text-3); font-size: 14px; }
.dataTables_wrapper .dataTables_filter { margin-bottom: 14px; }
.dataTables_wrapper .dataTables_filter label { margin: 0; }
.dataTables_wrapper .dataTables_filter input { width: 260px; max-width: 100%; height: 44px; margin: 0; padding: 0 14px 0 42px; border: 1.5px solid var(--ph-border-strong); border-radius: 12px; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") 14px center / 18px no-repeat; font-size: 15px; }
.dataTables_wrapper .dataTables_filter input:focus { border-color: var(--ph-blue); box-shadow: 0 0 0 1px var(--ph-blue); outline: none !important; }
.dataTables_wrapper .dataTables_length select { height: 40px; padding: 0 28px 0 12px; border: 1.5px solid var(--ph-border-strong); border-radius: 10px; background-color: #fff; font-size: 14px; }
.dataTables_wrapper table.table-list { width: 100% !important; margin: 0 0 16px; border: 1px solid var(--ph-line); border-collapse: separate; border-spacing: 0; border-radius: 16px; background: #fff; overflow: hidden; }
.dataTables_wrapper table.table-list thead th { padding: 14px 16px; border: 0; border-bottom: 1px solid var(--ph-line); background: var(--ph-tint) !important; color: var(--ph-muted); font-size: 12px; font-weight: 800; letter-spacing: .06em; text-align: left !important; text-transform: uppercase; white-space: nowrap; }
.dataTables_wrapper table.table-list thead th:first-child { border-top-left-radius: 15px; }
.dataTables_wrapper table.table-list thead th:last-child { border-top-right-radius: 15px; }
.dataTables_wrapper table.table-list tbody td { padding: 16px; border: 0; border-left: 0 !important; border-top: 1px solid var(--ph-line-soft); color: var(--ph-text); font-size: 15px; text-align: left !important; vertical-align: middle; }
.dataTables_wrapper table.table-list tbody tr:first-child td { border-top: 0; }
.dataTables_wrapper table.table-list tbody tr { transition: background-color .15s ease; }
.dataTables_wrapper table.table-list tbody tr:hover td { background: #f8fbff; }
.dataTables_wrapper table.table-list tbody td a { color: var(--ph-blue); font-weight: 600; }
.dataTables_wrapper table.table-list .ph-num { text-align: right !important; font-variant-numeric: tabular-nums; white-space: nowrap; }
.dataTables_wrapper table.table-list td small, .dataTables_wrapper table.table-list td .text-muted { color: var(--ph-muted) !important; font-size: 13px; }
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before { opacity: .3; }
table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:after { opacity: .9; }
.label.status { display: inline-flex; align-items: center; gap: 7px; padding: 5px 12px; border-radius: 999px; background: #eef0f3; color: var(--ph-text-2); font-size: 12.5px; font-weight: 700; line-height: 1.3; text-transform: none; white-space: nowrap; }
.label.status::before { content: ""; flex: none; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.label.status > span { color: inherit !important; }
.label.status-active, .label.status-paid, .label.status-answered { background: #e7f6ec; color: #166534; }
.label.status-pending, .label.status-unpaid { background: #fff1e6; color: #9a3412; }
.dataTables_wrapper .pagination { margin: 0; gap: 4px; }
.dataTables_wrapper .pagination .page-link { min-width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; padding: 0 12px; border: 1px solid var(--ph-line); border-radius: 10px !important; background: #fff; color: var(--ph-text-2); font-size: 14px; font-weight: 600; }
.dataTables_wrapper .pagination .page-link:hover { border-color: var(--ph-blue); background: #f3f8fe; color: var(--ph-blue); }
.dataTables_wrapper .pagination .active .page-link { border-color: var(--ph-blue); background: var(--ph-blue); color: #fff; }
.dataTables_wrapper .pagination .disabled .page-link { background: var(--ph-tint); color: #9aa4b2; }
@media (max-width: 575.98px) {
  .dataTables_wrapper .dataTables_filter input { width: 100%; }
  .dataTables_wrapper table.table-list thead th, .dataTables_wrapper table.table-list tbody td { padding: 12px 10px; }
  .dataTables_wrapper .dataTables_paginate { margin-top: 8px; }
}
:root[data-bs-theme="dark"] .dataTables_wrapper { color: #cbd5e1; }
:root[data-bs-theme="dark"] .dataTables_wrapper .dataTables_info { color: #94a3b8; }
:root[data-bs-theme="dark"] .dataTables_wrapper .dataTables_filter input, :root[data-bs-theme="dark"] .dataTables_wrapper .dataTables_length select { border-color: #334155; background-color: #0b1220; color: #f8fafc; }
:root[data-bs-theme="dark"] .dataTables_wrapper table.table-list { border-color: #1e293b; background: #111827; }
:root[data-bs-theme="dark"] .dataTables_wrapper table.table-list thead th { border-bottom-color: #1e293b; background: #172033 !important; color: #94a3b8; }
:root[data-bs-theme="dark"] .dataTables_wrapper table.table-list tbody td { border-top-color: #1e293b; background: #111827; color: #f8fafc; }
:root[data-bs-theme="dark"] .dataTables_wrapper table.table-list tbody tr:hover td { background: #172033; }
:root[data-bs-theme="dark"] .dataTables_wrapper table.table-list tbody td a { color: #93c5fd; }
:root[data-bs-theme="dark"] .dataTables_wrapper table.table-list td small, :root[data-bs-theme="dark"] .dataTables_wrapper table.table-list td .text-muted { color: #94a3b8 !important; }
:root[data-bs-theme="dark"] .label.status { background: #172033; color: #cbd5e1; }
:root[data-bs-theme="dark"] .label.status-active, :root[data-bs-theme="dark"] .label.status-paid, :root[data-bs-theme="dark"] .label.status-completed, :root[data-bs-theme="dark"] .label.status-answered { background: #12301f; color: #86efac; }
:root[data-bs-theme="dark"] .label.status-pending, :root[data-bs-theme="dark"] .label.status-unpaid, :root[data-bs-theme="dark"] .label.status-payment-pending, :root[data-bs-theme="dark"] .label.status-customer-reply, :root[data-bs-theme="dark"] .label.status-on-hold { background: #3a2412; color: #fdba74; }
:root[data-bs-theme="dark"] .label.status-overdue, :root[data-bs-theme="dark"] .label.status-terminated, :root[data-bs-theme="dark"] .label.status-collections, :root[data-bs-theme="dark"] .label.status-fraud, :root[data-bs-theme="dark"] .label.status-expired { background: #3b1414; color: #fca5a5; }
:root[data-bs-theme="dark"] .label.status-open, :root[data-bs-theme="dark"] .label.status-in-progress, :root[data-bs-theme="dark"] .label.status-refunded { background: #14263f; color: #93c5fd; }
:root[data-bs-theme="dark"] .label.status-suspended { background: #3a2f10; color: #fcd34d; }
:root[data-bs-theme="dark"] .dataTables_wrapper .pagination .page-link { border-color: #1e293b; background: #111827; color: #cbd5e1; }
:root[data-bs-theme="dark"] .dataTables_wrapper .pagination .page-link:hover { background: #172033; color: #93c5fd; border-color: #60a5fa; }
:root[data-bs-theme="dark"] .dataTables_wrapper .pagination .active .page-link { border-color: #3b82f6; background: #0066cc; color: #fff; }
:root[data-bs-theme="dark"] .dataTables_wrapper .pagination .disabled .page-link { background: #0b1220; color: #334155; }
@media (max-width: 575.98px) {
  .dataTables_wrapper table.table-list { border: 0; background: transparent; overflow: visible; }
  .dataTables_wrapper table.table-list thead { display: none; }
  .dataTables_wrapper table.table-list tbody, .dataTables_wrapper table.table-list tbody tr { display: block; }
  .dataTables_wrapper table.table-list tbody tr { margin-bottom: 12px; border: 1px solid var(--ph-line); border-radius: 14px; background: #fff; overflow: hidden; }
  .dataTables_wrapper table.table-list tbody td { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 11px 16px; border-top: 1px solid var(--ph-line-soft); text-align: right !important; }
  .dataTables_wrapper table.table-list tbody td:first-child { border-top: 0; }
  .dataTables_wrapper table.table-list tbody td::before { content: attr(data-label); flex: none; max-width: 45%; color: var(--ph-muted); font-size: 12px; font-weight: 800; letter-spacing: .06em; text-align: left; text-transform: uppercase; }
  .dataTables_wrapper table.table-list tbody td[data-label=""]::before { content: none; }
  .dataTables_wrapper table.table-list .ph-num { text-align: right !important; }
}
:root[data-bs-theme="dark"] .dataTables_wrapper table.table-list tbody tr { border-color: #1e293b; background: #111827; }
.alert { padding: 14px 18px; border: 1px solid transparent; border-radius: 12px; font-size: 15px; line-height: 1.55; }
.alert-warning { border-color: #f6c58a; background: #fff7ed; color: #9a3412; }
.alert-info { border-color: #cfe2f7; background: #eef5fd; color: #1e5a96; }
.alert-success { border-color: #b7e3c6; background: #e7f6ec; color: #166534; }
.alert-danger { border-color: #f9c4c4; background: #fef2f2; color: #991b1b; }
.alert .btn-xs { min-height: 40px; padding: 0 18px; border-radius: 999px; font-size: 14px; font-weight: 700; }
.alert .btn-default { border: 1.5px solid var(--ph-blue); background: #fff; color: var(--ph-blue); }
.alert .btn-default:hover { background: var(--ph-blue); color: #fff; }
.label[style*="background-color"] { display: inline-flex; align-items: center; padding: 4px 11px; border-radius: 999px; font-size: 12px; font-weight: 700; line-height: 1.3; color: #fff; }
.primary-content .btn-success, .sidebar .btn-success { border: 1.5px solid var(--ph-blue); background: var(--ph-blue); color: #fff; }
.primary-content .btn-success:hover, .sidebar .btn-success:hover { border-color: var(--ph-blue-dark); background: var(--ph-blue-dark); color: #fff; }
.primary-content .btn-danger { border: 1.5px solid #dc2626; background: #fff; color: #b91c1c; }
.primary-content .btn-danger:hover { background: #dc2626; color: #fff; }
.primary-content .btn-sm, .sidebar .btn-sm { min-height: 40px; padding: 0 16px; border-radius: 12px; font-size: 14px; font-weight: 700; }
.primary-content .btn-default { border: 1.5px solid var(--ph-blue); background: #fff; color: var(--ph-blue); }
.primary-content .btn-default:hover { background: var(--ph-blue); color: #fff; }
.nav-tabs { border-bottom: 1px solid var(--ph-line); }
.nav-tabs .nav-link { margin-bottom: -1px; padding: 12px 18px; border: 0; border-bottom: 3px solid transparent; border-radius: 0; background: transparent; color: var(--ph-text-3); font-weight: 600; }
.nav-tabs .nav-link:hover { color: var(--ph-blue); }
.nav-tabs .nav-link.active { border-bottom-color: var(--ph-blue); background: transparent; color: var(--ph-blue); font-weight: 700; }
.tab-content { padding-top: 8px; }
.md-editor { border: 1.5px solid var(--ph-border-strong); border-radius: 12px; overflow: hidden; }
.md-editor .md-header { padding: 8px; background: var(--ph-tint); }
.md-editor .md-header .btn, .md-editor .md-header .btn-primary { min-height: 34px; border: 1px solid var(--ph-border-strong); border-radius: 8px; background: #fff !important; color: var(--ph-text-2) !important; }
.md-editor .md-header .btn:hover { border-color: var(--ph-blue); color: var(--ph-blue) !important; }
.md-editor .md-header .btn-primary { border-color: var(--ph-blue); color: var(--ph-blue) !important; }
:root[data-bs-theme="dark"] .alert-warning { border-color: #9a5b21; background: #2a1c10; color: #fdba74; }
:root[data-bs-theme="dark"] .alert-info { border-color: #1e3a5f; background: #14263f; color: #93c5fd; }
:root[data-bs-theme="dark"] .alert-success { border-color: #1f5a37; background: #12301f; color: #86efac; }
:root[data-bs-theme="dark"] .alert-danger { border-color: #7f1d1d; background: #3b1414; color: #fca5a5; }
:root[data-bs-theme="dark"] .label.requestor-type-owner { background: #12301f; color: #86efac; }
:root[data-bs-theme="dark"] .product-status { border-color: #1e293b; background: #111827; }
:root[data-bs-theme="dark"] .product-status .product-icon h3 { color: #f8fafc; }
:root[data-bs-theme="dark"] .product-status .product-icon h4 { color: #94a3b8; }
:root[data-bs-theme="dark"] .nav-tabs { border-bottom-color: #1e293b; }
:root[data-bs-theme="dark"] .nav-tabs .nav-link { color: #94a3b8; }
:root[data-bs-theme="dark"] .nav-tabs .nav-link.active { color: #93c5fd; border-bottom-color: #60a5fa; }
:root[data-bs-theme="dark"] .primary-content .btn-default, :root[data-bs-theme="dark"] .alert .btn-default { border-color: #60a5fa; background: transparent; color: #93c5fd; }
:root[data-bs-theme="dark"] .primary-content .btn-danger { border-color: #ef4444; background: transparent; color: #fca5a5; }
:root[data-bs-theme="dark"] .view-ticket { border-color: #1e293b; }
:root[data-bs-theme="dark"] .view-ticket .card-body.bg-primary-light { background: #172033 !important; }
:root[data-bs-theme="dark"] .md-editor { border-color: #334155; }
:root[data-bs-theme="dark"] .md-editor .md-header { background: #172033; }
:root[data-bs-theme="dark"] .md-editor .md-header .btn { border-color: #334155; background: #0b1220 !important; color: #f8fafc !important; }
.alert .btn-xs { display: inline-flex; align-items: center; justify-content: center; line-height: 1.2; }
.primary-content .btn-primary { border: 1.5px solid var(--ph-blue); background: var(--ph-blue); color: #fff; }
.primary-content .btn-primary:hover { border-color: var(--ph-blue-dark); background: var(--ph-blue-dark); color: #fff; }
.primary-content .btn-primary:not(.btn-sm):not(.btn-xs) { min-height: 48px; padding: 0 26px; border-radius: 12px; font-weight: 700; }
.card { border: 1px solid var(--ph-line); border-radius: 16px; background: #fff; box-shadow: none; }
.primary-content input[readonly], .primary-content input:disabled { border-color: var(--ph-line); background: var(--ph-tint); color: var(--ph-text-2); }
.custom-file, .custom-file-input { height: 48px; }
.custom-file-label { display: flex; align-items: center; height: 48px; padding: 0 120px 0 16px; border: 1.5px solid var(--ph-border-strong); border-radius: 12px; background: #fff; color: var(--ph-text-3); font-size: 15px; }
.custom-file-label::after { top: 0; right: 0; bottom: 0; display: flex; align-items: center; height: auto; padding: 0 20px; border-left: 1.5px solid var(--ph-border-strong); border-radius: 0 10px 10px 0; background: #eaf3fc; color: var(--ph-blue); font-weight: 700; }
@media (max-width: 575.98px) {
  .custom-file-label { padding-right: 96px; }
}
:root[data-bs-theme="dark"] .card { border-color: #1e293b; background: #111827; }
:root[data-bs-theme="dark"] .card.bg-success-light { border-color: #1f5a37; background: #12301f; }
:root[data-bs-theme="dark"] .card.bg-success-light strong { color: #bbf7d0; }
:root[data-bs-theme="dark"] .card.bg-success-light p { color: #86efac; }
:root[data-bs-theme="dark"] .card.bg-success-light .alert-link { color: #93c5fd; }
:root[data-bs-theme="dark"] .primary-content input[readonly], :root[data-bs-theme="dark"] .primary-content input:disabled { border-color: #1e293b; background: #172033; color: #cbd5e1; }
:root[data-bs-theme="dark"] .custom-file-label { border-color: #334155; background: #0b1220; color: #cbd5e1; }
:root[data-bs-theme="dark"] .custom-file-label::after { border-left-color: #334155; background: #172033; color: #93c5fd; }
:root[data-bs-theme="dark"] .view-ticket > .card-body:not(.bg-primary-light) { border-top-color: #1e293b; }
:root[data-bs-theme="dark"] .ticket-reply .posted-by { border-bottom-color: #1e293b; background: #172033; color: #94a3b8; }
:root[data-bs-theme="dark"] .ticket-reply .posted-by-name { color: #f8fafc; }
:root[data-bs-theme="dark"] .ticket-reply .message { color: #f8fafc; }
:root[data-bs-theme="dark"] .ticket-reply.staff { box-shadow: inset 4px 0 0 #60a5fa; }
:root[data-bs-theme="dark"] .ticket-reply.staff .posted-by { background: #14263f; }
:root[data-bs-theme="dark"] .primary-content .btn-primary { border-color: #3b82f6; background: #0066cc; }
:root[data-bs-theme="dark"] .label.requestor-type-operator { background: #172033; color: #cbd5e1; }
.primary-content .btn-primary:not(.btn-sm):not(.btn-xs) { display: inline-flex; align-items: center; justify-content: center; gap: 8px; line-height: 1.2; }
.primary-content #default-captcha-domainchecker { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin: 0 !important; padding: 0 !important; text-align: left !important; }
.primary-content #default-captcha-domainchecker > p { flex: 0 0 100%; margin: 0; color: var(--ph-text-3); font-size: 14px; }
.primary-content #default-captcha-domainchecker .col-6, .primary-content #default-captcha-domainchecker .captchaimage { flex: 0 0 auto; width: auto; max-width: none; padding: 0; }
.primary-content #default-captcha-domainchecker img { height: 44px; width: auto; border-radius: 8px; }
.primary-content #default-captcha-domainchecker .form-control { width: 150px; height: 44px; padding: 0 12px; border: 1.5px solid var(--ph-border-strong); border-radius: 12px; font-size: 20px; font-weight: 700; letter-spacing: .26em; text-transform: uppercase; }
.primary-content .recaptcha-content-domain-checker .row, .primary-content .recaptcha-content-domain-checker [class*="col-md"] { margin: 0; padding: 0; max-width: 100%; flex: 0 0 100%; justify-content: flex-start !important; }
:root[data-bs-theme="dark"] .primary-content #default-captcha-domainchecker > p { color: #cbd5e1; }
:root[data-bs-theme="dark"] .primary-content #default-captcha-domainchecker .form-control { border-color: #334155; background: #0b1220; color: #f8fafc; }
.sc-page-header.py-5 { padding-top: 30px !important; padding-bottom: 30px !important; }
.sc-page-header-info { display: flex; flex-direction: column; gap: 6px; max-width: 860px; }
.sc-page-header h1 { margin: 0; font-size: 30px; font-weight: 800; letter-spacing: -.02em; line-height: 1.2; color: #fff; overflow-wrap: anywhere; }
.sc-page-header-info > p { margin: 0; color: rgba(255, 255, 255, .86); font-size: 16px; line-height: 1.5; }
.sc-page-header .sc-breadcrumb { position: static; display: block !important; margin: 8px 0 0; border-radius: 0; background: transparent; }
.sc-page-header .sc-triangle-right { display: none !important; }
.sc-page-header .sc-breadcrumb ol.breadcrumb { display: flex; flex-wrap: wrap; align-items: center; margin: 0; padding: 0; border: 0; background: transparent !important; font-size: 14px; line-height: 1.4; }
.sc-page-header .sc-breadcrumb .breadcrumb-item { display: inline-flex; align-items: center; color: #fff; font-size: 14px; font-weight: 700; }
.sc-page-header .sc-breadcrumb .breadcrumb-item a { padding: 4px 0; color: rgba(255, 255, 255, .86); font-family: inherit; font-size: 14px; font-weight: 500; text-decoration: none; }
.sc-page-header .sc-breadcrumb .breadcrumb-item a:hover, .sc-page-header .sc-breadcrumb .breadcrumb-item a:focus-visible { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.sc-page-header .sc-breadcrumb .breadcrumb-item.active { font-family: inherit; font-size: 14px; }
.sc-page-header .sc-breadcrumb .breadcrumb-item + .breadcrumb-item { padding-left: 0; }
.sc-page-header .sc-breadcrumb .breadcrumb-item + .breadcrumb-item::before { content: "\f105"; padding: 0 10px; color: rgba(255, 255, 255, .55); font-size: 12px; font-weight: 400; }
@media (max-width: 768px) {
  .sc-page-header .sc-breadcrumb { display: block !important; }
  .sc-page-header.py-5 { padding-top: 22px !important; padding-bottom: 22px !important; }
  .sc-page-header h1 { font-size: 24px; }
  .sc-page-header-info > p { font-size: 15px; }
  .sc-page-header .sc-breadcrumb ol.breadcrumb { flex-wrap: nowrap; overflow-x: auto; white-space: nowrap; scrollbar-width: none; }
  .sc-page-header .sc-breadcrumb ol.breadcrumb::-webkit-scrollbar { display: none; }
}
:root[data-bs-theme="dark"] .sc-page-header .sc-breadcrumb ol.breadcrumb { background: transparent !important; }
.sc-page-header-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px 24px; }
.sc-page-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-left: auto; }
.sc-page-action { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 0 22px; border: 1.5px solid transparent; border-radius: 12px; font-size: 15px; font-weight: 700; line-height: 1.2; text-decoration: none !important; white-space: nowrap; transition: background-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.sc-page-action svg { flex: none; }
.sc-page-action-secondary { background: #fff; color: #0b1b3a !important; }
.sc-page-action-secondary:hover, .sc-page-action-secondary:focus-visible { background: #eef5fd; box-shadow: 0 8px 20px rgba(0, 0, 0, .18); transform: translateY(-1px); }
.sc-page-action-primary { background: var(--ph-orange); color: #0b1b3a !important; }
.sc-page-action-primary:hover, .sc-page-action-primary:focus-visible { background: #fb8a3c; box-shadow: 0 8px 20px rgba(249, 115, 22, .35); transform: translateY(-1px); }
.sc-page-action:focus-visible { outline: 3px solid #fff; outline-offset: 2px; }
@media (max-width: 767.98px) {
  .sc-page-header-row { gap: 14px; }
  .sc-page-actions { width: 100%; margin-left: 0; }
  .sc-page-action { flex: 1 1 calc(50% - 6px); min-width: 0; padding: 0 14px; font-size: 14px; white-space: normal; text-align: center; }
  .sc-page-actions .sc-page-action:only-child { flex-basis: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .sc-page-action { transition: none; transform: none !important; }
}
.sc-page-header-info { flex: 1 1 320px; min-width: 0; max-width: 100%; }
@media (min-width: 768px) {
  .sc-page-header-info { max-width: 860px; }
}
.sc-page-header.bg-gradient { background: #0b2a5b; box-shadow: none; }
:root[data-bs-theme="dark"] .sc-page-header.bg-gradient { background: #0b1220; box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .08); }
.sc-page-action-secondary { background: transparent; color: #fff !important; border-color: rgba(255, 255, 255, .45); }
.sc-page-action-secondary:hover, .sc-page-action-secondary:focus-visible { border-color: #fff; background: rgba(255, 255, 255, .1); box-shadow: none; transform: none; }
.client-home-cards .card-header .float-right a.btn, :root[data-bs-theme="dark"] .client-home-cards .card-header .float-right a.btn { min-height: 36px; padding: 0 6px; border: 0; border-radius: 8px; background: transparent; color: #0066cc; font-size: 14px; font-weight: 600; gap: 6px; }
.client-home-cards .card-header .float-right a.btn i.fa-arrow-right { order: 2; font-size: 12px; }
.client-home-cards .card-header .float-right a.btn:hover, .client-home-cards .card-header .float-right a.btn:focus-visible { background: transparent; color: var(--ph-blue-dark); text-decoration: underline; text-underline-offset: 3px; }
.client-home-cards .card-header .float-right a.btn:hover i.fa-arrow-right { transform: translateX(3px); }
:root[data-bs-theme="dark"] .client-home-cards .card-header .float-right a.btn { color: #93c5fd; }
:root[data-bs-theme="dark"] .client-home-cards .card-header .float-right a.btn:hover { background: transparent; color: #bfdbfe; }
.sidebar .card-sidebar .btn-success, .sidebar .card-sidebar .btn-default { border: 1.5px solid var(--ph-border-strong); background: #fff; color: var(--ph-text); }
.sidebar .card-sidebar .btn-success:hover, .sidebar .card-sidebar .btn-default:hover { border-color: var(--ph-blue); background: #f3f8fe; color: var(--ph-blue); }
:root[data-bs-theme="dark"] .sidebar .card-sidebar .btn-success, :root[data-bs-theme="dark"] .sidebar .card-sidebar .btn-default { border-color: #334155; background: transparent; color: #f8fafc; }
:root[data-bs-theme="dark"] .sidebar .card-sidebar .btn-success:hover, :root[data-bs-theme="dark"] .sidebar .card-sidebar .btn-default:hover { border-color: #60a5fa; background: #172033; color: #93c5fd; }
.div-service-item { display: flex; align-items: center; gap: 16px; }
.div-service-item .div-service-name { flex: 1 1 auto; min-width: 0; }
.div-service-item .div-service-buttons { display: flex; align-items: center; gap: 8px; flex: none; }
.div-service-item .btn-view-details { min-height: 40px; padding: 0 8px; border: 0 !important; background: transparent !important; color: var(--ph-blue) !important; font-weight: 600; }
.div-service-item .btn-view-details:hover { text-decoration: underline; text-underline-offset: 3px; }
.label.label-success, .label.label-info, .label.label-default { display: inline-flex; align-items: center; padding: 4px 11px; border-radius: 999px; font-size: 12px; font-weight: 700; line-height: 1.3; }
.label.label-success { background: #e7f6ec; color: #166534; }
.label.label-info { background: #e8f1fb; color: #1e5a96; }
.label.label-default { background: #eef0f3; color: var(--ph-text-3); }
:root[data-bs-theme="dark"] .label.label-success { background: #12301f; color: #86efac; }
:root[data-bs-theme="dark"] .label.label-warning { background: #3a2412; color: #fdba74; }
:root[data-bs-theme="dark"] .label.label-danger { background: #3b1414; color: #fca5a5; }
:root[data-bs-theme="dark"] .label.label-info { background: #14263f; color: #93c5fd; }
:root[data-bs-theme="dark"] .label.label-default { background: #172033; color: #cbd5e1; }
:root[data-bs-theme="dark"] .div-service-item .btn-view-details { color: #93c5fd !important; }
@media (max-width: 575.98px) {
  .div-service-item { flex-wrap: wrap; }
  .div-service-item .div-service-buttons { width: 100%; }
}
#registerDomainPanel .input-group-btn .btn-default, :root[data-bs-theme="dark"] #registerDomainPanel .input-group-btn .btn-default { border: 0; background: transparent; color: #0066cc; padding: 0 8px; }
#registerDomainPanel .input-group-btn .btn-default:hover { background: transparent; color: var(--ph-blue-dark); text-decoration: underline; text-underline-offset: 3px; }
:root[data-bs-theme="dark"] #registerDomainPanel .input-group-btn .btn-default { color: #93c5fd; }
#registerDomainPanel .recaptcha-content-domain-checker { margin-left: 0 !important; margin-right: 0 !important; }
.sidebar .card-sidebar .card-footer .btn.btn-default, .sidebar .card-sidebar .card-footer .btn.btn-success { border: 1.5px solid var(--ph-border-strong); background: #fff; color: var(--ph-text); }
.sidebar .card-sidebar .card-footer .btn.btn-default:hover, .sidebar .card-sidebar .card-footer .btn.btn-success:hover { border-color: var(--ph-blue); background: #f3f8fe; color: var(--ph-blue); }
:root[data-bs-theme="dark"] .sidebar .card-sidebar .card-footer .btn.btn-default, :root[data-bs-theme="dark"] .sidebar .card-sidebar .card-footer .btn.btn-success { border-color: #334155; background: transparent; color: #f8fafc; }
:root[data-bs-theme="dark"] .sidebar .card-sidebar .card-footer .btn.btn-default:hover, :root[data-bs-theme="dark"] .sidebar .card-sidebar .card-footer .btn.btn-success:hover { border-color: #60a5fa; background: #172033; color: #93c5fd; }
.div-service-item .div-service-status { width: auto !important; min-width: 80px; flex: none; }
.div-service-item .div-service-status .label { white-space: nowrap; }
.div-service-item .label-placeholder { display: none; }
.div-service-item .div-service-status .label { flex: none; max-width: none; overflow: visible; text-overflow: clip; width: auto; }
button.btn-custom-action[data-identifier="cpanel"]::before, li.btn-custom-action[data-identifier="cpanel"]::before { content: ""; display: inline-block; width: 26px; height: 15px; margin-right: 9px; vertical-align: -3px; background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 407.66 240%22%3E%3Cpath fill=%22%236b7280%22 d=%22M89.69 59.1h67.8L147 99.3a25.38 25.38 0 0 1-9 13.5 24.32 24.32 0 0 1-15.3 5.1H91.19a30.53 30.53 0 0 0-19 6.3 33 33 0 0 0-11.55 17.1 31.91 31.91 0 0 0-.45 15.3A33.1 33.1 0 0 0 66 169.35a30.29 30.29 0 0 0 10.8 8.85 31.74 31.74 0 0 0 14.4 3.3h19.2a10.8 10.8 0 0 1 8.85 4.35 10.4 10.4 0 0 1 2 9.75l-12 44.4h-21a84.77 84.77 0 0 1-39.75-9.45 89.78 89.78 0 0 1-30.21-25.05A88.4 88.4 0 0 1 1.94 170 87.51 87.51 0 0 1 3 129l1.2-4.5a88.69 88.69 0 0 1 31.64-47.25 89.91 89.91 0 0 1 25-13.35 87 87 0 0 1 28.85-4.8ZM123.89 240 183 18.6a25.38 25.38 0 0 1 9-13.5A24.28 24.28 0 0 1 207.29 0H270a84.8 84.8 0 0 1 39.75 9.45 89.21 89.21 0 0 1 46.65 60.6 83.8 83.8 0 0 1-1.2 41l-1.2 4.5a89.88 89.88 0 0 1-12 26.55 87.65 87.65 0 0 1-73.2 39.15h-54.3l10.8-40.5a25.38 25.38 0 0 1 9-13.2 24.32 24.32 0 0 1 15.3-5.1H267a31.56 31.56 0 0 0 30.6-23.7A29.5 29.5 0 0 0 298 84a33.1 33.1 0 0 0-5.85-12.75 31.85 31.85 0 0 0-10.8-9A30.61 30.61 0 0 0 267 58.8h-33.6l-43.8 162.9a25.38 25.38 0 0 1-9 13.2 23.88 23.88 0 0 1-15 5.1ZM361.18 32.31h-3.71V3.71h-10.1V.42h23.91v3.29h-10.1ZM390.19 32.31 379.37 4h-.17q.3 3.36.3 8v20.31h-3.42V.42h5.58l10.1 26.3h.18L402.12.42h5.54v31.89H404V11.76c0-2.36.11-4.91.31-7.68h-.17l-10.96 28.23Z%22/%3E%3C/svg%3E") center / contain no-repeat; }
:root[data-bs-theme="dark"] button.btn-custom-action[data-identifier="cpanel"]::before, :root[data-bs-theme="dark"] li.btn-custom-action[data-identifier="cpanel"]::before, :root[data-bs-theme="dark"] a.btn-custom-action[data-identifier="cpanel"]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 407.66 240%22%3E%3Cpath fill=%22%2394a3b8%22 d=%22M89.69 59.1h67.8L147 99.3a25.38 25.38 0 0 1-9 13.5 24.32 24.32 0 0 1-15.3 5.1H91.19a30.53 30.53 0 0 0-19 6.3 33 33 0 0 0-11.55 17.1 31.91 31.91 0 0 0-.45 15.3A33.1 33.1 0 0 0 66 169.35a30.29 30.29 0 0 0 10.8 8.85 31.74 31.74 0 0 0 14.4 3.3h19.2a10.8 10.8 0 0 1 8.85 4.35 10.4 10.4 0 0 1 2 9.75l-12 44.4h-21a84.77 84.77 0 0 1-39.75-9.45 89.78 89.78 0 0 1-30.21-25.05A88.4 88.4 0 0 1 1.94 170 87.51 87.51 0 0 1 3 129l1.2-4.5a88.69 88.69 0 0 1 31.64-47.25 89.91 89.91 0 0 1 25-13.35 87 87 0 0 1 28.85-4.8ZM123.89 240 183 18.6a25.38 25.38 0 0 1 9-13.5A24.28 24.28 0 0 1 207.29 0H270a84.8 84.8 0 0 1 39.75 9.45 89.21 89.21 0 0 1 46.65 60.6 83.8 83.8 0 0 1-1.2 41l-1.2 4.5a89.88 89.88 0 0 1-12 26.55 87.65 87.65 0 0 1-73.2 39.15h-54.3l10.8-40.5a25.38 25.38 0 0 1 9-13.2 24.32 24.32 0 0 1 15.3-5.1H267a31.56 31.56 0 0 0 30.6-23.7A29.5 29.5 0 0 0 298 84a33.1 33.1 0 0 0-5.85-12.75 31.85 31.85 0 0 0-10.8-9A30.61 30.61 0 0 0 267 58.8h-33.6l-43.8 162.9a25.38 25.38 0 0 1-9 13.2 23.88 23.88 0 0 1-15 5.1ZM361.18 32.31h-3.71V3.71h-10.1V.42h23.91v3.29h-10.1ZM390.19 32.31 379.37 4h-.17q.3 3.36.3 8v20.31h-3.42V.42h5.58l10.1 26.3h.18L402.12.42h5.54v31.89H404V11.76c0-2.36.11-4.91.31-7.68h-.17l-10.96 28.23Z%22/%3E%3C/svg%3E"); }
.client-home-cards .card, .client-home-cards .card[class*="card-accent-"] { overflow: visible; box-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 1px 3px rgba(16, 24, 40, .05); }
.client-home-cards .card > .card-header { border-radius: 15px 15px 0 0; }
.client-home-cards .card > :last-child:not(.card-header) { border-radius: 0 0 15px 15px; }
.client-home-cards .card { position: relative; z-index: 0; }
.div-service-buttons .btn.dropdown-toggle:focus, .div-service-buttons .btn.dropdown-toggle:active { border-color: var(--ph-blue) !important; background: #eaf3fc !important; color: var(--ph-blue) !important; box-shadow: none !important; }
.div-service-buttons .dropdown-menu { min-width: 230px; margin-top: 6px; padding: 6px; border: 1px solid var(--ph-line); border-radius: 14px; background: #fff; box-shadow: 0 16px 32px rgba(15, 23, 42, .14); z-index: 1060; }
.div-service-buttons .dropdown-item { display: flex; align-items: center; min-height: 44px; padding: 0 12px; border-radius: 10px; color: var(--ph-text); font-size: 14.5px; font-weight: 600; cursor: pointer; }
.div-service-buttons .dropdown-item:hover, .div-service-buttons .dropdown-item:focus { background: #f3f8fe; color: var(--ph-blue); }
.div-service-buttons .dropdown-item .loading { margin-right: 8px; }
.client-home-cards.client-home-cards .card-header { background: #fff; padding: 16px 20px; }
.client-home-cards .card-header h3.card-title > i { display: inline-grid; place-items: center; flex: none; width: 32px; height: 32px; border-radius: 10px; background: #eaf3fc; color: var(--ph-blue); font-size: 14px; }
.client-home-cards .card-accent-red .card-header h3.card-title > i { background: #fff1e6; color: var(--ph-orange-dark); }
.client-home-cards .card-accent-emerald .card-header h3.card-title > i { background: #e7f6ec; color: #16a34a; }
.client-home-cards .card-accent-asbestos .card-header h3.card-title > i { background: #eef0f3; color: var(--ph-text-3); }
.client-home-cards .card-accent-midnight-blue .card-header h3.card-title > i { background: #ebf4fc; color: #2889d9; }
#servicesPanel .list-group-item { border-bottom: 1px solid var(--ph-line-soft) !important; padding: 16px 22px; }
#servicesPanel .list-group-item:hover { background: #fafcff; }
.div-service-item .div-service-name .font-weight-bold { color: var(--ph-ink); font-size: 15px; font-weight: 700 !important; }
.div-service-item .div-service-name .text-domain { color: var(--ph-muted); font-size: 14px; }
.tiles .col-6:nth-child(2) .tile:not(.ph-tile-attn) i { background: #e6f6f4; color: #0f766e; }
.tiles .tile .stat { font-size: 34px; }
.sc-page-header-info > p { letter-spacing: .005em; }
:root[data-bs-theme="dark"] .client-home-cards.client-home-cards .card-header { background: #111827; }
:root[data-bs-theme="dark"] .client-home-cards .card-header h3.card-title > i { background: #172033; color: #60a5fa; }
:root[data-bs-theme="dark"] .client-home-cards .card-accent-red .card-header h3.card-title > i { background: #3a2412; color: #fb923c; }
:root[data-bs-theme="dark"] .client-home-cards .card-accent-emerald .card-header h3.card-title > i { background: #12301f; color: #4ade80; }
:root[data-bs-theme="dark"] .client-home-cards .card-accent-midnight-blue .card-header h3.card-title > i { background: #1f384d; color: #bddcf6; }
:root[data-bs-theme="dark"] .div-service-buttons .dropdown-menu { border-color: #1e293b; background: #111827; box-shadow: 0 16px 32px rgba(0, 0, 0, .5); }
:root[data-bs-theme="dark"] .div-service-buttons .dropdown-item { color: #f8fafc; }
:root[data-bs-theme="dark"] .div-service-buttons .dropdown-item:hover { background: #172033; color: #93c5fd; }
:root[data-bs-theme="dark"] .div-service-buttons .btn-group.show > .btn.dropdown-toggle { background: #172033 !important; color: #93c5fd !important; border-color: #60a5fa !important; }
:root[data-bs-theme="dark"] #servicesPanel .list-group-item { border-bottom-color: #1e293b !important; }
:root[data-bs-theme="dark"] #servicesPanel .list-group-item:hover { background: #172033; }
:root[data-bs-theme="dark"] .div-service-item .div-service-name .font-weight-bold { color: #f8fafc; }
:root[data-bs-theme="dark"] .tiles .col-6:nth-child(2) .tile:not(.ph-tile-attn) i { background: #12302d; color: #5eead4; }
:root[data-bs-theme="dark"] .tiles .col-6:nth-child(3) .tile:not(.ph-tile-attn) i { background: #1f384d; color: #bddcf6; }
.sidebar .card-sidebar .card-header { background: #fff; }
.sidebar .card-sidebar .card-header .card-title > i:not(.card-minimise) { display: inline-grid; place-items: center; flex: none; width: 30px; height: 30px; border-radius: 9px; background: #eaf3fc; font-size: 13px; }
:root[data-bs-theme="dark"] .sidebar .card-sidebar .card-header { background: #111827; }
:root[data-bs-theme="dark"] .sidebar .card-sidebar .card-header .card-title > i:not(.card-minimise) { background: #172033; color: #60a5fa; }
.card, .card.card { border-color: var(--ph-line); }
.card .card-body > h3.card-title { margin-bottom: 8px; font-size: 18px; font-weight: 800; color: var(--ph-ink); }
.card .card-body > p { color: var(--ph-text-3); }
.card .form-check-inline { margin: 0 8px 8px 0; padding: 10px 14px 10px 36px; border: 1.5px solid var(--ph-border-strong); border-radius: 12px; background: #fff; color: var(--ph-text); font-size: 15px; font-weight: 600; cursor: pointer; }
.card .form-check-inline .form-check-input { accent-color: var(--ph-blue); }
.card .form-check-inline:has(input:checked) { border-color: var(--ph-blue); background: #eaf3fc; color: #1e5a96; }
.card .form-check-inline:focus-within { box-shadow: 0 0 0 3px rgba(0, 102, 204, .25); }
.card .well { padding: 16px 18px; border: 1px solid var(--ph-line); border-radius: 12px; background: var(--ph-tint); box-shadow: none; }
.card .well .form-check-inline { margin: 4px 0; padding: 4px 0 4px 28px; border: 0; background: transparent; font-weight: 500; }
:root[data-bs-theme="dark"] .primary-content > h3.card-title { color: #f8fafc; }
:root[data-bs-theme="dark"] .primary-content > h3.card-title + p, :root[data-bs-theme="dark"] .card .card-body > p { color: #94a3b8; }
:root[data-bs-theme="dark"] .card > table.table th, :root[data-bs-theme="dark"] .card > table.table td { border-top-color: #1e293b; color: #f8fafc; }
:root[data-bs-theme="dark"] .card > table.table tr:first-child > th { border-bottom-color: #1e293b; background: #172033; color: #94a3b8; }
:root[data-bs-theme="dark"] .card > table.table tr:hover td { background: #172033; }
:root[data-bs-theme="dark"] .card > table.table td small, :root[data-bs-theme="dark"] .card > p.text-muted { color: #94a3b8 !important; }
:root[data-bs-theme="dark"] .card > p.text-muted { border-top-color: #1e293b; }
:root[data-bs-theme="dark"] .card > table.table td .btn-manage-permissions { border-color: #60a5fa; background: transparent; color: #93c5fd; }
:root[data-bs-theme="dark"] .card > table.table td .btn-remove-user, :root[data-bs-theme="dark"] .card > table.table td .btn-cancel-invite { border-color: #7f1d1d; background: transparent; color: #fca5a5; }
:root[data-bs-theme="dark"] .card > table.table td .btn.disabled { border-color: #1e293b !important; background: #172033 !important; color: #5b6472 !important; }
:root[data-bs-theme="dark"] .card .card-body > h3.card-title { color: #f8fafc; }
:root[data-bs-theme="dark"] .card .form-check-inline { border-color: #334155; background: #0b1220; color: #f8fafc; }
:root[data-bs-theme="dark"] .card .form-check-inline:has(input:checked) { border-color: #60a5fa; background: #14263f; color: #93c5fd; }
:root[data-bs-theme="dark"] .card .well { border-color: #1e293b; background: #172033; }
:root[data-bs-theme="dark"] .card .well .form-check-inline { background: transparent; border: 0; }
.card .form-check-inline { display: inline-flex; align-items: center; gap: 10px; padding: 10px 16px; }
.card .form-check-inline .form-check-input { position: static; flex: none; width: 18px; height: 18px; margin: 0; }
.card .well .form-check-inline { display: inline-flex; align-items: flex-start; padding: 4px 0; }
.card .well .form-check-inline .form-check-input { margin-top: 3px; }
@media (max-width: 575.98px) {
  .card .form-group > .form-check-inline { display: flex; width: 100%; margin-right: 0; }
}
.card .well .form-check-inline { display: block; position: relative; margin: 0; padding: 6px 0 6px 30px; }
.card .well .form-check-inline .form-check-input { position: absolute; left: 0; top: 8px; margin: 0; }
.card .well .form-check-inline .text-muted { color: var(--ph-muted) !important; }
:root[data-bs-theme="dark"] .card .well .form-check-inline .text-muted { color: #94a3b8 !important; }
.primary-content .btn, .modal .btn { border-radius: 12px; font-weight: 700; }
.primary-content .btn:not(.btn-sm):not(.btn-xs):not(.btn-lg):not(.btn-link), .modal .btn:not(.btn-sm):not(.btn-xs):not(.btn-lg):not(.btn-link) { min-height: 44px; }
.primary-content .btn-lg { min-height: 52px; padding: 0 28px; font-size: 16px; }
.primary-content .btn-xs { min-height: 36px; padding: 0 12px; font-size: 13px; }
.primary-content .btn-info { border: 1.5px solid var(--ph-border-strong); background: #fff; color: var(--ph-text); }
.primary-content .btn-info:hover { border-color: var(--ph-blue); background: #f3f8fe; color: var(--ph-blue); }
.primary-content .btn-block { display: flex; align-items: center; justify-content: center; gap: 8px; }
.primary-content .btn.disabled, .primary-content .btn:disabled { opacity: .55; }
.form-control:focus, .custom-select:focus, .form-control:focus-visible, .custom-select:focus-visible { border-color: var(--ph-blue); box-shadow: 0 0 0 1px var(--ph-blue); outline: none !important; }
select.form-control:not([multiple]), select.custom-select, .primary-content select:not([multiple]):not(.input-sm) { appearance: none; -webkit-appearance: none; padding-right: 40px; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E") right 14px center / 16px no-repeat; }
input[type="checkbox"], input[type="radio"] { accent-color: var(--ph-blue); }
.field-error-msg { display: block; margin-top: 6px; color: #b91c1c; font-size: 13px; font-weight: 600; }
.col-form-label, .primary-content label { font-size: 14px; font-weight: 600; color: var(--ph-text-2); }
.primary-content label.form-check { font-weight: 500; }
.modal-content { overflow: hidden; border: 0; border-radius: 16px; box-shadow: 0 24px 60px rgba(15, 23, 42, .28); }
.modal-header { padding: 18px 22px; border-bottom: 1px solid var(--ph-line); background: #fff; }
.modal-title { font-size: 18px; font-weight: 800; color: var(--ph-ink); }
.modal-header .close { padding: 8px; margin: -8px -8px -8px auto; border-radius: 10px; color: var(--ph-text-3); opacity: 1; text-shadow: none; }
.modal-header .close:hover { background: #f3f4f6; color: var(--ph-ink); }
.modal-body { padding: 22px; color: var(--ph-text-2); font-size: 15px; line-height: 1.6; }
.modal-footer { padding: 14px 22px 18px; border-top: 1px solid var(--ph-line-soft); background: #fff; gap: 8px; }
.dropdown-menu { padding: 6px; border: 1px solid var(--ph-line); border-radius: 14px; background: #fff; box-shadow: 0 16px 32px rgba(15, 23, 42, .12); }
.dropdown-menu .dropdown-item { border-radius: 10px; color: var(--ph-text); font-weight: 500; }
.dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus { background: #f3f8fe; color: var(--ph-blue); }
.dropdown-menu .dropdown-divider { margin: 6px 4px; border-color: var(--ph-line-soft); }
.primary-content .panel { border: 1px solid var(--ph-line); border-radius: 16px; background: #fff; box-shadow: none; overflow: hidden; }
.primary-content .panel-heading.card-header, .primary-content .card > .card-header { padding: 14px 20px; border-bottom: 1px solid var(--ph-line); background: var(--ph-tint); }
.primary-content .panel-title, .primary-content .card > .card-header .card-title { font-size: 15px; font-weight: 800; color: var(--ph-ink); }
.primary-content .btn-block.btn-primary { min-height: 48px; }
.cpanel-package-details h4 { margin: 4px 0 2px !important; font-size: 20px; font-weight: 800; color: var(--ph-ink); }
.cpanel-package-details em { color: var(--ph-muted); font-style: normal; font-size: 14px; }
.cpanel-usage-stats strong { color: var(--ph-text-2); font-size: 14px; }
.primary-content .tab-pane > .row > [class*="col-"] > .panel { height: calc(100% - 1rem); }
.primary-content h2.card-title { margin-bottom: 6px; }
.primary-content > h2.card-title { margin: 0 0 14px; font-size: 22px; font-weight: 800; color: var(--ph-ink); }
.sc-news-wrap { overflow: hidden; border: 1px solid var(--ph-line); border-radius: 16px; background: #fff; }
.sc-news-single { padding: 22px 24px !important; border-top: 1px solid var(--ph-line-soft); }
.sc-news-single:first-child { border-top: 0; }
.sc-news-single h2.h6 { margin: 0 0 6px; font-size: 19px; font-weight: 800; }
.sc-news-single h2.h6 a { color: var(--ph-ink); text-decoration: none; }
.sc-news-single h2.h6 a:hover { color: var(--ph-blue); }
.sc-news-single .list-inline { margin: 0 0 10px; }
.sc-news-single .list-inline-item { color: var(--ph-muted); font-size: 13px; }
.sc-news-single article { color: var(--ph-text-2); font-size: 15px; line-height: 1.7; }
.sc-read-more { display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; color: var(--ph-blue); font-weight: 700; text-decoration: none; }
.sc-read-more:hover { text-decoration: underline; text-underline-offset: 3px; }
.sc-contact-form { max-width: 640px; }
.sc-contact-form .form-control { height: 48px; }
.sc-contact-form textarea.form-control { height: auto; min-height: 160px; padding-top: 12px; }
.kb-article-item, .kb-category a { border-radius: 12px; }
.kb-article-item { display: block; padding: 14px 16px; margin-bottom: 8px; border: 1px solid var(--ph-line); background: #fff; color: var(--ph-ink); font-weight: 700; text-decoration: none; }
.kb-article-item:hover { border-color: var(--ph-blue); background: #f3f8fe; text-decoration: none; }
.kb-article-item small { padding-left: 0; margin-top: 4px; color: var(--ph-muted); font-weight: 500; }
.kb-article-item .fa-fw { color: inherit; }
.kb-search { margin-bottom: 20px; }
:root[data-bs-theme="dark"] .modal-content, :root[data-bs-theme="dark"] .modal-header, :root[data-bs-theme="dark"] .modal-footer { background: #111827; }
:root[data-bs-theme="dark"] .modal-header, :root[data-bs-theme="dark"] .modal-footer { border-color: #1e293b; }
:root[data-bs-theme="dark"] .modal-title { color: #f8fafc; }
:root[data-bs-theme="dark"] .modal-body { color: #cbd5e1; }
:root[data-bs-theme="dark"] .modal-header .close { color: #cbd5e1; }
:root[data-bs-theme="dark"] .dropdown-menu { border-color: #1e293b; background: #111827; box-shadow: 0 16px 32px rgba(0, 0, 0, .5); }
:root[data-bs-theme="dark"] .dropdown-menu .dropdown-item { color: #f8fafc; }
:root[data-bs-theme="dark"] .dropdown-menu .dropdown-item:hover { background: #172033; color: #93c5fd; }
:root[data-bs-theme="dark"] .primary-content .card:not(.card):not(.view-ticket), :root[data-bs-theme="dark"] .primary-content .panel { border-color: #1e293b; background: #111827; }
:root[data-bs-theme="dark"] .primary-content .panel-heading.card-header, :root[data-bs-theme="dark"] .primary-content .card > .card-header { border-bottom-color: #1e293b; background: #172033; }
:root[data-bs-theme="dark"] .primary-content .panel-title, :root[data-bs-theme="dark"] .primary-content .card > .card-header .card-title, :root[data-bs-theme="dark"] .cpanel-package-details h4 { color: #f8fafc; }
:root[data-bs-theme="dark"] select.form-control:not([multiple]), :root[data-bs-theme="dark"] select.custom-select { background-color: #0b1220; }
:root[data-bs-theme="dark"] .col-form-label, :root[data-bs-theme="dark"] .primary-content label { color: #cbd5e1; }
:root[data-bs-theme="dark"] .primary-content .card-body .col-md-6 > h4.mb-1 + p { color: #f8fafc; }
:root[data-bs-theme="dark"] table.table.border { border-color: #1e293b !important; background: #111827; }
:root[data-bs-theme="dark"] table.table.border thead th { border-bottom-color: #1e293b; background: #172033; color: #94a3b8; }
:root[data-bs-theme="dark"] table.table.border td { border-top-color: #1e293b; color: #f8fafc; }
:root[data-bs-theme="dark"] table.table.border td.bg-default { background: #172033 !important; color: #f8fafc; }
:root[data-bs-theme="dark"] table.table.border tr.masspay-total td { background: #111827; color: #cbd5e1; }
:root[data-bs-theme="dark"] table.table.border tr.masspay-total:last-child td { background: #14263f; color: #bfdbfe; }
:root[data-bs-theme="dark"] .sc-news-wrap { border-color: #1e293b; background: #111827; }
:root[data-bs-theme="dark"] .sc-news-single { border-top-color: #1e293b; }
:root[data-bs-theme="dark"] .sc-news-single h2.h6 a, :root[data-bs-theme="dark"] .primary-content > h2.card-title { color: #f8fafc; }
:root[data-bs-theme="dark"] .sc-news-single article, :root[data-bs-theme="dark"] .kb-article-content, :root[data-bs-theme="dark"] .kb-article-content p { color: #cbd5e1; }
:root[data-bs-theme="dark"] .kb-article-item { border-color: #1e293b; background: #111827; color: #f8fafc; }
:root[data-bs-theme="dark"] .kb-article-item:hover { border-color: #60a5fa; background: #172033; }
.sc-contact-form.ptb-60 { padding-top: 8px !important; padding-bottom: 8px !important; }
.sc-contact-form { padding: 28px; border: 1px solid var(--ph-line); border-radius: 16px; background: #fff; }
.sc-contact-form form > .margin-bottom { margin-bottom: 20px !important; }
.sc-contact-form #default-captcha-domainchecker { margin-bottom: 4px; }
.sc-contact-form .btn-primary { margin-top: 4px; }
:root[data-bs-theme="dark"] .sc-contact-form { border-color: #1e293b; background: #111827; }
:root[data-bs-theme="dark"] .cpanel-usage-stats strong, :root[data-bs-theme="dark"] #cPanelQuickEmailPanel label { color: #cbd5e1; }
:root[data-bs-theme="dark"] .cpanel-usage-stats .usage-dial { color: #f8fafc !important; }
:root[data-bs-theme="dark"] .primary-content .input-group-text, :root[data-bs-theme="dark"] .primary-content .input-group-addon, :root[data-bs-theme="dark"] .primary-content .input-group-append > .input-group-text { border-color: #334155; background: #172033; color: #cbd5e1; }
:root[data-bs-theme="dark"] .primary-content .input-group > .form-control { background: #0b1220; color: #f8fafc; border-color: #334155; }
:root[data-bs-theme="dark"] form.form-stacked fieldset > .text-left { border-top-color: #1e293b; }
form[action="clientarea.php?action=masspay"] .card.bg-default { border: 1px solid var(--ph-line); border-radius: 16px; background: #fff; box-shadow: none; overflow: hidden; }
form[action="clientarea.php?action=masspay"] .card.bg-default .card-body { padding: 22px 24px; }
form[action="clientarea.php?action=masspay"] fieldset > .col-md-12 { padding: 0; }
form[action="clientarea.php?action=masspay"] #paymentmethod { max-width: 420px; }
form[action="clientarea.php?action=masspay"] label.col-form-label + br { display: none; }
form[action="clientarea.php?action=masspay"] label.col-form-label { display: block; margin-bottom: 6px; padding: 0; }
form[action="clientarea.php?action=masspay"] #btnMassPayMakePayment { display: inline-flex; width: auto; min-width: 200px; min-height: 52px; padding: 0 32px; font-size: 16px; }
form[action="clientarea.php?action=masspay"] fieldset .form-group:last-child { display: flex; justify-content: flex-end; margin: 0; padding-top: 18px; border-top: 1px solid var(--ph-line-soft); }
@media (max-width: 575.98px) {
  form[action="clientarea.php?action=masspay"] #btnMassPayMakePayment { width: 100%; }
}
:root[data-bs-theme="dark"] form[action="clientarea.php?action=masspay"] .card-body.p-0 > h3.card-title { color: #f8fafc; }
:root[data-bs-theme="dark"] form[action="clientarea.php?action=masspay"] .card-body.p-0 > p.text-muted { color: #94a3b8 !important; }
:root[data-bs-theme="dark"] form[action="clientarea.php?action=masspay"] .card.bg-default { border-color: #1e293b; background: #111827; }
:root[data-bs-theme="dark"] form[action="clientarea.php?action=masspay"] fieldset .form-group:last-child { border-top-color: #1e293b; }
.sc-contact-form.ptb-60 { padding: 28px !important; }
.sc-contact-form .form-group.row { margin-left: -8px; margin-right: -8px; }
.sc-contact-form .form-group.row > [class*="col-"] { padding-left: 8px; padding-right: 8px; }
.sc-contact-form label { display: block; margin-bottom: 6px; }
.sc-contact-form form > .margin-bottom { margin: 4px 0 24px !important; }
.sc-contact-form .btn-primary { min-width: 160px; }
.sc-contact-info { display: flex; align-items: center; justify-content: center; }
.sc-contact-info img { max-height: 520px; width: auto; max-width: 100%; }
@media (max-width: 991.98px) {
  .sc-contact-info { display: none; }
  .sc-contact-form { max-width: none; }
}
.primary-content #default-captcha-domainchecker { gap: 12px 16px; margin-bottom: 20px !important; }
.primary-content #default-captcha-domainchecker > p { font-size: 14px; }
.primary-content #default-captcha-domainchecker img { height: 52px; width: auto; border-radius: 10px; }
.primary-content #default-captcha-domainchecker .form-control { width: 190px; height: 52px; font-size: 22px; letter-spacing: .3em; text-align: center; }
@media (max-width: 575.98px) {
  .primary-content #default-captcha-domainchecker .form-control { flex: 1 1 140px; width: auto; }
}
.sc-captcha-info #default-captcha-domainchecker { display: block !important; padding: 0 0 4px !important; }
.sc-captcha-info #default-captcha-domainchecker > p { margin: 0 0 12px; color: var(--ph-text-3); font-size: 14px; }
.sc-captcha-info .d-flex { gap: 12px; align-items: center; }
.sc-captcha-info #inputCaptchaImage { float: none; height: 52px; width: auto; border-radius: 10px; }
.sc-captcha-info #inputCaptcha { width: 190px; max-width: 100%; height: 52px; margin: 0 !important; padding: 0 12px; border: 1.5px solid var(--ph-border-strong); border-radius: 12px; font-size: 22px; font-weight: 700; letter-spacing: .3em; text-align: center; text-transform: uppercase; }
@media (max-width: 575.98px) {
  .sc-captcha-info .d-flex { flex-wrap: wrap; }
  .sc-captcha-info #inputCaptcha { flex: 1 1 140px; width: auto; }
}
:root[data-bs-theme="dark"] .sc-captcha-info #default-captcha-domainchecker > p { color: #cbd5e1; }
:root[data-bs-theme="dark"] .sc-captcha-info #inputCaptcha { border-color: #334155; background: #0b1220; color: #f8fafc; }
#default-captcha-domainchecker #inputCaptcha.form-control, .sc-captcha-info #default-captcha-domainchecker #inputCaptcha.form-control { width: 190px; max-width: 100%; height: 52px; }
@media (max-width: 575.98px) {
  #default-captcha-domainchecker #inputCaptcha.form-control, .sc-captcha-info #default-captcha-domainchecker #inputCaptcha.form-control { width: auto; flex: 1 1 140px; }
}
.primary-content .btn-sm, .primary-content .btn-xs { display: inline-flex; align-items: center; justify-content: center; gap: 8px; line-height: 1.2; }
.primary-content .card > .card-body > h2.h5 { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin: 0 0 8px; color: var(--ph-ink); font-size: 26px; font-weight: 800; line-height: 1.25; letter-spacing: -.01em; }
.primary-content .card > .card-body > h2.h5 > a.btn { order: 2; flex: none; float: none !important; margin-top: 2px; border: 1.5px solid var(--ph-border-strong); background: #fff; color: var(--ph-text-2); font-size: 14px; font-weight: 700; }
.primary-content .card > .card-body > h2.h5 > a.btn:hover { border-color: var(--ph-blue); background: #f3f8fe; color: var(--ph-blue); }
.primary-content .card > .card-body > h2.h5 > a.btn i { color: var(--ph-muted); font-size: 14px; }
.primary-content .card > .card-body > ul.list-inline { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin: 0 0 4px; padding: 0; }
.primary-content .card > .card-body > ul.list-inline .list-inline-item { margin: 0; padding: 0 !important; color: var(--ph-muted); font-size: 14px; }
.primary-content .card > .card-body > ul.list-inline .list-inline-item i { margin-right: 6px !important; color: #16a34a; }
.primary-content .card > .card-body > hr { margin: 18px 0; border-top: 1px solid var(--ph-line-soft); }
.primary-content .card > .card-body > article { max-width: 760px; color: var(--ph-text); font-size: 16px; line-height: 1.8; overflow-wrap: anywhere; }
.primary-content .card > .card-body > article p { margin: 0 0 16px; }
.primary-content .card > .card-body > article ul { margin: 0 0 18px; padding-left: 24px; }
.primary-content .card > .card-body > article li { margin-bottom: 6px; padding-left: 4px; }
.primary-content .card > .card-body > article li::marker { color: var(--ph-blue); }
.primary-content .card > .card-body > h5 { margin: 0 0 12px; color: var(--ph-ink); font-size: 17px; font-weight: 800; }
.primary-content .card > .card-body form.d-flex > div { display: flex; gap: 10px; }
.primary-content .card > .card-body form.d-flex .btn { min-height: 44px; padding: 0 22px; border: 1.5px solid var(--ph-border-strong); background: #fff; color: var(--ph-text); font-size: 15px; font-weight: 700; }
.primary-content .card > .card-body form.d-flex .btn.bg-success-light:hover, .primary-content .card > .card-body form.d-flex .btn.bg-success-light:focus-visible { border-color: #16a34a; background: #e7f6ec; color: #166534; }
.primary-content .card > .card-body form.d-flex .btn.bg-danger-light:hover, .primary-content .card > .card-body form.d-flex .btn.bg-danger-light:focus-visible { border-color: #dc2626; background: #fee2e2; color: #991b1b; }
.primary-content .card > .card-body form.d-flex .btn.bg-success-light i { color: #16a34a; }
.primary-content .card > .card-body form.d-flex .btn.bg-danger-light i { color: #dc2626; }
.primary-content .card > .card-body > h3.card-title { display: flex; align-items: center; gap: 10px; font-size: 17px; font-weight: 800; color: var(--ph-ink); }
.primary-content > a.btn.btn-default.btn-sm { min-height: 44px; padding: 0 18px; border: 1.5px solid var(--ph-border-strong); background: #fff; color: var(--ph-text); font-weight: 700; }
.primary-content > a.btn.btn-default.btn-sm:hover { border-color: var(--ph-blue); background: #f3f8fe; color: var(--ph-blue); }
@media (max-width: 575.98px) {
  .primary-content .card > .card-body > h2.h5 { flex-direction: column; font-size: 22px; }
  .primary-content .card > .card-body form.d-flex > div { width: 100%; }
  .primary-content .card > .card-body form.d-flex .btn { flex: 1; }
}
:root[data-bs-theme="dark"] .primary-content .card > .card-body > h2.h5, :root[data-bs-theme="dark"] .primary-content .card > .card-body > h5, :root[data-bs-theme="dark"] .primary-content .card > .card-body > h3.card-title { color: #f8fafc; }
:root[data-bs-theme="dark"] .primary-content .card > .card-body > h2.h5 > a.btn, :root[data-bs-theme="dark"] .primary-content .card > .card-body form.d-flex .btn, :root[data-bs-theme="dark"] .primary-content > a.btn.btn-default.btn-sm { border-color: #334155; background: transparent; color: #f8fafc; }
:root[data-bs-theme="dark"] .primary-content .card > .card-body > h2.h5 > a.btn:hover, :root[data-bs-theme="dark"] .primary-content > a.btn.btn-default.btn-sm:hover { border-color: #60a5fa; background: #172033; color: #93c5fd; }
:root[data-bs-theme="dark"] .primary-content .card > .card-body > hr { border-top-color: #1e293b; }
:root[data-bs-theme="dark"] .primary-content .card > .card-body > article, :root[data-bs-theme="dark"] .primary-content .card > .card-body > article h2, :root[data-bs-theme="dark"] .primary-content .card > .card-body > article h3 { color: #f8fafc; }
:root[data-bs-theme="dark"] .primary-content .card > .card-body > article a { color: #93c5fd; }
:root[data-bs-theme="dark"] .primary-content .card > .card-body > article pre, :root[data-bs-theme="dark"] .primary-content .card > .card-body > article code { background: #172033; }
:root[data-bs-theme="dark"] .primary-content .card > .card-body > article table th, :root[data-bs-theme="dark"] .primary-content .card > .card-body > article table td { border-color: #1e293b; }
:root[data-bs-theme="dark"] .primary-content .card > .card-body form.d-flex .btn.bg-success-light:hover { background: #12301f; color: #86efac; }
:root[data-bs-theme="dark"] .primary-content .card > .card-body form.d-flex .btn.bg-danger-light:hover { background: #3b1414; color: #fca5a5; }
.card.d-block.d-md-none { overflow: hidden; border: 1px solid var(--ph-line); border-radius: 16px; background: #fff !important; box-shadow: none; }
.card.d-block.d-md-none > .card-header { padding: 14px 20px; border-bottom: 1px solid var(--ph-line); background: #fff; }
.card.d-block.d-md-none > .card-header .card-title { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 15px; font-weight: 800; color: var(--ph-ink); }
:root[data-bs-theme="dark"] .card.d-block.d-md-none { border-color: #1e293b; background: #111827 !important; }
:root[data-bs-theme="dark"] .card.d-block.d-md-none > .card-header { border-bottom-color: #1e293b; background: #111827; }
:root[data-bs-theme="dark"] .card.d-block.d-md-none > .card-header .card-title { color: #f8fafc; }
body:not(.modal-open) .tooltip { z-index: 1029; }
#nav .collapsable-dropdown:not(:has(.collapsable-dropdown-menu > li)) { display: none !important; }
#tableServicesList td:first-child, #tableDomainsList td:nth-child(2) { width: 44px; padding-left: 20px; padding-right: 4px; }
#tableServicesList td.ssl-info img, #tableDomainsList td.ssl-info img { width: 20px; height: auto; opacity: .9; }
#tableServicesList td:nth-child(2) { display: table-cell; line-height: 1.45; }
#tableServicesList td:nth-child(2) > strong { display: block; color: var(--ph-ink); font-size: 16px; font-weight: 700; }
#tableServicesList td:nth-child(2) > br { display: none; }
#tableServicesList td:nth-child(2) > a { display: inline-block; margin-top: 2px; color: var(--ph-muted); font-size: 14px; font-weight: 500; text-decoration: none; }
#tableServicesList td:nth-child(2) > a:hover { color: var(--ph-blue); text-decoration: underline; text-underline-offset: 3px; }
.ph-row-action { display: inline-flex; align-items: center; justify-content: center; min-height: 36px; margin-left: 12px; padding: 0 16px; border: 1.5px solid var(--ph-blue); border-radius: 999px; color: var(--ph-blue); font-size: 14px; font-weight: 700; text-decoration: none !important; white-space: nowrap; transition: background-color .2s ease, color .2s ease; }
.ph-row-action:hover, .ph-row-action:focus-visible { background: var(--ph-blue); color: #fff; }
.dataTables_wrapper table.table-list td:last-child { white-space: nowrap; }
@media (max-width: 575.98px) {
  .dataTables_wrapper table.table-list tbody td:last-child .ph-row-action { flex: 1 0 100%; margin: 8px 0 0; }
  .dataTables_wrapper table.table-list tbody td:last-child { flex-wrap: wrap; }
  #tableServicesList td:first-child { width: auto; padding: 0; }
}
:root[data-bs-theme="dark"] .ph-row-action { border-color: #60a5fa; color: #93c5fd; }
:root[data-bs-theme="dark"] .ph-row-action:hover { background: #60a5fa; color: #0b1220; }
:root[data-bs-theme="dark"] #tableServicesList td:nth-child(2) > strong { color: #f8fafc; }
@media (max-width: 575.98px) {
  #tableServicesList tbody tr { position: relative; }
  #tableServicesList tbody td:first-child { position: absolute; top: 14px; right: 14px; z-index: 1; display: block; width: auto; padding: 0; border: 0; background: transparent; }
  #tableServicesList tbody td:first-child::before { content: none; }
  #tableServicesList tbody td:nth-child(2) { display: block; padding: 16px 52px 12px 16px; text-align: left !important; }
  #tableServicesList tbody td:nth-child(2)::before { content: none; }
  #tableServicesList tbody td:nth-child(2) > strong { font-size: 18px; }
}
.invoice-container .card-header h3, .invoice-container .card-header .card-title { margin: 0; font-size: 16px; font-weight: 800; color: var(--ph-ink); }
.invoice-container .card-body { padding: 18px 22px; color: var(--ph-text); font-size: 15px; line-height: 1.7; }
.invoice-container .payment-btn-container .btn-success { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 100%; max-width: 260px; min-height: 48px; border: 0; border-radius: 12px; background: var(--ph-blue); color: #fff; font-weight: 700; }
.invoice-container .payment-btn-container .btn-success:hover { background: var(--ph-blue-dark); }
.invoice-container .btn-group .btn { margin-top: 0; }
.invoice-container .card > .card-title[class*="bg-"] { margin: 0; padding: 12px 22px !important; border-bottom: 1px solid var(--ph-line); border-radius: 0; font-size: 15px; font-weight: 800 !important; }
.invoice-container .card > .card-title.bg-warning { background: #fff7ed !important; color: #9a3412 !important; }
.invoice-container .card > .card-title.bg-info { background: #eef5fd !important; color: #1e5a96 !important; }
.invoice-container .card > .card-text { margin: 0 !important; padding: 16px 22px; color: var(--ph-text); font-size: 15px; line-height: 1.7; }
.invoice-container .row.w-100 > .card { overflow: hidden; }
:root[data-bs-theme="dark"] .primary-content .col-md-8.offset-md-2 > .card > table.table-striped td { border-top-color: #1e293b; color: #f8fafc; }
:root[data-bs-theme="dark"] .primary-content .col-md-8.offset-md-2 > .card > table.table-striped td:last-child { color: #f8fafc; }
:root[data-bs-theme="dark"] .primary-content .col-md-8.offset-md-2 > .card > .card-footer { border-top-color: #1e293b; background: #172033; color: #94a3b8; }
.btn.disabled.btn-default { border-color: var(--ph-line); background: var(--ph-tint) !important; color: #9aa4b2 !important; opacity: 1; }
:root[data-bs-theme="dark"] .affiliate-stat, :root[data-bs-theme="dark"] table.table-rounded { border-color: #1e293b; background: #111827 !important; }
:root[data-bs-theme="dark"] .affiliate-stat span { color: #f8fafc; }
:root[data-bs-theme="dark"] .affiliate-stat i { background: #172033; }
:root[data-bs-theme="dark"] .card.my-3 .card-body input.form-control[readonly] { border-color: #2f3260; background: #0b1220; color: #cbd5e1; }
:root[data-bs-theme="dark"] .ph-copy-ref { border-color: #60a5fa; background: transparent; color: #93c5fd; }
:root[data-bs-theme="dark"] table.table-rounded td { border-top-color: #1e293b !important; color: #f8fafc; }
:root[data-bs-theme="dark"] table.table-rounded td strong { color: #f8fafc; }
:root[data-bs-theme="dark"] .ph-error h1.display-1, :root[data-bs-theme="dark"] .ph-error h3 { color: #f8fafc !important; }
:root[data-bs-theme="dark"] .ph-error-links a { border-color: #2f3260; background: rgba(30, 41, 59, .7); color: #f8fafc; }
:root[data-bs-theme="dark"] .ph-error .buttons .btn-info { border-color: #334155; background: transparent; color: #f8fafc; }
:root[data-bs-theme="dark"] .text-center > .card.py-3 { border-color: #1e293b; background: #111827; }
:root[data-bs-theme="dark"] .text-center > .card.py-3 h1 { color: #f8fafc; }
#main-body:focus { outline: none; }
:root:not([data-bs-theme="dark"]) .sidebar-menu-item-label, :root:not([data-bs-theme="dark"]) .sc-read-more { color: var(--ph-blue-dark); }
:root[data-bs-theme="dark"] .sidebar-menu-item-label, :root[data-bs-theme="dark"] .sidebar .truncate { color: #93c5fd; }
:root[data-bs-theme="dark"] .text-muted, :root[data-bs-theme="dark"] .small.text-muted { color: #9ca3af !important; }
:root[data-bs-theme="dark"] .sc-read-more { color: #60a5fa; }
:root[data-bs-theme="dark"] .kb-article-item small { color: #9ca3af; }
#alertOverdueInvoice { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
#alertOverdueInvoice .float-right { order: 2; float: none !important; flex: none; margin-left: auto; }
@media (max-width: 575.98px) {
  #alertOverdueInvoice { flex-direction: column; align-items: flex-start; }
  #alertOverdueInvoice .float-right { order: 0; margin-left: 0; }
}
.primary-content .tab-content .panel, .primary-content .tab-content .card { display: flow-root; }
html { font-size: 16px; }
body { font-family: var(--sc-font); font-size: 16px; line-height: 1.5; color: var(--sc-body); background-color: var(--sc-page); -webkit-font-smoothing: antialiased; }
h1, h2 { font-weight: 500; letter-spacing: -.02em; color: var(--sc-ink); }
h3, h4, h5, h6 { font-weight: 600; letter-spacing: -.01em; color: var(--sc-ink); }
a { color: var(--sc-blue); }
a:hover { color: var(--sc-blue-dark); }
button, input, select, textarea { font-family: inherit; }
.btn-primary, .btn-primary:focus { background: var(--sc-blue); border-color: var(--sc-blue); color: #fff; background-image: none; }
.btn-primary:hover { background: var(--sc-blue-dark); border-color: var(--sc-blue-dark); color: #fff; }
:root[data-bs-theme="dark"] .btn-primary { color: #fff; }
:focus-visible { outline-color: var(--sc-blue); }
.sc-page-action-primary { color: #fff !important; }
@media (max-width: 1199.98px) {
  :root[data-bs-theme="dark"] .offcanvas-collapse { background: var(--sc-page); }
  :root[data-bs-theme="dark"] .ph-offcanvas-head { background: var(--sc-card); }
  :root[data-bs-theme="dark"] .ph-offcanvas-close { border-color: var(--sc-line); color: var(--sc-ink); }
  :root[data-bs-theme="dark"] .ph-offcanvas-close:hover { background: rgba(255, 255, 255, .08); }
}
.sc-page-header.py-5.bg-gradient, .sc-page-header.bg-gradient { padding-top: 40px !important; padding-bottom: 40px !important; background: linear-gradient(135deg, rgba(255, 255, 255, .05) 1px, transparent 1px) 0 0 / 56px 56px, linear-gradient(45deg, rgba(255, 255, 255, .04) 1px, transparent 1px) 0 0 / 56px 56px, linear-gradient(135deg, #0b2a5b 0%, #0054aa 100%); box-shadow: none; }
:root[data-bs-theme="dark"] .sc-page-header.bg-gradient { background: linear-gradient(135deg, rgba(255, 255, 255, .04) 1px, transparent 1px) 0 0 / 56px 56px, linear-gradient(45deg, rgba(255, 255, 255, .03) 1px, transparent 1px) 0 0 / 56px 56px, linear-gradient(135deg, #0b2a5b 0%, #0054aa 100%); box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .08); }
.sc-page-header h1 { font-size: 36px; font-weight: 500; letter-spacing: -.02em; line-height: 1.2; color: #fff; }
.sc-page-header-info > p { color: rgba(255, 255, 255, .82); font-size: 16px; letter-spacing: 0; }
@media (max-width: 767.98px) {
  .sc-page-header h1 { font-size: 28px; }
  .sc-page-header.bg-gradient { padding-top: 28px !important; padding-bottom: 28px !important; }
}
.sc-page-action { height: 40px; min-height: 40px; padding: 0 20px; border-radius: 999px; font-size: 14px; font-weight: 500; letter-spacing: .35px; }
.sc-page-action-primary { background: #fff; color: #111827 !important; box-shadow: none; }
.sc-page-action-primary:hover, .sc-page-action-primary:focus-visible { background: #eff7fd; color: #111827 !important; box-shadow: 0 8px 20px rgba(0, 0, 0, .18); }
.sc-page-action-secondary { background: transparent; color: #fff !important; border: 1px solid rgba(255, 255, 255, .5); }
.sc-plans { padding: 64px 0; background: var(--sc-page); }
.sc-plan-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; align-items: start; }
.sc-plan { position: relative; display: flex; flex-direction: column; background: var(--sc-card); border: 1px solid var(--sc-line); border-radius: var(--sc-radius); box-shadow: var(--sc-shadow-sm); overflow: hidden; }
.sc-plan.is-popular { border: 2px solid #3b82f6; box-shadow: 0 10px 30px -10px rgba(0, 102, 204, .35); }
.sc-plan-flag { padding: 8px 12px; background: #3b82f6; color: #fff; text-align: center; font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.sc-plan-top { padding: 24px; }
.sc-plan-top h3 { margin: 0 0 8px; font-size: 18px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--sc-ink); }
.sc-plan-tag { min-height: 42px; margin: 0 0 16px; font-size: 14px; line-height: 1.5; color: var(--sc-muted); }
.sc-plan-strike { min-height: 24px; margin: 0; font-size: 14px; color: var(--sc-muted); }
.sc-plan-strike del { color: var(--sc-muted); }
.sc-save { display: inline-block; margin-left: 6px; padding: 2px 8px; border: 1px solid #bbf7d0; border-radius: 999px; background: #f0fdf4; color: #15803d; font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.sc-plan-price { margin: 0 0 8px; color: var(--sc-ink); }
.sc-plan-price strong { font-size: 36px; line-height: 1.1; font-weight: 600; letter-spacing: -.01em; }
.sc-plan-price span { font-size: 14px; color: var(--sc-muted); }
.sc-plan-note { margin: 0 0 20px; font-size: 12px; line-height: 1.5; color: var(--sc-muted); }
.sc-plan-cta { display: flex; align-items: center; justify-content: center; height: 50px; border: 1px solid #3b82f6; border-radius: 8px; background: transparent; color: #0066cc; font-size: 14px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; text-decoration: none; box-shadow: 0 1px 3px rgba(0, 0, 0, .1); transition: background-color .15s ease, color .15s ease; }
.sc-plan-cta:hover, .sc-plan-cta:focus-visible { background: #0066cc; border-color: #0066cc; color: #fff; text-decoration: none; }
.sc-plan.is-popular .sc-plan-cta { background: #0066cc; border-color: #0066cc; color: #fff; }
.sc-plan.is-popular .sc-plan-cta:hover { background: #0054aa; border-color: #0054aa; }
.sc-plan-lve { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 0 24px; padding: 14px 0; border-top: 1px solid var(--sc-line); border-bottom: 1px solid var(--sc-line); font-size: 14px; color: var(--sc-ink); }
.sc-plan-lve span { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; color: var(--sc-muted); }
.sc-plan-lve i { display: inline-flex; color: #3590d2; }
.sc-plan-lve i svg { width: 14px; height: 14px; }
.sc-plan-lve strong { font-weight: 500; }
.sc-plan-ticks { margin: 0; padding: 16px 24px 8px; }
.sc-plan-ticks li { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; font-size: 16px; line-height: 1.4; color: var(--sc-body); }
.sc-plan-ticks li svg { flex: 0 0 20px; width: 20px; height: 20px; color: var(--sc-ok); }
.sc-plan-ticks li span { border-bottom: 1px dashed rgba(17, 24, 39, .35); }
:root[data-bs-theme="dark"] .sc-plan { background: var(--sc-card); }
:root[data-bs-theme="dark"] .sc-plan.is-popular { border-color: #3b82f6; box-shadow: none; }
:root[data-bs-theme="dark"] .sc-plan-cta { color: #93c5fd; border-color: #60a5fa; box-shadow: none; }
:root[data-bs-theme="dark"] .sc-plan-cta:hover, :root[data-bs-theme="dark"] .sc-plan.is-popular .sc-plan-cta { background: #3b82f6; border-color: #3b82f6; color: #fff; }
:root[data-bs-theme="dark"] .sc-plan-ticks li span { border-bottom-color: rgba(248, 250, 252, .3); }
:root[data-bs-theme="dark"] .sc-save { background: rgba(34, 197, 94, .12); border-color: rgba(34, 197, 94, .3); color: #86efac; }
@media (max-width: 1279.98px) {
  .sc-plan-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 639.98px) {
  .sc-plan-grid { grid-template-columns: 1fr; }
  .sc-plans { padding: 48px 0; }
  .sc-plan-tag { min-height: 0; }
}
body.bg-gray-light > section#main-body { display: none; }
.sc-stories { position: relative; padding: 72px 0; color: #fff; background: linear-gradient(135deg, rgba(255, 255, 255, .05) 1px, transparent 1px) 0 0 / 64px 64px, linear-gradient(135deg, #0b2a5b 0%, #0054aa 100%); }
.sc-stories h2 { margin: 0 0 16px; font-size: 48px; line-height: 1.1; font-weight: 500; letter-spacing: -.02em; color: #fff; }
.sc-story { display: flex; gap: 32px; height: 100%; margin: 0; padding: 40px; background: #fff; border-radius: 24px; color: var(--sc-ink); }
.sc-story blockquote { margin: 0 0 24px; font-size: 24px; line-height: 1.5; font-weight: 500; color: var(--sc-ink); }
@media (max-width: 1199.98px) {
  .sc-story { flex-direction: column; padding: 28px; }
  .sc-story blockquote { font-size: 20px; }
}
@media (max-width: 991.98px) {
  .sc-stories { padding: 48px 0; }
  .sc-stories h2 { font-size: 34px; }
}
.sc-pill { display: inline-flex; align-items: center; height: 40px; padding: 0 22px; border-radius: 999px; background: #fff; color: #111827; font-size: 14px; font-weight: 600; text-decoration: none; }
.sc-pill:hover { background: #eff7fd; color: #111827; text-decoration: none; }
.sc-support { padding: 32px 0 56px; background: var(--sc-page); }
.sc-support-num { display: block; margin: 12px 0 6px; font-size: 48px; line-height: 1.1; font-weight: 700; }
@media (max-width: 991.98px) {
  .sc-support-num { font-size: 40px; }
}
.sc-steps { padding: 56px 0 72px; background: var(--sc-page); border-bottom: 1px solid var(--sc-line); }
.primary-content .card, .primary-content .panel, .sidebar .card-sidebar, .sidebar .panel, .tiles .tile, .client-home-cards .card, .card, .card.d-block.d-md-none, .primary-content .dataTables_wrapper table.table-list, .sc-contact-form, .client-home-cards .card-accent-red { border-radius: 12px; }
.primary-content .card > .card-header:first-child, .client-home-cards .card > .card-header:first-child, .sidebar .card-sidebar > .card-header:first-child { border-top-left-radius: 11px; border-top-right-radius: 11px; }
.primary-content .card, .primary-content .panel, .sidebar .card-sidebar, .client-home-cards .card, .tiles .tile { box-shadow: var(--sc-shadow-sm); border-color: var(--sc-line); }
:root[data-bs-theme="dark"] .primary-content .card, :root[data-bs-theme="dark"] .primary-content .panel, :root[data-bs-theme="dark"] .sidebar .card-sidebar, :root[data-bs-theme="dark"] .client-home-cards .card, :root[data-bs-theme="dark"] .tiles .tile { box-shadow: none; border-color: var(--sc-line); }
.primary-content h2, .primary-content h3, .primary-content h4, .primary-content h5, .primary-content h6, .card-title, .client-home-cards .card-header h3, .sidebar .card-title, .sidebar .card-header h3, .card-header .card-title, .panel-title, .card h3 { font-weight: 600; letter-spacing: -.01em; }
.primary-content h2 { font-weight: 500; }
.dataTables_wrapper table.table-list thead th, .primary-content table thead th { font-weight: 600; letter-spacing: .06em; }
.primary-content .form-control, .primary-content select.form-control, .primary-content .custom-select, .modal .form-control, .dataTables_filter input, .dataTables_length select, .sc-contact-form .form-control { border-radius: 8px; }
.primary-content .btn, .modal .btn, .sidebar .btn, .primary-content .btn-default, .primary-content .btn-primary, .primary-content .btn-success, .primary-content .btn-danger { border-radius: 8px; font-weight: 600; }
.primary-content .btn-sm, .modal .btn-sm { border-radius: 8px; }
.primary-content .input-group > .form-control:not(:last-child), .primary-content .input-group > .form-control:not(:first-child) { border-radius: 8px; }
.primary-content .input-group > .form-control:not(:last-child):not(:only-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.primary-content .input-group > .form-control:not(:first-child):not(:only-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.alert { border-radius: 8px; }
.modal-content, .dropdown-menu { border-radius: 12px; }
.tiles .tile .stat { font-weight: 600; }
.sc-page-header .sc-breadcrumb { font-weight: 500; }
.client-home-cards .card, .client-home-cards .card-accent-red, .client-home-cards .card-accent-blue { border-radius: 12px !important; }
.client-home-cards .card-header h3, .client-home-cards .card-header h3.card-title, .client-home-cards .card-title, .sidebar .card-header h3, .sidebar .card-title { font-weight: 600 !important; }
.primary-content h1, .primary-content h2, .primary-content h3, .primary-content h4, .primary-content h5, .primary-content h6 { font-weight: 600 !important; }
.primary-content h2 { font-weight: 500 !important; }
.primary-content .btn-default, .primary-content a.btn-default, .primary-content button.btn-default, .sidebar .btn-default, .sidebar .btn, .modal .btn-default { border-radius: 8px !important; }
.primary-content .btn, .primary-content button[type="submit"], .primary-content input[type="submit"], .modal .btn { border-radius: 8px !important; font-weight: 600 !important; }
.dataTables_filter input, .dataTables_filter input.form-control, .dataTables_length select, .dataTables_length select.form-control { border-radius: 8px !important; }
.primary-content textarea, .primary-content textarea.form-control { border-radius: 8px !important; }
:root[data-bs-theme="dark"] .dataTables_wrapper .dataTables_filter input { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a4a7d6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 14px center; background-size: 18px; background-color: #0b1220; }
.ph-login-panel, :root[data-bs-theme="dark"] .ph-login-panel { background: linear-gradient(135deg, rgba(255, 255, 255, .05) 1px, transparent 1px) 0 0 / 56px 56px, linear-gradient(135deg, #0b2a5b 0%, #0054aa 100%); }
:root[data-bs-theme="dark"] .ph-login-panel { background: linear-gradient(135deg, rgba(255, 255, 255, .04) 1px, transparent 1px) 0 0 / 56px 56px, linear-gradient(135deg, #0b2a5b 0%, #0054aa 100%); }
.ph-login-panel h2, :root[data-bs-theme="dark"] .ph-login-panel h2 { color: #fff; font-weight: 500; }
.ph-login-panel li, .ph-login-panel-inner li span { color: rgba(255, 255, 255, .92); }
.ph-login-panel-inner li { color: rgba(255, 255, 255, .92); }
.ph-login-panel .ph-login-point-icon, .ph-login-panel .ph-login-point-icon i { color: var(--sc-blue) !important; }
.ph-login-panel .ph-login-point-icon { background: #fff; }
.invoice-container { border-radius: 12px; box-shadow: var(--sc-shadow-sm); }
.invoice-container .payment-wrapper { border-radius: 12px; border-color: var(--sc-line); }
.invoice-container .invoice-number { border-color: #bfdbfe; background: #eff6ff; color: #0054aa; }
.invoice-container .copy-ref { border-color: var(--sc-blue); color: var(--sc-blue); border-radius: 8px; }
.invoice-container .copy-ref:hover, .invoice-container .copy-ref:focus-visible { background: var(--sc-blue); color: #fff; }
.invoice-container .whatsapp-btn { border-radius: 8px; }
.invoice-container .payment-amount strong { color: var(--sc-ink); }
.invoice-container .payment-head { background: #f6f9fc; }
.invoice-container h3 { font-weight: 600; }
.verification-banner .btn { height: 40px; min-height: 40px; border: 1px solid var(--sc-blue); border-radius: 8px; font-weight: 600; }
:root[data-bs-theme="dark"] .sc-plan.is-popular .sc-plan-cta, :root[data-bs-theme="dark"] .sc-plan-cta:hover, :root[data-bs-theme="dark"] .btn-primary, :root[data-bs-theme="dark"] .sc-cta-primary, :root[data-bs-theme="dark"] .sc-plan-flag { background: #0066cc; border-color: #0066cc; color: #fff; }
:root[data-bs-theme="dark"] .btn-primary:hover { background: #0054aa; border-color: #0054aa; }
.sc-plan.is-popular .sc-plan-flag { background: #0066cc; }
.sc-story, .sc-story blockquote { color: #111827; }
.ph-login-note, .ph-login-note a { color: rgba(17, 24, 39, .75); }
:root[data-bs-theme="dark"] .ph-login-note, :root[data-bs-theme="dark"] .ph-login-note a { color: rgba(248, 250, 252, .75); }
.sc-story { position: relative; display: block; flex: 0 0 126px; min-width: 0; height: 100%; margin: 0; padding: 0; overflow: hidden; border: 1px solid rgba(255, 255, 255, .18); border-radius: 24px; background: rgba(255, 255, 255, .10); color: #fff; cursor: pointer; transition: flex-basis .45s cubic-bezier(.22, 1, .36, 1), background-color .3s ease; }
.sc-story.is-active { flex: 1 1 auto; background: #fff; border-color: #fff; cursor: default; color: #111827; }
.sc-story:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.sc-story blockquote { font-size: 20px; line-height: 1.6; }
@media (max-width: 991.98px) {
  .sc-story { flex: 0 0 auto; height: auto; min-height: 76px; }
}
@media (prefers-reduced-motion: reduce) {
  .sc-story { transition: none; }
}
.sc-story { flex: 0 0 126px; transition: flex-grow .9s cubic-bezier(.65, 0, .35, 1), background-color .7s ease, border-color .7s ease; flex-grow: 0; }
.sc-story.is-active { flex: 1 1 126px; flex-grow: 1; }
@media (max-width: 991.98px) {
  .sc-story { transition: background-color .5s ease; }
}
@media (prefers-reduced-motion: reduce) {
  .sc-story { transition: none; }
}
@media (max-width: 767.98px) {
  .sc-plan-grid, #order-standard_cart .sc-cart-plans { display: flex; flex-wrap: nowrap; gap: 14px; margin-inline: -16px; padding: 4px 16px 12px; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; scrollbar-width: none; cursor: grab; touch-action: pan-x pan-y; align-items: stretch; }
  .sc-plan-grid::-webkit-scrollbar, #order-standard_cart .sc-cart-plans::-webkit-scrollbar { display: none; }
  .sc-plan-grid > .sc-plan, #order-standard_cart .sc-cart-plans .sc-plan { flex: 0 0 82%; max-width: 340px; scroll-snap-align: center; user-select: none; -webkit-user-select: none; }
  #order-standard_cart .sc-cart-plans > [class*="col-"] { flex: 0 0 82%; max-width: 340px; scroll-snap-align: center; }
  #order-standard_cart .sc-cart-plans > [class*="col-"] .sc-plan { width: 100%; }
}
.sc-dots { display: none; justify-content: center; gap: 8px; margin: 4px 0 0; padding: 0; list-style: none; }
@media (max-width: 767.98px) {
  .sc-dots { display: flex; }
}
.sc-dots button { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 50%; background: #bfdbfe; transition: width .25s ease, background-color .25s ease; }
.sc-dots button[aria-current="true"] { width: 24px; border-radius: 4px; background: var(--sc-blue); }
:root[data-bs-theme="dark"] .sc-dots button { background: rgba(255, 255, 255, .25); }
.sc-dash-banner { display: flex; align-items: center; gap: 14px; margin: 0 0 20px; padding: 14px 18px; border: 1px solid #bfdbfe; border-radius: 12px; background: linear-gradient(90deg, #eff7fd 0%, #e3ebf6 55%, #daecfa 100%); color: var(--sc-ink); }
.sc-dash-banner.is-overdue { border-color: #fecaca; background: linear-gradient(90deg, #fef2f2 0%, #fee2e2 60%, #fde8e8 100%); }
.sc-dash-banner-ico { display: inline-flex; flex: 0 0 28px; width: 28px; height: 28px; align-items: center; justify-content: center; color: #0054aa; }
.sc-dash-banner.is-overdue .sc-dash-banner-ico { color: #dc2626; }
.sc-dash-banner-ico svg { width: 22px; height: 22px; }
.sc-dash-banner p { flex: 1 1 auto; min-width: 0; margin: 0; font-size: 15px; line-height: 1.5; }
.sc-dash-banner p span { color: rgba(17, 24, 39, .72); }
.sc-dash-banner-cta { flex: 0 0 auto; display: inline-flex; align-items: center; height: 40px; padding: 0 18px; border-radius: 8px; background: var(--sc-blue); color: #fff; font-size: 14px; font-weight: 600; text-decoration: none; }
.sc-dash-banner.is-overdue .sc-dash-banner-cta { background: #dc2626; }
.sc-dash-banner-cta:hover { color: #fff; text-decoration: none; filter: brightness(.92); }
:root[data-bs-theme="dark"] .sc-dash-banner { border-color: rgba(96, 165, 250, .35); background: linear-gradient(90deg, rgba(22, 106, 166, .22), rgba(67, 156, 228, .16)); color: var(--sc-ink); }
:root[data-bs-theme="dark"] .sc-dash-banner.is-overdue { border-color: rgba(248, 113, 113, .4); background: linear-gradient(90deg, rgba(220, 38, 38, .2), rgba(220, 38, 38, .1)); }
:root[data-bs-theme="dark"] .sc-dash-banner p span { color: rgba(248, 250, 252, .72); }
@media (max-width: 767.98px) {
  .sc-dash-banner { flex-wrap: wrap; }
  .sc-dash-banner-cta { width: 100%; justify-content: center; }
}
.tiles .tile { position: relative; display: flex; flex-direction: row-reverse; align-items: flex-start; justify-content: space-between; gap: 12px; min-height: 112px; padding: 18px 20px; border-radius: 12px; }
.tiles .tile > i { position: static; flex: 0 0 36px; display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 10px; font-size: 16px; }
.tiles .tile .title { order: 1; font-size: 14px; font-weight: 500; color: var(--sc-body); }
.tiles .tile .stat { order: 2; margin: 2px 0; font-size: 32px; line-height: 1.1; font-weight: 600; letter-spacing: -.02em; color: var(--sc-ink); }
.tiles .tile .sub { order: 3; font-size: 13px; font-weight: 500; color: var(--sc-muted); }
.tiles .tile .sub.is-warn { color: #b45309; }
.tiles .tile .sub.is-bad { color: #b91c1c; }
:root[data-bs-theme="dark"] .tiles .tile .sub.is-ok { color: #86efac; }
:root[data-bs-theme="dark"] .tiles .tile .sub.is-warn { color: #fcd34d; }
:root[data-bs-theme="dark"] .tiles .tile .sub.is-bad { color: #fca5a5; }
.tiles .tile:hover { border-color: #bfdbfe; box-shadow: 0 10px 24px -14px rgba(0, 102, 204, .35); transform: translateY(-2px); }
.tiles .tile { transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
@media (prefers-reduced-motion: reduce) {
  .tiles .tile { transition: none; }
  .tiles .tile:hover { transform: none; }
}
.client-home-cards .card { border-radius: 12px; overflow: hidden; margin-bottom: 20px; }
.client-home-cards .card-header { padding: 14px 20px; background: #f6f8ff; border-bottom: 1px solid var(--sc-line); }
:root[data-bs-theme="dark"] .client-home-cards .card-header { background: rgba(255, 255, 255, .04); }
.client-home-cards .card-header h3 { font-size: 15px; font-weight: 600; }
.client-home-cards .list-group-item { padding: 14px 20px; border-color: var(--sc-line); }
.client-home-cards .list-group-item:hover { background: #f6f8ff; }
:root[data-bs-theme="dark"] .client-home-cards .list-group-item:hover { background: rgba(255, 255, 255, .05); }
.client-home-cards .card-body { padding: 18px 20px; }
.client-home-cards .card-footer { padding: 12px 20px; background: transparent; border-top: 1px solid var(--sc-line); }
.ph-login.sc-login-minimal { --login-ink: #172033; --login-muted: #5b6472; --login-line: #e2e8f0; display: block; font-family: var(--sc-font); }
.sc-login-minimal .ph-login-main { min-height: 100vh; min-height: 100dvh; padding: 40px 24px 24px; }
.sc-login-minimal .ph-login-logo { align-self: center; }
.sc-login-minimal .ph-login-logo img { height: 32px; }
.sc-login-minimal .ph-login-center { max-width: 380px; margin: auto; padding: 56px 0; }
.sc-login-minimal .ph-login-head { margin-bottom: 32px; text-align: left; }
.sc-login-minimal .ph-login-head h1 { color: var(--login-ink); font-size: 28px; font-weight: 600; letter-spacing: -.035em; }
.sc-login-minimal .ph-login-head p { color: var(--login-muted); font-size: 14px; line-height: 1.6; }
.sc-login-minimal .form-control-label { color: var(--login-ink); font-size: 13px; font-weight: 500; }
.sc-login-minimal .input-group { min-height: 46px; border-color: var(--login-line); border-radius: 7px; }
.sc-login-minimal .input-group .form-control { height: 44px; min-width: 0; color: var(--login-ink); font-size: 16px; border-radius: 7px; }
.sc-login-minimal .input-group:focus-within { border-color: #0066cc; box-shadow: 0 0 0 3px rgba(0, 102, 204, .1); }
.sc-login-minimal .btn-reveal-pw { min-width: 44px; min-height: 44px; color: var(--login-muted); font-size: 16px; }
.sc-login-minimal .ph-forgot { color: var(--login-muted); font-size: 12px; font-weight: 400; }
.sc-login-minimal .ph-forgot:hover { color: #0066cc; }
.sc-login-minimal .ph-remember { margin: 0 0 20px; min-height: 32px; font-size: 13px; color: var(--login-muted); }
.sc-login-minimal .ph-remember input { width: 16px; height: 16px; accent-color: #0066cc; }
.sc-login-minimal .ph-login-btn { min-height: 46px; border-radius: 7px !important; background: #0066cc; border-color: #0066cc; color: #fff; font-size: 14px; letter-spacing: 0; text-transform: none; box-shadow: none; }
.sc-login-minimal .ph-login-btn:hover { background: #0054aa; border-color: #0054aa; transform: none; box-shadow: none; }
.sc-login-minimal .ph-login-links { flex-direction: column; align-items: center; gap: 20px; padding-top: 24px; border-top: 1px solid var(--login-line); color: var(--login-muted); font-size: 13px; text-align: center; }
.sc-login-minimal .ph-login-links a { color: #0066cc; font-weight: 500; }
.sc-login-minimal .ph-login-lang { min-height: 44px; color: var(--login-muted); font-size: 12px; }
.sc-login-minimal .ph-login-note { color: var(--login-muted); font-size: 12px; max-width: 380px; }
.sc-login-minimal :is(a, button, input[type="checkbox"]):focus-visible { outline: 2px solid #0066cc; outline-offset: 4px; }
:root[data-bs-theme="dark"] .sc-login-minimal { --login-ink: #f1f5f9; --login-muted: #94a3b8; --login-line: #334155; }
:root[data-bs-theme="dark"] .ph-login.sc-login-minimal, :root[data-bs-theme="dark"] .sc-login-minimal .ph-login-main { background: #0f172a !important; }
:root[data-bs-theme="dark"] .sc-login-minimal .input-group { background: #182234; border-color: var(--login-line); }
:root[data-bs-theme="dark"] .sc-login-minimal .ph-login-links a { color: #93c5fd; }
@media (max-width: 575.98px) {
  .sc-login-minimal .ph-login-main { padding: 28px 24px 20px; }
  .sc-login-minimal .ph-login-center { padding: 40px 0; }
  .sc-login-minimal .ph-login-head h1 { font-size: 26px; }
}
.ph-login.sc-login-split { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: 0; padding: 24px; min-height: 100vh; min-height: 100dvh; }
.sc-login-split .sc-login-story { display: flex; flex-direction: column; justify-content: space-between; min-width: 0; padding: 36px 40px 48px; background: var(--sc-gradient-band); border-radius: 10px; overflow: hidden; color: #fff; }
.sc-login-brand { display: inline-flex; align-self: flex-start; }
.sc-login-brand img { width: 200px; height: auto; filter: brightness(0) invert(1); }
.sc-login-split .ph-login-main { min-height: calc(100vh - 48px); min-height: calc(100dvh - 48px); padding: 36px 48px 8px; }
.sc-login-split .ph-login-main > .ph-login-logo { display: none; }
.sc-login-split .ph-login-center { max-width: 420px; padding: 56px 0; }
.sc-login-split .ph-login-head { text-align: center; margin-bottom: 36px; }
.sc-login-split .ph-login-head h1 { font-size: clamp(26px, 2.2vw, 34px); }
.sc-login-split .input-group { min-height: 52px; border-radius: 8px; }
.sc-login-split .input-group .form-control { height: 50px; padding-inline: 16px; }
.sc-login-split .ph-login-btn { min-height: 52px; background: var(--sc-blue); border-color: var(--sc-blue); }
.sc-login-split .ph-login-links { border: 0; padding-top: 4px; }
.sc-login-split .ph-login-note { max-width: 440px; }
.sc-login-art { position: relative; width: 100%; max-width: 430px; margin: 64px auto 48px; padding: 0 18px 26px 0; }
.sc-login-console { padding: 24px; border: 1px solid rgba(255,255,255,.7); border-radius: 16px; background: #fff; color: #172033; box-shadow: 0 24px 64px rgba(14,32,118,.22); transform: rotate(-3deg); }
.sc-console-top { display: flex; align-items: center; gap: 10px; margin-bottom: 28px; font-size: 13px; }
.sc-console-mark { display: grid; place-items: center; width: 28px; height: 28px; background: #eff7fd; border-radius: 7px; color: var(--sc-blue); font-weight: 700; }
.sc-console-dots { margin-left: auto; color: #94a3b8; }
.sc-console-label { font-size: 9px; font-weight: 600; letter-spacing: .12em; color: #5b6472; }
.sc-console-heading { margin-top: 8px; font-size: 20px; font-weight: 600; letter-spacing: -.035em; }
.sc-console-metrics { display: flex; justify-content: space-between; margin-top: 24px; }
.sc-console-metrics span { display: block; color: #5b6472; font-size: 11px; margin-bottom: 4px; }
.sc-console-metrics strong { font-size: 24px; font-weight: 600; }
.sc-console-metrics strong.sc-console-live { font-size: 14px; color: #15805e; }
.sc-console-chart { display: block; width: 100%; height: auto; margin: 22px 0 14px; }
.sc-console-service { display: flex; align-items: center; gap: 8px; padding: 12px 0; border-top: 1px solid #eef1f6; font-size: 11px; }
.sc-console-service > span:last-child { margin-left: auto; color: #5b6472; }
.sc-console-status { width: 6px; height: 6px; border-radius: 50%; background: #16a077; }
.sc-login-float { position: absolute; right: -10px; bottom: 4px; display: flex; gap: 12px; align-items: center; padding: 18px 22px; border-radius: 12px; background: #fff; color: #172033; box-shadow: 0 12px 40px rgba(14,32,118,.2); }
.sc-login-float > span { display: grid; place-items: center; width: 36px; height: 36px; background: #e9faf2; border-radius: 50%; color: #16805d; font-size: 20px; }
.sc-login-float strong { font-size: 13px; font-weight: 600; }
.sc-login-float small { display: block; margin-top: 4px; font-size: 11px; color: #5b6472; }
.sc-login-story-copy { text-align: center; }
.sc-login-story-copy h2 { margin: 0 0 16px; color: #fff; font-size: clamp(28px, 2.8vw, 42px); line-height: 1.15; font-weight: 600; letter-spacing: -.04em; }
.sc-login-story-copy p { margin: 0; color: #dce5ff; font-size: 14px; line-height: 1.7; }
@media (max-width: 991.98px) {
  .ph-login.sc-login-split { display: block; padding: 0; }
  .sc-login-split .sc-login-story { display: none; }
  .sc-login-split .ph-login-main { min-height: 100vh; min-height: 100dvh; padding: 32px 24px 24px; }
  .sc-login-split .ph-login-main > .ph-login-logo { display: inline-block; }
  .sc-login-split .ph-login-center { padding: 48px 0; }
}
.sc-login-minimal .ph-forgot { display: inline-flex; align-items: center; min-height: 44px; font-size: 14px; font-weight: 500; color: #4b5563; }
.sc-login-minimal .ph-forgot:hover { color: #0066cc; text-decoration: underline; }
.sc-login-minimal .ph-remember { display: flex; align-items: center; gap: 10px; min-height: 44px; font-size: 14px; cursor: pointer; }
.sc-login-minimal .ph-remember input { flex: none; width: 20px; height: 20px; }
.sc-login-minimal .ph-login-links p a, .sc-login-minimal .ph-login-note a { display: inline-block; padding: 12px 2px; margin: -12px 0; }
.sc-login-minimal .ph-login-lang { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px; border: 1px solid var(--sc-line, #e5e7eb); border-radius: 999px; background: #fff; font-size: 14px; color: #374151; transition: border-color .2s ease, background-color .2s ease; }
.sc-login-minimal .ph-login-lang:hover, .sc-login-minimal .ph-login-lang:focus-visible { border-color: #93c5fd; background: #eff6ff; }
.sc-login-minimal .ph-login-note { font-size: 13px; }
:root[data-bs-theme="dark"] .sc-login-minimal .ph-forgot { color: #cbd5e1; }
:root[data-bs-theme="dark"] .sc-login-minimal .ph-login-lang { background: rgba(255, 255, 255, .05); border-color: rgba(255, 255, 255, .15); color: #e2e8f0; }
:root[data-bs-theme="dark"] .sc-login-minimal .ph-login-lang:hover { background: rgba(59, 155, 255, .16); border-color: rgba(59, 155, 255, .4); }
body:has(#order-standard_cart) .verification-banner.email-verification { padding-block: 8px; background: #fffbf3; border-bottom-color: #f1e6cf; font-size: 13px; }
body:has(#order-standard_cart) .verification-banner.email-verification .btn.btn-action { width: auto; max-width: 100%; margin-left: auto; min-height: 44px; height: auto; padding: 8px 14px; border: 1px solid #e4d7ba; border-radius: 7px; background: transparent; color: #78551d; font-size: 12px; box-shadow: none; }
body:has(#order-standard_cart) .verification-banner.email-verification .btn.btn-action:hover { background: #f6ecd9; }
body:has(#order-standard_cart) .verification-banner.email-verification .btn.close { width: 44px; height: 44px; min-height: 44px; border: 0; border-radius: 7px; background: transparent; }
body:has(#order-standard_cart) .verification-banner.email-verification .fas { font-size: 18px; }
:root[data-bs-theme="dark"] body:has(#order-standard_cart) .verification-banner.email-verification { background: #292316; border-color: #514329; }
:root[data-bs-theme="dark"] body:has(#order-standard_cart) .verification-banner.email-verification .btn.btn-action { color: #f5dba6; border-color: #665537; }
:root[data-bs-theme="dark"] body:has(#order-standard_cart) .verification-banner.email-verification .btn.btn-action:hover { background: #3b301e; }
@media (max-width: 575.98px) {
  body:has(#order-standard_cart) .verification-banner.email-verification .btn.btn-action { margin-left: 0; }
}
.verification-banner.email-verification { padding: 10px 0; border: 0; border-bottom: 1px solid #dbe7fb; background: #f7faff; color: #334155; font-weight: 400; }
.verification-banner.email-verification .verification-banner-inner { display: flex; align-items: center; gap: 12px; min-height: 48px; }
.verification-banner.email-verification .verification-banner-icon { display: inline-flex; flex: 0 0 36px; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 9px; background: #eaf2ff; color: #0066cc; }
.verification-banner.email-verification .text { flex: 1 1 auto; min-width: 0; color: #334155; font-size: 14px; font-weight: 500; line-height: 1.5; }
.verification-banner.email-verification .verification-banner-actions { display: flex; flex: 0 0 auto; align-items: center; gap: 8px; }
.verification-banner.email-verification .btn.btn-action, .verification-banner.email-verification .btn.btn-action:active, body:has(#order-standard_cart) .verification-banner.email-verification .btn.btn-action { width: auto; min-height: 40px; margin: 0; padding: 0 14px; border: 1px solid #cbdcf7; border-radius: 7px; background: #fff; color: #0054aa; font-size: 13px; font-weight: 600; line-height: 1.3; box-shadow: none; }
.verification-banner.email-verification .btn.btn-action:hover, body:has(#order-standard_cart) .verification-banner.email-verification .btn.btn-action:hover { border-color: #9dbcf0; background: #eff6ff; color: #0054aa; }
.verification-banner.email-verification .btn.close, body:has(#order-standard_cart) .verification-banner.email-verification .btn.close { display: inline-flex; align-items: center; justify-content: center; width: 40px; min-width: 40px; height: 40px; min-height: 40px; margin: 0; padding: 0; border: 0; border-radius: 7px; background: transparent; color: #5b6472; font-size: 15px; opacity: 1; }
.verification-banner.email-verification .btn.close:hover { background: #eaf2ff; color: #0054aa; }
.verification-banner.email-verification .btn:focus-visible { outline: 2px solid #0066cc; outline-offset: 2px; }
:root[data-bs-theme="dark"] .verification-banner.email-verification, :root[data-bs-theme="dark"] body:has(#order-standard_cart) .verification-banner.email-verification { border-bottom-color: #293b59; background: #111c2f; color: #dbeafe; }
:root[data-bs-theme="dark"] .verification-banner.email-verification .verification-banner-icon { background: #1d3152; color: #93c5fd; }
:root[data-bs-theme="dark"] .verification-banner.email-verification .text { color: #dbeafe; }
:root[data-bs-theme="dark"] .verification-banner.email-verification .btn.btn-action, :root[data-bs-theme="dark"] body:has(#order-standard_cart) .verification-banner.email-verification .btn.btn-action { border-color: #37527a; background: #172640; color: #bfdbfe; }
:root[data-bs-theme="dark"] .verification-banner.email-verification .btn.btn-action:hover { border-color: #4d70a4; background: #1d3152; color: #fff; }
:root[data-bs-theme="dark"] .verification-banner.email-verification .btn.close { color: #94a3b8; }
:root[data-bs-theme="dark"] .verification-banner.email-verification .btn.close:hover { background: #1d3152; color: #dbeafe; }
@media (max-width: 575.98px) {
  .verification-banner.email-verification { padding: 10px 0; }
  .verification-banner.email-verification .verification-banner-inner { align-items: flex-start; flex-wrap: wrap; gap: 10px; }
  .verification-banner.email-verification .text { padding-top: 7px; }
  .verification-banner.email-verification .verification-banner-actions { flex: 0 0 100%; padding-left: 48px; }
  .verification-banner.email-verification .btn.btn-action { flex: 1 1 auto; }
}
.ph-reset-body .sc-form-content > .text-center, .ph-reset-body .text-center.margin-bottom { margin: 4px 0 20px; text-align: left !important; }
.ph-reset-body .text-center.margin-bottom > .row { margin: 0; }
.ph-reset-body #default-captcha-domainchecker { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 10px 12px; align-items: center; margin: 0; padding: 0; text-align: left; }
.ph-reset-body #default-captcha-domainchecker > [class*="col-"] { flex: none; width: auto; max-width: none; padding: 0; }
.ph-reset-body .col-md-8.mx-auto { flex: 0 0 100%; max-width: 100%; padding: 0; }
.ph-reset-body #inputCaptchaImage { display: block; height: 52px; width: auto; border-radius: 8px; }
.ph-reset-body #inputCaptcha { height: 52px; max-width: 220px; letter-spacing: .18em; text-transform: uppercase; font-weight: 600; }
@media (max-width: 420px) {
  .ph-reset-body #default-captcha-domainchecker { grid-template-columns: minmax(0, 1fr); }
  .ph-reset-body #inputCaptcha { max-width: none; }
}
@media (max-width: 1199.98px) {
  .dataTables_wrapper { max-width: 100%; overflow-x: auto; }
}
.col-lg-4 > .sidebar, .d-lg-none.sidebar { margin: 0 0 16px; padding: 10px 10px 8px; border: 1px solid var(--sc-line); border-radius: 16px; background: #fff; box-shadow: 0 1px 2px rgba(15, 23, 42, .04); }
.sidebar > .card.card-sidebar { margin: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; overflow: visible; }
.sidebar > .card.card-sidebar + .card.card-sidebar { margin-top: 8px !important; padding-top: 8px; border-top: 1px solid var(--sc-line) !important; }
.sidebar .card-sidebar > .card-header { padding: 10px 12px 6px !important; border: 0 !important; background: transparent !important; }
.sidebar .card-sidebar > .card-header .card-title { gap: 8px; font-size: 12px !important; font-weight: 600 !important; letter-spacing: .08em; text-transform: uppercase; color: #94a3b8 !important; }
.sidebar .card-sidebar > .card-header .card-title > i:not(.card-minimise) { display: none !important; }
.sidebar .card-sidebar > .card-header .card-minimise { color: #cbd5e1; font-size: 12px; }
.sidebar .card-sidebar .list-group { margin: 0; padding: 0; border: 0; border-radius: 0; gap: 2px; display: grid; }
.sidebar .card-sidebar .list-group-item { display: flex; align-items: center; gap: 12px; min-height: 44px; margin: 0; padding: 0 12px !important; border: 0 !important; border-radius: 10px !important; background: transparent !important; box-shadow: none !important; color: var(--sc-body) !important; font-size: 15px; font-weight: 500; line-height: 1.3; text-decoration: none; transition: background-color .15s ease, color .15s ease; }
.sidebar .card-sidebar .list-group-item > i { flex: none; width: 20px; margin: 0 !important; color: #5b6472; text-align: center; }
.sidebar .card-sidebar a.list-group-item:hover { background: #f1f5f9 !important; color: var(--sc-ink) !important; }
.sidebar .card-sidebar .list-group-item.active, .sidebar .card-sidebar a.list-group-item.active:hover { background: #eff6ff !important; color: var(--sc-blue) !important; font-weight: 600; border-left: 0 !important; }
.sidebar .card-sidebar .list-group-item .badge { margin-left: auto; padding: 2px 8px; border-radius: 999px; background: #eff6ff; color: var(--sc-blue); font-size: 12px; font-weight: 600; }
.sidebar .card-sidebar .card-body { padding: 6px 12px 12px !important; }
.sidebar .card-sidebar .card-footer { padding: 8px 12px 12px !important; border: 0 !important; background: transparent !important; }
.sidebar .card-sidebar > .card-footer .btn { min-height: 44px; border-radius: 10px; }
.sidebar .card-sidebar a.list-group-item:focus-visible { outline: 2px solid var(--sc-blue); outline-offset: -2px; }
:root[data-bs-theme="dark"] .col-lg-4 > .sidebar, :root[data-bs-theme="dark"] .d-lg-none.sidebar { background: rgba(255, 255, 255, .04); border-color: #334155; box-shadow: none; }
:root[data-bs-theme="dark"] .sidebar > .card.card-sidebar + .card.card-sidebar { border-top-color: #334155 !important; }
:root[data-bs-theme="dark"] .sidebar .card-sidebar .list-group-item { color: #cbd5e1 !important; }
:root[data-bs-theme="dark"] .sidebar .card-sidebar .list-group-item > i { color: #94a3b8; }
:root[data-bs-theme="dark"] .sidebar .card-sidebar a.list-group-item:hover { background: rgba(255, 255, 255, .06) !important; color: #f1f5f9 !important; }
:root[data-bs-theme="dark"] .sidebar .card-sidebar .list-group-item.active, :root[data-bs-theme="dark"] .sidebar .card-sidebar a.list-group-item.active:hover { background: rgba(59, 155, 255, .18) !important; color: #93c5fd !important; }
:root[data-bs-theme="dark"] .sidebar .card-sidebar .list-group-item.active > i { color: #93c5fd; }
@media (prefers-reduced-motion: reduce) {
  .sidebar .card-sidebar .list-group-item { transition: none; }
}
.col-lg-4 > .sidebar .card-sidebar a.list-group-item:not(.active), .d-lg-none.sidebar .card-sidebar a.list-group-item:not(.active) { color: var(--sc-body) !important; }
.col-lg-4 > .sidebar .card-sidebar a.list-group-item:not(.active):hover { color: var(--sc-ink) !important; }
:root[data-bs-theme="dark"] .col-lg-4 > .sidebar .card-sidebar a.list-group-item:not(.active) { color: #cbd5e1 !important; }
:root[data-bs-theme="dark"] .col-lg-4 > .sidebar .card-sidebar a.list-group-item:not(.active):hover { color: #f1f5f9 !important; }
:root { --sc-gut: 16px; }
@media (min-width: 768px) {
  :root { --sc-gut: 32px; }
}
@media (min-width: 1280px) {
  :root { --sc-gut: 80px; }
}
@media (min-width: 1536px) {
  :root { --sc-gut: 128px; }
}
@media (min-width: 1920px) {
  :root { --sc-gut: 160px; }
}
.verification-banner { width: calc(100% - 2 * var(--sc-gut)); max-width: calc(1920px - 2 * var(--sc-gut)); margin: 24px auto 0; padding: 0; border: 1px solid #bfdbfe; border-radius: 16px; background: #eff7fd; color: var(--sc-ink); }
.verification-banner .verification-banner-inner { max-width: none; padding: 14px 20px; }
.verification-banner .text { font-size: 15px; font-weight: 500; }
:root[data-bs-theme="dark"] .verification-banner { background: rgba(0, 102, 204, .12); border-color: rgba(96, 165, 250, .35); color: #e2e8f0; }
.sc-dash-banner.is-overdue { border-color: #fecaca; background: #fef2f2; }
.sc-dash-banner.is-overdue .sc-dash-banner-cta, .btn-danger-solid { background: #991b1b !important; border-color: #991b1b !important; color: #fff !important; }
.sc-dash-banner.is-overdue .sc-dash-banner-cta:hover, .btn-danger-solid:hover { background: #7f1d1d !important; border-color: #7f1d1d !important; }
.sc-dash-banner strong { font-variant-numeric: tabular-nums; }
.tiles .tile { position: relative; padding-bottom: 18px; }
.tiles .tile::after { content: ""; position: absolute; right: 18px; bottom: 18px; width: 16px; height: 16px; background: currentColor; color: #5b6472; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10h12M11 5l5 5-5 5'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10h12M11 5l5 5-5 5'/%3E%3C/svg%3E") center / contain no-repeat; transition: transform .2s ease; }
.tiles .tile:hover::after { transform: translateX(3px); }
.tiles .tile.ph-tile-attn:has(.sub.is-bad) { border-color: #fca5a5 !important; background: #fff; }
.tiles .tile.ph-tile-attn:has(.sub.is-bad) .stat, .tiles .tile.ph-tile-attn:has(.sub.is-bad)::after { color: #b91c1c; }
.tiles .tile.ph-tile-attn:not(:has(.sub.is-bad)) { border-color: #fcd34d !important; background: #fff; }
.tiles .tile.ph-tile-attn:not(:has(.sub.is-bad)) .stat, .tiles .tile.ph-tile-attn:not(:has(.sub.is-bad))::after { color: #b45309; }
.client-home-cards .card > .card-header { padding: 18px 22px 14px; border-bottom: 1px solid var(--sc-line); }
.client-home-cards .card > .card-header .card-title { font-size: 18px; font-weight: 600; letter-spacing: -.01em; color: var(--sc-ink); }
.client-home-cards .card .card-body { padding: 18px 22px; font-size: 15px; line-height: 1.65; }
.client-home-cards .card .card-footer.ph-card-cta { display: flex; justify-content: flex-end; padding: 14px 22px 18px; border-top: 1px solid var(--sc-line); background: transparent; }
.client-home-cards .card .card-footer.ph-card-cta .btn { min-height: 46px; padding: 0 22px; border-radius: 10px; font-weight: 600; }
.client-home-cards .label-success { display: inline-flex; align-items: center; gap: 6px; padding: 4px 12px; border-radius: 999px; border: 1px solid #bbf7d0; background: #f0fdf4; color: #15803d; font-size: 12px; font-weight: 600; }
.client-home-cards .label-success::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #22c55e; }
:root[data-bs-theme="dark"] .client-home-cards .card > .card-header, :root[data-bs-theme="dark"] .client-home-cards .card .card-footer.ph-card-cta { border-color: #334155 !important; }
:root[data-bs-theme="dark"] .sc-dash-banner.is-overdue { background: rgba(239, 68, 68, .1); border-color: rgba(239, 68, 68, .35); }
:root[data-bs-theme="dark"] .tiles .tile.ph-tile-attn:has(.sub.is-bad) { background: transparent; border-color: rgba(248, 113, 113, .5) !important; }
:root[data-bs-theme="dark"] .tiles .tile.ph-tile-attn:not(:has(.sub.is-bad)) { background: transparent; border-color: rgba(252, 211, 77, .45) !important; }
:root[data-bs-theme="dark"] .client-home-cards .card-title { color: #f1f5f9; }
@media (prefers-reduced-motion: reduce) {
  .tiles .tile::after { transition: none; }
}
.sc-amt-bad { font-weight: 700; color: #b91c1c; font-variant-numeric: tabular-nums; }
:root[data-bs-theme="dark"] .sc-amt-bad { color: #fca5a5; }
.verification-banner, .verification-banner .verification-banner-inner { box-shadow: none; }
.verification-banner .verification-banner-inner { border: 0; }
.verification-banner::after, .verification-banner::before { display: none; }
.verification-banner .verification-banner-icon { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 8px; background: rgba(22, 106, 166, .1); color: #12527f; }
.verification-banner .btn.btn-action { min-height: 38px; border-radius: 8px; border: 1px solid rgba(22, 106, 166, .25); background: transparent; color: #12527f; font-size: 13px; font-weight: 600; }
.verification-banner .btn.close { color: #5b6472; opacity: 1; }
.sc-dash-banner.is-overdue .sc-dash-banner-ico { flex: 0 0 40px; width: 40px; height: 40px; border-radius: 10px; background: #fee2e2; }
.sc-dash-banner.is-overdue { padding: 18px 20px; gap: 16px; }
.sc-dash-banner.is-overdue .sc-dash-banner-cta { min-height: 40px; padding: 0 20px; border-radius: 8px; font-size: 13px; font-weight: 600; }
.tiles .tile { padding: 20px; }
.tiles .tile .title { margin: 0 0 14px; }
.tiles .tile .stat { margin: 0; font-size: 30px; line-height: 36px; font-weight: 700; }
.tiles .tile .sub { margin-top: 8px; }
.tiles .tile > i { width: 36px; height: 36px; border-radius: 8px; }
.sc-who { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.sc-who strong { font-size: 17px; font-weight: 700; color: var(--sc-ink); }
.sc-vbadge { padding: 2px 8px; border: 1px solid #fde68a; border-radius: 6px; background: #fffbeb; color: #b45309; font-size: 11px; font-weight: 600; }
.sc-cid { margin: 2px 0 14px; font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 12px; font-weight: 500; color: #5b6472; }
.sc-addr { font-size: 15px; line-height: 1.6; color: var(--sc-body); }
.sc-addr::first-line { color: var(--sc-body); }
:root[data-bs-theme="dark"] .sc-vbadge { background: rgba(245, 158, 11, .12); border-color: rgba(245, 158, 11, .35); color: #fcd34d; }
:root[data-bs-theme="dark"] .sc-vbadge.is-ok { background: rgba(16, 185, 129, .12); border-color: rgba(16, 185, 129, .35); color: #6ee7b7; }
:root[data-bs-theme="dark"] .sc-who strong { color: #f1f5f9; }
:root[data-bs-theme="dark"] .sc-addr { color: #cbd5e1; }
:root[data-bs-theme="dark"] .sc-cid { color: #94a3b8; }
:root[data-bs-theme="dark"] .verification-banner .verification-banner-icon { background: rgba(96, 165, 250, .18); color: #bfdbfe; }
:root[data-bs-theme="dark"] .verification-banner .btn.btn-action { color: #bfdbfe; border-color: rgba(96, 165, 250, .4); }
:root[data-bs-theme="dark"] .sc-dash-banner.is-overdue .sc-dash-banner-ico { background: rgba(239, 68, 68, .18); }
aside.verification-banner.email-verification { padding: 0 !important; border: 1px solid #dbe4ff !important; border-radius: 16px !important; background: #eff4ff !important; box-shadow: none !important; }
aside.verification-banner.email-verification .verification-banner-inner { padding: 14px 20px !important; }
aside.verification-banner.email-verification .btn.btn-action { background: #fff !important; }
:root[data-bs-theme="dark"] aside.verification-banner.email-verification { background: rgba(0, 102, 204, .12) !important; border-color: rgba(96, 165, 250, .35) !important; }
:root[data-bs-theme="dark"] aside.verification-banner.email-verification .btn.btn-action { background: transparent !important; }
.client-home-cards .card > .card-header { background: #fbfcff !important; border-radius: 16px 16px 0 0; }
.client-home-cards .card { border-radius: 16px; }
:root[data-bs-theme="dark"] .client-home-cards .card > .card-header { background: rgba(255, 255, 255, .03) !important; }
:root[data-bs-theme="dark"] .tiles .tile.ph-tile-attn:has(.sub.is-bad) .stat, :root[data-bs-theme="dark"] .tiles .tile.ph-tile-attn:has(.sub.is-bad)::after { color: #f87171; }
:root[data-bs-theme="dark"] .tiles .tile.ph-tile-attn:not(:has(.sub.is-bad)) .stat, :root[data-bs-theme="dark"] .tiles .tile.ph-tile-attn:not(:has(.sub.is-bad))::after { color: #fbbf24; }
.sc-band-domain { margin: 6px 0 0; font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 15px; color: rgba(255, 255, 255, .85); text-transform: none; }
.sidebar .list-group-item i:is(.fa-address-card, .fa-arrow-left, .fa-ban, .fa-calendar-alt, .fa-circle, .fa-cog, .fa-comments, .fa-credit-card, .fa-cubes, .fa-download, .fa-folder, .fa-globe, .fa-info, .fa-info-circle, .fa-key, .fa-life-ring, .fa-list, .fa-plus, .fa-rocket, .fa-rss, .fa-share, .fa-shopping-cart, .fa-sign-in, .fa-sign-in-alt, .fa-sync, .fa-ticket-alt, .fa-university, .fa-user) { display: inline-block; flex: none; width: 20px; height: 20px; margin: 0 !important; font-size: 0 !important; line-height: 0; background-color: currentColor; -webkit-mask: var(--sc-ico, none) center / 20px 20px no-repeat; mask: var(--sc-ico, none) center / 20px 20px no-repeat; }
.sidebar .list-group-item i:is(.fa-address-card, .fa-arrow-left, .fa-ban, .fa-calendar-alt, .fa-circle, .fa-cog, .fa-comments, .fa-credit-card, .fa-cubes, .fa-download, .fa-folder, .fa-globe, .fa-info, .fa-info-circle, .fa-key, .fa-life-ring, .fa-list, .fa-plus, .fa-rocket, .fa-rss, .fa-share, .fa-shopping-cart, .fa-sign-in, .fa-sign-in-alt, .fa-sync, .fa-ticket-alt, .fa-university, .fa-user)::before { content: none !important; }
.sidebar .list-group-item i.fa-circle { width: 16px; height: 16px; -webkit-mask-size: 16px 16px; mask-size: 16px 16px; }
.sidebar .list-group-item .loading { display: none !important; }
.sidebar .list-group-item .sidebar-menu-item-icon-wrapper { display: inline-flex; align-items: center; }
.sidebar .list-group-item i.fa-sign-in { --sc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M10 17l5-5-5-5M15 12H4M14 4h4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-4%22/%3E%3C/svg%3E"); }
.sidebar .list-group-item i.fa-key { --sc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx=%228%22 cy=%2215%22 r=%224%22/%3E%3Cpath d=%22M11 12l9-9M16 7l3 3M14 9l2 2%22/%3E%3C/svg%3E"); }
.sidebar .list-group-item i.fa-ban { --sc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3Cpath d=%22M5.6 5.6l12.8 12.8%22/%3E%3C/svg%3E"); }
.sidebar .list-group-item i.fa-shopping-cart { --sc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx=%229%22 cy=%2220%22 r=%221.5%22/%3E%3Ccircle cx=%2218%22 cy=%2220%22 r=%221.5%22/%3E%3Cpath d=%22M2 3h3l2.4 12h11l2-8H6%22/%3E%3C/svg%3E"); }
.sidebar .list-group-item i.fa-cubes { --sc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M12 3l8 4.5v9L12 21l-8-4.5v-9z%22/%3E%3Cpath d=%22M4 7.5l8 4.5 8-4.5M12 12v9%22/%3E%3C/svg%3E"); }
.sidebar .list-group-item i.fa-sync { --sc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M4 12a8 8 0 0 1 13.7-5.6L20 9M20 4v5h-5M20 12a8 8 0 0 1-13.7 5.6L4 15M4 20v-5h5%22/%3E%3C/svg%3E"); }
.sidebar .list-group-item i.fa-globe { --sc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3Cpath d=%22M3 12h18M12 3c3 3.2 3 14.8 0 18M12 3c-3 3.2-3 14.8 0 18%22/%3E%3C/svg%3E"); }
.sidebar .list-group-item i.fa-share { --sc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M15 5l5 5-5 5M20 10H9a5 5 0 0 0-5 5v4%22/%3E%3C/svg%3E"); }
.sidebar .list-group-item i.fa-ticket-alt { --sc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M5 6h14a1 1 0 0 1 1 1v3a2 2 0 0 0 0 4v3a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-3a2 2 0 0 0 0-4V7a1 1 0 0 1 1-1z%22/%3E%3C/svg%3E"); }
.sidebar .list-group-item i.fa-list { --sc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M8 6h12M8 12h12M8 18h12M4 6h.01M4 12h.01M4 18h.01%22/%3E%3C/svg%3E"); }
.sidebar .list-group-item i.fa-info-circle { --sc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3Cpath d=%22M12 11v5M12 8h.01%22/%3E%3C/svg%3E"); }
.sidebar .list-group-item i.fa-download { --sc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M12 4v11M7 11l5 5 5-5M5 20h14%22/%3E%3C/svg%3E"); }
.sidebar .list-group-item i.fa-rocket { --sc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M3 12h4l2.5-7 5 14 2.5-7h4%22/%3E%3C/svg%3E"); }
.sidebar .list-group-item i.fa-comments { --sc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M5 5h14a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-6l-5 4v-4H5a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2z%22/%3E%3C/svg%3E"); }
.sidebar .list-group-item i.fa-rss { --sc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M5 19h.01M5 12a7 7 0 0 1 7 7M5 5a14 14 0 0 1 14 14%22/%3E%3C/svg%3E"); }
.sidebar .list-group-item i.fa-arrow-left { --sc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M9 4H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h3M16 8l4 4-4 4M20 12H9%22/%3E%3C/svg%3E"); }
.sidebar .list-group-item i.fa-circle { --sc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%226.5%22/%3E%3C/svg%3E"); }
.sidebar .card-sidebar a.list-group-item .sidebar-menu-item-label { color: inherit !important; font-weight: inherit; }
.sidebar .card-sidebar a.list-group-item:not(.active) { color: var(--sc-body) !important; }
.sidebar .card-sidebar a.list-group-item:not(.active):hover { color: var(--sc-ink) !important; }
:root[data-bs-theme="dark"] .sidebar .card-sidebar a.list-group-item:not(.active) { color: #cbd5e1 !important; }
.sidebar .card-sidebar a.list-group-item.active, .sidebar .card-sidebar a.list-group-item.active:hover { color: var(--sc-blue) !important; }
.sidebar .card-sidebar .btn i:is(.fa-pencil-alt, .fa-plus) { display: inline-block; width: 18px; height: 18px; margin-right: 6px; font-size: 0 !important; line-height: 0; background-color: currentColor; -webkit-mask: var(--sc-ico, none) center / 18px 18px no-repeat; mask: var(--sc-ico, none) center / 18px 18px no-repeat; }
.sidebar .card-sidebar .btn i:is(.fa-pencil-alt, .fa-plus)::before { content: none !important; }
.sidebar .card-sidebar .btn i.fa-pencil-alt { --sc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M4 20h4L19 9a2.1 2.1 0 0 0-4-4L4 16z%22/%3E%3Cpath d=%22M13.5 6.5l4 4%22/%3E%3C/svg%3E"); }
.sidebar .card-sidebar .btn i.fa-plus { --sc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M12 5v14M5 12h14%22/%3E%3C/svg%3E"); }
.sc-band-badge { display: inline-flex; align-items: center; margin-left: 12px; padding: 4px 12px; border: 1px solid rgba(110, 231, 183, .45); border-radius: 999px; background: rgba(16, 185, 129, .16); color: #a7f3d0; font-size: 13px; font-weight: 600; letter-spacing: 0; vertical-align: middle; }
.sidebar .card-sidebar a.list-group-item i.fa-circle { -webkit-mask-image: none; mask-image: none; background: transparent; border: 0; width: 10px; height: 10px; border-radius: 50%; box-shadow: inset 0 0 0 2px currentColor; }
.sidebar .card-sidebar a.list-group-item[menuitemname="Active"] i.fa-circle, .sidebar .card-sidebar a.list-group-item[menuitemname="Paid"] i.fa-circle, .sidebar .card-sidebar a.list-group-item[menuitemname="Answered"] i.fa-circle { background: #22c55e; box-shadow: none; }
.sidebar .card-sidebar a.list-group-item[menuitemname="Pending"] i.fa-circle, .sidebar .card-sidebar a.list-group-item[menuitemname="Unpaid"] i.fa-circle, .sidebar .card-sidebar a.list-group-item[menuitemname="Customer-Reply"] i.fa-circle { background: #f59e0b; box-shadow: none; }
.sidebar .card-sidebar a.list-group-item[menuitemname="Suspended"] i.fa-circle, .sidebar .card-sidebar a.list-group-item[menuitemname="Open"] i.fa-circle { background: #ef4444; box-shadow: none; }
.sidebar .card-sidebar a.list-group-item[menuitemname="Terminated"] i.fa-circle, .sidebar .card-sidebar a.list-group-item[menuitemname="Closed"] i.fa-circle { background: #cbd5e1; box-shadow: none; }
.sidebar .card-sidebar a.list-group-item[menuitemname="Cancelled"] i.fa-circle, .sidebar .card-sidebar a.list-group-item[menuitemname="Refunded"] i.fa-circle { background: #5b6472; box-shadow: none; }
.sidebar .card-sidebar a.list-group-item .badge, .sidebar .card-sidebar a.list-group-item .sidebar-menu-item-badge .badge { min-width: 26px; padding: 2px 8px; border-radius: 999px; background: #f1f5f9; color: #475569; font-size: 12px; font-weight: 600; text-align: center; }
.sc-addons-note { display: flex; align-items: center; gap: 12px; margin-top: 20px; padding: 16px 20px; border: 1px dashed #cbd5e1; border-radius: 14px; background: transparent; color: var(--sc-body); font-size: 14px; }
.sc-addons-note > svg { flex: none; color: #12527f; }
.sc-addons-note p { margin: 0; flex: 1; }
.sc-addons-note a { flex: none; font-weight: 600; color: #0f3d5f; text-decoration: underline; text-underline-offset: 3px; }
:root[data-bs-theme="dark"] .sidebar .card-sidebar a.list-group-item .badge { background: rgba(255, 255, 255, .08); color: #cbd5e1; }
:root[data-bs-theme="dark"] .sidebar .card-sidebar a.list-group-item.active .badge { background: #3590d2; color: #fff; }
:root[data-bs-theme="dark"] .sc-addons-note { border-color: #475569; }
:root[data-bs-theme="dark"] .sc-addons-note a, :root[data-bs-theme="dark"] .sc-addons-note > svg { color: #93c5fd; }
@media (max-width: 767.98px) {
  .sc-addons-note { flex-wrap: wrap; }
}
:root[data-bs-theme="dark"] .sidebar .card-sidebar .list-group-item.ticket-details-children { color: #f1f5f9 !important; }
:root[data-bs-theme="dark"] .sidebar .card-sidebar .ticket-cc-email .delete-cc-email i, :root[data-bs-theme="dark"] .sidebar .card-sidebar .ticket-cc-email .delete-cc-email { color: #fca5a5; }
.md-editor { border: 1px solid var(--sc-line); border-radius: 12px; background: #fff; overflow: hidden; box-shadow: none; }
.md-editor:focus-within { border-color: var(--sc-blue); box-shadow: 0 0 0 3px rgba(0, 102, 204, .12); }
.md-editor > .md-header { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 4px; padding: 8px 10px; border: 0; border-bottom: 1px solid var(--sc-line); background: #f8fafc; }
.md-editor > .md-header .btn-group { display: inline-flex; align-items: center; gap: 2px; margin: 0 6px 0 0; padding-right: 8px; border-right: 1px solid var(--sc-line); }
.md-editor > .md-header .btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-width: 36px; min-height: 36px; padding: 0 8px; border: 0 !important; border-radius: 8px !important; background: transparent; color: #475569; box-shadow: none !important; font-size: 14px; }
.md-editor > .md-header .btn:hover, .md-editor > .md-header .btn:focus-visible { background: #e2e8f0; color: var(--sc-ink); }
.md-editor > .md-header .btn[data-handler="bootstrap-markdown-cmdPreview"] { padding: 0 12px; font-weight: 600; color: var(--sc-blue); }
.md-editor > .md-header .btn[data-handler="bootstrap-markdown-cmdPreview"]:hover { background: #dbeafe; }
.md-editor > textarea.markdown-editor, .md-editor > textarea { display: block; width: 100%; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: #fff; padding: 16px 18px; font-size: 15px; line-height: 1.6; resize: vertical; }
.md-editor > .md-footer { padding: 8px 14px; border: 0; border-top: 1px solid var(--sc-line); background: #f8fafc; font-size: 12px; color: #5b6472; }
.md-editor .md-fullscreen-controls a { color: #5b6472; }
:root[data-bs-theme="dark"] .md-editor { background: rgba(255, 255, 255, .03); border-color: #334155; }
:root[data-bs-theme="dark"] .md-editor > .md-header, :root[data-bs-theme="dark"] .md-editor > .md-footer { background: rgba(255, 255, 255, .04); border-color: #334155; }
:root[data-bs-theme="dark"] .md-editor > .md-header .btn { color: #cbd5e1; }
:root[data-bs-theme="dark"] .md-editor > .md-header .btn:hover, :root[data-bs-theme="dark"] .md-editor > .md-header .btn.active { background: rgba(255, 255, 255, .1); color: #f1f5f9; }
:root[data-bs-theme="dark"] .md-editor > textarea { background: transparent; color: #f1f5f9; }
:root[data-bs-theme="dark"] .md-editor > .md-header .btn-group { border-right-color: #334155; }
.md-editor > .md-header .btn:not(:hover):not(:focus-visible):not(.active) { background-color: transparent !important; }
.md-editor > textarea.markdown-editor, .md-editor > textarea { font-family: inherit !important; }
.attachment-group { display: flex; align-items: stretch; gap: 12px; flex-wrap: nowrap; }
.attachment-group > .custom-file { flex: 1 1 auto; min-width: 0; }
.attachment-group .custom-file-label { height: 48px; overflow: hidden; border-radius: 10px !important; }
.attachment-group .custom-file-label::after { height: 100%; border-radius: 0 9px 9px 0; display: flex; align-items: center; }
.attachment-group > .input-group-append { flex: none; margin-left: 0; }
.attachment-group .btn { min-height: 48px; border-radius: 10px !important; }
@media (max-width: 575.98px) {
  .attachment-group { flex-wrap: wrap; }
  .attachment-group > .input-group-append { width: 100%; }
  .attachment-group > .input-group-append .btn { width: 100%; }
}
.sc-article { border: 1px solid var(--sc-line); border-radius: 16px; background: #fff; box-shadow: 0 1px 3px rgba(15, 23, 42, .04); }
.sc-article > .card-body { padding: 32px 36px 36px; }
.sc-article-title { margin: 0 0 10px; font-size: clamp(26px, 1.4vw + 18px, 34px); font-weight: 600; line-height: 1.2; letter-spacing: -.025em; color: var(--sc-ink); }
.sc-article-meta { display: flex; flex-wrap: wrap; gap: 6px 10px; margin: 0 0 22px; padding: 0 0 20px; border-bottom: 1px solid var(--sc-line); }
.sc-article-meta li { display: inline-flex; align-items: center; gap: 8px; margin: 0; padding: 4px 12px; border: 1px solid var(--sc-line); border-radius: 999px; background: #f8fafc; font-size: 13px; font-weight: 500; color: #5b6472 !important; }
.sc-article-meta svg { flex: none; color: #94a3b8; }
.sc-article-body { max-width: 74ch; font-size: 16px; line-height: 1.8; color: var(--sc-body); }
.sc-article-body > * + * { margin-top: 1.1em; }
.sc-article-body p { margin: 0; }
.sc-article-body a { color: var(--sc-blue); text-decoration: underline; text-underline-offset: 3px; }
.sc-article-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 20px; }
.sc-article-actions .sc-read-more { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 18px; border: 1px solid var(--sc-line); border-radius: 10px; background: #fff; color: var(--sc-ink); font-size: 14px; font-weight: 600; text-decoration: none; float: none !important; transition: border-color .15s ease, color .15s ease, background-color .15s ease; }
.sc-article-actions .sc-read-more:hover, .sc-article-actions .sc-read-more:focus-visible { border-color: #93c5fd; background: #f8fbff; color: var(--sc-blue); }
:root[data-bs-theme="dark"] .sc-article { background: rgba(255, 255, 255, .04); border-color: #334155; box-shadow: none; }
:root[data-bs-theme="dark"] .sc-article-meta { border-bottom-color: #334155; }
:root[data-bs-theme="dark"] .sc-article-meta li { background: rgba(255, 255, 255, .05); border-color: #334155; color: #94a3b8 !important; }
:root[data-bs-theme="dark"] .sc-article-title, :root[data-bs-theme="dark"] .sc-article-body h2, :root[data-bs-theme="dark"] .sc-article-body h3, :root[data-bs-theme="dark"] .sc-article-body h4 { color: #f1f5f9; }
:root[data-bs-theme="dark"] .sc-article-body { color: #cbd5e1; }
:root[data-bs-theme="dark"] .sc-article-body a { color: #93c5fd; }
:root[data-bs-theme="dark"] .sc-article-body pre { background: rgba(255, 255, 255, .05); border-color: #334155; }
:root[data-bs-theme="dark"] .sc-article-actions .sc-read-more { background: transparent; border-color: #334155; color: #e2e8f0; }
@media (max-width: 575.98px) {
  .sc-article > .card-body { padding: 22px 18px 24px; }
  .sc-article-actions { flex-wrap: wrap; }
}
.sc-article .sc-article-title { margin: 0 0 14px !important; }
.sc-article ul.sc-article-meta { margin: 0 0 24px !important; padding: 0 0 22px !important; }
.sc-article .sc-article-body p + p, .sc-article .sc-article-body * + p { margin-top: 1.1em; }
.sc-article .sc-article-body p { line-height: 1.8; }
.sc-article ul.sc-article-meta > li { min-height: 30px; padding: 4px 12px !important; line-height: 1.4; margin: 0 !important; overflow: visible; }
.sc-band-badge.is-warn { border-color: rgba(253, 186, 116, .55); background: rgba(249, 115, 22, .18); color: #fed7aa; }
[menuitemname="My Invoices Summary"] .card-header .card-title::before { content: ""; display: inline-block; width: 10px; height: 10px; margin-right: 10px; border-radius: 50%; background: #f59e0b; box-shadow: 0 0 0 4px rgba(245, 158, 11, .18); }
[menuitemname="My Invoices Summary"] .card-body { padding-top: 14px !important; font-size: 14px; line-height: 1.6; color: #5b6472; }
.sc-due-amt { display: block; margin: 6px 0 0; font-size: 34px; font-weight: 700; letter-spacing: -.02em; line-height: 1.15; color: var(--sc-ink); font-variant-numeric: tabular-nums; }
[menuitemname="My Invoices Summary"] .card-footer { }
[menuitemname="My Invoices Summary"] .card-footer .btn { width: 100%; min-height: 48px; border: 1px solid #bfdbfe; border-radius: 12px; background: #eff7fd; color: #0f3d5f; font-weight: 600; }
[menuitemname="My Invoices Summary"] .card-footer .btn:hover { background: #0f3d5f; border-color: #0f3d5f; color: #fff; }
[menuitemname="My Invoices Status Filter"] a.list-group-item[menuitemname="Unpaid"]:hover { background: #fffbeb !important; color: #92400e !important; }
:root[data-bs-theme="dark"] .sc-due-amt { color: #f1f5f9; }
:root[data-bs-theme="dark"] [menuitemname="My Invoices Summary"] .card-body { color: #94a3b8; }
:root[data-bs-theme="dark"] [menuitemname="My Invoices Summary"] .card-footer .btn, :root[data-bs-theme="dark"] [menuitemname="My Invoices Summary"] .card-body .btn { background: rgba(0, 102, 204, .16); border-color: rgba(96, 165, 250, .4); color: #bfdbfe; }
:root[data-bs-theme="dark"] [menuitemname="My Invoices Status Filter"] a.list-group-item[menuitemname="Unpaid"].active { background: rgba(245, 158, 11, .14) !important; color: #fcd34d !important; }
.client-home-cards .card { overflow: visible !important; }
.client-home-cards .card > .card-header { border-radius: 12px 12px 0 0; }
.client-home-cards .card > :last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
.client-home-cards .list-group-item { padding: 16px 22px !important; }
.div-service-item { gap: 18px; }
.div-service-item .div-service-buttons { gap: 12px; }
.div-service-item .div-service-buttons .btn-group { align-items: stretch; }
.div-service-item .div-service-buttons .btn-group > .btn { min-height: 44px; }
.div-service-item .div-service-buttons .btn-group > .dropdown-toggle { min-width: 40px; border-radius: 0 10px 10px 0 !important; }
.div-service-item .div-service-buttons .btn-group > .btn:not(.dropdown-toggle) { border-radius: 10px 0 0 10px; }
.div-service-item .dropdown-menu { min-width: 220px; margin-top: 8px; padding: 6px; border: 1px solid var(--sc-line); border-radius: 12px; background: #fff; box-shadow: 0 16px 32px -12px rgba(15, 23, 42, .25); z-index: 1060; }
.div-service-item .dropdown-menu .dropdown-item { display: flex; align-items: center; gap: 10px; min-height: 42px; padding: 0 12px; border-radius: 8px; font-size: 14px; font-weight: 500; color: var(--sc-ink); cursor: pointer; white-space: nowrap; }
.div-service-item .dropdown-menu .dropdown-item:hover { background: #eff6ff; color: var(--sc-blue); }
:root[data-bs-theme="dark"] .div-service-item .dropdown-menu { background: #151a33; border-color: #334155; }
:root[data-bs-theme="dark"] .div-service-item .dropdown-menu .dropdown-item { color: #e2e8f0; }
:root[data-bs-theme="dark"] .div-service-item .dropdown-menu .dropdown-item:hover { background: rgba(59, 155, 255, .16); color: #bfdbfe; }
:root { --ui-text: #172033; --ui-text-secondary: #475569; --ui-text-muted: #5b6472; --ui-surface: #fff; --ui-surface-subtle: #f8fafc; --ui-page: #f6f8fc; --ui-border: #e2e8f0; --ui-border-strong: #cbd5e1; --ui-primary: #0066cc; --ui-primary-hover: #0054aa; --ui-primary-soft: #eff6ff; --ui-success: #15805e; --ui-success-hover: #116a4e; --ui-danger: #dc2626; --ui-danger-hover: #b91c1c; --ui-danger-soft: #fef2f2; --ui-warning: #a16207; --ui-warning-hover: #854d0e; --ui-warning-soft: #fffbeb; --ui-focus: rgba(0, 102, 204, .18); --ui-radius-control: 8px; --ui-radius-card: 12px; --ui-shadow-card: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 24px rgba(15, 23, 42, .035); --ui-shadow-raised: 0 12px 32px rgba(15, 23, 42, .10); --ui-control-height: 46px; --ui-transition: 180ms ease; }
:root[data-bs-theme="dark"] { --ui-text: #f1f5f9; --ui-text-secondary: #cbd5e1; --ui-text-muted: #94a3b8; --ui-surface: #111c2f; --ui-surface-subtle: #17243a; --ui-page: #0b1220; --ui-border: #2b3b53; --ui-border-strong: #40536f; --ui-primary: #60a5fa; --ui-primary-hover: #3b82f6; --ui-primary-soft: #172f51; --ui-success: #34d399; --ui-success-hover: #10b981; --ui-danger: #f87171; --ui-danger-hover: #fca5a5; --ui-danger-soft: #3a1d25; --ui-focus: rgba(96, 165, 250, .22); --ui-shadow-card: none; }
p, li, td, th, label, .form-control { overflow-wrap: anywhere; }
.text-muted { color: var(--ui-text-muted) !important; }
.sc-icon { display: inline-block; flex: 0 0 auto; width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; vertical-align: -.18em; }
.btn .sc-icon, a .sc-icon { margin-right: 7px; }
.btn.close .sc-icon, .verification-banner-icon .sc-icon { margin: 0; }
.sc-icon-spinner { animation: sc-ui-spin .8s linear infinite; }
.form-group { margin-bottom: 20px; }
.form-group > label:not(.field-icon), .control-label { margin-bottom: 7px; color: var(--ui-text); }
.form-control, .custom-select, select.form-control { min-height: var(--ui-control-height); padding: 10px 13px; border: 1px solid var(--ui-border-strong); border-radius: var(--ui-radius-control); background-color: var(--ui-surface); color: var(--ui-text); box-shadow: none; transition: border-color var(--ui-transition), box-shadow var(--ui-transition), background-color var(--ui-transition); }
.form-control::placeholder { color: var(--ui-text-muted); opacity: .85; }
.form-control:hover:not(:disabled) { border-color: #94a3b8; }
.form-control:focus, .custom-select:focus { border-color: var(--ui-primary); outline: 0; box-shadow: 0 0 0 3px var(--ui-focus); }
.form-control:disabled { cursor: not-allowed; border-color: var(--ui-border); background: var(--ui-surface-subtle); color: var(--ui-text-muted); opacity: .72; }
.field-error-msg { margin-top: 6px; color: var(--ui-danger); }
.btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 9px 16px; border: 1px solid transparent; border-radius: var(--ui-radius-control) !important; white-space: normal; box-shadow: none; transition: color var(--ui-transition), background-color var(--ui-transition), border-color var(--ui-transition), box-shadow var(--ui-transition), opacity var(--ui-transition); }
.btn:hover, .btn:focus { transform: none; text-decoration: none; }
.btn-primary { border-color: var(--ui-primary); background: var(--ui-primary); background-image: none; color: #fff; }
.btn-primary:hover, .btn-primary:focus { border-color: var(--ui-primary-hover); background: var(--ui-primary-hover); color: #fff; }
.btn-success { border-color: var(--ui-success); background: var(--ui-success); background-image: none; color: #fff; }
.btn-success:hover, .btn-success:focus { border-color: var(--ui-success-hover); background: var(--ui-success-hover); color: #fff; }
.btn-default, .btn-outline-primary, .btn-info { border-color: var(--ui-border-strong); background: var(--ui-surface); background-image: none; color: var(--ui-text-secondary); }
.btn-default:hover, .btn-outline-primary:hover, .btn-info:hover { border-color: #94a3b8; background: var(--ui-surface-subtle); color: var(--ui-text); }
.btn-danger { border-color: var(--ui-danger); background: var(--ui-danger); background-image: none; color: #fff; }
.btn-danger:hover { border-color: var(--ui-danger-hover); background: var(--ui-danger-hover); color: #fff; }
.btn-link { min-height: 44px; padding-inline: 8px; color: var(--ui-primary); background: transparent; }
.btn-link:hover { color: var(--ui-primary-hover); }
.btn-sm { min-height: 40px; padding: 7px 13px; }
.btn-lg { min-height: 50px; padding: 12px 20px; }
.btn:focus-visible, a:focus-visible, button:focus-visible, summary:focus-visible { outline: 2px solid var(--ui-primary) !important; outline-offset: 3px; }
.btn:disabled, .btn.disabled { cursor: not-allowed; pointer-events: none; opacity: .5; box-shadow: none; }
.card, .panel, .modal-content, .dropdown-menu { border: 1px solid var(--ui-border); border-radius: var(--ui-radius-card); background: var(--ui-surface); box-shadow: var(--ui-shadow-card); }
.card-header, .panel-heading, .modal-header { padding: 16px 20px; border-bottom: 1px solid var(--ui-border); background: var(--ui-surface); color: var(--ui-text); }
.card-body, .panel-body { padding: 20px; }
.list-group-item { min-height: 44px; border-color: var(--ui-border); line-height: 1.45; }
.table-responsive { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.table { color: var(--ui-text-secondary); }
.table th { border-color: var(--ui-border); background: var(--ui-surface-subtle); color: var(--ui-text-muted); }
.table td { border-color: var(--ui-border); vertical-align: middle; }
.dropdown-menu { padding: 8px; }
.dropdown-item { min-height: 40px; padding: 9px 12px; border-radius: 7px; }
.dropdown-item:hover, .dropdown-item:focus { background: var(--ui-primary-soft); color: var(--ui-text); }
.alert { border-width: 1px; border-radius: var(--ui-radius-control); box-shadow: none; }
.ph-reset-body .input-group { min-height: var(--ui-control-height); border-color: var(--ui-border-strong); border-radius: var(--ui-radius-control); }
.ph-reset-body .input-group-text { color: var(--ui-text-muted); }
.ph-reset-body .btn-primary { min-height: var(--ui-control-height); border-radius: var(--ui-radius-control) !important; }
.ph-reset-body .sc-form-actions { display: grid; grid-template-columns: 1fr; gap: 10px; margin-bottom: 0; }
.ph-reset-body .sc-form-actions .btn { width: 100%; margin: 0; }
.ph-reset-links a { display: inline-flex; align-items: center; min-height: 44px; }
.ph-reset-links a .sc-icon { margin-right: 6px; }
aside.verification-banner.email-verification { border-color: var(--ui-border) !important; border-radius: var(--ui-radius-card) !important; background: var(--ui-surface) !important; color: var(--ui-text-secondary) !important; }
aside.verification-banner.email-verification .verification-banner-inner { padding: 12px 16px !important; }
aside.verification-banner.email-verification .verification-banner-icon { width: 36px; height: 36px; border-radius: var(--ui-radius-control); background: var(--ui-primary-soft); color: var(--ui-primary); }
aside.verification-banner.email-verification .btn.btn-action { border-color: var(--ui-border-strong) !important; border-radius: var(--ui-radius-control) !important; background: var(--ui-surface) !important; color: var(--ui-primary); }
:root[data-bs-theme="dark"] aside.verification-banner.email-verification { background: var(--ui-surface) !important; border-color: var(--ui-border) !important; }
:root[data-bs-theme="dark"] aside.verification-banner.email-verification .btn.btn-action { background: var(--ui-surface-subtle) !important; border-color: var(--ui-border-strong) !important; }
@media (max-width: 575.98px) {
  .card-header, .panel-heading, .modal-header, .card-body, .panel-body { padding-inline: 16px; }
  .btn:not(.btn-icon):not(.close) { max-width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}
.div-service-item .div-service-buttons .sc-service-menu-toggle { flex: 0 0 40px; width: 40px; min-width: 40px !important; height: 44px; min-height: 44px !important; padding: 0 !important; border: 1px solid var(--ui-border-strong) !important; border-radius: 0 8px 8px 0 !important; background: var(--ui-surface) !important; color: var(--ui-text-muted) !important; box-shadow: none !important; }
.div-service-item .div-service-buttons .sc-service-menu-toggle::after { display: none !important; }
.div-service-item .div-service-buttons .sc-service-menu-toggle:hover, .div-service-item .div-service-buttons .sc-service-menu-toggle:focus-visible { border-color: var(--ui-primary) !important; background: var(--ui-primary-soft) !important; color: var(--ui-primary) !important; }
.div-service-item .div-service-buttons .sc-service-menu-icon { display: block; width: 16px; height: 16px; margin: auto; transition: transform var(--ui-transition); }
.div-service-item .div-service-buttons .btn-group-primary > .sc-service-menu-toggle { border-radius: 8px !important; }
.div-service-item .div-service-buttons .btn-group-secondary > .btn-custom-action { border-radius: 8px 0 0 8px !important; }
:root[data-bs-theme="dark"] .div-service-item .div-service-buttons .sc-service-menu-toggle { border-color: var(--ui-border-strong) !important; color: var(--ui-text-muted) !important; }
[menuitemname="My Invoices Summary"] .card-header .card-title::before { display: none; }
[menuitemname="My Invoices Summary"] .card-body { padding-top: 6px !important; }
.sc-due-amt { font-size: 30px; margin-top: 4px; }
[menuitemname="My Invoices Summary"] .card-footer { margin-top: 4px; }
[menuitemname="My Invoices Summary"] .card-footer .btn { min-height: 44px; border: 0; background: #12527f; color: #fff; }
[menuitemname="My Invoices Summary"] .card-footer .btn:hover { background: #0f3d5f; color: #fff; }
:root[data-bs-theme="dark"] [menuitemname="My Invoices Summary"] .card-footer .btn, :root[data-bs-theme="dark"] [menuitemname="My Invoices Summary"] .card-body .btn { background: #3590d2; color: #fff; border: 0; }
[menuitemname="My Invoices Summary"] .btn, [menuitemname="My Invoices Summary"] a.btn { width: 100%; min-height: 44px; border: 0 !important; border-radius: 10px; background: #12527f !important; color: #fff !important; font-weight: 600; }
[menuitemname="My Invoices Summary"] .btn:hover { background: #0f3d5f !important; }
.sc-status-cell { display: flex; align-items: center; gap: 12px; min-height: 36px; }
.sc-status-cell .label, .sc-status-cell .ph-row-action { margin: 0 !important; }
@media (max-width: 767.98px) {
  .sc-status-cell { flex-wrap: wrap; }
}
:root[data-bs-theme="dark"] .social-signin-btns > div:has(iframe), :root[data-bs-theme="dark"] .social-signin-btns .g_id_signin { color-scheme: light; }
.ph-login.ph-register .ph-login-center.ph-register-center { max-width: 760px; }
.ph-register #registration .card-body:has(> input[name="marketingoptin"], > .bootstrap-switch) { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 24px; align-items: center; padding: 16px 20px !important; border: 1px solid var(--sc-line, #e3e8f4); border-radius: 12px; background: var(--sc-card, #fff); }
.ph-register #registration .card-body:has(> input[name="marketingoptin"], > .bootstrap-switch) > h3 { grid-column: 1 / -1; margin-bottom: 8px; }
.ph-register #registration .card-body:has(> input[name="marketingoptin"], > .bootstrap-switch) > p { grid-column: 1; margin: 0; font-size: 14px; line-height: 1.55; }
.ph-register #registration .card-body:has(> input[name="marketingoptin"], > .bootstrap-switch) > .bootstrap-switch { grid-column: 2; grid-row: 2; margin: 0; }
.ph-register #registration label.form-check { align-items: center; gap: 12px; margin: 4px 0 20px; padding: 14px 16px; border: 1px solid var(--sc-line, #e3e8f4); border-radius: 12px; background: var(--sc-card, #fff); font-size: 14.5px; cursor: pointer; }
.ph-register #registration label.form-check:hover { border-color: var(--sc-blue, #0066cc); }
.ph-register #registration label.form-check input[type="checkbox"] { appearance: none; -webkit-appearance: none; flex: none; width: 22px; height: 22px; margin: 0; border: 2px solid #94a3b8; border-radius: 6px; background: #fff center / 14px no-repeat; cursor: pointer; transition: background-color .15s, border-color .15s; }
.ph-register #registration label.form-check input[type="checkbox"]:focus-visible { outline: 3px solid rgba(0, 102, 204, .35) !important; outline-offset: 2px; }
@media (max-width: 575px) {
  .ph-register #registration .card-body:has(> input[name="marketingoptin"], > .bootstrap-switch) { grid-template-columns: 1fr; row-gap: 12px; }
  .ph-register #registration .card-body:has(> input[name="marketingoptin"], > .bootstrap-switch) > .bootstrap-switch { grid-column: 1; grid-row: 3; }
}
:root[data-bs-theme="dark"] .ph-register #registration label.form-check, :root[data-bs-theme="dark"] .ph-register #registration .card-body:has(> .bootstrap-switch) { background: #111827; border-color: #1e293b; }
:root[data-bs-theme="dark"] .ph-register #registration label.form-check input[type="checkbox"]:not(:checked) { background-color: #111827; border-color: #6b7099; }
:root[data-bs-theme="dark"] .ph-register #registration label.form-check:has(input:checked) { background: #1a1d4a; }
.ph-login.ph-register { grid-template-columns: minmax(0, 1.35fr) minmax(0, .85fr); }
.ph-register #registration #default-captcha-domainchecker { margin-left: 0; margin-right: auto; }
@media (max-width: 991px) {
  .ph-login.ph-register { grid-template-columns: minmax(0, 1fr); }
}
.sc-strip { position: relative; }
.sc-strip-btn { position: absolute; top: 42%; z-index: 3; display: none; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 1px solid var(--sc-line); border-radius: 50%; background: var(--sc-card); color: var(--sc-ink); box-shadow: 0 8px 20px -6px rgba(17, 24, 39, .35); cursor: pointer; transition: background-color .15s ease, color .15s ease, opacity .2s ease; }
.sc-strip-btn:hover, .sc-strip-btn:focus-visible { background: var(--sc-blue); border-color: var(--sc-blue); color: #fff; }
.sc-strip-btn svg { width: 20px; height: 20px; }
.sc-strip-btn.is-prev { left: -14px; }
.sc-strip-btn.is-next { right: -14px; }
.sc-strip-btn[disabled] { opacity: 0; pointer-events: none; }
@media (min-width: 768px) {
  .sc-strip.has-overflow .sc-strip-btn { display: inline-flex; }
  .sc-strip.has-overflow .sc-dots { display: flex; }
}
@media (max-width: 767.98px) {
  .sc-strip-btn, .sc-strip::after { display: none !important; }
}
.sc-strip-btn { top: calc(var(--sc-strip-h, 100%) / 2); transform: translateY(-50%); width: 40px; height: 40px; }
.sc-strip-btn.is-prev { left: -20px; }
.sc-strip-btn.is-next { right: -20px; }
.sc-strip-btn[disabled] { visibility: hidden; }
.sc-strip:not(.has-overflow) .sc-strip-btn, .sc-strip:not(.has-overflow) .sc-dots { display: none !important; }
@media (max-width: 1279px) {
  .sc-strip-btn.is-prev { left: -8px; }
  .sc-strip-btn.is-next { right: -8px; }
}
.invoice-container .transactions-container { padding: 0 !important; }
.invoice-container .transactions-container table { width: 100%; margin: 0; table-layout: fixed; }
.invoice-container .transactions-container thead td, .invoice-container .transactions-container tbody td { padding: 14px 22px; }
.invoice-container .transactions-container :is(thead, tbody) td:nth-child(1) { width: 26%; text-align: left !important; }
.invoice-container .transactions-container :is(thead, tbody) td:nth-child(2) { width: 22%; text-align: left !important; }
.invoice-container .transactions-container :is(thead, tbody) td:nth-child(3) { width: 28%; text-align: left !important; }
.invoice-container .transactions-container :is(thead, tbody) td:nth-child(4) { width: 24%; text-align: right !important; }
.invoice-container .transactions-container tbody td[colspan] { text-align: center !important; width: auto; color: var(--ph-muted); }
.invoice-container .transactions-container tbody tr:last-child td.total-row { text-align: right !important; }
.invoice-container .btn-group { display: flex; justify-content: flex-end; gap: 10px; }
.invoice-container .btn-group .btn:first-child, .invoice-container .btn-group .btn:last-child { margin: 0; border-radius: 10px; }
.sc-support { padding: 32px 0 72px; }
@keyframes scAuroraA { from { transform: translate3d(0, 0, 0) scale(1); } to { transform: translate3d(18%, 12%, 0) scale(1.18); } }
@keyframes scAuroraB { from { transform: translate3d(0, 0, 0) scale(1.1); } to { transform: translate3d(-16%, -10%, 0) scale(.92); } }
.sc-support-num { font-variant-numeric: tabular-nums; background: linear-gradient(180deg, #fff 30%, #bfdbfe); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }
@keyframes scPulse { 0% { box-shadow: 0 0 0 0 rgba(52, 211, 153, .55); } 70%, 100% { box-shadow: 0 0 0 9px rgba(52, 211, 153, 0); } }
.sc-dock { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; margin: -64px 32px 0; }
.sc-dock-item { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 14px; min-height: 148px; padding: 20px; overflow: hidden; border: 1px solid rgba(255, 255, 255, .7); border-radius: 18px; color: var(--sc-ink); text-decoration: none; background: rgba(255, 255, 255, .78); -webkit-backdrop-filter: blur(18px) saturate(1.5); backdrop-filter: blur(18px) saturate(1.5); box-shadow: 0 18px 40px -18px rgba(17, 24, 39, .45), 0 1px 0 rgba(255, 255, 255, .8) inset; transition: transform .3s cubic-bezier(.22, 1, .36, 1), box-shadow .3s ease, border-color .3s ease; }
.sc-dock-item::before { content: ""; position: absolute; inset: 0; background: radial-gradient(240px circle at var(--mx, 50%) var(--my, 0%), rgba(0, 102, 204, .16), transparent 60%); opacity: 0; transition: opacity .3s ease; pointer-events: none; }
.sc-dock-item:hover, .sc-dock-item:focus-visible { transform: translateY(-8px); border-color: #bfdbfe; box-shadow: 0 28px 50px -18px rgba(22, 106, 166, .5); color: var(--sc-ink); text-decoration: none; }
.sc-dock-item:hover::before, .sc-dock-item:focus-visible::before { opacity: 1; }
:root[data-bs-theme="dark"] .sc-dock-item { background: rgba(17, 24, 39, .72); border-color: rgba(255, 255, 255, .12); box-shadow: 0 18px 40px -18px rgba(0, 0, 0, .8), 0 1px 0 rgba(255, 255, 255, .06) inset; }
:root[data-bs-theme="dark"] .sc-dock-item:hover { border-color: rgba(96, 165, 250, .6); }
.js-reveal .sc-dock-item { opacity: 0; transform: translateY(28px); }
.js-reveal .sc-dock.is-in .sc-dock-item { opacity: 1; transform: none; transition: opacity .6s ease, transform .7s cubic-bezier(.22, 1, .36, 1), box-shadow .3s ease, border-color .3s ease; }
.sc-dock.is-in .sc-dock-item:nth-child(1) { transition-delay: 0s, 0s, 0s, 0s; }
.sc-dock.is-in .sc-dock-item:nth-child(2) { transition-delay: .08s, .08s, 0s, 0s; }
.sc-dock.is-in .sc-dock-item:nth-child(3) { transition-delay: .16s, .16s, 0s, 0s; }
.sc-dock.is-in .sc-dock-item:nth-child(4) { transition-delay: .24s, .24s, 0s, 0s; }
.sc-dock.is-in .sc-dock-item:nth-child(5) { transition-delay: .32s, .32s, 0s, 0s; }
.sc-dock.is-in .sc-dock-item:hover { transition-delay: 0s; }
@media (max-width: 1199.98px) {
  .sc-dock { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-inline: 16px; }
}
@media (max-width: 767.98px) {
  .sc-dock { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: -56px 8px 0; }
  .sc-dock-item { min-height: 132px; padding: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .js-reveal .sc-dock-item { opacity: 1; transform: none; }
  .sc-dock-item { transition: none; }
  .sc-dock-item:hover { transform: none; }
}
.sc-support-num.is-word { font-size: 34px; line-height: 1.15; letter-spacing: -.02em; }
.sc-dock { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 767.98px) {
  .sc-dock { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sc-dock-item:last-child:nth-child(odd) { grid-column: 1 / -1; }
}
.sc-support-num { display: flex; align-items: center; min-height: 56px; margin: 10px 0 8px; }
section#main-body { padding-top: 60px; padding-bottom: 60px; }
.ph-page-auth header.header, .ph-page-auth .master-breadcrumb, .ph-page-auth .sc-page-header { display: none !important; }
.ph-page-auth section#main-body { padding: 0; }
.ph-page-auth #main-body > .container { max-width: none; width: 100%; padding: 0; }
.ph-page-auth #main-body > .container > .row { margin: 0; }
.ph-page-auth #main-body .primary-content { flex: 0 0 100%; max-width: 100%; padding: 0; }
@media (max-width: 991.98px) {
  #order-standard_cart .cart-body { padding-left: 15px; padding-right: 15px; }
}
@media (max-width: 575.98px) {
  .primary-content .btn-group.btn-group-sm { display: flex; flex-wrap: wrap; max-width: 100%; }
  .primary-content .btn-group.btn-group-sm > .btn, .primary-content .btn-group.btn-group-sm > .dropdown-menu { max-width: 100%; }
}
#main-body .row:has(> .primary-content > #order-standard_cart) { margin-left: 0; margin-right: 0; }
#main-body .row > .primary-content:has(> #order-standard_cart) { padding-left: 0; padding-right: 0; }
.header .navbar-nav.toolbar > li > .btn.nav-link, .header .navbar-nav.toolbar > li > .btn.nav-link:focus { border: 0 !important; background: transparent; box-shadow: none; }
.header .navbar-nav.toolbar > li > .btn.nav-link:hover { background: var(--sc-tint); }
.header .cart-btn .badge { background: var(--sc-blue); color: #fff; }
.header .navbar-nav.toolbar { gap: 4px; }
.header .navbar-nav.toolbar > li > .btn.nav-link { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border-radius: 12px; font-size: 20px; line-height: 1; }
.header .navbar-nav.toolbar > li > .btn.nav-link i { font-size: 20px; width: auto; }
.header .navbar-nav.toolbar .cart-btn { position: relative; }
.header .navbar-nav.toolbar .cart-btn .badge { position: absolute; top: 4px; right: 2px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; font-size: 11px; font-weight: 600; line-height: 18px; transform: none; }
.header .sc-notification-dot { top: 9px; right: 11px; }
.sc-page-header .sc-breadcrumb .breadcrumb-item + .breadcrumb-item::before { font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free"; font-weight: 400; content: "\f105"; }
@media (max-width: 1199.98px) {
  .header .navbar-collapse .input-group.search { margin: 8px 0 12px; }
  .header .navbar-nav .nav-link, .header #nav > li > a { display: flex; align-items: center; min-height: 48px; padding: 10px 4px; font-size: 18px; font-weight: 600; }
  .header .navbar-nav .dropdown-menu { position: static; float: none; margin: 0 0 8px; border: 0; box-shadow: none; background: transparent; padding: 0 0 0 12px; }
}
a, .btn, .form-control, .custom-select, .dropdown-item, .nav-link, .list-group-item, .card, .tile, .panel, .page-link, .close, .badge, .label, .input-group-text { transition: color .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .2s ease, transform .2s ease, opacity .2s ease; }
.card:hover, .tile:hover { box-shadow: 0 8px 24px rgba(15, 23, 42, .08); }
.tile:hover { transform: translateY(-2px); }
.btn:active { transform: translateY(1px); }
.dropdown-menu.show { animation: scDropIn .16s cubic-bezier(.22, 1, .36, 1) both; transform-origin: top; }
@keyframes scDropIn { from { opacity: 0; transform: translateY(-6px) scale(.98); } to { opacity: 1; transform: none; } }
.popover.show, .tooltip.show { transition: opacity .15s ease; }
.fade { transition: opacity .2s linear; }
.modal.fade .modal-dialog { transition: transform .25s cubic-bezier(.22, 1, .36, 1), opacity .2s ease; transform: translateY(-16px); }
.modal.show .modal-dialog { transform: none; }
.collapsing { transition: height .3s cubic-bezier(.22, 1, .36, 1) !important; }
.alert { animation: scFadeIn .25s ease both; }
@keyframes scFadeIn { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
  .dropdown-menu.show, .alert { animation: none; }
  .modal.fade .modal-dialog { transform: none; }
  .tile:hover { transform: none; }
}
.header #nav { gap: 4px; }
@media (max-width: 1199.98px) {
  .header #nav { gap: 0; }
  .header .navbar-nav { gap: 0; }
}
@media (min-width: 1200px) {
  .header #nav > li > a, .header .navbar-nav.ml-auto > li > a { position: relative; z-index: 0; display: inline-flex; align-items: center; padding: 0 12px; border-radius: 8px; font-size: 16px; line-height: 24px; font-weight: 500; background: transparent !important; }
  .header #nav > li > a::before, .header .navbar-nav.ml-auto > li > a::before { content: ""; position: absolute; inset: -8px 0; z-index: -1; border-radius: 8px; background: transparent; transition: background-color .18s ease; }
  .header #nav > li > a:hover::before, .header #nav > li.show > a::before, .header .navbar-nav.ml-auto > li > a:hover::before, .header .navbar-nav.ml-auto > li.show > a::before { background: #f3f4f6; }
  :root[data-bs-theme="dark"] .header #nav > li > a:hover::before, :root[data-bs-theme="dark"] .header #nav > li.show > a::before, :root[data-bs-theme="dark"] .header .navbar-nav.ml-auto > li > a:hover::before { background: rgba(255, 255, 255, .08); }
  .header #nav .dropdown-menu { margin-top: 16px; }
  .header .navbar-nav.ml-auto { margin-right: 8px; }
}
@media (min-width: 1200px) {
  .header .navbar-collapse { align-items: center; padding-top: 0; padding-bottom: 0; min-height: 48px; }
  .header .navbar-collapse > ul { align-self: center; margin-top: 0; margin-bottom: 0; }
  .header #nav { margin-left: 24px; }
}
@media (max-width: 1199.98px) {
  .header .sc-navbar { position: relative; }
  .header .navbar-collapse { position: absolute; top: 100%; left: 0; right: 0; z-index: 1040; order: initial; flex-basis: auto; padding: 0 16px; background: var(--sc-card); border-top: 1px solid var(--sc-line); box-shadow: 0 24px 40px -16px rgba(15, 23, 42, .28); max-height: calc(100vh - 100px); overflow-y: auto; overscroll-behavior: contain; }
  .header .navbar-collapse.collapsing { overflow: hidden; }
  .header .navbar-collapse > :first-child { margin-top: 12px; }
  .header .navbar-collapse > :last-child { margin-bottom: 20px; }
  .header .navbar-nav.ml-auto { margin-top: 8px; }
  :root[data-bs-theme="dark"] .header .navbar-collapse { box-shadow: 0 24px 40px -16px rgba(0, 0, 0, .6); }
}
html body section#main-body { background: transparent; }
html { background-color: var(--sc-page); }
html body header.header .sc-mobile-cta a.sc-cta-primary { color: #fff; }
html body header.header .sc-mobile-cta a.sc-cta-secondary { color: var(--sc-ink); }
.card-title.m-0, .sidebar .card-title, .card-sidebar .card-title { color: var(--sc-muted); }
table.dataTable thead th, table.dataTable thead td, .table thead th { color: var(--sc-muted); }
.page-item.disabled .page-link, .page-link { color: var(--sc-body); }
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success, .bootstrap-switch-handle-on { background: var(--sc-blue); color: #fff; }
:root[data-bs-theme="dark"] .bootstrap-switch-handle-off { background: #1e293b; color: #f8fafc; }
:root[data-bs-theme="dark"] a.btn-primary, :root[data-bs-theme="dark"] .btn-primary { background: #0066cc; border-color: #0066cc; color: #fff; }
html body h3.card-title, html body .card .card-title, html body .sidebar .card-header .card-title { color: var(--sc-muted); }
html body .sidebar .card-sidebar > .card-header .card-title, html body .sidebar .card-sidebar > .card-header h3.card-title { color: var(--sc-muted) !important; }
html body table.dataTable thead th, html body table.dataTable thead th.sorting, html body .table-list thead th { color: var(--sc-muted) !important; }
@media (max-width: 767.98px) {
  .sc-plans p { line-height: 1.6; }
}
@media (max-width: 991.98px) {
  .sc-story, .sc-story.is-active { flex: 0 0 auto; flex-grow: 0; height: auto; }
  .sc-story { min-height: 0; }
  .sc-story blockquote { font-size: 17px; line-height: 1.6; }
}
@media (max-width: 1199.98px) {
  .sc-mobile-cta { padding-top: 12px; margin-top: 4px; border-top: 1px solid var(--sc-line); }
  .sc-mobile-cta a { min-height: 48px; font-size: 16px; font-weight: 600; text-decoration: none; }
}
@media (max-width: 1199.98px) {
  .header .sc-navbar > .container { flex-wrap: nowrap; }
  .header .navbar-brand { flex: 0 1 auto; min-width: 0; margin-right: 8px; }
  .header .navbar-brand .logo-img { height: 34px; width: auto; max-width: 100%; }
  .header .toolbar { flex: 0 0 auto; flex-wrap: nowrap; }
}
@media (max-width: 359.98px) {
  .header .navbar-brand .logo-img { height: 28px; }
}
.tiles > .row { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 16px; margin: 0; }
.tiles > .row > [class*="col-"] { width: auto; max-width: none; flex: none; padding: 0; }
@media (max-width: 575.98px) {
  .tiles > .row { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
}
.card-footer:not(:has(*)) { display: none; }
.primary-content .btn-group.btn-group-sm.mb-3 { display: flex; flex-wrap: wrap; gap: 8px; }
.primary-content .btn-group.btn-group-sm.mb-3 > .btn, .primary-content .btn-group.btn-group-sm.mb-3 > .btn-group > .btn { margin: 0 !important; display: inline-flex; align-items: center; gap: 8px; border-radius: 8px !important; }
.primary-content .btn-group.btn-group-sm.mb-3 > .btn-group { display: inline-flex; }
.primary-content .btn-group.btn-group-sm.mb-3 .btn i, .primary-content .btn-group.btn-group-sm.mb-3 .btn svg { margin: 0 !important; }
.primary-content .btn-group.btn-group-sm.mb-3 .dropdown-toggle::after { margin-left: 2px; }
body .dataTables_wrapper .dataTables_filter::after { content: none !important; display: none !important; }
body .dataTables_wrapper .dataTables_filter label .form-control { height: 44px; padding: 0 14px 0 42px !important; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") 14px center / 18px no-repeat; }
:root[data-bs-theme="dark"] body .dataTables_wrapper .dataTables_filter label .form-control { background: #111827 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a4a7d6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") 14px center / 18px no-repeat; }
.primary-content .btn-group.btn-group-sm.mb-3 > .btn, .primary-content .btn-group.btn-group-sm.mb-3 > .btn-group { flex: 0 0 auto; }
#tableDomainsList th:nth-child(1), #tableDomainsList td:nth-child(1), #tableDomainsList th:nth-child(2), #tableDomainsList td:nth-child(2) { width: 1%; }
#tableDomainsList th:nth-child(3), #tableDomainsList td:nth-child(3) { min-width: 230px; }
#tableDomainsList td:nth-child(3) a { overflow-wrap: normal; word-break: keep-all; }
.dataTables_wrapper table.table-list tbody td a.ph-row-action:hover, .dataTables_wrapper table.table-list tbody td a.ph-row-action:focus-visible { background: var(--ph-blue); border-color: var(--ph-blue); color: #fff; }
:root[data-bs-theme="dark"] .dataTables_wrapper table.table-list tbody td a.ph-row-action:hover, :root[data-bs-theme="dark"] .dataTables_wrapper table.table-list tbody td a.ph-row-action:focus-visible { background: #93c5fd; border-color: #93c5fd; color: #0b1220; }
body .card-footer .btn.btn-success:hover, body .card-footer .btn.btn-success:focus-visible, body .sidebar .card-sidebar .btn.btn-success:hover, body .sidebar .card-sidebar .btn.btn-success:focus-visible, body .card-footer .btn.btn-default:hover, body .card-footer .btn.btn-default:focus-visible { background: #eff7fd !important; border-color: var(--ph-blue); color: var(--ph-blue-dark) !important; }
:root[data-bs-theme="dark"] body .card-footer .btn.btn-success:hover, :root[data-bs-theme="dark"] body .sidebar .card-sidebar .btn.btn-success:hover, :root[data-bs-theme="dark"] body .card-footer .btn.btn-default:hover { background: rgba(0, 102, 204, .22) !important; border-color: #93c5fd; color: #dbeafe !important; }
.sidebar:not(:has(*)) { display: none; }
.sidebar .recent-ticket { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 12px; row-gap: 6px; align-items: center; width: 100%; padding: 2px 0; }
.sidebar .recent-ticket .truncate { grid-column: 1 / -1; font-size: 14px; font-weight: 600; line-height: 1.35; color: var(--ph-text, #1f2937); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sidebar .recent-ticket small { display: contents; }
.sidebar .recent-ticket small > span:not(.pull-right) { grid-row: 2; grid-column: 1; justify-self: start; padding: 2px 10px; border-radius: 999px; background: #eff7fd; font-size: 12px; font-weight: 600; line-height: 1.5; color: #0f3d5f !important; }
.sidebar .recent-ticket small > .pull-right { grid-row: 2; grid-column: 2; float: none !important; font-size: 12px; color: var(--ph-muted, #646b79); white-space: nowrap; }
.sidebar .card-sidebar .list-group-item:has(.recent-ticket) { padding: 12px 16px; }
:root[data-bs-theme="dark"] .sidebar .recent-ticket .truncate { color: #e5e7eb; }
:root[data-bs-theme="dark"] .sidebar .recent-ticket small > span:not(.pull-right) { background: rgba(106, 176, 234,.2); color: #bfdbfe !important; }
form[action*="submitticket.php?step=3"] > .card { border-radius: 16px; }
form[action*="submitticket.php?step=3"] .card-body { padding: 32px; }
form[action*="submitticket.php?step=3"] .card-title { margin: 0 0 24px; padding-bottom: 16px; border-bottom: 1px solid var(--ph-line, #e3ebf6); font-size: 20px; font-weight: 700; }
form[action*="submitticket.php?step=3"] .card-body > .row { display: grid; gap: 20px; margin: 0 0 20px; }
form[action*="submitticket.php?step=3"] .card-body > .row > .form-group { width: auto; max-width: none; flex: none; padding: 0; margin: 0; }
form[action*="submitticket.php?step=3"] .card-body > .row:nth-of-type(1) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
form[action*="submitticket.php?step=3"] .card-body > .row:nth-of-type(2) { grid-template-columns: 1fr; }
form[action*="submitticket.php?step=3"] .card-body > .row:nth-of-type(3) { grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr) minmax(0, 1fr); }
form[action*="submitticket.php?step=3"] label { display: block; margin-bottom: 8px; font-size: 14px; font-weight: 600; color: var(--ph-text, #1f2937); }
form[action*="submitticket.php?step=3"] .form-control { min-height: 48px; border-radius: 10px; }
form[action*="submitticket.php?step=3"] .form-control.disabled, form[action*="submitticket.php?step=3"] .form-control:disabled { background: #f3f4f8; color: #4b5563; opacity: 1; cursor: not-allowed; }
@media (max-width: 767px) {
  form[action*="submitticket.php?step=3"] .card-body { padding: 20px; }
  form[action*="submitticket.php?step=3"] .card-body > .row:nth-of-type(1), form[action*="submitticket.php?step=3"] .card-body > .row:nth-of-type(3) { grid-template-columns: 1fr; }
}
:root[data-bs-theme="dark"] form[action*="submitticket.php?step=3"] .form-control.disabled, :root[data-bs-theme="dark"] form[action*="submitticket.php?step=3"] .form-control:disabled { background: rgba(255,255,255,.05); color: #9ca3af; }
:root[data-bs-theme="dark"] .md-editor { background: transparent; border-color: rgba(255,255,255,.14); }
:root[data-bs-theme="dark"] .md-editor > .md-header { background: rgba(255,255,255,.04); border-bottom-color: rgba(255,255,255,.12); }
:root[data-bs-theme="dark"] .md-editor > .md-header .btn { background: transparent; border-color: transparent; color: #cbd5e1; }
:root[data-bs-theme="dark"] .md-editor > .md-header .btn:hover { background: rgba(255,255,255,.08); color: #fff; }
:root[data-bs-theme="dark"] .md-editor > textarea.markdown-editor, :root[data-bs-theme="dark"] .md-editor > textarea, :root[data-bs-theme="dark"] .md-editor > .md-preview { background-color: #0f1226 !important; color: #e5e7eb !important; border-color: transparent; }
:root[data-bs-theme="dark"] .md-editor > .md-footer { background: rgba(255,255,255,.04); border-top-color: rgba(255,255,255,.12); color: #9ca3af; }
.md-editor > textarea { min-height: 240px; }
:root[data-bs-theme="dark"] .md-editor > .md-header, :root[data-bs-theme="dark"] .md-editor .md-header.btn-toolbar { background-color: #161a36 !important; }
:root[data-bs-theme="dark"] .md-editor > .md-header .btn, :root[data-bs-theme="dark"] .md-editor > .md-header .btn-group .btn { color: #cbd5e1 !important; background: transparent !important; }
:root[data-bs-theme="dark"] .md-editor > .md-header .btn:hover { color: #fff !important; background: rgba(255,255,255,.1) !important; }
form[action*="submitticket.php?step=3"] .btn-add-file, form[action*="submitticket.php?step=3"] #btnAddAttachment, form[action*="submitticket.php?step=3"] .btn-outline-primary { gap: 8px; display: inline-flex; align-items: center; justify-content: center; }
form[action*="submitticket.php?step=3"] .text-center:has(> .btn-primary) { display: flex; gap: 12px; justify-content: flex-end; padding-top: 20px; margin-top: 8px; border-top: 1px solid var(--ph-line, #e3ebf6); }
form[action*="submitticket.php?step=3"] .text-center:has(> .btn-primary) .btn { min-width: 120px; min-height: 48px; margin: 0 !important; }
form[action*="submitticket.php?step=3"] .text-center:has(> .btn-primary) .btn-primary { order: 2; }
.primary-content > .sc-rounded:has(.kb-search) { padding: 32px !important; border: 1px solid var(--ph-line, #e3ebf6); background: linear-gradient(135deg, #eff7fd 0%, #f6f9fc 100%); border-radius: 16px; }
.kb-search.sc-kb-search { display: flex; flex-wrap: nowrap; align-items: stretch; gap: 12px; width: 100%; max-width: 760px; margin: 0 auto; }
.kb-search .sc-search-field { position: relative; flex: 1 1 auto; min-width: 0; display: block; }
.kb-search .sc-search-field > i { position: absolute; left: 18px; top: 50%; transform: translateY(-50%); font-size: 16px; pointer-events: none; z-index: 1; }
.kb-search .sc-search-field .form-control { width: 100% !important; height: 56px; min-height: 56px; padding: 0 18px 0 48px; border-radius: 12px; font-size: 16px; }
.kb-search > .btn { flex: 0 0 auto; min-height: 56px; padding: 0 32px; border-radius: 12px; }
.primary-content > .row:has(.kb-category) { margin-bottom: 8px; }
.kb-category.card { height: calc(100% - 24px); border-radius: 14px; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.kb-category.card:hover { border-color: var(--ph-blue, #0066cc); box-shadow: 0 8px 24px rgba(37,99,235,.12); transform: translateY(-2px); }
.kb-category .card-body { display: block; padding: 20px 22px; text-decoration: none; }
.kb-category .card-body > .h6 { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 12px; font-size: 17px; font-weight: 700; color: var(--ph-blue, #0066cc); }
.kb-category .card-body > .h6 .badge { order: 3; margin-left: auto; float: none !important; padding: 4px 10px; border-radius: 999px; background: #eff7fd; color: #0f3d5f; font-size: 12px; font-weight: 600; }
.kb-category .card-body > p { margin-top: 6px !important; font-size: 14px; color: var(--ph-muted, #646b79) !important; }
.primary-content > .card:has(.kb-article-item) > .card-body { padding: 20px 24px; border-bottom: 1px solid var(--ph-line, #e3ebf6); }
.kb-article-item { display: block; padding: 16px 24px 16px 56px !important; font-size: 16px; font-weight: 600; line-height: 1.4; position: relative; }
.kb-article-item > i { position: absolute; left: 24px; top: 19px; color: var(--ph-blue, #0066cc) !important; opacity: .8; }
.kb-article-item small { display: block; margin-left: 0 !important; padding-left: 0 !important; text-indent: 0; margin-top: 4px; font-size: 14px; font-weight: 400; line-height: 1.5; color: var(--ph-muted, #646b79); }
.kb-article-item:hover { background: #f6f9fc; }
@media (max-width: 575px) {
  .kb-search.sc-kb-search { flex-direction: column; }
  .kb-search > .btn { width: 100%; }
  .primary-content > .sc-rounded:has(.kb-search) { padding: 20px !important; }
}
:root[data-bs-theme="dark"] .primary-content > .sc-rounded:has(.kb-search) { background: linear-gradient(135deg, rgba(106, 176, 234,.16), rgba(255,255,255,.03)); border-color: rgba(255,255,255,.12); }
:root[data-bs-theme="dark"] .kb-category .card-body > .h6 { color: #93c5fd; }
:root[data-bs-theme="dark"] .kb-category .card-body > .h6 .badge { background: rgba(106, 176, 234,.22); color: #bfdbfe; }
:root[data-bs-theme="dark"] .kb-article-item:hover { background: rgba(255,255,255,.05); }
body .sidebar .card-sidebar .card-title, body .cart-sidebar .card-sidebar .panel-title { font-size: 13px; font-weight: 700; line-height: 1.3; letter-spacing: .08em; text-transform: uppercase; color: #475569; }
body .sidebar .card-sidebar .card-title i:not(.card-minimise), body .cart-sidebar .card-sidebar .panel-title i:not(.card-minimise) { display: none; }
body .sidebar .card-sidebar .list-group-item, body .cart-sidebar .card-sidebar .list-group-item { font-size: 16px; font-weight: 500; line-height: 1.4; color: #1e2a4a; min-height: 48px; display: flex; align-items: center; gap: 12px; padding-top: 12px; padding-bottom: 12px; }
body .sidebar .card-sidebar .list-group-item .sidebar-menu-item-label { font-size: inherit; line-height: inherit; color: inherit; }
body .sidebar .card-sidebar .list-group-item .sidebar-menu-item-icon, body .cart-sidebar .card-sidebar .list-group-item i { font-size: 18px; width: 22px; text-align: center; color: #5b6472; flex: 0 0 22px; }
body .sidebar .card-sidebar .list-group-item:hover, body .cart-sidebar .card-sidebar .list-group-item:hover { color: var(--ph-blue-dark, #0054aa); }
body .sidebar .card-sidebar .list-group-item.active, body .cart-sidebar .card-sidebar .list-group-item.active, body .sidebar .card-sidebar .list-group-item.active .sidebar-menu-item-icon, body .cart-sidebar .card-sidebar .list-group-item.active i { font-weight: 600; color: var(--ph-blue, #0066cc); }
body .sidebar .card-sidebar .badge, body .cart-sidebar .card-sidebar .badge { font-size: 12px; font-weight: 600; }
body .sidebar .card-sidebar small, body .sidebar .recent-ticket small { font-size: 13px; }
body .sidebar .recent-ticket .truncate { font-size: 15px; }
body .sidebar .card-sidebar .card-body, body .sidebar .card-sidebar address, body .sidebar .card-sidebar .card-body p { font-size: 15px; line-height: 1.6; color: #334155; }
:root[data-bs-theme="dark"] body .sidebar .card-sidebar .card-title, :root[data-bs-theme="dark"] body .cart-sidebar .card-sidebar .panel-title { color: #94a3b8; }
:root[data-bs-theme="dark"] body .sidebar .card-sidebar .list-group-item, :root[data-bs-theme="dark"] body .cart-sidebar .card-sidebar .list-group-item { color: #e2e8f0; }
:root[data-bs-theme="dark"] body .sidebar .card-sidebar .list-group-item .sidebar-menu-item-icon, :root[data-bs-theme="dark"] body .cart-sidebar .card-sidebar .list-group-item i { color: #94a3b8; }
:root[data-bs-theme="dark"] body .sidebar .card-sidebar .list-group-item.active, :root[data-bs-theme="dark"] body .cart-sidebar .card-sidebar .list-group-item.active, :root[data-bs-theme="dark"] body .sidebar .card-sidebar .list-group-item.active .sidebar-menu-item-icon, :root[data-bs-theme="dark"] body .cart-sidebar .card-sidebar .list-group-item.active i { color: #93c5fd; }
:root[data-bs-theme="dark"] body .sidebar .card-sidebar .card-body, :root[data-bs-theme="dark"] body .sidebar .card-sidebar address { color: #cbd5e1; }
:root:root body .sidebar .card-sidebar > .card-header .card-title { font-size: 13px !important; font-weight: 700 !important; letter-spacing: .08em !important; color: #475569 !important; }
:root:root body .sidebar .card-sidebar .list-group-item .sidebar-menu-item-label { color: #1e2a4a !important; }
:root:root body .sidebar .card-sidebar .list-group-item.active .sidebar-menu-item-label { color: var(--ph-blue, #0066cc) !important; }
:root:root body #order-standard_cart#order-standard_cart#order-standard_cart .cart-sidebar .list-group-item, :root:root body #order-standard_cart#order-standard_cart#order-standard_cart.sc-store-modern .cart-sidebar .list-group-item { font-size: 16px !important; font-weight: 500; line-height: 1.4 !important; color: #1e2a4a !important; min-height: 48px; }
:root:root body #order-standard_cart#order-standard_cart#order-standard_cart .cart-sidebar .list-group-item.active { color: var(--ph-blue, #0066cc) !important; font-weight: 600; }
:root:root body #order-standard_cart#order-standard_cart#order-standard_cart .cart-sidebar .panel-title, :root:root body #order-standard_cart#order-standard_cart#order-standard_cart .cart-sidebar .card-header .panel-title { font-size: 13px !important; font-weight: 700 !important; letter-spacing: .08em !important; color: #475569 !important; text-transform: uppercase; }
:root:root body #order-standard_cart#order-standard_cart#order-standard_cart .cart-sidebar .list-group-item i { font-size: 18px !important; }
:root:root[data-bs-theme="dark"] body .sidebar .card-sidebar > .card-header .card-title { color: #94a3b8 !important; }
:root:root[data-bs-theme="dark"] body .sidebar .card-sidebar .list-group-item .sidebar-menu-item-label { color: #e2e8f0 !important; }
:root:root[data-bs-theme="dark"] body .sidebar .card-sidebar .list-group-item.active .sidebar-menu-item-label { color: #93c5fd !important; }
:root:root[data-bs-theme="dark"] body #order-standard_cart#order-standard_cart#order-standard_cart .cart-sidebar .list-group-item { color: #e2e8f0 !important; }
:root:root[data-bs-theme="dark"] body #order-standard_cart#order-standard_cart#order-standard_cart .cart-sidebar .list-group-item.active { color: #93c5fd !important; }
:root:root[data-bs-theme="dark"] body #order-standard_cart#order-standard_cart#order-standard_cart .cart-sidebar .panel-title { color: #94a3b8 !important; }
.sc-service-menu-toggle svg, .sc-service-menu-toggle svg * { pointer-events: none; }
.div-service-item .div-service-buttons .btn-group { position: relative; }
.div-service-item .div-service-buttons .btn-group > .dropdown-menu { position: absolute !important; inset: calc(100% + 6px) 0 auto auto !important; transform: none !important; margin: 0 !important; min-width: 220px; z-index: 1060; }
.div-service-item .div-service-buttons .btn-group > .dropdown-menu .dropdown-item { cursor: pointer; }
.div-service-item .div-service-buttons .btn-group > .dropdown-menu .dropdown-item.disabled { cursor: not-allowed; opacity: .55; }
@media (max-width: 767px) {
  .div-service-item .div-service-buttons .btn-group > .dropdown-menu { inset: calc(100% + 6px) auto auto 0 !important; min-width: 200px; max-width: calc(100vw - 32px); }
}
.card:has(.div-service-buttons .dropdown-menu.show), .tt-client-home-cards > *:has(.div-service-buttons .dropdown-menu.show), .client-home-cards .card:has(.dropdown-menu.show) { position: relative; z-index: 30; overflow: visible; }
.popover-user-notifications { max-width: none; width: 380px; border: 1px solid var(--ph-line, #e3ebf6); border-radius: 16px; background: #fff; box-shadow: 0 18px 48px rgba(27, 53, 75, .16), 0 2px 6px rgba(27, 53, 75, .06); overflow: hidden; }
.popover-user-notifications .popover-header { display: none; }
.popover-user-notifications .arrow { display: none; }
.popover-user-notifications .popover-body { padding: 0; }
.popover-user-notifications .sc-alerts-head { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px 12px; border-bottom: 1px solid var(--ph-line, #e3ebf6); }
.popover-user-notifications .sc-alerts-head strong { font-size: 16px; font-weight: 700; color: var(--ph-ink, #111827); }
.popover-user-notifications .sc-alerts-count { min-width: 24px; padding: 2px 8px; border-radius: 999px; background: #eff7fd; color: #0f3d5f; font-size: 12px; font-weight: 700; text-align: center; }
.popover-user-notifications .client-alerts { margin: 0; padding: 6px; list-style: none; max-height: min(420px, 70vh); overflow-y: auto; }
.popover-user-notifications .client-alerts li { margin: 0; padding: 0; border: 0; background: none; }
.popover-user-notifications .client-alerts li + li { margin-top: 2px; }
.popover-user-notifications .client-alerts li a { display: flex; align-items: flex-start; gap: 12px; padding: 12px 14px; border-radius: 12px; color: var(--ph-text, #1f2937); text-decoration: none; background: transparent !important; transition: background-color .15s ease; }
.popover-user-notifications .client-alerts li a:hover, .popover-user-notifications .client-alerts li a:focus-visible { background: #f3f4fb !important; }
.popover-user-notifications .sc-alert-icon { flex: 0 0 36px; width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; background: #eff7fd; color: #12527f; font-size: 16px; }
.popover-user-notifications .sc-alert-icon i { font-size: 16px; color: inherit; }
.popover-user-notifications .client-alerts .message { flex: 1 1 auto; min-width: 0; margin: 0; font-size: 14px; line-height: 1.5; color: var(--ph-text, #1f2937); }
.popover-user-notifications .sc-alert-go { flex: 0 0 auto; align-self: center; font-size: 12px; color: #94a3b8; }
.popover-user-notifications .client-alerts li a:hover .sc-alert-go { color: var(--ph-blue, #0066cc); transform: translateX(2px); }
.popover-user-notifications .client-alerts li.none { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 28px 20px; font-size: 14px; color: var(--ph-muted, #646b79); }
.popover-user-notifications .client-alerts li.none .sc-alert-icon { background: #f3f4f6; color: #646b79; }
@media (max-width: 575px) {
  .popover-user-notifications { width: calc(100vw - 24px); }
}
:root[data-bs-theme="dark"] .popover-user-notifications { background: #151834; border-color: rgba(255,255,255,.12); box-shadow: 0 18px 48px rgba(0,0,0,.5); }
:root[data-bs-theme="dark"] .popover-user-notifications .sc-alerts-head { border-bottom-color: rgba(255,255,255,.1); }
:root[data-bs-theme="dark"] .popover-user-notifications .sc-alerts-head strong, :root[data-bs-theme="dark"] .popover-user-notifications .client-alerts .message { color: #e5e7eb; }
:root[data-bs-theme="dark"] .popover-user-notifications .sc-alerts-count { background: rgba(106, 176, 234,.22); color: #bfdbfe; }
:root[data-bs-theme="dark"] .popover-user-notifications .client-alerts li a:hover, :root[data-bs-theme="dark"] .popover-user-notifications .client-alerts li a:focus-visible { background: rgba(255,255,255,.06) !important; }
:root[data-bs-theme="dark"] .popover-user-notifications .sc-alert-icon { background: rgba(106, 176, 234,.22); color: #bfdbfe; }
:root[data-bs-theme="dark"] .popover-user-notifications .client-alerts li.none { color: #9ca3af; }
:root:root body .header .navbar-nav .dropdown-menu .dropdown-item, :root:root body .header .navbar-nav .dropdown-menu a { font-size: 15px; font-weight: 400; line-height: 1.4; color: #374151; letter-spacing: 0; }
:root:root body .header .navbar-nav .dropdown-menu .dropdown-item:hover, :root:root body .header .navbar-nav .dropdown-menu .dropdown-item:focus-visible, :root:root body .header .navbar-nav .dropdown-menu a:hover { font-weight: 400; color: var(--sc-blue, #0066cc); text-decoration: none; }
:root:root body .header .navbar-nav .dropdown-menu .dropdown-item.active, :root:root body .header .navbar-nav .dropdown-menu .active > a { font-weight: 600; color: var(--sc-blue, #0066cc); background: #eff7fd; }
:root:root body .header .navbar-nav .dropdown-menu .dropdown-header { font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: #646b79; }
:root:root body .header .navbar-nav .dropdown-toggle:hover, :root:root body .header .navbar-nav .dropdown-toggle:focus { text-decoration: none; }
:root:root[data-bs-theme="dark"] body .header .navbar-nav .dropdown-menu .dropdown-item, :root:root[data-bs-theme="dark"] body .header .navbar-nav .dropdown-menu a { color: #d1d5db; }
:root:root[data-bs-theme="dark"] body .header .navbar-nav .dropdown-menu .dropdown-item:hover, :root:root[data-bs-theme="dark"] body .header .navbar-nav .dropdown-menu a:hover, :root:root[data-bs-theme="dark"] body .header .navbar-nav .dropdown-menu .dropdown-item.active { color: #93c5fd; }
:root:root[data-bs-theme="dark"] body .header .navbar-nav .dropdown-menu .dropdown-item.active { background: rgba(106, 176, 234,.2); }
#order-standard_cart .domain-input-group > .row { display: flex; flex-wrap: nowrap; align-items: stretch; gap: 12px; margin: 0; }
#order-standard_cart .domain-input-group > .row > .col-sm-8 { flex: 1 1 auto; min-width: 0; max-width: none; width: auto; margin: 0; padding: 0; }
#order-standard_cart .domain-input-group > .row > .col-sm-2 { flex: 0 0 auto; width: auto; max-width: none; margin: 0; padding: 0; }
#order-standard_cart .domain-input-group .domains-row { display: flex; flex-wrap: nowrap; gap: 12px; margin: 0; }
#order-standard_cart .domain-input-group .domains-row > [class*="col-"] { padding: 0; margin: 0; max-width: none; width: auto; }
#order-standard_cart .domain-input-group .domains-row > .col-9 { flex: 1 1 auto; min-width: 0; }
#order-standard_cart .domain-input-group .domains-row > .col-3 { flex: 0 0 150px; }
#order-standard_cart .domain-input-group .input-group { flex-wrap: nowrap; height: 100%; }
#order-standard_cart .domain-input-group .input-group-prepend { margin-right: 0; }
#order-standard_cart .domain-input-group .input-group-text, #order-standard_cart .domain-input-group .form-control, #order-standard_cart .domain-input-group select.form-control { height: 52px; min-height: 52px; }
#order-standard_cart .domain-input-group #btnCheckAvailability { width: auto; min-width: 132px; height: 52px; margin: 0; padding: 0 28px; }
@media (max-width: 767px) {
  #order-standard_cart .domain-input-group > .row, #order-standard_cart .domain-input-group .domains-row { flex-wrap: wrap; }
  #order-standard_cart .domain-input-group > .row > .col-sm-8, #order-standard_cart .domain-input-group > .row > .col-sm-2 { flex: 1 1 100%; }
  #order-standard_cart .domain-input-group .domains-row > .col-9 { flex: 1 1 100%; }
  #order-standard_cart .domain-input-group .domains-row > .col-3 { flex: 1 1 100%; }
  #order-standard_cart .domain-input-group #btnCheckAvailability { width: 100%; }
}
#order-standard_cart#order-standard_cart .domain-input-group .input-group-text, #order-standard_cart#order-standard_cart .domain-input-group .input-group > .form-control, #order-standard_cart#order-standard_cart .domain-input-group select.form-control, #order-standard_cart#order-standard_cart .domain-input-group #btnCheckAvailability { height: 52px !important; min-height: 52px !important; box-sizing: border-box; }
#order-standard_cart#order-standard_cart .domain-input-group .domains-row > .col-3 { flex: 0 0 150px !important; width: 150px !important; }
#order-standard_cart#order-standard_cart .domain-input-group .input-group > .form-control { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; }
#order-standard_cart#order-standard_cart .domain-input-group .input-group-text { border-top-right-radius: 0; border-bottom-right-radius: 0; }
@media (max-width: 767px) {
  #order-standard_cart#order-standard_cart .domain-input-group > .row { align-content: flex-start; }
  #order-standard_cart#order-standard_cart .domain-input-group .domains-row { align-content: flex-start; height: auto; }
  #order-standard_cart#order-standard_cart .domain-input-group .domains-row > .col-3 { flex: 1 1 100% !important; width: 100% !important; }
  #order-standard_cart#order-standard_cart .domain-input-group > .row > .col-sm-8, #order-standard_cart#order-standard_cart .domain-input-group > .row > .col-sm-2 { flex: 0 0 100%; }
}
.sc-usage { padding: 4px 0 18px; text-align: left; }
.sc-usage-head { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 8px; font-size: 15px; color: var(--ph-text, #1f2937); }
.sc-usage-head strong { font-size: 16px; font-weight: 600; font-variant-numeric: tabular-nums; }
.sc-usage-bar { height: 10px; border-radius: 999px; background: #e5e7eb; overflow: hidden; }
.sc-usage-bar > span { display: block; height: 100%; width: 0; border-radius: 999px; background: var(--ph-blue, #0054aa); transition: width .5s ease; }
.sc-usage-bar.is-warn > span { background: #d97706; }
.sc-usage-bar.is-bad > span { background: #dc2626; }
.sc-usage-num { margin: 8px 0 0; font-size: 14px; color: #4b5563; font-variant-numeric: tabular-nums; }
:root[data-bs-theme="dark"] .sc-usage-head { color: #e5e7eb; }
:root[data-bs-theme="dark"] .sc-usage-bar { background: #334155; }
:root[data-bs-theme="dark"] .sc-usage-num { color: #9ca3af; }
@media (prefers-reduced-motion: reduce) {
  .sc-usage-bar > span { transition: none; }
}
.sc-dash-banner[hidden] { display: none; }
.sc-dash-banner-x { flex: 0 0 auto; width: 44px; height: 44px; margin: -8px -8px -8px 0; display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 10px; background: transparent; color: inherit; opacity: .7; cursor: pointer; }
.sc-dash-banner-x:hover { opacity: 1; background: rgba(0,0,0,.06); }
.sc-dash-banner-x:focus-visible { outline: 2px solid var(--ph-blue, #0054aa); outline-offset: 2px; opacity: 1; }
.sc-empty { text-align: center; padding-top: 28px; padding-bottom: 28px; color: #4b5563; }
.sc-empty > p { margin-bottom: 0; }
.sc-empty-ico { display: block; margin: 0 auto 10px; font-size: 30px; color: #93c5fd; }
td.dataTables_empty { text-align: center; padding: 36px 16px !important; color: #4b5563; }
td.dataTables_empty .sc-empty-ico { margin-bottom: 8px; }
.sc-empty-act { display: inline-flex; align-items: center; min-height: 44px; margin-top: 6px; font-weight: 600; color: var(--ph-blue, #0054aa); }
:root[data-bs-theme="dark"] .sc-empty, :root[data-bs-theme="dark"] td.dataTables_empty { color: #9ca3af; }
:root[data-bs-theme="dark"] .sc-empty-ico { color: #3590d2; }
:root:root .dataTables_wrapper table.table-list td.dataTables_empty { text-align: center !important; }
:root:root .dataTables_wrapper table.table-list td.dataTables_empty::before { content: none !important; }
:root:root #tableServicesList td:last-child > .label.status, :root:root #tableDomainsList td:last-child > .label.status, :root:root #tableInvoicesList td .sc-status-cell > .label.status { display: inline-flex; align-items: center; justify-content: center; min-width: 92px; box-sizing: border-box; }
:root:root #tableServicesList td:last-child .ph-row-action, :root:root #tableDomainsList td:last-child .ph-row-action, :root:root #tableInvoicesList td .sc-status-cell .ph-row-action { min-width: 80px; margin-left: 8px; box-sizing: border-box; }
:root:root #tableServicesList td:last-child, :root:root #tableDomainsList td:last-child { white-space: nowrap; }
@media (max-width: 575.98px) {
  :root:root .dataTables_wrapper table.table-list tbody td { width: auto !important; min-width: 0 !important; max-width: none !important; box-sizing: border-box; }
  :root:root #tableServicesList td:last-child, :root:root #tableDomainsList td:last-child { white-space: normal; }
}
:root:root body .sidebar .card-sidebar a.list-group-item i.fa-circle { width: 12px !important; height: 12px !important; flex: 0 0 12px !important; margin: 0 5px; border-radius: 50%; }
:root:root #tableServicesList td:first-child, :root:root #tableDomainsList td:first-child { text-align: center; }
:root:root #tableServicesList td:first-child img, :root:root #tableDomainsList td:first-child img { display: inline-block; width: 24px; height: 24px; object-fit: contain; vertical-align: middle; }
:root:root body .header .navbar-nav.ml-auto .dropdown-menu { min-width: 248px; padding: 8px 6px; }
:root:root body .header .navbar-nav.ml-auto .dropdown-menu li.dropdown-item { padding: 0; background: transparent; }
:root:root body .header .navbar-nav.ml-auto .dropdown-menu li.dropdown-item > a.dropdown-item { display: flex; align-items: center; gap: 12px; min-height: 44px; margin: 0; padding: 0 12px !important; border-radius: 8px; white-space: nowrap; }
:root:root body .header .navbar-nav.ml-auto .dropdown-menu li.dropdown-item > a.dropdown-item::before { flex: 0 0 20px; width: 20px; font-family: "Font Awesome 5 Pro"; font-weight: 300; font-size: 16px; line-height: 1; text-align: center; color: #646b79; content: "\f007"; }
:root:root body .header .navbar-nav.ml-auto .dropdown-menu li.dropdown-item > a.dropdown-item:hover { background: #f3f4ff; }
:root:root body .header .navbar-nav.ml-auto .dropdown-menu li.dropdown-item > a.dropdown-item:hover::before { color: var(--sc-blue, #0066cc); }
:root:root body .header .navbar-nav.ml-auto .dropdown-menu li[menuitemname="Edit Account Details"] > a.dropdown-item::before { content: "\f2c2"; }
:root:root body .header .navbar-nav.ml-auto .dropdown-menu li[menuitemname="User Management"] > a.dropdown-item::before { content: "\f509"; }
:root:root body .header .navbar-nav.ml-auto .dropdown-menu li[menuitemname="Contacts"] > a.dropdown-item::before { content: "\f2b9"; }
:root:root body .header .navbar-nav.ml-auto .dropdown-menu li[menuitemname="Email History"] > a.dropdown-item::before { content: "\f0e0"; }
:root:root body .header .navbar-nav.ml-auto .dropdown-menu li[menuitemname="Account Security"] > a::before, :root:root body .header .navbar-nav.ml-auto .dropdown-menu li[menuitemname="Security Settings"] > a.dropdown-item::before { content: "\f3ed"; }
:root:root body .header .navbar-nav.ml-auto .dropdown-menu li[menuitemname="Your Profile"] > a.dropdown-item::before { content: "\f007"; }
:root:root body .header .navbar-nav.ml-auto .dropdown-menu li[menuitemname="Switch Account"] > a.dropdown-item::before { content: "\f074"; }
:root:root body .header .navbar-nav.ml-auto .dropdown-menu li[menuitemname="Change Password"] > a.dropdown-item::before { content: "\f084"; }
:root:root body .header .navbar-nav.ml-auto .dropdown-menu li[menuitemname="Logout"] > a.dropdown-item::before { content: "\f2f5"; }
:root:root body .header .navbar-nav.ml-auto .dropdown-menu .dropdown-divider { margin: 6px 8px; }
:root:root[data-bs-theme="dark"] body .header .navbar-nav.ml-auto .dropdown-menu li.dropdown-item > a.dropdown-item::before { color: #9ca3af; }
:root:root[data-bs-theme="dark"] body .header .navbar-nav.ml-auto .dropdown-menu li.dropdown-item > a.dropdown-item:hover { background: rgba(106, 176, 234,.18); }
:root:root[data-bs-theme="dark"] body .header .navbar-nav.ml-auto .dropdown-menu li.dropdown-item > a.dropdown-item:hover::before { color: #93c5fd; }
@media (min-width: 1200px) {
  :root:root body .header #nav .dropdown-menu { min-width: 248px; padding: 8px 6px; }
  :root:root body .header #nav .dropdown-menu li.dropdown-item { padding: 0; background: transparent; }
  :root:root body .header #nav .dropdown-menu li.dropdown-item > a.dropdown-item { display: flex; align-items: center; gap: 12px; min-height: 44px; margin: 0; padding: 0 12px !important; border-radius: 8px; white-space: nowrap; }
  :root:root body .header #nav .dropdown-menu li.dropdown-item > a.dropdown-item::before { flex: 0 0 20px; width: 20px; font-family: "Font Awesome 5 Pro"; font-weight: 300; font-size: 16px; line-height: 1; text-align: center; color: #646b79; content: "\f105"; }
  :root:root body .header #nav .dropdown-menu li.dropdown-item > a.dropdown-item:hover { background: #f3f4ff; }
  :root:root body .header #nav .dropdown-menu li.dropdown-item > a.dropdown-item:hover::before { color: var(--sc-blue, #0066cc); }
  :root:root body .header #nav .dropdown-menu li[menuitemname="My Services"] > a.dropdown-item::before { content: "\f233"; }
  :root:root body .header #nav .dropdown-menu li[menuitemname="Order New Services"] > a.dropdown-item::before { content: "\f217"; }
  :root:root body .header #nav .dropdown-menu li[menuitemname="View Available Addons"] > a.dropdown-item::before { content: "\f12e"; }
  :root:root body .header #nav .dropdown-menu li[menuitemname="My Domains"] > a.dropdown-item::before { content: "\f0ac"; }
  :root:root body .header #nav .dropdown-menu li[menuitemname="Renew Domains"] > a.dropdown-item::before { content: "\f2f1"; }
  :root:root body .header #nav .dropdown-menu li[menuitemname="Register a New Domain"] > a.dropdown-item::before { content: "\f055"; }
  :root:root body .header #nav .dropdown-menu li[menuitemname="Transfer a Domain to Us"] > a.dropdown-item::before { content: "\f362"; }
  :root:root body .header #nav .dropdown-menu li[menuitemname="Domain Search"] > a.dropdown-item::before { content: "\f002"; }
  :root:root body .header #nav .dropdown-menu li[menuitemname="My Invoices"] > a.dropdown-item::before { content: "\f571"; }
  :root:root body .header #nav .dropdown-menu li[menuitemname="My Quotes"] > a.dropdown-item::before { content: "\f15c"; }
  :root:root body .header #nav .dropdown-menu li[menuitemname="Mass Payment"] > a.dropdown-item::before { content: "\f09d"; }
  :root:root body .header #nav .dropdown-menu li[menuitemname="Add Funds"] > a.dropdown-item::before { content: "\f555"; }
  :root:root body .header #nav .dropdown-menu li[menuitemname="Tickets"] > a.dropdown-item::before { content: "\f3ff"; }
  :root:root body .header #nav .dropdown-menu li[menuitemname="Announcements"] > a.dropdown-item::before { content: "\f0a1"; }
  :root:root body .header #nav .dropdown-menu li[menuitemname="Knowledgebase"] > a.dropdown-item::before { content: "\f02d"; }
  :root:root body .header #nav .dropdown-menu li[menuitemname="Downloads"] > a.dropdown-item::before { content: "\f019"; }
  :root:root body .header #nav .dropdown-menu li[menuitemname="Network Status"] > a.dropdown-item::before { content: "\f012"; }
  :root:root[data-bs-theme="dark"] body .header #nav .dropdown-menu li.dropdown-item > a.dropdown-item::before { color: #9ca3af; }
  :root:root[data-bs-theme="dark"] body .header #nav .dropdown-menu li.dropdown-item > a.dropdown-item:hover { background: rgba(106, 176, 234,.18); }
  :root:root[data-bs-theme="dark"] body .header #nav .dropdown-menu li.dropdown-item > a.dropdown-item:hover::before { color: #93c5fd; }
}
:root:root body .client-home-cards .card { border: 1px solid #e5e7eb; border-radius: 16px; box-shadow: 0 1px 2px rgba(15, 23, 42, .04); }
:root:root body .client-home-cards .card > .card-header { border-bottom: 1px solid #eef0f5; border-radius: 16px 16px 0 0; }
:root:root body .client-home-cards .card > .list-group { border-top: 0 !important; border-radius: 0 0 16px 16px; }
:root:root body .client-home-cards .list-group-item { border-bottom: 1px solid #eef0f5 !important; }
:root:root body .client-home-cards .list-group-item:last-child { border-bottom: 0 !important; }
:root:root body .client-home-cards .card > .card-body { padding: 20px 22px; }
:root:root body .client-home-cards .card > .card-footer { border-top: 1px solid #eef0f5; }
:root:root body .client-home-cards .card > .card-footer:not(:has(*)) { display: none; }
:root:root body .client-home-cards .card > .card-footer.ph-card-cta { border-top: 1px solid #eef0f5; }
:root:root body .sidebar .card-sidebar .card-header { border-bottom-color: #eef0f5; }
:root:root body .sidebar .card-sidebar .list-group-item { border-bottom-color: #eef0f5; }
:root:root body .client-home-cards .div-service-name .text-domain { font-size: 14px; font-weight: 400; color: #646b79; }
:root:root body .tiles .tile .title { color: rgba(17, 24, 39, .78); }
:root:root body .tiles .tile .sub:not(.is-warn):not(.is-bad):not(.is-ok) { color: rgba(17, 24, 39, .76); }
:root:root[data-bs-theme="dark"] body .client-home-cards .card { border-color: #1e293b; box-shadow: none; }
:root:root[data-bs-theme="dark"] body .client-home-cards .card > .card-header, :root:root[data-bs-theme="dark"] body .client-home-cards .card > .card-footer, :root:root[data-bs-theme="dark"] body .client-home-cards .list-group-item, :root:root[data-bs-theme="dark"] body .sidebar .card-sidebar .card-header, :root:root[data-bs-theme="dark"] body .sidebar .card-sidebar .list-group-item { border-color: #1c1e42 !important; }
:root:root[data-bs-theme="dark"] body .client-home-cards .list-group-item:last-child { border-bottom: 0 !important; }
:root:root[data-bs-theme="dark"] body .client-home-cards .div-service-name .text-domain { color: #9ca3af; }
:root:root[data-bs-theme="dark"] body .tiles .tile .title, :root:root[data-bs-theme="dark"] body .tiles .tile .sub:not(.is-warn):not(.is-bad):not(.is-ok) { color: #b6b8e0; }
:root:root body .client-home-cards .card > .card-body > p { padding: 0; margin: 0 0 8px; }
:root:root body .client-home-cards .card > .card-body > p:last-child { margin-bottom: 0; }
:root:root body .sidebar .card-sidebar .card-footer { padding-left: 22px; padding-right: 22px; }
:root:root body .client-home-cards .list-group-item .small, :root:root body .client-home-cards .list-group-item small { padding-left: 0; }
:root:root[data-bs-theme="dark"] body .client-home-cards .card > .card-footer { background: transparent; }
:root:root body .client-home-cards .card > .list-group { border-bottom: 0 !important; }
:root:root body .sidebar .card-sidebar .card-footer { padding-left: 22px !important; padding-right: 22px !important; }
:root:root body .sc-plan .sc-plan-more { margin: 0; padding: 0 24px 6px; border-top: 1px solid #eef0f5; }
:root:root body .sc-plan .sc-plan-more > summary { display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 0; list-style: none; cursor: pointer; font-size: 14px; font-weight: 600; color: var(--sc-blue, #0066cc); user-select: none; }
:root:root body .sc-plan .sc-plan-more > summary::-webkit-details-marker { display: none; }
:root:root body .sc-plan .sc-plan-more > summary::marker { content: ""; }
:root:root body .sc-plan .sc-plan-more > summary::after { content: ""; width: 8px; height: 8px; margin-top: -3px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); transition: transform .18s ease, margin .18s ease; }
:root:root body .sc-plan .sc-plan-more[open] > summary::after { margin-top: 3px; transform: rotate(-135deg); }
:root:root body .sc-plan .sc-plan-more > summary:hover { color: #0054aa; }
:root:root body .sc-plan .sc-plan-more .sc-plan-ticks { padding: 4px 0 8px; }
:root:root[data-bs-theme="dark"] body .sc-plan .sc-plan-more { border-top-color: #1e293b; }
:root:root[data-bs-theme="dark"] body .sc-plan .sc-plan-more > summary { color: #93c5fd; }
@media (max-width: 767.98px) {
  :root:root body .sc-plan .sc-plan-more { padding-inline: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  :root:root body .sc-plan .sc-plan-more > summary::after { transition: none; }
}
.sc-page-header .sc-breadcrumb ol.breadcrumb { flex-wrap: nowrap; min-width: 0; }
.sc-page-header .sc-breadcrumb .breadcrumb-item { flex: 0 0 auto; }
.sc-page-header .sc-breadcrumb .breadcrumb-item.active { flex: 0 1 auto; min-width: 0; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
:root:root body .sc-article .sc-article-body { color: rgba(17, 24, 39, .84); }
:root:root body .sc-article .sc-article-body strong, :root:root body .sc-article .sc-article-body b { font-weight: 600; color: var(--sc-ink, #111827); }
:root:root[data-bs-theme="dark"] body .sc-article .sc-article-body { color: #cbd0f0; }
:root:root[data-bs-theme="dark"] body .sc-article .sc-article-body strong, :root:root[data-bs-theme="dark"] body .sc-article .sc-article-body b { color: #fff; }
:root:root body .sc-article ul.sc-article-meta > li.list-inline-item { display: inline-flex; align-items: center; gap: 8px; min-height: 32px; padding: 0 14px !important; margin: 0 !important; line-height: 1; white-space: nowrap; }
:root:root body .sc-article ul.sc-article-meta { gap: 8px 10px; }
:root:root body .sc-article ul.sc-article-meta > li svg { width: 16px; height: 16px; flex: 0 0 16px; }
.modal-localisation .modal-dialog { max-width: 640px; margin: 1.75rem auto; }
.modal-localisation .modal-content.sc-loc { overflow: hidden; border: 1px solid #e5e7eb; border-radius: 20px; background: #fff; box-shadow: 0 24px 60px rgba(15, 23, 42, .22); color: var(--sc-ink, #111827); }
.sc-loc-head { display: flex; align-items: center; gap: 14px; padding: 20px 24px; border-bottom: 1px solid #eef0f5; }
.sc-loc-ico { display: inline-flex; flex: 0 0 44px; width: 44px; height: 44px; align-items: center; justify-content: center; border-radius: 12px; background: #eff7fd; color: var(--sc-blue, #0066cc); }
.sc-loc-title { flex: 1 1 auto; margin: 0; font-size: 18px; font-weight: 600; line-height: 1.3; color: var(--sc-ink, #111827); }
.modal-localisation .sc-loc-close { position: static; flex: 0 0 44px; width: 44px; height: 44px; margin: 0 -8px 0 0; padding: 0; border-radius: 12px; opacity: 1; float: none; font-size: 26px; line-height: 1; color: #646b79 !important; text-shadow: none; }
.modal-localisation .sc-loc-close:hover { background: #f3f4f6; color: #111827 !important; }
.sc-loc-body { padding: 20px 24px 8px; max-height: min(60vh, 520px); overflow-y: auto; background: #fff; }
.sc-loc-label { margin: 0 0 10px; font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: #646b79; }
.sc-loc-grid.row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 0 0 22px; }
.sc-loc-grid > .col-4 { width: auto; max-width: none; flex: none; padding: 0; }
.modal-localisation .sc-loc-grid .item { position: relative; display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 44px; padding: 0 28px; border: 1px solid #e5e7eb; border-radius: 10px; background: #fff; font-size: 15px; font-weight: 500; line-height: 1.2; color: #374151; text-align: center; text-decoration: none; transition: border-color .15s ease, background-color .15s ease, color .15s ease; }
.modal-localisation .sc-loc-grid .item:hover { border-color: #bfdbfe; background: #f5f7ff; color: var(--sc-blue, #0066cc); text-decoration: none; }
.modal-localisation .sc-loc-grid .item:focus-visible { outline: 2px solid var(--sc-blue, #0066cc); outline-offset: 2px; }
.modal-localisation .sc-loc-grid .item.active { border-color: var(--sc-blue, #0066cc); background: #eff7fd; color: var(--sc-blue, #0066cc); font-weight: 600; box-shadow: 0 0 0 1px var(--sc-blue, #0066cc) inset; }
.modal-localisation .sc-loc-grid .item.active::after { content: "\f00c"; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); font-family: "Font Awesome 5 Pro"; font-weight: 400; font-size: 12px; }
.sc-loc-sym { color: #9ca3af; font-weight: 500; }
.modal-localisation .item.active .sc-loc-sym { color: inherit; opacity: .7; }
.sc-loc-foot { display: flex; justify-content: flex-end; gap: 10px; padding: 16px 24px 20px; border-top: 1px solid #eef0f5; background: #fff; }
.sc-loc-foot .btn { min-width: 96px; min-height: 44px; border-radius: 10px; font-weight: 600; }
.sc-loc-cancel { border: 1px solid #e5e7eb; background: #fff; color: #374151; }
.sc-loc-cancel:hover { background: #f9fafb; }
.sc-loc-apply { border: 1px solid var(--sc-blue, #0066cc); background: var(--sc-blue, #0066cc); color: #fff; }
.sc-loc-apply:hover { background: #0054aa; border-color: #0054aa; color: #fff; }
@media (max-width: 575.98px) {
  .modal-localisation .modal-dialog { margin: 12px; }
  .sc-loc-grid.row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sc-loc-head, .sc-loc-body, .sc-loc-foot { padding-left: 16px; padding-right: 16px; }
  .sc-loc-foot .btn { flex: 1 1 0; }
}
:root[data-bs-theme="dark"] .modal-localisation .modal-content.sc-loc { border-color: #1e293b; background: #111827; box-shadow: 0 24px 60px rgba(0, 0, 0, .6); color: #f8fafc; }
:root[data-bs-theme="dark"] .sc-loc-head, :root[data-bs-theme="dark"] .sc-loc-foot { border-color: #1e293b; background: #111827; }
:root[data-bs-theme="dark"] .sc-loc-body { background: #111827; }
:root[data-bs-theme="dark"] .sc-loc-ico { background: rgba(0, 102, 204, .2); color: #93c5fd; }
:root[data-bs-theme="dark"] .sc-loc-title { color: #fff; }
:root[data-bs-theme="dark"] .sc-loc-label, :root[data-bs-theme="dark"] .sc-loc-sym { color: #9ca3af; }
:root[data-bs-theme="dark"] .modal-localisation .sc-loc-close { color: #9ca3af !important; }
:root[data-bs-theme="dark"] .modal-localisation .sc-loc-close:hover { background: rgba(255, 255, 255, .08); color: #fff !important; }
:root[data-bs-theme="dark"] .modal-localisation .sc-loc-grid .item { border-color: #2c2f5e; background: #172033; color: #d1d5db; }
:root[data-bs-theme="dark"] .modal-localisation .sc-loc-grid .item:hover { border-color: #0054aa; background: #1e2150; color: #bfdbfe; }
:root[data-bs-theme="dark"] .modal-localisation .sc-loc-grid .item.active { border-color: #818cf8; background: rgba(0, 102, 204, .22); color: #fff; box-shadow: 0 0 0 1px #818cf8 inset; }
:root[data-bs-theme="dark"] .sc-loc-cancel { border-color: #2c2f5e; background: #172033; color: #e5e7eb; }
:root[data-bs-theme="dark"] .sc-loc-apply { border-color: #3590d2; background: #3590d2; }
@media (prefers-reduced-motion: reduce) {
  .modal-localisation .sc-loc-grid .item { transition: none; }
}
:root:root body .sc-article .sc-article-title, :root:root body .sc-article ul.sc-article-meta, :root:root body .sc-article .sc-article-body { max-width: none; width: 100%; }
:root:root body .sc-article .sc-article-body { font-size: 16.5px; line-height: 1.75; }
:root:root body .sc-article-actions { justify-content: flex-start; gap: 12px; }
@media (max-width: 575.98px) {
  :root:root body .sc-article-actions { flex-wrap: wrap; }
}
:root:root body .client-home-cards .card > .list-group { max-height: 480px; overflow-y: auto; overflow-x: hidden; }
:root:root body .client-home-cards .card > .list-group > .list-group-item { flex: 0 0 auto; height: auto; overflow: visible; }
:root:root body .client-home-cards .list-group-item .label { margin-left: 6px; vertical-align: middle; }
:root:root body .client-home-cards .list-group-item .text-last-updated { display: block; margin-top: 4px; line-height: 1.4; }
:root:root body .client-home-cards .list-group-item small { display: block; margin: 4px 0 0; padding: 0; }
:root:root body .client-home-cards .list-group-item label.label { display: inline-flex; align-items: center; margin: 0 0 0 8px; vertical-align: middle; }
:root:root body:has(.verification-banner) section#main-body { padding-top: 28px; }
:root:root body .client-home-cards .card-header .float-right a.btn { min-height: 40px; }
.div-service-item .div-service-buttons:has(.btn-group-secondary) > .btn-group-primary { display: none !important; }
@media (max-width: 575.98px) {
  :root:root body .client-home-cards .card-header .float-right a.btn { min-height: 44px; }
  .div-service-item .div-service-buttons { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; width: 100%; }
  .div-service-item .div-service-buttons .btn-group-secondary { display: flex; width: 100%; }
  .div-service-item .div-service-buttons .btn-group-secondary > .btn-custom-action { flex: 1 1 auto; min-width: 0; }
  .div-service-item .div-service-buttons .btn-view-details { width: 100%; justify-content: center; min-height: 44px; border: 1px solid #e5e7eb !important; border-radius: 8px !important; }
  .sc-dash-banner { position: relative; padding-right: 56px; }
  .sc-dash-banner .sc-dash-banner-x { position: absolute; top: 8px; right: 8px; margin: 0; }
}
:root:root[data-bs-theme="dark"] .div-service-item .div-service-buttons .btn-view-details { border-color: #334155 !important; }
@media (max-width: 575.98px) {
  .div-service-item .btn-view-details > span:not(.sr-only) { display: inline !important; }
  .div-service-item .btn-view-details > i { display: none; }
}
:root:root body .tiles > .row { gap: 20px; }
:root:root body .tiles .tile.sc-tile { display: grid; grid-template-columns: 36px minmax(0, 1fr); grid-template-rows: auto auto auto; column-gap: 12px; row-gap: 14px; align-items: center; align-content: start; min-height: 168px; padding: 22px 24px; border-radius: 16px; }
:root:root body .tiles .tile.sc-tile > i { position: static; grid-row: 1; grid-column: 1; width: 36px; height: 36px; margin: 0; }
:root:root body .tiles .tile.sc-tile .sc-tile-info { display: contents; }
:root:root body .tiles .tile.sc-tile .title { grid-row: 1; grid-column: 2; order: 0; margin: 0; font-size: 15px; font-weight: 500; color: var(--sc-body); }
:root:root body .tiles .tile.sc-tile .stat { grid-row: 2; grid-column: 1 / -1; order: 0; margin: 2px 0 0; font-size: 44px; line-height: 1.05; font-weight: 500; letter-spacing: -.03em; font-variant-numeric: lining-nums proportional-nums; }
:root:root body .tiles .tile.sc-tile .sub { grid-row: 3; grid-column: 1 / -1; order: 0; justify-self: start; margin: 0; padding: 4px 12px; border-radius: 999px; background: #eef2f7; font-size: 13px; font-weight: 500; line-height: 1.4; color: rgba(17, 24, 39, .8); }
:root:root body .tiles .tile.sc-tile .sub.is-ok { background: #e7f6ec; color: #166534; }
:root:root body .tiles .tile.sc-tile .sub.is-warn { background: #fef3c7; color: #92400e; }
:root:root body .tiles .tile.sc-tile .sub.is-bad { background: #fee2e2; color: #991b1b; }
:root:root[data-bs-theme="dark"] body .tiles .tile.sc-tile .sub { background: rgba(255, 255, 255, .08); color: #cbd0f0; }
:root:root[data-bs-theme="dark"] body .tiles .tile.sc-tile .sub.is-ok { background: rgba(34, 197, 94, .16); color: #86efac; }
:root:root[data-bs-theme="dark"] body .tiles .tile.sc-tile .sub.is-warn { background: rgba(245, 158, 11, .18); color: #fcd34d; }
:root:root[data-bs-theme="dark"] body .tiles .tile.sc-tile .sub.is-bad { background: rgba(239, 68, 68, .2); color: #fca5a5; }
@media (max-width: 575.98px) {
  :root:root body .tiles .tile.sc-tile { min-height: 150px; padding: 18px; }
  :root:root body .tiles .tile.sc-tile .stat { font-size: 36px; }
  :root:root body .tiles .tile.sc-tile .title { font-size: 14px; }
}
@media (min-width: 1200px) and (max-width: 1599.98px) {
  :root:root body .header .sc-navbar:has(#mainNavbar > ul.ml-auto) > .container { flex-wrap: nowrap; }
  :root:root body .header .sc-navbar:has(#mainNavbar > ul.ml-auto) #mainNavbar { flex: 1 1 0; min-width: 0; }
  :root:root body .header .sc-navbar:has(#mainNavbar > ul.ml-auto) #nav { flex: 0 1 auto; min-width: 0; flex-wrap: wrap; margin-left: 8px !important; margin-right: auto !important; }
  :root:root body .header .sc-navbar:has(#mainNavbar > ul.ml-auto) .sc-toolbar { flex: 0 0 auto; }
}
:root:root body .sc-save, :root:root body .sc-plan-flag, :root:root body .sc-vbadge, :root:root body .sc-plan-lve span, :root:root body .md-editor .small-font, :root:root body .md-editor .markdown-save { font-size: 12px; }
:root:root body .kyc-notice { --kyc-accent: var(--ui-primary); --kyc-tint: var(--ui-primary-soft); --kyc-edge: var(--ui-border); color: var(--ui-text); }
:root:root body aside.kyc-notice { margin: 16px 0 0; background: transparent; border: 0; }
:root:root body .kyc-notice--under-review { --kyc-accent: #a16207; --kyc-tint: #fffbeb; --kyc-edge: #fcd34d; }
:root:root body .kyc-notice--rejected { --kyc-accent: #b91c1c; --kyc-tint: #fef2f2; --kyc-edge: #fca5a5; }
:root:root[data-bs-theme="dark"] body .kyc-notice { --kyc-accent: #93c5fd; --kyc-tint: #172f51; --kyc-edge: #2b3b53; }
:root:root[data-bs-theme="dark"] body .kyc-notice--under-review { --kyc-accent: #fcd34d; --kyc-tint: #3a2e12; --kyc-edge: #6b5416; }
:root:root[data-bs-theme="dark"] body .kyc-notice--rejected { --kyc-accent: #fca5a5; --kyc-tint: #3a1d25; --kyc-edge: #7f2d3a; }
:root:root body aside.kyc-notice .kyc-notice__inner { display: flex; align-items: center; gap: 16px; padding: 16px 20px; background: var(--kyc-tint); border: 1px solid var(--kyc-edge); border-radius: var(--ui-radius-card); }
:root:root body .kyc-notice__icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 40px; width: 40px; height: 40px; border-radius: 10px; background: var(--ui-surface); color: var(--kyc-accent); border: 1px solid var(--kyc-edge); }
:root:root body .kyc-notice__icon .sc-icon { width: 22px; height: 22px; margin: 0; }
:root:root body .kyc-notice__body { flex: 1 1 auto; min-width: 0; }
:root:root body .kyc-notice__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-bottom: 4px; }
:root:root body .kyc-chip { display: inline-flex; align-items: center; min-height: 24px; padding: 2px 10px; border-radius: 999px; border: 1px solid var(--kyc-accent); background: var(--ui-surface); color: var(--ui-text); font-size: 12px; font-weight: 600; line-height: 1.4; }
:root:root body .kyc-step { font-size: 13px; font-weight: 500; color: var(--ui-text-secondary); }
:root:root body .kyc-progress { display: inline-flex; gap: 4px; }
:root:root body .kyc-progress__seg { width: 28px; height: 6px; border-radius: 3px; background: var(--ui-border-strong); }
:root:root body .kyc-progress__seg.is-done { background: var(--kyc-accent); }
:root:root body .kyc-progress__seg.is-current { background: var(--ui-surface); box-shadow: inset 0 0 0 2px var(--kyc-accent); }
:root:root body .kyc-notice__title { margin: 0; font-size: 16px; font-weight: 600; line-height: 1.4; color: var(--ui-text); }
:root:root body .kyc-notice__text, :root:root body .kyc-notice__reason { margin: 2px 0 0; font-size: 14px; line-height: 1.5; color: var(--ui-text-secondary); overflow-wrap: anywhere; }
:root:root body .kyc-notice__text .kyc-notice__reason { display: block; margin: 4px 0 0; font-weight: 600; color: var(--ui-text); }
:root:root body .kyc-notice__action { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 20px; white-space: nowrap; }
:root:root body .kyc-panel-body { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; padding: 4px 0; background: transparent; border: 0; }
:root:root body .kyc-panel-body .kyc-notice__meta { margin: 0; }
:root:root body .kyc-panel-body .kyc-notice__action { margin-top: 6px; }
:root:root body .kyc-panel-body .kyc-progress { display: flex; }
@media (max-width: 767.98px) {
  :root:root body aside.kyc-notice .kyc-notice__inner { flex-wrap: wrap; align-items: flex-start; gap: 12px; padding: 14px; }
  :root:root body .kyc-notice__icon { flex-basis: 36px; width: 36px; height: 36px; }
  :root:root body .kyc-notice__body { flex: 1 1 calc(100% - 52px); }
  :root:root body .kyc-notice__action { flex: 1 1 100%; width: 100%; }
}
:root:root body .kyc-panel-body > .kyc-notice__title, :root:root body .kyc-panel-body > .kyc-notice__text, :root:root body .kyc-panel-body > .kyc-notice__reason { margin: 0; padding: 0; }
:root:root body .kyc-panel-body > .kyc-notice__reason { font-weight: 600; color: var(--ui-text); }
:root:root body .kyc-panel-body > .kyc-notice__meta, :root:root body .kyc-panel-body > .kyc-progress { margin: 0; padding: 0; }
/* =====================================================================================================================
   PRABHU FINAL OVERRIDES (loaded last): where the generated client-area layer (40/90) still carries a Stable/Kohost default that
   differs from prabhuhost.com. Keep this file small and commented.
   ===================================================================================================================== */
/* inner-page band: brand navy to blue with the marketing orange edge line (as kohost / topbar / footer) */
body .sc-page-header, body .sc-page-header.bg-gradient, body .sc-page-header.py-5.bg-gradient { background: linear-gradient(135deg, #0b2a5b 0%, #0054aa 100%); box-shadow: inset 0 -3px 0 var(--ph-edge); }
/* footer review chips stay white in dark mode (as on the marketing site), so their text must not follow the flipped --ph-* tokens */
:root[data-bs-theme="dark"] .ph-rating b { color: #111827; }
:root[data-bs-theme="dark"] .ph-rating small { color: #646b79; }
/* pages that set $skipMainBodyContainer (404, error pages) put the .row straight into #main-body: Bootstrap's -15px margins then made the page 15px wider than the screen */
#main-body > div:not(.container) > .row { margin-left: 0; margin-right: 0; }
#main-body > div:not(.container) > .row > .primary-content { padding-left: 0; padding-right: 0; }
/* logged in, desktop: the client menu is centred between the logo and the account menu (the Stable block pinned it 8px after the logo) */
@media (min-width: 1200px) { :root:root:root body .header .sc-navbar:has(#mainNavbar > ul.ml-auto) #nav { margin-left: auto !important; margin-right: auto !important; } }
/* homepage: every section is included from header.tpl, so the (empty) #main-body must not add padding or the 50vh minimum height */
body.sc-page-homepage #main-body { min-height: 0 !important; padding: 0 !important; }
@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:300;font-display:swap;src:url("../prabhu/fonts/fa/fa-light-300.subset.woff2") format("woff2");unicode-range:U+F002,U+F005,U+F007,U+F009,U+F00A,U+F00B,U+F00C,U+F00D,U+F012,U+F013,U+F015,U+F017,U+F019,U+F01C,U+F021,U+F022,U+F023,U+F024,U+F02A,U+F02B,U+F02C,U+F02D,U+F02E,U+F02F,U+F032,U+F033,U+F03A,U+F03E,U+F040,U+F044,U+F053,U+F054,U+F055,U+F056,U+F057,U+F058,U+F059,U+F05A,U+F05E,U+F060,U+F061,U+F062,U+F063,U+F064,U+F066,U+F067,U+F068,U+F069,U+F06A,U+F06B,U+F06E,U+F070,U+F071,U+F073,U+F074,U+F075,U+F077,U+F078,U+F07A,U+F07B,U+F07C,U+F080,U+F084,U+F085,U+F086,U+F089,U+F08B,U+F08E,U+F090,U+F091,U+F093,U+F095,U+F09A,U+F09C,U+F09D,U+F09E,U+F0A0,U+F0A1,U+F0A3,U+F0A8,U+F0A9,U+F0AA,U+F0AC,U+F0AD,U+F0B1,U+F0C0,U+F0C1,U+F0C2,U+F0C5,U+F0C6,U+F0C7,U+F0C8,U+F0C9,U+F0CA,U+F0CB,U+F0D6,U+F0D7,U+F0D8,U+F0E0,U+F0E2,U+F0E3,U+F0E4,U+F0E7,U+F0E8,U+F0EB,U+F0EC,U+F0F3,U+F101,U+F105,U+F106,U+F107,U+F109,U+F10B,U+F10D,U+F110,U+F111,U+F120,U+F121,U+F128,U+F129,U+F12E,U+F132,U+F133,U+F135,U+F141,U+F142,U+F148,U+F15B,U+F15C,U+F164,U+F165,U+F178,U+F185,U+F186,U+F192,U+F19A,U+F19C,U+F1A0,U+F1AD,U+F1B2,U+F1B3,U+F1C0,U+F1C9,U+F1CD,U+F1CE,U+F1DA,U+F1DC,U+F1E6,U+F1EA,U+F1EC,U+F1F6,U+F1F8,U+F201,U+F20A,U+F217,U+F232,U+F233,U+F234,U+F274,U+F277,U+F290,U+F2B5,U+F2B6,U+F2B9,U+F2BB,U+F2BD,U+F2C2,U+F2D0,U+F2ED,U+F2F1,U+F2F5,U+F2F6,U+F2F7,U+F2F9,U+F303,U+F30D,U+F318,U+F31E,U+F35D,U+F362,U+F388,U+F3C5,U+F3D1,U+F3E5,U+F3ED,U+F3FD,U+F3FF,U+F4A6,U+F509,U+F518,U+F542,U+F543,U+F555,U+F570,U+F571,U+F57D,U+F590,U+F5AB,U+F5EC,U+F879,U+F890;}
@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:400;font-display:swap;src:url("../prabhu/fonts/fa/fa-regular-400.subset.woff2") format("woff2");unicode-range:U+F002,U+F005,U+F007,U+F009,U+F00A,U+F00B,U+F00C,U+F00D,U+F012,U+F013,U+F015,U+F017,U+F019,U+F01C,U+F021,U+F022,U+F023,U+F024,U+F02A,U+F02B,U+F02C,U+F02D,U+F02E,U+F02F,U+F032,U+F033,U+F03A,U+F03E,U+F040,U+F044,U+F053,U+F054,U+F055,U+F056,U+F057,U+F058,U+F059,U+F05A,U+F05E,U+F060,U+F061,U+F062,U+F063,U+F064,U+F066,U+F067,U+F068,U+F069,U+F06A,U+F06B,U+F06E,U+F070,U+F071,U+F073,U+F074,U+F075,U+F077,U+F078,U+F07A,U+F07B,U+F07C,U+F080,U+F084,U+F085,U+F086,U+F089,U+F08B,U+F08E,U+F090,U+F091,U+F093,U+F095,U+F09A,U+F09C,U+F09D,U+F09E,U+F0A0,U+F0A1,U+F0A3,U+F0A8,U+F0A9,U+F0AA,U+F0AC,U+F0AD,U+F0B1,U+F0C0,U+F0C1,U+F0C2,U+F0C5,U+F0C6,U+F0C7,U+F0C8,U+F0C9,U+F0CA,U+F0CB,U+F0D6,U+F0D7,U+F0D8,U+F0E0,U+F0E2,U+F0E3,U+F0E4,U+F0E7,U+F0E8,U+F0EB,U+F0EC,U+F0F3,U+F101,U+F105,U+F106,U+F107,U+F109,U+F10B,U+F10D,U+F110,U+F111,U+F120,U+F121,U+F128,U+F129,U+F12E,U+F132,U+F133,U+F135,U+F141,U+F142,U+F148,U+F15B,U+F15C,U+F164,U+F165,U+F178,U+F185,U+F186,U+F192,U+F19A,U+F19C,U+F1A0,U+F1AD,U+F1B2,U+F1B3,U+F1C0,U+F1C9,U+F1CD,U+F1CE,U+F1DA,U+F1DC,U+F1E6,U+F1EA,U+F1EC,U+F1F6,U+F1F8,U+F201,U+F20A,U+F217,U+F232,U+F233,U+F234,U+F274,U+F277,U+F290,U+F2B5,U+F2B6,U+F2B9,U+F2BB,U+F2BD,U+F2C2,U+F2D0,U+F2ED,U+F2F1,U+F2F5,U+F2F6,U+F2F7,U+F2F9,U+F303,U+F30D,U+F318,U+F31E,U+F35D,U+F362,U+F388,U+F3C5,U+F3D1,U+F3E5,U+F3ED,U+F3FD,U+F3FF,U+F4A6,U+F509,U+F518,U+F542,U+F543,U+F555,U+F570,U+F571,U+F57D,U+F590,U+F5AB,U+F5EC,U+F879,U+F890;}
@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:900;font-display:swap;src:url("../prabhu/fonts/fa/fa-solid-900.subset.woff2") format("woff2");unicode-range:U+F002,U+F005,U+F007,U+F009,U+F00A,U+F00B,U+F00C,U+F00D,U+F012,U+F013,U+F015,U+F017,U+F019,U+F01C,U+F021,U+F022,U+F023,U+F024,U+F02A,U+F02B,U+F02C,U+F02D,U+F02E,U+F02F,U+F032,U+F033,U+F03A,U+F03E,U+F040,U+F044,U+F053,U+F054,U+F055,U+F056,U+F057,U+F058,U+F059,U+F05A,U+F05E,U+F060,U+F061,U+F062,U+F063,U+F064,U+F066,U+F067,U+F068,U+F069,U+F06A,U+F06B,U+F06E,U+F070,U+F071,U+F073,U+F074,U+F075,U+F077,U+F078,U+F07A,U+F07B,U+F07C,U+F080,U+F084,U+F085,U+F086,U+F089,U+F08B,U+F08E,U+F090,U+F091,U+F093,U+F095,U+F09A,U+F09C,U+F09D,U+F09E,U+F0A0,U+F0A1,U+F0A3,U+F0A8,U+F0A9,U+F0AA,U+F0AC,U+F0AD,U+F0B1,U+F0C0,U+F0C1,U+F0C2,U+F0C5,U+F0C6,U+F0C7,U+F0C8,U+F0C9,U+F0CA,U+F0CB,U+F0D6,U+F0D7,U+F0D8,U+F0E0,U+F0E2,U+F0E3,U+F0E4,U+F0E7,U+F0E8,U+F0EB,U+F0EC,U+F0F3,U+F101,U+F105,U+F106,U+F107,U+F109,U+F10B,U+F10D,U+F110,U+F111,U+F120,U+F121,U+F128,U+F129,U+F12E,U+F132,U+F133,U+F135,U+F141,U+F142,U+F148,U+F15B,U+F15C,U+F164,U+F165,U+F178,U+F185,U+F186,U+F192,U+F19A,U+F19C,U+F1A0,U+F1AD,U+F1B2,U+F1B3,U+F1C0,U+F1C9,U+F1CD,U+F1CE,U+F1DA,U+F1DC,U+F1E6,U+F1EA,U+F1EC,U+F1F6,U+F1F8,U+F201,U+F20A,U+F217,U+F232,U+F233,U+F234,U+F274,U+F277,U+F290,U+F2B5,U+F2B6,U+F2B9,U+F2BB,U+F2BD,U+F2C2,U+F2D0,U+F2ED,U+F2F1,U+F2F5,U+F2F6,U+F2F7,U+F2F9,U+F303,U+F30D,U+F318,U+F31E,U+F35D,U+F362,U+F388,U+F3C5,U+F3D1,U+F3E5,U+F3ED,U+F3FD,U+F3FF,U+F4A6,U+F509,U+F518,U+F542,U+F543,U+F555,U+F570,U+F571,U+F57D,U+F590,U+F5AB,U+F5EC,U+F879,U+F890;}
@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;font-display:swap;src:url("../prabhu/fonts/fa/fa-brands-400.subset.woff2") format("woff2");unicode-range:U+F002,U+F005,U+F007,U+F009,U+F00A,U+F00B,U+F00C,U+F00D,U+F012,U+F013,U+F015,U+F017,U+F019,U+F01C,U+F021,U+F022,U+F023,U+F024,U+F02A,U+F02B,U+F02C,U+F02D,U+F02E,U+F02F,U+F032,U+F033,U+F03A,U+F03E,U+F040,U+F044,U+F053,U+F054,U+F055,U+F056,U+F057,U+F058,U+F059,U+F05A,U+F05E,U+F060,U+F061,U+F062,U+F063,U+F064,U+F066,U+F067,U+F068,U+F069,U+F06A,U+F06B,U+F06E,U+F070,U+F071,U+F073,U+F074,U+F075,U+F077,U+F078,U+F07A,U+F07B,U+F07C,U+F080,U+F084,U+F085,U+F086,U+F089,U+F08B,U+F08E,U+F090,U+F091,U+F093,U+F095,U+F09A,U+F09C,U+F09D,U+F09E,U+F0A0,U+F0A1,U+F0A3,U+F0A8,U+F0A9,U+F0AA,U+F0AC,U+F0AD,U+F0B1,U+F0C0,U+F0C1,U+F0C2,U+F0C5,U+F0C6,U+F0C7,U+F0C8,U+F0C9,U+F0CA,U+F0CB,U+F0D6,U+F0D7,U+F0D8,U+F0E0,U+F0E2,U+F0E3,U+F0E4,U+F0E7,U+F0E8,U+F0EB,U+F0EC,U+F0F3,U+F101,U+F105,U+F106,U+F107,U+F109,U+F10B,U+F10D,U+F110,U+F111,U+F120,U+F121,U+F128,U+F129,U+F12E,U+F132,U+F133,U+F135,U+F141,U+F142,U+F148,U+F15B,U+F15C,U+F164,U+F165,U+F178,U+F185,U+F186,U+F192,U+F19A,U+F19C,U+F1A0,U+F1AD,U+F1B2,U+F1B3,U+F1C0,U+F1C9,U+F1CD,U+F1CE,U+F1DA,U+F1DC,U+F1E6,U+F1EA,U+F1EC,U+F1F6,U+F1F8,U+F201,U+F20A,U+F217,U+F232,U+F233,U+F234,U+F274,U+F277,U+F290,U+F2B5,U+F2B6,U+F2B9,U+F2BB,U+F2BD,U+F2C2,U+F2D0,U+F2ED,U+F2F1,U+F2F5,U+F2F6,U+F2F7,U+F2F9,U+F303,U+F30D,U+F318,U+F31E,U+F35D,U+F362,U+F388,U+F3C5,U+F3D1,U+F3E5,U+F3ED,U+F3FD,U+F3FF,U+F4A6,U+F509,U+F518,U+F542,U+F543,U+F555,U+F570,U+F571,U+F57D,U+F590,U+F5AB,U+F5EC,U+F879,U+F890;}
@font-face{font-family:"Font Awesome 5 Duotone";font-style:normal;font-weight:900;font-display:swap;src:url("../prabhu/fonts/fa/fa-duotone-900.subset.woff2") format("woff2");unicode-range:U+F002,U+F005,U+F007,U+F009,U+F00A,U+F00B,U+F00C,U+F00D,U+F012,U+F013,U+F015,U+F017,U+F019,U+F01C,U+F021,U+F022,U+F023,U+F024,U+F02A,U+F02B,U+F02C,U+F02D,U+F02E,U+F02F,U+F032,U+F033,U+F03A,U+F03E,U+F040,U+F044,U+F053,U+F054,U+F055,U+F056,U+F057,U+F058,U+F059,U+F05A,U+F05E,U+F060,U+F061,U+F062,U+F063,U+F064,U+F066,U+F067,U+F068,U+F069,U+F06A,U+F06B,U+F06E,U+F070,U+F071,U+F073,U+F074,U+F075,U+F077,U+F078,U+F07A,U+F07B,U+F07C,U+F080,U+F084,U+F085,U+F086,U+F089,U+F08B,U+F08E,U+F090,U+F091,U+F093,U+F095,U+F09A,U+F09C,U+F09D,U+F09E,U+F0A0,U+F0A1,U+F0A3,U+F0A8,U+F0A9,U+F0AA,U+F0AC,U+F0AD,U+F0B1,U+F0C0,U+F0C1,U+F0C2,U+F0C5,U+F0C6,U+F0C7,U+F0C8,U+F0C9,U+F0CA,U+F0CB,U+F0D6,U+F0D7,U+F0D8,U+F0E0,U+F0E2,U+F0E3,U+F0E4,U+F0E7,U+F0E8,U+F0EB,U+F0EC,U+F0F3,U+F101,U+F105,U+F106,U+F107,U+F109,U+F10B,U+F10D,U+F110,U+F111,U+F120,U+F121,U+F128,U+F129,U+F12E,U+F132,U+F133,U+F135,U+F141,U+F142,U+F148,U+F15B,U+F15C,U+F164,U+F165,U+F178,U+F185,U+F186,U+F192,U+F19A,U+F19C,U+F1A0,U+F1AD,U+F1B2,U+F1B3,U+F1C0,U+F1C9,U+F1CD,U+F1CE,U+F1DA,U+F1DC,U+F1E6,U+F1EA,U+F1EC,U+F1F6,U+F1F8,U+F201,U+F20A,U+F217,U+F232,U+F233,U+F234,U+F274,U+F277,U+F290,U+F2B5,U+F2B6,U+F2B9,U+F2BB,U+F2BD,U+F2C2,U+F2D0,U+F2ED,U+F2F1,U+F2F5,U+F2F6,U+F2F7,U+F2F9,U+F303,U+F30D,U+F318,U+F31E,U+F35D,U+F362,U+F388,U+F3C5,U+F3D1,U+F3E5,U+F3ED,U+F3FD,U+F3FF,U+F4A6,U+F509,U+F518,U+F542,U+F543,U+F555,U+F570,U+F571,U+F57D,U+F590,U+F5AB,U+F5EC,U+F879,U+F890,U+10F002,U+10F005,U+10F007,U+10F009,U+10F00A,U+10F00B,U+10F00C,U+10F00D,U+10F012,U+10F013,U+10F015,U+10F017,U+10F019,U+10F01C,U+10F021,U+10F022,U+10F023,U+10F024,U+10F02A,U+10F02B,U+10F02C,U+10F02D,U+10F02E,U+10F02F,U+10F032,U+10F033,U+10F03A,U+10F03E,U+10F040,U+10F044,U+10F053,U+10F054,U+10F055,U+10F056,U+10F057,U+10F058,U+10F059,U+10F05A,U+10F05E,U+10F060,U+10F061,U+10F062,U+10F063,U+10F064,U+10F066,U+10F067,U+10F068,U+10F069,U+10F06A,U+10F06B,U+10F06E,U+10F070,U+10F071,U+10F073,U+10F074,U+10F075,U+10F077,U+10F078,U+10F07A,U+10F07B,U+10F07C,U+10F080,U+10F084,U+10F085,U+10F086,U+10F089,U+10F08B,U+10F08E,U+10F090,U+10F091,U+10F093,U+10F095,U+10F09A,U+10F09C,U+10F09D,U+10F09E,U+10F0A0,U+10F0A1,U+10F0A3,U+10F0A8,U+10F0A9,U+10F0AA,U+10F0AC,U+10F0AD,U+10F0B1,U+10F0C0,U+10F0C1,U+10F0C2,U+10F0C5,U+10F0C6,U+10F0C7,U+10F0C8,U+10F0C9,U+10F0CA,U+10F0CB,U+10F0D6,U+10F0D7,U+10F0D8,U+10F0E0,U+10F0E2,U+10F0E3,U+10F0E4,U+10F0E7,U+10F0E8,U+10F0EB,U+10F0EC,U+10F0F3,U+10F101,U+10F105,U+10F106,U+10F107,U+10F109,U+10F10B,U+10F10D,U+10F110,U+10F111,U+10F120,U+10F121,U+10F128,U+10F129,U+10F12E,U+10F132,U+10F133,U+10F135,U+10F141,U+10F142,U+10F148,U+10F15B,U+10F15C,U+10F164,U+10F165,U+10F178,U+10F185,U+10F186,U+10F192,U+10F19A,U+10F19C,U+10F1A0,U+10F1AD,U+10F1B2,U+10F1B3,U+10F1C0,U+10F1C9,U+10F1CD,U+10F1CE,U+10F1DA,U+10F1DC,U+10F1E6,U+10F1EA,U+10F1EC,U+10F1F6,U+10F1F8,U+10F201,U+10F20A,U+10F217,U+10F232,U+10F233,U+10F234,U+10F274,U+10F277,U+10F290,U+10F2B5,U+10F2B6,U+10F2B9,U+10F2BB,U+10F2BD,U+10F2C2,U+10F2D0,U+10F2ED,U+10F2F1,U+10F2F5,U+10F2F6,U+10F2F7,U+10F2F9,U+10F303,U+10F30D,U+10F318,U+10F31E,U+10F35D,U+10F362,U+10F388,U+10F3C5,U+10F3D1,U+10F3E5,U+10F3ED,U+10F3FD,U+10F3FF,U+10F4A6,U+10F509,U+10F518,U+10F542,U+10F543,U+10F555,U+10F570,U+10F571,U+10F57D,U+10F590,U+10F5AB,U+10F5EC,U+10F879,U+10F890;}
/* =====================================================================================================================
   UX AUDIT FIXES (ui-ux-pro-max pass, 2026-11-07). Order follows the skill's priority: 1 accessibility, 2 touch, 5 layout, 6 type/colour.
   Found with tools audit (contrast, names, focus, 44px targets, headings, overflow) on every visitor/client/cart page in light, dark, 1440 and 390.
   ===================================================================================================================== */

/* ---- 1. Accessibility: text colours ---- */
/* text links: blue #1e7bc1 is 4.2:1 on the cream page and the tinted panels; this is 4.6:1+ on all of them (dark: light blue) */
:root { --ph-link: #0066cc; --ph-link-hover: #0054aa; }
:root[data-bs-theme="dark"] { --ph-link: #93c5fd; --ph-link-hover: #bfdbfe; }
a { color: var(--ph-link); }
a:hover { color: var(--ph-link-hover); }
.sc-store-kicker, .sc-specs-eyebrow, .sc-read-more { color: var(--ph-link); }
/* rating stars are graphics next to a numeric rating: 3:1 is the requirement, pale yellow was 1.5:1 */
.ph-stars, .ph-review-stars { color: #d97706; }   /* Trustpilot's white-on-green stars (.ph-tp-star) are left as they are */
/* Bootstrap's .text-muted is #6c757d (4.46:1 on the cream page) and !important */
.text-muted { color: var(--ph-muted) !important; }
:root[data-bs-theme="dark"] .text-muted { color: #94a3b8 !important; }
/* secondary badge: 4.46:1 -> 7:1 */
.badge.badge-secondary, a.badge.badge-secondary, html body #order-standard_cart#order-standard_cart a.badge.badge-secondary { background: #e8edf3; color: #1f2937; }
:root[data-bs-theme="dark"] .badge.badge-secondary, :root[data-bs-theme="dark"] a.badge.badge-secondary { background: #334155; color: #e2e8f0; }
/* white text on Bootstrap's yellow/cyan panel headers (quote page "Proposal": 1.6:1) */
.card-title.bg-warning.text-white, .bg-warning.text-white { color: #0b1b3a !important; }
.bg-info.text-white { color: #0b1b3a !important; }
/* footer language button in dark mode: grey on near-black was 2.4:1 */
:root[data-bs-theme="dark"] .ph-lang-btn, :root[data-bs-theme="dark"] .ph-footer-copy .btn { color: #e2e8f0; border-color: #475569; }
/* mass-payment total row: Nexus paints it #efefef, dark mode text is light */
:root[data-bs-theme="dark"] tr.masspay-total td { background: var(--sc-tint); color: var(--sc-ink); }

/* ---- 1. Accessibility: focus ---- */
.ph-theme-switch:focus-visible { outline: 2px solid var(--ph-blue) !important; outline-offset: 3px !important; border-radius: 999px; }
:root[data-bs-theme="dark"] .ph-theme-switch:focus-visible { outline-color: #93c5fd !important; }
/* the markdown editor draws its frame on .md-editor, the textarea inside never shows focus: ring the frame */
.md-editor.active, .md-editor:focus-within { border-color: var(--ph-blue) !important; box-shadow: 0 0 0 3px rgba(0, 102, 204, .25) !important; }   /* !important: the editor's own stylesheet loads after this one */
:root[data-bs-theme="dark"] .md-editor.active, :root[data-bs-theme="dark"] .md-editor:focus-within { border-color: #60a5fa !important; box-shadow: 0 0 0 3px rgba(96, 165, 250, .35) !important; }

/* ---- 6. Type: nothing under 12px ---- */
.ph-review-person small { font-size: 12px; }
small, .small { font-size: max(.8em, 12px); }
@media (max-width: 575.98px) { .invoice-container table th, .invoice-container table td { font-size: 12px; } }

/* ---- 2. Touch: 44px targets on phones/tablets (links in running text are exempt) ---- */
@media (max-width: 767.98px), (pointer: coarse) {
  .ph-footer-links li { margin-bottom: 0; }
  .ph-footer-links a { display: flex; align-items: center; min-height: 44px; }
  .ph-contact-row { min-height: 44px; }
  .ph-brand { display: flex; align-items: center; min-height: 44px; }
  .ph-lang-btn { min-height: 44px; }
  .verification-banner .btn, #btnResendVerificationEmail, #btnEmailVerificationClose { min-height: 44px; min-width: 44px; }
  .page-link { min-width: 44px !important; min-height: 44px !important; display: inline-flex; align-items: center; justify-content: center; }
  .btn { min-height: 44px; }
  .nav-tabs .nav-link, .nav-pills .nav-link { min-height: 44px; display: flex; align-items: center; }
  .sc-dash-banner-cta, .sc-service-menu-toggle, .btn-group-sm > .btn { min-height: 44px !important; min-width: 44px !important; }
  .sc-page-action, a.btn-xs, .btn-xs, .btn-group-sm > .btn, .btn-group-sm > .dropdown-toggle, .sc-service-menu-toggle { min-height: 44px; min-width: 44px; }
  .ph-transfer-link { display: inline-flex; align-items: center; min-height: 44px; }
  .ph-review-card a, .ph-review-stage a { display: inline-flex; align-items: center; min-height: 44px; }
  .sc-read-more { display: inline-flex; align-items: center; min-height: 44px; }
  .ph-login-logo { display: inline-flex; align-items: center; min-height: 44px; }
  .md-control-fullscreen { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; }
  /* breadcrumb trail: keep the one-line band, enlarge only the hit area */
  .sc-breadcrumb a, .breadcrumb a { display: inline-block; padding: 12px 4px; margin: -12px -4px; }
}
/* carousel dots are 8px visual marks: the clickable area is 44px high around them */
button[aria-label^="Show plan"], button[aria-label^="Show review"], button[aria-label^="Go to"] { position: relative; }
button[aria-label^="Show plan"]::after, button[aria-label^="Show review"]::after, button[aria-label^="Go to"]::after { content: ""; position: absolute; inset: -18px -8px; }

/* ---- 1. Accessibility: ticket conversation and editor (stock Nexus greys: #888 on #f6f6f6 = 3.3:1) ---- */
.view-ticket .posted-by, .view-ticket .posted-by *, .view-ticket .posted-on, .view-ticket .posted-by-name, .view-ticket small, .view-ticket .limit-near { color: #4b5563; }
.view-ticket .posted-by { background: var(--sc-tint); }
:root[data-bs-theme="dark"] .view-ticket .posted-by, :root[data-bs-theme="dark"] .view-ticket .posted-by * { color: #cbd5e1; background: #172033; }
.markdown-save, .markdown-editor-status, .small-font, .md-footer { color: #4b5563; }
:root[data-bs-theme="dark"] .markdown-save, :root[data-bs-theme="dark"] .small-font { color: #94a3b8; }
/* requestor badges (Owner, Operator...): WHMCS prints pale inline colours; the role is also written as text, so one readable palette (white on these is 5.9:1 or better) */
.label.requestor-badge { background-color: #475569 !important; color: #fff; font-weight: 700; }
.label.requestor-type-owner { background-color: #166534 !important; }
.label.requestor-type-operator { background-color: #0b2a5b !important; }
/* invoice billing-support card: labels are 12px, not 11px */
.ph-inv-aside small { font-size: 12px; }
/* phones: invoice transactions header, 12px floor */
@media (max-width: 575.98px) { .invoice-container .transactions-container .table thead td { font-size: 12px !important; letter-spacing: 0 !important; } }

/* ---- 2. Touch: second pass (rules that out-ranked the first pass) ---- */
@media (max-width: 767.98px), (pointer: coarse) {
  .btn, .btn-sm, .btn-xs, .btn-group > .btn-sm { min-height: 44px !important; }
  .btn-sm, .btn-xs, .btn-group > .btn-sm { min-width: 44px; }
  .ph-footer-about > a.d-inline-block, .ph-footer-logo { min-height: 44px; display: inline-flex; align-items: center; }
  .auth-footer a, .ph-login-note a, p a[href*="clientarea.php"], p a[href*="register.php"], .ph-login a[href*="password"] { display: inline-flex; align-items: center; min-height: 44px; padding-inline: 4px; }
  .sc-page-header .sc-breadcrumb .breadcrumb-item a, .breadcrumb-item a { display: inline-block; padding: 12px 4px; margin: -12px -4px; }
}

/* dark: red buttons are light red (#f87171); white text on it was 2.8:1, dark red text is 7:1 */
:root[data-bs-theme="dark"] .btn-danger, :root[data-bs-theme="dark"] a.btn-danger { color: #450a0a; }
:root[data-bs-theme="dark"] .btn-danger:hover, :root[data-bs-theme="dark"] .btn-danger:focus { color: #450a0a; background-color: #fca5a5; }
@media (max-width: 767.98px), (pointer: coarse) {
  .btn-sm, .btn-xs, .btn-group > .btn-sm, .btn-group > .btn { min-width: 44px !important; }
  .sc-page-header .sc-breadcrumb .breadcrumb-item a, .breadcrumb-item a { padding: 13px 4px; margin: -13px -4px; }
  .sc-addons-note a { display: inline-flex; align-items: center; min-height: 44px; }
}

@media (max-width: 767.98px), (pointer: coarse) {
  #btnEmailVerificationClose, .sc-service-menu-toggle, .btn-group > .btn.btn-sm.dropdown-toggle { width: 44px !important; min-width: 44px !important; }
}

/* small grey meta text in the dashboard ticket list and cPanel usage block: 3-3.5:1 -> 7:1 */
.recent-ticket small, .sidebar .recent-ticket small, .limit-near { color: #4b5563 !important; }
:root[data-bs-theme="dark"] .recent-ticket small, :root[data-bs-theme="dark"] .limit-near { color: #94a3b8 !important; }
/* dashboard ticket list: "Last Updated" meta was #888 (3.5:1) */
.list-group-item small, .list-group-item .small { color: var(--ph-muted); }
:root[data-bs-theme="dark"] .list-group-item small, :root[data-bs-theme="dark"] .list-group-item .small { color: #94a3b8; }

/* =====================================================================================================================
   VISUAL PASS (390 / 1440, light + dark): layout and consistency findings the scripts cannot see
   ===================================================================================================================== */
/* band: the domain under "Web Hosting - Trial" was set in a monospace stack; the site font reads better and matches the title */
.sc-band-domain { font-family: var(--sc-font); font-size: 15px; letter-spacing: 0; }

/* ticket rating: WHMCS asks for "Font Awesome 6 Pro" (9.0), 8.13 ships 5 Pro, so the stars were empty squares; inactive #999 and active #F2DE88 were both under 3:1 */
.ticket-reply .rating span.star, .ticket-reply .rating-done span.star { font-family: "Font Awesome 5 Pro"; font-weight: 900; }
.ticket-reply .rating span.star:before, .ticket-reply .rating-done span.star:before { color: #8792a2; }
.ticket-reply .rating span.star:hover:before, .ticket-reply .rating span.star:hover ~ span.star:before, .ticket-reply .rating-done span.star.active:before { color: #d97706; }
:root[data-bs-theme="dark"] .ticket-reply .rating span.star:before, :root[data-bs-theme="dark"] .ticket-reply .rating-done span.star:before { color: #64748b; }
:root[data-bs-theme="dark"] .ticket-reply .rating span.star:hover:before, :root[data-bs-theme="dark"] .ticket-reply .rating span.star:hover ~ span.star:before, :root[data-bs-theme="dark"] .ticket-reply .rating-done span.star.active:before { color: #fbbf24; }

/* domain details "Overview": label / value pairs were 18px bold labels over 14px values with no rhythm */
body.sc-page-clientareadomaindetails .card-body .row.mb-3 { margin-bottom: 0 !important; }
body.sc-page-clientareadomaindetails .card-body .row.mb-3 > [class*="col-"] { padding-top: 14px; padding-bottom: 14px; border-bottom: 1px solid var(--sc-line); }
body.sc-page-clientareadomaindetails .card-body .row.mb-3 > [class*="col-"] > h5 { margin: 0 0 4px; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--ph-muted); }
body.sc-page-clientareadomaindetails .card-body .row.mb-3 > [class*="col-"] > :not(h5) { font-size: 16px; font-weight: 600; color: var(--sc-ink); overflow-wrap: anywhere; }
body.sc-page-clientareadomaindetails .card-body .row.mb-3 > [class*="col-"] > a { color: var(--ph-link); }
:root[data-bs-theme="dark"] body.sc-page-clientareadomaindetails .card-body .row.mb-3 > [class*="col-"] > h5 { color: #94a3b8; }

/* User Management table: on phones it squeezed the e-mail into 40px columns ("test.clie / nt@exa / mple.te / st") */
@media (max-width: 575.98px) {
  table.table:has(.btn-manage-permissions), table.table:has(.btn-manage-permissions) tbody, table.table:has(.btn-manage-permissions) tr, table.table:has(.btn-manage-permissions) td { display: block; width: 100%; }
  table.table:has(.btn-manage-permissions) thead, table.table:has(.btn-manage-permissions) tr:has(> th) { display: none; }   /* the header row sits in the tbody (no <thead> in the template) */
  table.table:has(.btn-manage-permissions) tr { padding: 14px 0; border-bottom: 1px solid var(--sc-line); background: transparent !important; }
  table.table:has(.btn-manage-permissions) td { padding: 4px 0 !important; border: 0 !important; overflow-wrap: anywhere; }
  table.table:has(.btn-manage-permissions) td:last-child { display: flex; flex-wrap: wrap; gap: 8px; padding-top: 10px !important; }
}

/* contact form: stacked columns sat 8px apart while the other fields had 16px */
@media (max-width: 767.98px) {
  body.sc-page-contact form .row > [class*="col-"], body.sc-page-supportticketsubmit-steptwo form .row > [class*="col-"] { margin-bottom: 16px; }
  body.sc-page-contact form .row > [class*="col-"] > .form-group { margin-bottom: 0; }
}
/* long placeholders ("Enter a question here to search our knowledgebase...") were cut mid-word on phones */
.form-control::placeholder { text-overflow: ellipsis; }
input.form-control { text-overflow: ellipsis; }

/* add-ons note: icon, text and link were three columns in 340px */
@media (max-width: 575.98px) { .sc-addons-note { flex-wrap: wrap; } .sc-addons-note p { flex: 1 1 calc(100% - 40px); } .sc-addons-note a { flex: 1 0 100%; margin-left: 30px; } }

/* ticket page: Reply / Close appear in the sidebar panel and again in the card heading; below 992px the sidebar panel is already on top */
@media (max-width: 991.98px) { .view-ticket .ticket-actions { display: none; } }

/* ticket information panel: label over value (the markup is <span.title><br>value) with one rhythm for all rows */
.ticket-details-children br { display: none; }
.ticket-details-children .title { display: block; margin-bottom: 2px; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--ph-muted); }
:root[data-bs-theme="dark"] .ticket-details-children .title { color: #94a3b8; }
/* CC recipient remove icon: a 44px target at the row's right edge */
.delete-cc-email { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; }
.ticket-cc-email { display: flex; align-items: center; justify-content: space-between; gap: 8px; }

/* ---- header menus: pointer path between a client menu item and its panel (16px gap) must not count as "left" ---- */
@media (min-width: 1200px) {
  .ph-header #nav > li.dropdown > .dropdown-menu::before, .ph-header ul.ml-auto > li.dropdown > .dropdown-menu::before { content: ""; position: absolute; left: 0; right: 0; top: -20px; height: 20px; }
}

/* ---- header menus: flicker fixes ---- */
/* switching between mega panels or re-entering one that is still fading out must not replay the entrance (it dipped to transparent and back) */
.ph-mega-panel.show.no-anim { animation: none; }
/* a panel that is fading out must not catch the pointer */
.ph-mega-panel.is-closing { pointer-events: none; }
.header .dropdown-menu.no-anim { animation: none !important; }

/* ---- responsive: header row at 1200-1279px. Logo + six menu items + Register/Login/cart need about 1160px, the container is 1136px at 1200: the page scrolled sideways by 39px ---- */
@media (min-width: 1200px) and (max-width: 1279.98px) {
  .ph-mega-btn { padding: 8px 8px; font-size: 15px; }
  .ph-header .toolbar { gap: 4px; }
  .ph-btn-register { padding: 0 10px; }
  .ph-btn-login { padding: 0 14px; }
  .ph-header #nav > li > a, .ph-header .navbar-nav.ml-auto > li > a { padding-left: 8px !important; padding-right: 8px !important; font-size: 15px; }
}

/* ---- responsive: the open mobile/tablet menu scrolls inside the screen. Available height = viewport minus where the panel starts (header container bottom, set by prabhu.js);
   the 90 layer had a fixed "100vh - 100px", which overran the viewport from 992px where the topbar is visible ---- */
@media (max-width: 1199.98px) {
  .header .navbar-collapse { max-height: calc(100vh - var(--ph-menu-top, 100px)) !important; max-height: calc(100dvh - var(--ph-menu-top, 100px)) !important; overflow-y: auto; overscroll-behavior: contain; }
}

/* ---- responsive: client menu inside the mobile/tablet panel. The <li class="dropdown-item"> wrapper and its <a class="dropdown-item"> were both padded (60px rows, 15px text,
   uneven dividers) and the toggles used a triangle caret while the visitor accordion uses chevrons ---- */
@media (max-width: 1199.98px) {
  #mainNavbar #nav .dropdown-menu, #mainNavbar ul.ml-auto .dropdown-menu { padding: 0 0 8px; }
  #mainNavbar .dropdown-menu li.dropdown-item { padding: 0 !important; background: transparent; }
  #mainNavbar .dropdown-menu a.dropdown-item, #mainNavbar .dropdown-menu > a.dropdown-item { display: flex; align-items: center; min-height: 48px; padding: 0 12px 0 20px !important; font-size: 16px; font-weight: 500; white-space: normal; }
  #mainNavbar .dropdown-menu .dropdown-divider { margin: 4px 0 4px 20px; border-top-color: var(--sc-line); }
  #mainNavbar li.dropdown > a.dropdown-toggle { justify-content: space-between; }
  #mainNavbar li.dropdown > a.dropdown-toggle::after { content: ""; flex: none; width: 8px; height: 8px; margin: -3px 4px 0 12px; border: 0; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); transition: transform .2s ease; }
  #mainNavbar li.dropdown.show > a.dropdown-toggle::after { transform: rotate(225deg); margin-top: 3px; }
}
@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) { #mainNavbar li.dropdown > a.dropdown-toggle::after { transition: none; } }

/* =====================================================================================================================
   MARKETING ALIGNMENT (live www.prabhuhost.com measured 2026-11-07): header cream, hero action orange, h1 type, footer link style
   ===================================================================================================================== */
/* header: rgba(250,247,246,.98) on the marketing site (ours was white) */
html body header.ph-header { background: rgba(250, 247, 246, .98); }
:root[data-bs-theme="dark"] body header.ph-header { background: rgba(30, 41, 59, .98); }
/* the hero's main action is the orange gradient button, like "Search Domain" and "My Account" on the marketing site (text stays dark navy: white on #f97316 is only 2.8:1) */
body .ph-bento-search .ph-search-btn, body .ph-search-btn#btnDomainSearch { background: var(--gradient-orange); color: #0b1b3a; border-radius: 8px; font-weight: 600; box-shadow: 0 1px 2px rgba(249, 115, 22, .35); }
body .ph-bento-search .ph-search-btn:hover, body .ph-search-btn#btnDomainSearch:hover { background: var(--gradient-orange); color: #0b1b3a; filter: brightness(1.06); box-shadow: 0 8px 20px rgba(249, 115, 22, .3); }
body .ph-bento-search .ph-search-btn:focus-visible { outline: 2px solid #0b1b3a; outline-offset: 2px; }
/* hero heading: marketing is 54px / 800 / line-height 1 / letter-spacing -0.035em in #0f172a */
.ph-bento-copy h1 { color: #0f172a; font-size: clamp(34px, 3.75vw, 54px); line-height: 1.05; letter-spacing: -.035em; }
:root[data-bs-theme="dark"] .ph-bento-copy h1 { color: #f1f5f9; }
/* footer links: 14px / 600 / #1f2937 on the marketing site */
.ph-footer-links a { font-size: 14px; font-weight: 600; color: #1f2937; }
:root[data-bs-theme="dark"] .ph-footer-links a { color: #cbd5e1; }

/* ---- order form (any cart template): a very light radial glow behind the cart area that continues the header. It starts on the header's own cream (#faf7f6) so there is no seam,
   peach at the left and brand blue at the right like the marketing hero, and settles into the page colour after 420px (300px on phones) ---- */
body.ph-page-cart #main-body {
  background:
    radial-gradient(760px 360px at 8% 0, rgba(249, 115, 22, .075), transparent 70%),
    radial-gradient(700px 340px at 94% 0, rgba(0, 102, 204, .06), transparent 70%),
    linear-gradient(180deg, #faf7f6 0, #f9fafb 420px) no-repeat;
}
:root[data-bs-theme="dark"] body.ph-page-cart #main-body {
  background:
    radial-gradient(760px 360px at 8% 0, rgba(249, 115, 22, .07), transparent 70%),
    radial-gradient(700px 340px at 94% 0, rgba(59, 155, 255, .10), transparent 70%),
    linear-gradient(180deg, #101a2c 0, #0b1220 420px) no-repeat;
}
@media (max-width: 767.98px) {
  body.ph-page-cart #main-body {
    background:
      radial-gradient(420px 240px at 0 0, rgba(249, 115, 22, .075), transparent 70%),
      radial-gradient(380px 220px at 100% 0, rgba(0, 102, 204, .06), transparent 70%),
      linear-gradient(180deg, #faf7f6 0, #f9fafb 300px) no-repeat;
  }
  :root[data-bs-theme="dark"] body.ph-page-cart #main-body {
    background:
      radial-gradient(420px 240px at 0 0, rgba(249, 115, 22, .07), transparent 70%),
      radial-gradient(380px 220px at 100% 0, rgba(59, 155, 255, .10), transparent 70%),
      linear-gradient(180deg, #101a2c 0, #0b1220 300px) no-repeat;
  }
}

/* ---- mega panel at desktop widths: the panel is as wide as the header, but its content started 17px from the edge while the logo, the page and the toolbar sit on the 32px gutter
   (15px out of line at every width from 1200 to 1536+). Content now starts and ends on the same gutter as the header; the 4-column grid gap is a little tighter to pay for it ---- */
@media (min-width: 1200px) {
  .ph-mega-panel .ph-mega-inner { padding-left: 31px; padding-right: 31px; }
  /* four columns sized to their content and spread between the two gutters: equal columns made the longest description ("Start your web host journey with reseller hosting") wrap */
  .ph-mega-grid.ph-g4 { grid-template-columns: repeat(4, minmax(0, max-content)); justify-content: space-between; gap: 12px; }
  .ph-mega-grid.ph-g3 { gap: 20px; }
}

/* screen-reader text inside an icon element (<i class="far fa-x"><span class="sr-only">Label</span></i>) inherited the icon font: the subset has no letters, so the browser downloaded the
   full 149KB Font Awesome file just to draw invisible text */
.fa .sr-only, .fas .sr-only, .far .sr-only, .fal .sr-only, .fab .sr-only, .fad .sr-only, [class*=" fa-"] .sr-only, [class^="fa-"] .sr-only { font-family: var(--sc-font); font-weight: 400; font-style: normal; }

/* anchors and skip-link targets land below the sticky header (audit 2026-11-07) */
html { scroll-padding-top: 96px; }
@media (max-width: 1199.98px) { html { scroll-padding-top: 80px; } }

/* Login / register / password-reset side panels: gradient taken from the logo (blue #1878c8 + orange #f86828, sampled from
   prabhuhost-logo.svg). Blue carries the panel so white text keeps >= 4.5:1; the orange is a compact glow in the top-right corner, away from the copy.
   Login uses .sc-login-story, register and reset use .ph-login-panel. --sc-gradient-band is NOT changed (other bands use it). */
:root {
  --ph-auth-glow: radial-gradient(circle 360px at 100% 0%, rgba(248, 104, 40, .85) 0%, rgba(248, 104, 40, .38) 42%, rgba(248, 104, 40, 0) 100%);
  --ph-auth-grid: linear-gradient(135deg, rgba(255, 255, 255, .05) 1px, transparent 1px) 0 0 / 56px 56px;
  --ph-auth-gradient: var(--ph-auth-grid), var(--ph-auth-glow), linear-gradient(150deg, #08407f 0%, #0f63b0 52%, #1878c8 100%);
}
:root[data-bs-theme="dark"] {
  --ph-auth-glow: radial-gradient(circle 360px at 100% 0%, rgba(248, 104, 40, .6) 0%, rgba(248, 104, 40, .26) 42%, rgba(248, 104, 40, 0) 100%);
  --ph-auth-grid: linear-gradient(135deg, rgba(255, 255, 255, .04) 1px, transparent 1px) 0 0 / 56px 56px;
  --ph-auth-gradient: var(--ph-auth-grid), var(--ph-auth-glow), linear-gradient(150deg, #061c3b 0%, #0a3f7a 54%, #0f63b0 100%);
}
.ph-login-panel,
:root[data-bs-theme="dark"] .ph-login-panel,
.sc-login-split .sc-login-story,
:root[data-bs-theme="dark"] .sc-login-split .sc-login-story { background: var(--ph-auth-gradient); }
.ph-login-panel h2,
.ph-login-panel p,
.ph-login-panel-inner li span,
.sc-login-story-copy p { color: #fff; }
.ph-login-badge { background: linear-gradient(135deg, #1878c8 0%, #f86828 100%); }

/* Logo from the System "Logo URL" setting (.ph-logo-remote, see includes/prabhu/logo.tpl). The configured file is a GIF with an opaque near-white
   background (#f3fbfb-#fbfbfb, no transparency), which cannot be removed with CSS (mix-blend-mode: multiply only greys it on the cream header),
   so it just gets soft corners; in dark mode it sits on a white plate. A transparent PNG/SVG in Logo URL removes the box completely. */
.ph-logo-remote { width: auto; max-width: 70vw; object-fit: contain; border-radius: 6px; }
:root[data-bs-theme="dark"] .ph-logo-remote { padding: 4px 10px; border-radius: 8px; background: #fff; box-sizing: content-box; }

/* Social accounts configured in WHMCS that have no local SVG fall back to a Font Awesome glyph: same size and colour as the SVG icons. */
.ph-topbar-social a i { font-size: 16px; line-height: 1; color: #8c92a0; transition: color .2s ease; }
.ph-topbar-social a:hover i { color: var(--ph-orange, #f97316); }
:root[data-bs-theme="dark"] .ph-topbar-social a i { color: #b3bac6; }

/* The footer logo had only a height attribute before; with the width/height size hint it needs the CSS height the other logos already have,
   otherwise it renders at the hint's natural 320x67 (and is squeezed on phones). */
.ph-footer-logo.ph-logo-remote { height: 40px; width: auto; max-width: 100%; }
/* GENERATED by make-chrome-lock.py from 05-prabhu-tokens.css: do not edit. Pins the Prabhu tokens on the top strip, header and footer. */
.ph-topbar, header.ph-header, footer.ph-footer {
  --sc-font: "Manrope", system-ui, -apple-system, "Segoe UI", arial, sans-serif;
  --font-family-sans-serif: var(--sc-font);
  --font-family-monospace: var(--sc-font);
  --neutral-50: #f6f9fc;
  --neutral-100: #eef2f7;
  --neutral-200: #e3ebf6;
  --neutral-300: #cbd5e1;
  --neutral-400: #9ca3af;
  --neutral-500: #646b79;
  --neutral-600: #4b5563;
  --neutral-700: #374151;
  --neutral-800: #1f2937;
  --neutral-900: #111827;
  --neutral-950: #0b1220;
  --primary-50: #f0f7ff;
  --primary-100: #e0eefe;
  --primary-200: #bfdcfb;
  --primary-300: #8fc1f7;
  --primary-400: #4d9bf0;
  --primary-500: #1a80e6;
  --primary-600: #0066cc;
  --primary-700: #0054aa;
  --primary-800: #064476;
  --primary-900: #0b2f52;
  --primary-950: #071d33;
  --primary: var(--primary-600);
  --primary-lifted: var(--primary-700);
  --primary-accented: var(--primary-800);
  --success: #16a34a;
  --success-lifted: #15803d;
  --success-accented: #166534;
  --info: #0891b2;
  --notice: #f97316;
  --notice-lifted: #ea580c;
  --notice-accented: #c2410c;
  --text: var(--neutral-800);
  --text-accented: var(--neutral-700);
  --text-lifted: var(--neutral-600);
  --text-muted: var(--neutral-500);
  --border-muted: var(--neutral-200);
  --border: var(--neutral-200);
  --bg-muted: var(--sc-page);
  --bg-lifted: var(--neutral-100);
  --bg-inverted: var(--neutral-900);
  --rounding-sm: .5rem;
  --rounding-md: .75rem;
  --rounding-lg: 1.125rem;
  --letter-spacing: 0;
  --ph-blue: #0066cc;
  --ph-blue-dark: #0054aa;
  --ph-orange: #f97316;
  --ph-orange-dark: #ea580c;
  --ph-edge: #f36b23;
  --ph-navy: #0b2a5b;
  --ph-ink: #111827;
  --ph-text: #1f2937;
  --ph-text-2: #374151;
  --ph-text-3: #4b5563;
  --ph-muted: #646b79;
  --ph-border-strong: #cbd5e1;
  --ph-line: #e3ebf6;
  --ph-line-soft: #eef2f7;
  --ph-tint: #f6f9fc;
  --ph-page: #f9fafb;
  --sc-ink: #111827;
  --sc-body: #374151;
  --sc-muted: #646b79;
  --sc-blue: #0066cc;
  --sc-blue-dark: #0054aa;
  --sc-indigo: #0b2a5b;
  --sc-page: #f9fafb;
  --sc-card: #ffffff;
  --sc-line: #e3ebf6;
  --sc-line-indigo: #e3ebf6;
  --sc-tint: #f6f9fc;
  --sc-gradient-text: linear-gradient(to right, #0b2a5b, #0066cc);
  --sc-gradient-topbar: linear-gradient(90deg, #0b2a5b 0%, #0054aa 100%);
  --sc-gradient-band: linear-gradient(135deg, #0b2a5b 0%, #0054aa 100%);
  --sc-gradient-support: linear-gradient(135deg, #0b2a5b 0%, #0054aa 100%);
  --sc-bg-hero: radial-gradient(circle at 14% 18%, rgba(0, 102, 204, .14), transparent 26%), radial-gradient(circle at 86% 20%, rgba(249, 115, 22, .10), transparent 22%), linear-gradient(#faf7f4 0%, #faf7f4 100%);
  --sc-shadow-sm: 0 1px 3px rgba(23, 32, 51, .08);
  --sc-shadow-lg: 0 14px 35px rgba(23, 32, 51, .09), 0 2px 8px rgba(23, 32, 51, .05);
  --bg: var(--sc-card);
  --primary-dark: #0054aa;
  --primary-darker: #064476;
  --gradient-blue: linear-gradient(-81deg, #0054aa, #0066cc 50%, #0080ff);
  --gradient-orange: linear-gradient(81deg, #f97316, #fb923c 50%, #f88705);
  --accent: #f36b23;
  --cream: var(--ph-page);
  font-family: var(--sc-font);
}
:root[data-bs-theme="dark"] .ph-topbar, :root[data-bs-theme="dark"] header.ph-header, :root[data-bs-theme="dark"] footer.ph-footer {
  --sc-ink: #f8fafc;
  --sc-body: #cbd5e1;
  --sc-muted: #94a3b8;
  --sc-page: #0b1220;
  --sc-card: #111827;
  --sc-line: #334155;
  --sc-line-indigo: #334155;
  --sc-tint: #172033;
  --sc-gradient-text: linear-gradient(to right, #60a5fa, #93c5fd);
  --sc-bg-hero: radial-gradient(circle at 14% 18%, rgba(59, 155, 255, .10), transparent 26%), radial-gradient(circle at 86% 20%, rgba(249, 115, 22, .08), transparent 22%), linear-gradient(#0b1220 0%, #0b1220 100%);
  --sc-shadow-sm: none;
  --sc-shadow-lg: 0 20px 40px -12px rgba(0, 0, 0, .6);
  --sc-blue: #60a5fa;
  --sc-blue-dark: #93c5fd;
  --sc-indigo: #93c5fd;
  --primary: #3b9bff;
  --primary-lifted: #60a5fa;
  --primary-accented: #93c5fd;
  --text: var(--sc-ink);
  --text-accented: #e2e8f0;
  --text-lifted: #cbd5e1;
  --text-muted: #94a3b8;
  --border: #334155;
  --border-muted: #263247;
  --bg: var(--sc-card);
  --bg-muted: var(--sc-page);
  --bg-lifted: #172033;
  --bg-accented: #1e293b;
  --bg-inverted: #f8fafc;
  --ph-blue: #60a5fa;
  --ph-blue-dark: #93c5fd;
  --ph-orange: #fb923c;
  --ph-orange-dark: #fdba74;
  --ph-navy: #f8fafc;
  --ph-ink: #f8fafc;
  --ph-text: #f1f5f9;
  --ph-text-2: #e2e8f0;
  --ph-text-3: #cbd5e1;
  --ph-muted: #94a3b8;
  --ph-border-strong: #475569;
  --ph-line: #334155;
  --ph-line-soft: #263247;
  --ph-tint: #172033;
  --ph-page: #0b1220;
  --dark: #0b1220;
  --primary-dark: #2563eb;
  --primary-darker: #1d4ed8;
  --heading-color: #f8fafc;
  --body-color: #cbd5e1;
  --border-color: #334155;
}