/* ==========================================================================
   SMM DARKNIGHT - Bespoke Design System
   Hand-crafted for high-performance panels.
   ========================================================================== */

:root {
    /* Base Colors */
    --smm-surface-base: #020408;
    --smm-surface-raised: #080c14;
    --smm-surface-overlay: rgba(8, 12, 20, 0.85);
    --smm-surface-card: rgba(13, 19, 32, 0.6);
    --smm-surface-glass: rgba(13, 19, 32, 0.4);
    
    /* Brand Accents */
    --smm-accent-primary: #9333ea;
    --smm-accent-primary-glow: rgba(147, 51, 234, 0.3);
    --smm-accent-secondary: #0891b2;
    --smm-accent-secondary-glow: rgba(8, 145, 178, 0.3);
    --smm-accent-vibrant: #e11d48;
    
    /* Gradients */
    --smm-gradient-main: linear-gradient(135deg, #9333ea 0%, #0891b2 100%);
    --smm-gradient-surface: linear-gradient(to bottom, rgba(139, 92, 246, 0.03), transparent);
    
    /* Typography */
    --smm-font-display: 'Outfit', 'Inter', system-ui, sans-serif;
    --smm-font-body: 'Inter', system-ui, sans-serif;
    
    /* Status */
    --smm-success: #10b981;
    --smm-warning: #f59e0b;
    --smm-error: #ef4444;
    --smm-info: #3b82f6;
    
    /* Design Tokens */
    --smm-radius-sm: 8px;
    --smm-radius-md: 12px;
    --smm-radius-lg: 20px;
    --smm-border-dim: rgba(255, 255, 255, 0.06);
    --smm-border-light: rgba(147, 51, 234, 0.2);
    --smm-shadow-soft: 0 4px 20px -5px rgba(0, 0, 0, 0.5);
    --smm-shadow-neon: 0 0 30px rgba(147, 51, 234, 0.15);
}

/* Base Configuration */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    background-color: var(--smm-surface-base);
    background-image: 
        radial-gradient(circle at top left, rgba(147, 51, 234, 0.08), transparent 40%),
        radial-gradient(circle at bottom right, rgba(8, 145, 178, 0.08), transparent 40%);
    color: #fff;
    font-family: var(--smm-font-body);
    font-size: 14px;
    line-height: 1.6;
    min-height: 100vh;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, .panel-title {
    font-family: var(--smm-font-display);
    font-weight: 700;
    letter-spacing: -0.01em;
}

a {
    color: var(--smm-accent-secondary);
    text-decoration: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

a:hover {
    color: var(--smm-accent-primary);
}

/* Scrollbar Customization */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: var(--smm-surface-base);
}

::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--smm-accent-primary);
}

/* Preloader UI */
.smm-preloader {
    position: fixed;
    inset: 0;
    background: var(--smm-surface-base);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
}

.smm-preloader.fade-out {
    opacity: 0;
    visibility: hidden;
    transition: all 0.6s ease;
}

.smm-loader-mark {
    width: 50px;
    height: 50px;
    border: 2px solid var(--smm-border-dim);
    border-top-color: var(--smm-accent-primary);
    border-radius: 50%;
    animation: smm-spin 0.8s linear infinite;
}

@keyframes smm-spin {
    to { transform: rotate(360deg); }
}

/* Navigation Interface */
.smm-nav {
    position: fixed;
    top: 0;
    width: 100%;
    height: 80px;
    background: var(--smm-surface-overlay);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-bottom: 1px solid var(--smm-border-dim);
    z-index: 1000;
    transition: all 0.3s ease;
}

.smm-nav.compact {
    height: 64px;
    background: var(--smm-surface-base);
}

.smm-nav-container {
    max-width: 1400px;
    margin: 0 auto;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 30px;
    justify-content: space-between;
}

.smm-brand {
    display: flex;
    align-items: center;
    gap: 12px;
}

.smm-brand-logo {
    width: 42px;
    height: 42px;
    background: var(--smm-gradient-main);
    border-radius: var(--smm-radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 20px var(--smm-accent-primary-glow);
}

.smm-brand-text {
    display: flex;
    flex-direction: column;
}

.smm-brand-name {
    font-size: 18px;
    font-weight: 800;
    color: #fff;
    letter-spacing: 1px;
    line-height: 1;
}

.smm-brand-suffix {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: var(--smm-accent-secondary);
    font-weight: 700;
}

/* Menu Components */
.smm-menu {
    display: flex;
    list-style: none;
    gap: 10px;
}

.smm-menu-link {
    padding: 10px 18px;
    color: rgba(255, 255, 255, 0.7) !important;
    font-size: 14px;
    font-weight: 500;
    border-radius: var(--smm-radius-sm);
}

.smm-menu-link:hover, .smm-menu-item.active .smm-menu-link {
    color: #fff !important;
    background: rgba(255, 255, 255, 0.05);
}

/* User Dashboard Badge */
.smm-user-status {
    background: var(--smm-surface-raised);
    border: 1px solid var(--smm-border-dim);
    border-radius: 12px;
    padding: 5px 5px 5px 15px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.smm-balance-wrap {
    display: flex;
    flex-direction: column;
}

.smm-balance-label {
    font-size: 9px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.4);
    font-weight: 700;
    letter-spacing: 0.5px;
}

.smm-balance-value {
    font-weight: 700;
    font-size: 14px;
    color: #fff;
}

.smm-user-chip {
    width: 38px;
    height: 38px;
    background: var(--smm-gradient-main);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    color: #fff;
    cursor: pointer;
}

/* Card Architecture */
.smm-card {
    background: var(--smm-surface-card);
    border: 1px solid var(--smm-border-dim);
    border-radius: var(--smm-radius-lg);
    overflow: hidden;
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
}

.smm-card:hover {
    border-color: var(--smm-border-light);
    transform: translateY(-2px);
    box-shadow: var(--smm-shadow-soft);
}

.smm-card-header {
    padding: 20px 25px;
    background: rgba(255, 255, 255, 0.02);
    border-bottom: 1px solid var(--smm-border-dim);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.smm-card-body {
    padding: 25px;
}

/* Statistics Grid */
.smm-stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 25px;
    margin-bottom: 35px;
}

.smm-stat-box {
    padding: 25px;
    background: var(--smm-surface-raised);
    border: 1px solid var(--smm-border-dim);
    border-radius: var(--smm-radius-lg);
    display: flex;
    align-items: center;
    gap: 20px;
}

.smm-stat-ico {
    width: 54px;
    height: 54px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}

.smm-stat-ico.p { background: rgba(147, 51, 234, 0.1); color: #a855f7; }
.smm-stat-ico.c { background: rgba(8, 145, 178, 0.1); color: #06b6d4; }
.smm-stat-ico.v { background: rgba(225, 29, 72, 0.1); color: #f43f5e; }

.smm-stat-data {
    display: flex;
    flex-direction: column;
}

.smm-stat-num {
    font-size: 24px;
    font-weight: 800;
    color: #fff;
    line-height: 1.2;
}

.smm-stat-tit {
    font-size: 12px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.4);
    font-weight: 700;
    letter-spacing: 1px;
}

/* Form Styling - Boutique Controls */
.smm-field-wrap {
    margin-bottom: 20px;
}

.smm-label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.6);
    margin-bottom: 8px;
}

.smm-input {
    width: 100%;
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid var(--smm-border-dim);
    border-radius: var(--smm-radius-md);
    padding: 12px 16px;
    color: #fff;
    font-family: var(--smm-font-body);
    transition: all 0.2s ease;
    outline: none;
}

.smm-input:focus {
    border-color: var(--smm-accent-primary);
    background: rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 0 4px var(--smm-accent-primary-glow);
}

/* Action Buttons */
.smm-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px 28px;
    border-radius: var(--smm-radius-md);
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    border: none;
    white-space: nowrap;
}

.smm-btn-main {
    background: var(--smm-gradient-main);
    color: #fff;
    box-shadow: 0 4px 15px var(--smm-accent-primary-glow);
}

.smm-btn-main:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px var(--smm-accent-primary-glow);
}

/* Table Architecture */
.smm-table-overflow {
    overflow-x: auto;
    border-radius: var(--smm-radius-lg);
    border: 1px solid var(--smm-border-dim);
}

.smm-table {
    width: 100%;
    border-collapse: collapse;
}

.smm-table th {
    background: rgba(255, 255, 255, 0.02);
    padding: 16px 20px;
    font-size: 11px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.4);
    font-weight: 700;
    letter-spacing: 1px;
    text-align: left;
    border-bottom: 1px solid var(--smm-border-dim);
}

.smm-table td {
    padding: 15px 20px;
    font-size: 13.5px;
    color: rgba(255, 255, 255, 0.7);
    border-bottom: 1px solid var(--smm-border-dim);
}

.smm-table tr:last-child td {
    border-bottom: none;
}

.smm-table tr:hover td {
    background: rgba(255, 255, 255, 0.01);
}

/* Favorites Mechanism */
.smm-fav-toggle {
    cursor: pointer;
    color: rgba(255, 255, 255, 0.15);
    transition: all 0.2s ease;
}

.smm-fav-toggle:hover, .smm-fav-toggle.active {
    color: #fbbf24;
    transform: scale(1.1);
}

/* Bootstrap Integrations */
.alert {
    border-radius: var(--smm-radius-md) !important;
    border: 1px solid !important;
    background: rgba(0,0,0,0.2) !important;
    font-weight: 500 !important;
}

.alert-danger { border-color: rgba(239, 68, 68, 0.2) !important; color: #fca5a5 !important; }
.alert-success { border-color: rgba(16, 185, 129, 0.2) !important; color: #6ee7b7 !important; }

/* Responsive Adjustments */
@media (max-width: 991px) {
    .smm-menu { display: none; }
    .smm-nav-container { padding: 0 20px; }
}

@media (max-width: 767px) {
    .smm-stats-grid { grid-template-columns: 1fr; }
}

/* SMMTube 2026 design layer — appended after the Yeti base theme. */
:root {
  --smt-bg: #07111f;
  --smt-bg-2: #0b1728;
  --smt-surface: #0f1d30;
  --smt-surface-2: #14243a;
  --smt-border: rgba(166, 195, 230, .14);
  --smt-border-strong: rgba(166, 195, 230, .24);
  --smt-text: #f4f8fc;
  --smt-muted: #96a9bf;
  --smt-accent: #20a4ff;
  --smt-accent-2: #52c8ff;
  --smt-success: #42d69b;
  --smt-danger: #ff6577;
  --smt-warning: #ffbd59;
  --smt-shadow: 0 24px 80px rgba(0, 0, 0, .34), 0 4px 18px rgba(0, 0, 0, .22);
  --smt-radius-sm: 10px;
  --smt-radius: 16px;
  --smt-radius-lg: 24px;
  --smt-ease: cubic-bezier(.16, 1, .3, 1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.smt-body { margin: 0; background: var(--smt-bg); color: var(--smt-text); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 15px; line-height: 1.6; text-rendering: optimizeLegibility; }
body.smt-body::selection { background: rgba(32, 164, 255, .3); color: #fff; }
.smt-body a { color: inherit; }
.smt-body a:hover { text-decoration: none; }
.smt-body button, .smt-body a, .smt-body input, .smt-body select, .smt-body textarea { transition: color 150ms ease, background-color 150ms ease, border-color 150ms ease, box-shadow 150ms ease, transform 150ms var(--smt-ease), opacity 150ms ease; }
.smt-body button:active, .smt-body .btn:active { transform: scale(.97); }
.smt-body :focus-visible { outline: 2px solid var(--smt-accent-2); outline-offset: 3px; }
.smt-body img { max-width: 100%; }
.smt-body h1, .smt-body h2, .smt-body h3 { color: var(--smt-text); font-weight: 650; letter-spacing: -.025em; }
.smt-body p { color: var(--smt-muted); }
.smt-skip { position: fixed; top: 12px; left: 12px; z-index: 9999; padding: 10px 16px; border-radius: 10px; background: #fff; color: #07111f !important; transform: translateY(-140%); }
.smt-skip:focus { transform: translateY(0); }
.smt-brand { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; color: var(--smt-text) !important; font-size: 19px; letter-spacing: -.02em; }
.smt-brand img { display: block; max-width: 150px; max-height: 42px; object-fit: contain; }
.smt-brand-mark { display: inline-grid; width: 36px; height: 36px; place-items: center; border-radius: 11px; background: linear-gradient(145deg, var(--smt-accent-2), var(--smt-accent)); color: #02101c; font-weight: 800; box-shadow: 0 10px 30px rgba(32, 164, 255, .28); }
.smt-icon-btn { display: inline-grid; width: 44px; height: 44px; padding: 0; place-items: center; border: 1px solid var(--smt-border); border-radius: 13px; background: rgba(255,255,255,.035); color: var(--smt-text); }
.smt-icon-btn:hover { border-color: var(--smt-border-strong); background: rgba(255,255,255,.07); color: #fff; transform: translateY(-1px); }
.smt-body .btn { min-height: 44px; border-radius: 12px; border-width: 1px; font-weight: 650; letter-spacing: -.01em; box-shadow: none; }
.smt-body .btn-primary, .smt-body .btn-secondary { border-color: var(--smt-accent); background: var(--smt-accent); color: #03111d; }
.smt-body .btn-primary:hover, .smt-body .btn-secondary:hover { border-color: var(--smt-accent-2); background: var(--smt-accent-2); color: #03111d; box-shadow: 0 12px 34px rgba(32,164,255,.24); transform: translateY(-2px); }
.smt-body .btn-outline { border-color: var(--smt-border-strong); background: rgba(255,255,255,.035); color: var(--smt-text); }
.smt-body .btn-outline:hover { border-color: rgba(82,200,255,.5); background: rgba(32,164,255,.08); color: #fff; }
.smt-body .form-control { min-height: 44px; border: 1px solid var(--smt-border); border-radius: 11px; background: rgba(5, 15, 28, .7); color: var(--smt-text); box-shadow: none; }
.smt-body .form-control:focus { border-color: var(--smt-accent); box-shadow: 0 0 0 3px rgba(32,164,255,.14); background: rgba(5, 15, 28, .9); color: #fff; }
.smt-body .form-control::placeholder { color: #657a91; }
.smt-body .alert { display: flex; align-items: flex-start; gap: 10px; border: 1px solid; border-radius: 12px; }
.smt-body .alert-danger { border-color: rgba(255,101,119,.3); background: rgba(255,101,119,.09); color: #ffc4cb; }
.smt-body .alert-success { border-color: rgba(66,214,155,.3); background: rgba(66,214,155,.09); color: #b9f5dc; }

/* Public shell */
.smt-guest { min-height: 100vh; overflow-x: hidden; background: radial-gradient(circle at 78% 6%, rgba(32,164,255,.12), transparent 28%), var(--smt-bg); }
.smt-public-header { position: sticky; top: 0; z-index: 50; border-bottom: 1px solid var(--smt-border); background: rgba(7,17,31,.78); backdrop-filter: saturate(150%) blur(18px); }
.smt-public-nav { display: flex; min-height: 76px; align-items: center; justify-content: space-between; gap: 24px; }
.smt-public-links { display: flex; align-items: center; gap: 30px; }
.smt-public-links a, .smt-text-link { color: #b9c7d8; font-weight: 560; }
.smt-public-links a:hover, .smt-text-link:hover { color: #fff; }
.smt-public-actions { display: flex; align-items: center; gap: 12px; }
.smt-public-actions .smt-cta { padding-inline: 20px; }
.smt-language .dropdown-menu { min-width: 170px; padding: 8px; border: 1px solid var(--smt-border); border-radius: 12px; background: var(--smt-surface); box-shadow: var(--smt-shadow); }
.smt-language .dropdown-menu a { display: block; padding: 8px 10px; border-radius: 8px; color: var(--smt-muted); }
.smt-language .dropdown-menu a:hover { background: rgba(255,255,255,.05); color: #fff; }

/* Hero */
.smt-hero { position: relative; padding: 104px 0 88px; overflow: hidden; }
.smt-hero::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .32; background-image: linear-gradient(rgba(150,180,215,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(150,180,215,.06) 1px, transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(to bottom, #000, transparent 84%); }
.smt-hero::after { content: ""; position: absolute; width: 520px; height: 520px; top: -180px; right: -100px; border-radius: 50%; background: rgba(32,164,255,.08); filter: blur(1px); }
.smt-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,1.08fr) minmax(390px,.82fr); align-items: center; gap: 80px; }
.smt-eyebrow, .smt-card-kicker, .smt-section-label { color: var(--smt-accent-2); font-size: 12px; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }
.smt-eyebrow { display: inline-flex; align-items: center; gap: 10px; padding: 8px 12px; border: 1px solid rgba(82,200,255,.18); border-radius: 999px; background: rgba(32,164,255,.06); }
.smt-pulse { width: 7px; height: 7px; border-radius: 50%; background: var(--smt-success); box-shadow: 0 0 0 6px rgba(66,214,155,.11); }
.smt-hero h1 { max-width: 770px; margin: 25px 0 24px; font-size: clamp(42px,5.5vw,74px); line-height: 1.02; letter-spacing: -.055em; }
.smt-hero-lead { max-width: 650px; margin: 0; font-size: 18px; line-height: 1.75; }
.smt-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.smt-hero-actions .btn { display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding-inline: 24px; }
.smt-trust-row { display: flex; flex-wrap: wrap; gap: 22px; margin-top: 38px; color: #8197ae; font-size: 13px; }
.smt-trust-row span { display: inline-flex; align-items: center; gap: 8px; }
.smt-trust-row i { color: var(--smt-success); }
.smt-login-wrap { position: relative; isolation: isolate; }
.smt-login-card { position: relative; z-index: 3; padding: 34px; border: 1px solid var(--smt-border-strong); border-radius: var(--smt-radius-lg); background: linear-gradient(150deg, rgba(20,36,58,.98), rgba(10,23,40,.94)); box-shadow: var(--smt-shadow); }
.smt-login-card::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; background: linear-gradient(120deg, rgba(255,255,255,.055), transparent 35%); pointer-events: none; }
.smt-login-card h2 { margin: 7px 0 5px; font-size: 28px; }
.smt-login-card > p { margin: 0 0 25px; }
.smt-field { margin-bottom: 18px; }
.smt-field label { margin-bottom: 7px; color: #dce6f0; font-size: 13px; font-weight: 650; }
.smt-input-wrap { position: relative; }
.smt-input-wrap > i { position: absolute; z-index: 1; left: 15px; top: 50%; color: #71869d; transform: translateY(-50%); }
.smt-input-wrap .form-control { height: 50px; padding-left: 43px; }
.smt-form-row { display: flex; min-height: 44px; align-items: center; justify-content: space-between; gap: 16px; font-size: 13px; }
.smt-form-row a, .smt-signup-prompt a { color: var(--smt-accent-2); font-weight: 650; }
.smt-check { display: inline-flex; align-items: center; gap: 9px; color: var(--smt-muted); cursor: pointer; }
.smt-check input { width: 17px; height: 17px; accent-color: var(--smt-accent); }
.smt-submit { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 8px; }
.smt-signup-prompt { margin: 22px 0 0 !important; text-align: center; font-size: 13px; }
.smt-orbit { position: absolute; z-index: -1; border: 1px solid rgba(82,200,255,.17); border-radius: 50%; }
.smt-orbit-one { width: 430px; height: 430px; top: -60px; right: -75px; }
.smt-orbit-two { width: 320px; height: 320px; right: -20px; bottom: -65px; border-style: dashed; }
.smt-float-card { position: absolute; z-index: 4; display: flex; align-items: center; gap: 11px; padding: 12px 14px; border: 1px solid var(--smt-border-strong); border-radius: 14px; background: rgba(15,29,48,.92); box-shadow: 0 18px 42px rgba(0,0,0,.3); backdrop-filter: blur(12px); }
.smt-float-card > i { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 10px; background: rgba(32,164,255,.12); color: var(--smt-accent-2); }
.smt-float-card span { display: grid; line-height: 1.3; }
.smt-float-card strong { font-size: 12px; }
.smt-float-card small { color: var(--smt-muted); font-size: 10px; }
.smt-float-card-one { left: -55px; bottom: 55px; }
.smt-float-card-two { right: -55px; top: 65px; }

/* Marketing sections */
.smt-platforms { padding: 28px 0; border-block: 1px solid var(--smt-border); background: rgba(255,255,255,.015); }
.smt-platforms p { margin: 0 0 20px; text-align: center; font-size: 12px; font-weight: 650; letter-spacing: .09em; text-transform: uppercase; }
.smt-platform-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 15px 34px; color: #c3d0de; }
.smt-platform-row span { display: inline-flex; align-items: center; gap: 9px; font-weight: 600; }
.smt-platform-row i { color: #71869d; font-size: 18px; }
.smt-proof { padding: 104px 0; }
.smt-section-heading { display: grid; grid-template-columns: 1.25fr .75fr; align-items: end; gap: 50px; margin-bottom: 46px; }
.smt-section-heading h2 { max-width: 650px; margin: 10px 0 0; font-size: clamp(32px,4vw,52px); line-height: 1.08; }
.smt-section-heading > p { max-width: 430px; margin: 0; font-size: 17px; }
.smt-feature-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.smt-feature { position: relative; min-height: 280px; padding: 28px; overflow: hidden; border: 1px solid var(--smt-border); border-radius: var(--smt-radius); background: linear-gradient(145deg, rgba(20,36,58,.78), rgba(11,23,40,.72)); }
.smt-feature:hover { border-color: rgba(82,200,255,.28); transform: translateY(-3px); }
.smt-feature-wide { grid-column: span 2; }
.smt-feature > i { display: grid; width: 48px; height: 48px; place-items: center; border: 1px solid rgba(82,200,255,.18); border-radius: 14px; background: rgba(32,164,255,.08); color: var(--smt-accent-2); font-size: 19px; }
.smt-feature h3 { max-width: 390px; margin: 28px 0 10px; font-size: 22px; }
.smt-feature p { max-width: 480px; margin: 0; }
.smt-feature a { display: inline-flex; align-items: center; gap: 9px; margin-top: 24px; color: var(--smt-accent-2); font-weight: 650; }
.smt-feature-no { position: absolute; top: 25px; right: 28px; color: #526980; font-family: ui-monospace, monospace; font-size: 12px; }
.smt-feature-accent { background: var(--smt-accent); }
.smt-feature-accent > i { border-color: rgba(3,17,29,.15); background: rgba(3,17,29,.1); color: #03111d; }
.smt-feature-accent h3, .smt-feature-accent p, .smt-feature-accent a, .smt-feature-accent .smt-feature-no { color: #03111d; }
.smt-mini-dashboard { position: absolute; right: 28px; bottom: 28px; width: 210px; padding: 18px; border: 1px solid var(--smt-border); border-radius: 14px; background: rgba(5,15,28,.65); }
.smt-mini-dashboard span { display: block; width: 75%; height: 7px; margin-bottom: 10px; border-radius: 8px; background: #2a3d53; }
.smt-mini-dashboard span:nth-child(2) { width: 95%; }
.smt-mini-dashboard span:nth-child(3) { width: 58%; }
.smt-mini-dashboard b { display: block; height: 46px; margin-top: 15px; border-radius: 9px; background: linear-gradient(115deg, rgba(32,164,255,.18), rgba(82,200,255,.55)); clip-path: polygon(0 80%,18% 65%,35% 72%,56% 30%,72% 46%,100% 8%,100% 100%,0 100%); }
.smt-bottom-cta { padding: 22px 0 96px; }
.smt-bottom-cta-inner { display: flex; align-items: center; justify-content: space-between; gap: 50px; padding: 48px; border: 1px solid var(--smt-border-strong); border-radius: var(--smt-radius-lg); background: radial-gradient(circle at 85% 20%, rgba(32,164,255,.18), transparent 34%), var(--smt-surface); }
.smt-bottom-cta h2 { max-width: 680px; margin: 8px 0 0; font-size: clamp(28px,3.2vw,44px); }
.smt-bottom-actions { display: flex; flex-shrink: 0; align-items: center; gap: 20px; }
.smt-bottom-actions > a:last-child { color: #c9d7e6; font-weight: 650; white-space: nowrap; }
.smt-footer { border-top: 1px solid var(--smt-border); }
.smt-footer-inner { display: grid; grid-template-columns: auto 1fr auto; min-height: 112px; align-items: center; gap: 28px; }
.smt-footer nav { display: flex; justify-content: center; gap: 24px; color: var(--smt-muted); }
.smt-footer p { margin: 0; font-size: 12px; }

/* Authenticated shell and broad Perfect Panel compatibility */
.smt-auth { background: #081321; }
.smt-shell { min-height: 100vh; background: radial-gradient(circle at 88% 0, rgba(32,164,255,.07), transparent 28%), #081321; }
.smt-sidebar { position: fixed; z-index: 80; width: 260px; border-right: 1px solid var(--smt-border); background: rgba(7,17,31,.98); box-shadow: none; }
.smt-sidebar-head { padding: 24px 18px 14px; background: transparent; }
.smt-sidebar .sh-bg, .smt-sidebar .logo-sm { display: none; }
.smt-sidebar .app-logo { margin-bottom: 22px; }
.smt-user-card { display: grid; grid-template-columns: 40px 1fr; gap: 11px; padding: 13px; border: 1px solid var(--smt-border); border-radius: 14px; background: rgba(255,255,255,.025); }
.smt-avatar { display: grid; width: 40px; height: 40px; grid-row: span 2; place-items: center; border-radius: 12px; background: rgba(32,164,255,.12); color: var(--smt-accent-2); font-weight: 750; }
.smt-user-meta { display: grid; min-width: 0; line-height: 1.25; }
.smt-user-meta strong { overflow: hidden; color: var(--smt-text); text-overflow: ellipsis; }
.smt-user-meta small { color: var(--smt-muted); }
.smt-balance { display: inline-flex; align-items: center; justify-content: space-between; gap: 8px; grid-column: 1/-1; min-height: 36px; margin-top: 4px; padding: 7px 10px; border-radius: 10px; background: rgba(32,164,255,.09); color: var(--smt-accent-2) !important; font-size: 12px; font-weight: 700; }
.smt-menu { padding: 10px 12px 24px; }
.smt-menu li { margin: 3px 0; }
.smt-menu li > a { display: flex; min-height: 46px; align-items: center; gap: 12px; padding: 9px 12px; border-radius: 11px; color: #8fa4ba; font-weight: 560; }
.smt-menu li > a:hover { background: rgba(255,255,255,.04); color: #fff; }
.smt-menu li.active > a { background: rgba(32,164,255,.11); color: #edf8ff; }
.smt-menu-icon { display: grid; width: 28px; place-items: center; color: #6f89a3; }
.smt-menu li.active .smt-menu-icon { color: var(--smt-accent-2); }
.smt-sidebar-close { position: absolute; top: 17px; right: -17px; display: none; width: 34px; height: 34px; border: 1px solid var(--smt-border); border-radius: 50%; background: var(--smt-surface); color: #fff; }
.smt-app-header { position: fixed; z-index: 60; top: 0; right: 0; left: 260px; display: flex; height: 72px; align-items: center; gap: 16px; padding: 0 24px; border-bottom: 1px solid var(--smt-border); background: rgba(8,19,33,.82); backdrop-filter: saturate(150%) blur(18px); }
.smt-status { display: inline-flex; align-items: center; gap: 9px; margin-right: auto; color: var(--smt-muted); font-size: 12px; }
.smt-status span { width: 7px; height: 7px; border-radius: 50%; background: var(--smt-success); box-shadow: 0 0 0 5px rgba(66,214,155,.09); }
.smt-header-actions { display: flex; align-items: center; gap: 8px; }
.smt-balance-mobile { display: none; min-height: 40px; margin: 0; }
.smt-mobile-brand { display: none; align-items: center; gap: 9px; }
.smt-mobile-brand .smt-brand-mark { width: 32px; height: 32px; border-radius: 10px; }
.smt-main { min-height: 100vh; margin-left: 260px; padding-top: 72px; color: var(--smt-text); }
.smt-main .app-content, .smt-main .page-content, .smt-main > .container, .smt-main > .container-fluid { padding-top: 32px; padding-bottom: 48px; }
.smt-auth .card, .smt-auth .panel, .smt-auth .well, .smt-auth .modal-content { border: 1px solid var(--smt-border); border-radius: var(--smt-radius); background: var(--smt-surface); color: var(--smt-text); box-shadow: 0 10px 34px rgba(0,0,0,.15); }
.smt-auth .card-header, .smt-auth .panel-heading, .smt-auth .modal-header { border-bottom: 1px solid var(--smt-border); background: transparent; color: var(--smt-text); }
.smt-auth .table { color: #c8d5e3; }
.smt-auth .table > thead > tr > th { border-bottom: 1px solid var(--smt-border-strong); color: #7f95ab; font-size: 11px; letter-spacing: .06em; text-transform: uppercase; }
.smt-auth .table > tbody > tr > td { border-top: 1px solid var(--smt-border); vertical-align: middle; }
.smt-auth .table > tbody > tr:hover { background: rgba(255,255,255,.018); }
.smt-auth select.form-control { appearance: auto; }
.smt-auth label { color: #cbd7e4; font-weight: 600; }
.smt-auth .nav-tabs { border-bottom-color: var(--smt-border); }
.smt-auth .nav-tabs > li > a { border: 0; border-bottom: 2px solid transparent; color: var(--smt-muted); }
.smt-auth .nav-tabs > li.active > a, .smt-auth .nav-tabs > li > a:hover { border: 0; border-bottom: 2px solid var(--smt-accent); background: transparent; color: #fff; }
.smt-auth .pagination > li > a, .smt-auth .pagination > li > span { border-color: var(--smt-border); background: var(--smt-surface); color: var(--smt-muted); }
.smt-auth .pagination > .active > a { border-color: var(--smt-accent); background: var(--smt-accent); color: #03111d; }
.smt-mobile-nav { display: none; }

@media (max-width: 1199px) {
  .smt-hero-grid { gap: 44px; }
  .smt-float-card-two { right: -15px; }
  .smt-float-card-one { left: -20px; }
}
@media (max-width: 991px) {
  .smt-public-links { display: none; }
  .smt-hero { padding-top: 72px; }
  .smt-hero-grid { grid-template-columns: 1fr; max-width: 720px; }
  .smt-login-wrap { max-width: 560px; width: 100%; margin-inline: auto; }
  .smt-section-heading { grid-template-columns: 1fr; gap: 16px; }
  .smt-feature-grid { grid-template-columns: 1fr 1fr; }
  .smt-feature-wide { grid-column: span 2; }
  .smt-bottom-cta-inner { align-items: flex-start; flex-direction: column; }
  .smt-footer-inner { grid-template-columns: 1fr; padding-block: 32px; text-align: center; }
  .smt-footer nav { flex-wrap: wrap; }
  .smt-sidebar { transform: translateX(-102%); transition: transform 250ms var(--smt-ease); }
  .smt-shell.sidebar-active .smt-sidebar, .smt-shell.active .smt-sidebar, .smt-sidebar.active { transform: translateX(0); }
  .smt-sidebar-close { display: grid; place-items: center; }
  .smt-app-header { left: 0; }
  .smt-main { margin-left: 0; padding-bottom: 76px; }
  .smt-mobile-brand { display: flex; }
  .smt-status { display: none; }
  .smt-header-actions { margin-left: auto; }
  .smt-balance-mobile { display: inline-flex; }
  .smt-mobile-nav { position: fixed; z-index: 70; right: 10px; bottom: 10px; left: 10px; display: grid; grid-template-columns: repeat(5,1fr); height: 66px; padding: 6px; border: 1px solid var(--smt-border-strong); border-radius: 18px; background: rgba(10,23,40,.94); box-shadow: var(--smt-shadow); backdrop-filter: blur(18px); }
  .smt-mobile-nav a { display: flex; min-width: 0; align-items: center; justify-content: center; flex-direction: column; gap: 3px; border-radius: 12px; color: #71869d; font-size: 10px; }
  .smt-mobile-nav a i { font-size: 17px; }
  .smt-mobile-nav a.active { background: rgba(32,164,255,.1); color: var(--smt-accent-2); }
  .smt-mobile-nav .smt-nav-primary { color: #03111d; background: var(--smt-accent); }
}
@media (max-width: 767px) {
  .smt-public-nav { min-height: 68px; }
  .smt-public-actions .smt-text-link, .smt-language { display: none; }
  .smt-public-actions .smt-cta { min-height: 40px; padding: 7px 13px; font-size: 12px; }
  .smt-brand { font-size: 17px; }
  .smt-brand-mark { width: 32px; height: 32px; }
  .smt-hero { padding: 58px 0 64px; }
  .smt-hero h1 { font-size: clamp(38px,12vw,54px); }
  .smt-hero-lead { font-size: 16px; }
  .smt-hero-actions { display: grid; }
  .smt-hero-actions .btn { width: 100%; }
  .smt-trust-row { gap: 12px 18px; }
  .smt-login-card { padding: 24px 20px; }
  .smt-float-card, .smt-orbit { display: none; }
  .smt-platform-row { justify-content: flex-start; }
  .smt-proof { padding: 72px 0; }
  .smt-feature-grid { grid-template-columns: 1fr; }
  .smt-feature-wide { grid-column: auto; }
  .smt-feature { min-height: auto; }
  .smt-mini-dashboard { position: static; width: 100%; margin-top: 26px; }
  .smt-bottom-cta-inner { padding: 30px 22px; }
  .smt-bottom-actions { width: 100%; align-items: stretch; flex-direction: column; }
  .smt-bottom-actions .btn { width: 100%; }
  .smt-app-header { height: 64px; padding: 0 12px; }
  .smt-main { padding-top: 64px; }
  .smt-app-header > .smt-icon-btn { width: 40px; height: 40px; }
  .smt-header-actions .smt-icon-btn { display: none; }
  .smt-balance-mobile { display: inline-flex !important; }
  .smt-auth .table-responsive { border: 0; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Keep English UI casing locale-invariant. */
.smt-eyebrow, .smt-card-kicker, .smt-section-label, .smt-platforms p { text-transform: none; }

.smt-body .smt-eyebrow, .smt-body .smt-card-kicker, .smt-body .smt-section-label, .smt-body .smt-platforms p { text-transform: none !important; }

/* SMMTube premium layer: native form contracts win. */
:root{--smt-bg:#030811;--smt-bg-2:#07111e;--smt-surface:#091422;--smt-surface-2:#0c1c2e;--smt-text:#edf5ff;--smt-muted:#a5b5c9;--smt-accent:#00a8ff;--smt-accent-2:#00d4ff;--smt-border:rgba(0,168,255,.17);--smt-border-strong:rgba(0,212,255,.32);--smt-blue:#0066ff;--smt-blue-mid:#008cff;--smt-ink:#02101a;--smt-glow:0 8px 28px rgba(0,140,255,.14);--smt-ease:cubic-bezier(.16,1,.3,1);--smm-accent-primary:var(--smt-accent);--smm-accent-secondary:var(--smt-accent-2);--smm-accent-primary-glow:rgba(0,168,255,.18);--smm-gradient-main:linear-gradient(115deg,var(--smt-blue-mid),var(--smt-accent-2));--smm-surface-base:var(--smt-bg);--smm-surface-card:var(--smt-surface);--smm-border-dim:var(--smt-border)}
body.smt-body{background:radial-gradient(ellipse at 80% 0,rgba(0,102,255,.09),transparent 48%),var(--smt-bg);font-size:15px;line-height:1.6;color:var(--smt-text);color-scheme:dark}
.smt-body h1,.smt-body h2,.smt-body h3,.smt-body .smm-brand-name{font-family:inherit;font-weight:600;letter-spacing:-.025em}.smt-body p,.smt-body .smm-text-muted{color:var(--smt-muted)}
.smt-body .smm-card,.smt-body .well,.smt-body .panel,.smt-body .modal-content{background:var(--smt-surface);border:1px solid var(--smt-border);border-radius:20px;box-shadow:inset 0 1px rgba(255,255,255,.025),0 16px 40px rgba(0,0,0,.16);backdrop-filter:none}.smt-body .smm-card{transition:border-color .25s,box-shadow .25s}.smt-body .smm-card:hover{border-color:var(--smt-border-strong);box-shadow:inset 0 1px rgba(255,255,255,.025),var(--smt-glow)}.smt-body .smm-card-header{background:transparent;border-bottom:1px solid var(--smt-border);padding:20px 24px}.smt-body .smm-card-header .smm-brand-name{font-size:18px}.smt-body .smm-card-body{padding:24px}
.smt-body .smm-input,.smt-body .form-control,.smt-body select,.smt-body textarea{background:var(--smt-bg-2);border:1px solid var(--smt-border-strong);color:var(--smt-text);border-radius:12px;min-height:48px;font-size:15px;box-shadow:inset 0 2px 4px rgba(0,0,0,.12);max-width:100%}.smt-body input::placeholder,.smt-body textarea::placeholder{color:var(--smt-muted);opacity:.8}.smt-body input:focus,.smt-body select:focus,.smt-body textarea:focus{border-color:var(--smt-accent);outline:2px solid rgba(0,168,255,.4);outline-offset:2px;box-shadow:0 0 0 5px rgba(0,168,255,.08)}.smt-body label,.smt-body .smm-label{color:var(--smt-text);font-size:14px;font-weight:500;text-transform:none;letter-spacing:0}.smt-body input[type=checkbox],.smt-body input[type=radio]{accent-color:var(--smt-accent);min-height:16px;min-width:16px}
.smt-body .btn-primary,.smt-body .smm-btn-main{background:linear-gradient(115deg,var(--smt-blue-mid),var(--smt-accent-2));border:1px solid var(--smt-accent);color:var(--smt-ink);font-weight:600;min-height:48px;border-radius:12px;box-shadow:var(--smt-glow)}.smt-body .btn-primary:hover,.smt-body .smm-btn-main:hover{filter:brightness(1.1);box-shadow:0 8px 32px rgba(0,168,255,.25);transform:translateY(-2px)}.smt-body button:active,.smt-body .btn:active{transform:scale(.98)}.smt-body a:focus-visible,.smt-body button:focus-visible,.smt-body summary:focus-visible{outline:2px solid var(--smt-accent-2);outline-offset:3px}
.smt-sidebar{top:0;bottom:0;overflow-y:auto;background:rgba(4,12,23,.97);border-right:1px solid var(--smt-border)}.smt-sidebar .smt-menu{list-style:none;margin:16px 0;padding:0 12px}.smt-sidebar .smt-menu li{list-style:none;margin-bottom:6px}.smt-sidebar .smt-menu li a{padding:12px 16px;min-height:48px;border-radius:12px;font-size:14px;border:1px solid transparent}.smt-sidebar .smt-menu li.active a{background:linear-gradient(100deg,rgba(0,140,255,.17),rgba(0,140,255,.035));border-color:var(--smt-border);box-shadow:inset 3px 0 var(--smt-accent)}.smt-sidebar .smt-menu li a:hover{background:rgba(0,168,255,.07);border-color:var(--smt-border)}
.smt-app-header,.smt-public-header{background:rgba(4,12,23,.82);backdrop-filter:blur(20px);border-bottom:1px solid var(--smt-border)}.smt-app-header.smt-scrolled,.smt-public-header.smt-scrolled{background:rgba(4,12,23,.96);box-shadow:0 1px 0 rgba(0,168,255,.2)}.smt-main{padding:104px 36px 48px;min-width:0}.smt-main>.smm-viewport-header{margin-bottom:28px}.smt-main>.smm-viewport-header h1{font-size:30px}
.smt-body .smm-table,.smt-body .table{width:100%;font-size:14px;font-variant-numeric:tabular-nums;background:transparent}.smt-body .smm-table th,.smt-body .table th{background:var(--smt-bg-2);font-size:13px;color:var(--smt-muted);text-transform:none;letter-spacing:0;padding:16px;border-color:var(--smt-border)}.smt-body .smm-table td,.smt-body .table td{border-color:var(--smt-border);padding:16px;font-size:14px;vertical-align:middle}.smt-body .smm-table tbody tr:hover,.smt-body .table tbody tr:hover{background:rgba(0,168,255,.045)}.smt-body .smm-table-overflow,.smt-body .table-responsive{overflow-x:auto;border-color:var(--smt-border)}
.smt-order-page{max-width:1280px;margin:auto}.smt-page-intro{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-bottom:36px;padding:8px 0 32px;border-bottom:1px solid var(--smt-border)}.smt-kicker{font-size:13px;font-weight:600;letter-spacing:.08em;color:var(--smt-accent-2)}.smt-page-intro h1{font-size:clamp(32px,3.3vw,48px);font-weight:600;line-height:1.12;letter-spacing:-.035em;margin:16px 0}.smt-page-intro h1 span{background:linear-gradient(100deg,var(--smt-accent),var(--smt-accent-2));background-clip:text;-webkit-background-clip:text;color:transparent}.smt-page-intro p{max-width:54ch;margin:0;font-size:15px}.smt-secondary-action{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:44px;padding:10px 16px;border:1px solid var(--smt-border-strong);border-radius:12px;color:var(--smt-text);background:rgba(0,168,255,.035);white-space:nowrap}.smt-secondary-action:hover{border-color:var(--smt-accent);color:var(--smt-text);box-shadow:var(--smt-glow);transform:translateY(-2px)}
.smt-order-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}.smt-order-editor{min-width:0}.smt-order-editor>.row{margin:0}.smt-order-editor>.row>.col-md-12{padding:0;width:100%;float:none}.smt-order-card{padding:28px;margin:0}.smt-card-heading{display:flex;align-items:center;gap:14px;padding-bottom:24px;margin-bottom:28px;border-bottom:1px solid var(--smt-border)}.smt-card-heading h2{font-size:22px;margin:0 0 4px}.smt-card-heading p{font-size:13px;margin:0}.smt-step-marker{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:12px;border:1px solid var(--smt-border-strong);background:rgba(0,168,255,.07);color:var(--smt-accent-2);font-size:14px;font-variant-numeric:tabular-nums}.smt-label-chip{margin-left:auto;padding:4px 10px;font-size:13px;border:1px solid var(--smt-border);border-radius:999px;color:var(--smt-muted)}
.smt-order-card .form-group{margin-bottom:24px}.smt-order-card label{display:block;margin-bottom:8px}.smt-order-card .form-control{width:100%;padding:12px 14px;height:auto}.smt-order-card textarea.form-control{min-height:120px}.smt-order-card #charge{font-size:20px;color:var(--smt-accent-2);font-variant-numeric:tabular-nums;font-weight:600}.smt-order-card .btn-primary{width:100%}.smt-order-card .help-block,.smt-order-card .help-text{color:var(--smt-muted);font-size:13px;margin-top:8px}
.smt-order-rail{display:grid;gap:24px}.smt-wallet-card,.smt-guide-card{position:relative;padding:24px;border:1px solid var(--smt-border-strong);border-radius:20px;background:var(--smt-surface);overflow:hidden;box-shadow:inset 0 1px rgba(255,255,255,.025),0 16px 40px rgba(0,0,0,.15)}.smt-wallet-card{background:radial-gradient(ellipse at 100% 0,rgba(0,140,255,.18),transparent 70%),var(--smt-surface);padding-bottom:100px}.smt-wallet-amount{display:block;position:relative;z-index:1;font-size:clamp(23px,2.2vw,30px);font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:16px 0 4px;overflow-wrap:anywhere}.smt-wallet-card p{font-size:13px;margin-bottom:20px}.smt-wallet-art{position:absolute;bottom:-52px;right:-28px;width:200px;height:150px;transform:rotate(-24deg);pointer-events:none}.smt-wallet-art span{position:absolute;inset:0;border:1px solid rgba(0,168,255,.25);border-radius:28px}.smt-wallet-art span:nth-child(2){inset:16px}.smt-wallet-art span:nth-child(3){inset:32px}
.smt-guide-card h2{font-size:18px;margin:0 0 24px}.smt-guide-card ol{list-style:none;padding:0;counter-reset:guide;margin:0}.smt-guide-card li{position:relative;padding:0 0 24px 32px;counter-increment:guide}.smt-guide-card li:before{content:counter(guide);position:absolute;left:0;top:2px;font-size:13px;color:var(--smt-accent-2)}.smt-guide-card li strong{font-size:14px;font-weight:600}.smt-guide-card li p{font-size:13px;line-height:1.7;margin:6px 0 0}.smt-guide-card>a{font-size:13px;color:var(--smt-accent-2)}.smt-order-notes{margin-top:28px;padding:24px;border:1px solid var(--smt-border);border-radius:16px}
/* Compatibility override: Perfect Panel toggles .hidden for service fields. */
.smt-body .hidden,.smt-body [hidden]{display:none!important}
.smt-body .smm-input:disabled,.smt-body .form-control:disabled,.smt-body button:disabled{opacity:.55;cursor:not-allowed}.smt-nav-backdrop{position:fixed;inset:0;z-index:75;border:0;background:rgba(0,0,0,.55);backdrop-filter:blur(3px)}
@media(min-width:1024px){.smt-app-header .dash-menu-btn{display:none}}
@media(max-width:1100px){.smt-order-grid{grid-template-columns:minmax(0,1fr) 260px;gap:20px}.smt-main{padding-left:24px;padding-right:24px}.smt-label-chip{display:none}}
@media(max-width:1023px){.smt-main{margin-left:0;padding:96px 24px 104px}.smt-sidebar{transform:translateX(-102%)}.smt-sidebar.active{transform:translateX(0)}.smt-app-header{left:0}.smt-sidebar-close{right:12px;top:12px;width:44px;height:44px}.smt-mobile-nav{display:grid}}
@media(max-width:767px){.smt-order-grid{grid-template-columns:1fr}.smt-main{padding:88px 16px 100px}.smt-page-intro{align-items:flex-start;gap:20px;flex-direction:column;margin-bottom:24px;padding-bottom:24px}.smt-page-intro h1{font-size:36px}.smt-order-card{padding:20px}.smt-order-rail{grid-template-columns:1fr}.smt-wallet-card{padding-bottom:32px}.smt-card-heading{gap:12px}.smt-body .smm-card-body{padding:20px}}
@media(prefers-reduced-motion:no-preference){.smt-page-intro,.smt-order-card,.smt-order-rail{animation:smt-premium-enter .5s var(--smt-ease) both}.smt-order-rail{animation-delay:.08s}@keyframes smt-premium-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}
@media(prefers-reduced-motion:reduce){.smt-body *,.smt-body *:before,.smt-body *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* SMMTube catalog and workspace: scoped migration from legacy shell. */
:root{--smt-catalog-ink:#f1f6fd;--smt-subtle:#97acc3;--smt-line:rgba(105,159,211,.18);--smt-canvas:#070e19;--smt-panel:#0b1523;--smt-blue:#00a8ff;--smt-cyan:#00d4ff}
.smt-auth{background:var(--smt-canvas);color:var(--smt-catalog-ink);font-family:Inter,system-ui,sans-serif}.smt-auth .smt-main{background:radial-gradient(ellipse at 95% 0,rgba(0,102,255,.06),transparent 48%);padding:112px 40px 64px}.smt-sidebar{background:#060c15;border-right:1px solid var(--smt-line)}.smt-sidebar-head{padding:28px 24px 24px}.smt-sidebar .smt-brand{gap:12px;font-size:21px}.smt-sidebar .smt-user-card{margin-top:32px;padding:16px;border-radius:12px;background:#0c1725;box-shadow:none}.smt-sidebar .smt-menu{padding:0 16px}.smt-sidebar .smt-menu a{min-height:48px;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;color:var(--smt-subtle);gap:14px}.smt-sidebar .smt-menu .active a{color:var(--smt-catalog-ink);background:linear-gradient(90deg,rgba(0,140,255,.16),rgba(0,140,255,.04));box-shadow:inset 2px 0 var(--smt-blue);border-color:rgba(0,168,255,.2)}.smt-menu-icon{width:20px;font-size:16px}.smt-app-header{background:rgba(7,14,25,.9);box-shadow:none;border-bottom:1px solid var(--smt-line);padding:0 40px}.smt-status{color:var(--smt-subtle);font-size:13px;letter-spacing:.02em}.smt-status>span{display:none}.smt-catalog{max-width:1280px;margin:auto;color:var(--smt-catalog-ink)}.smt-guest .smt-catalog{padding:136px 32px 64px}.smt-catalog-hero{min-height:268px;position:relative;display:grid;grid-template-columns:1.35fr 1fr;align-items:center;border-bottom:1px solid var(--smt-line);padding:0 0 40px;margin-bottom:32px;overflow:hidden}.smt-catalog .smt-eyebrow{font-size:11px!important;font-weight:600;letter-spacing:.18em;color:var(--smt-cyan)!important;margin:0 0 20px!important}.smt-catalog-heading h1{font-size:clamp(36px,4vw,52px);line-height:1.08;letter-spacing:-.055em;font-weight:600;margin:0 0 20px}.smt-catalog-heading h1 span{background:linear-gradient(100deg,#edf6ff 0%,#7acfff 75%,var(--smt-cyan));background-clip:text;-webkit-text-fill-color:transparent}.smt-catalog-heading>p:last-child{font-size:15px;line-height:1.65;color:var(--smt-subtle);margin:0}.smt-catalog-art{height:240px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse,rgba(0,140,255,.15),transparent 62%);isolation:isolate}.smt-catalog-art:before{content:'';position:absolute;inset:12px;background-image:linear-gradient(var(--smt-line) 1px,transparent 1px),linear-gradient(90deg,var(--smt-line) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse,#000,transparent 68%);opacity:.45}.smt-catalog .smt-orbit{position:absolute;width:236px;height:136px;border:1px solid rgba(0,168,255,.3);border-radius:50%;transform:rotate(-28deg)}.smt-orbit-b{width:300px;height:180px;transform:rotate(28deg);border-color:rgba(0,168,255,.12)}.smt-orbit-a:after{content:'';width:7px;height:7px;border-radius:50%;background:var(--smt-cyan);position:absolute;top:19px;right:33px;box-shadow:0 0 16px rgba(0,212,255,.6)}.smt-orbit-core{width:104px;height:104px;border:1px solid rgba(112,191,255,.3);background:linear-gradient(145deg,#142c46,#08131f);box-shadow:0 20px 48px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.08);border-radius:28px;display:grid;place-items:center;transform:rotate(-8deg)}.smt-orbit-core img{transform:rotate(8deg)}.smt-orbit-label{position:absolute;bottom:0;font-size:10px;letter-spacing:.17em;color:var(--smt-subtle)}.smt-directory-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.smt-directory-bar h2{font-size:20px;font-weight:600;letter-spacing:-.03em;margin:0;display:flex;align-items:center;gap:12px}.smt-directory-bar h2 span{font-size:12px;color:var(--smt-cyan);background:rgba(0,168,255,.09);border:1px solid var(--smt-line);border-radius:6px;padding:4px 8px;font-variant-numeric:tabular-nums}.smt-directory-bar>span{font-size:13px;color:var(--smt-subtle)}.smt-catalog .container{width:100%;padding:0}.smt-catalog .row{margin:0}.smt-catalog .col-lg-12{padding:0}.smt-catalog-toolbar{display:flex;align-items:center;gap:12px;margin:0 0 16px;padding:0;list-style:none}.smt-catalog-toolbar:before,.smt-catalog-toolbar:after{display:none}.smt-catalog-toolbar>li{margin:0;float:none}.smt-catalog-toolbar .search{margin-left:auto;flex:1;max-width:480px}.smt-catalog-toolbar .input-group{display:flex}.smt-catalog-toolbar .form-control{border-radius:10px 0 0 10px;min-width:0;float:none;height:48px;box-shadow:none;background:var(--smt-panel)}.smt-catalog-toolbar .input-group-btn{width:auto;display:flex}.smt-catalog-toolbar .input-group-btn button{height:48px;border-radius:0 10px 10px 0;margin:0;background:var(--smt-panel);color:var(--smt-subtle);border:1px solid var(--smt-line);border-left:0;min-width:48px}.smt-category-picker{position:relative;z-index:10}.smt-category-summary{list-style:none;cursor:pointer;display:flex;gap:12px;align-items:center;min-height:48px;padding:12px 16px;border:1px solid var(--smt-line);background:var(--smt-panel);border-radius:10px;font-size:14px}.smt-category-summary::-webkit-details-marker{display:none}.smt-category-summary .caret{margin-left:8px}.smt-category-options{position:absolute;top:calc(100% + 8px);left:0;min-width:240px;max-width:320px;max-height:320px;overflow:auto;padding:8px;list-style:none;border:1px solid var(--smt-line);border-radius:12px;background:#101d2e;box-shadow:0 16px 48px rgba(0,0,0,.4)}.smt-category-options a{display:flex;gap:8px;padding:12px;border-radius:6px;color:var(--smt-catalog-ink);font-size:14px}.smt-category-options a:hover{background:rgba(0,168,255,.12)}.smt-catalog-table-wrap{border:1px solid var(--smt-line);border-radius:16px;overflow:auto;background:var(--smt-panel)}.smt-catalog-table.table{width:100%;margin:0;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}.smt-catalog-table.table>thead>tr>th{border:0;border-bottom:1px solid var(--smt-line);background:#09111d;color:var(--smt-subtle);padding:16px 20px;font-size:12px;font-weight:500;white-space:nowrap}.smt-catalog-table.table>tbody>tr>td{padding:19px 20px;vertical-align:middle;border:0;border-bottom:1px solid var(--smt-line);line-height:1.5;white-space:nowrap;color:var(--smt-subtle);background:transparent}.smt-catalog-table.table>tbody>tr:last-child>td{border-bottom:0}.smt-catalog-table.table>tbody>tr:hover>td{background:rgba(0,140,255,.04)}.smt-catalog-table.table>tbody>tr>td.service-name{white-space:normal;min-width:220px;color:var(--smt-catalog-ink);font-weight:500}.smt-catalog-table.table>tbody>tr>td[colspan]{padding:14px 20px;background:rgba(0,140,255,.055);color:var(--smt-catalog-ink);font-size:13px}.smt-catalog-table td[data-filter-table-service-id]{font-size:12px;font-family:ui-monospace,monospace;color:#7893b0}.smt-catalog-table .width-service-name{width:45%}.smt-service-order{display:inline-flex;align-items:center;gap:12px;padding:10px 12px;min-height:44px;border:1px solid var(--smt-line);border-radius:8px;background:rgba(0,140,255,.06);color:#a6ddff;font-size:13px;transition:transform .2s,border-color .2s,background .2s}.smt-service-order:hover{background:rgba(0,140,255,.15);border-color:var(--smt-blue);color:var(--smt-catalog-ink);transform:translateY(-2px)}.smt-service-order:active{transform:scale(.97)}.smt-favorite{min-width:44px;min-height:44px;border:0;background:transparent;color:var(--smt-subtle)}.smt-favorite.favorite-active{color:var(--smt-cyan)}.smt-catalog-foot{display:flex;justify-content:space-between;gap:16px;padding-top:24px;font-size:12px;color:var(--smt-subtle)}.smt-catalog-foot a{color:#a6ddff}.smt-catalog :is(a,button,input,summary,[tabindex]):focus-visible{outline:2px solid var(--smt-cyan);outline-offset:3px}.smt-catalog-empty{padding:40px;text-align:center;color:var(--smt-subtle)}
@media(min-width:1440px){.smt-auth .smt-main{padding-left:56px;padding-right:56px}.smt-catalog-hero{min-height:300px}.smt-catalog-heading h1{font-size:56px}}
@media(max-width:1023px){.smt-auth .smt-main{padding:100px 24px 104px}.smt-app-header{padding:0 24px}.smt-catalog-hero{grid-template-columns:1.3fr 1fr}.smt-catalog-art{transform:scale(.85)}}
@media(max-width:639px){.smt-auth .smt-main{padding:96px 16px 104px}.smt-guest .smt-catalog{padding:112px 16px 48px}.smt-catalog-hero{min-height:0;padding-bottom:28px;margin-bottom:24px;grid-template-columns:1fr}.smt-catalog-heading h1{font-size:40px}.smt-catalog-art{display:none}.smt-directory-bar{align-items:flex-start;flex-direction:column;gap:8px}.smt-catalog-toolbar{flex-wrap:wrap;gap:12px}.smt-catalog-toolbar .search{order:-1;flex:0 0 100%;max-width:none}.smt-category-summary{font-size:13px}.smt-catalog-table.table>tbody>tr>td{padding:16px}.smt-catalog-table.table>thead>tr>th{padding:16px}.smt-catalog-foot{flex-direction:column;font-size:13px}.smt-catalog-heading>p:last-child{font-size:14px}}
@media(prefers-reduced-motion:reduce){.smt-service-order{transition:none;transform:none}}

.smt-catalog .smt-eyebrow{font-size:13px!important}.smt-auth .smt-catalog .smt-catalog-table th{text-transform:none;letter-spacing:0;font-size:13px}.smt-status>span{display:inline;width:auto;height:auto;background:none;box-shadow:none;margin:0 8px;color:var(--smt-subtle)}

.smt-catalog-table-wrap{position:relative}.smt-catalog-toolbar .search{min-width:0}.smt-catalog .smt-eyebrow{border:0;background:none;border-radius:0;padding:0}.smt-catalog .smt-catalog-table>thead>tr>th:first-child{min-width:44px}


/* Native Perfect Panel compatibility and page-audit fixes, 2026-09-25. */
.smt-native-page{max-width:1280px;margin:auto}.smt-native-page>.container,.smt-native-page>.container-fluid{width:100%;max-width:100%;padding:0}.smt-native-page .row{margin-left:0;margin-right:0}.smt-native-page .col-md-12,.smt-native-page .col-lg-12{width:100%;padding:0;float:none}.smt-native-page .well{padding:24px;margin:0 0 24px;min-width:0}.smt-native-page .form-group{margin-bottom:20px}.smt-native-page label{display:block;margin-bottom:8px}.smt-native-page .form-control{width:100%;max-width:100%;padding:12px 14px}.smt-native-page textarea.form-control{height:auto}.smt-native-page .nav-pills{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px;padding:0;list-style:none}.smt-native-page .nav-pills:before,.smt-native-page .nav-pills:after{display:none}.smt-native-page .nav-pills>li{float:none;margin:0}.smt-native-page .nav-pills>li>a{display:block;min-height:44px;padding:10px 14px;border:1px solid var(--smt-border);border-radius:10px;color:var(--smt-muted);font-size:14px}.smt-native-page .nav-pills>li.active>a{background:rgba(0,168,255,.12);border-color:var(--smt-accent);color:var(--smt-text)}.smt-native-page .search{margin-left:auto!important;min-width:240px}.smt-native-page .input-group{display:flex}.smt-native-page .input-group .form-control{min-width:0;border-radius:10px 0 0 10px}.smt-native-page .input-group-btn{display:flex;width:auto}.smt-native-page .input-group-btn .btn{min-width:48px;border-radius:0 10px 10px 0;background:var(--smt-surface-2);color:var(--smt-text);border-color:var(--smt-border)}.smt-table-scroll{position:relative;width:100%;overflow:auto}.smt-native-page .table{margin:0}.smt-native-page .table th{white-space:nowrap;text-transform:none!important;letter-spacing:0!important}.smt-native-page .table td{min-width:80px;overflow-wrap:anywhere}.smt-native-page .well-float{padding:0;overflow:hidden}.smt-empty-state{padding:40px 16px;text-align:center}.smt-empty-state h2{font-size:20px}.smt-empty-state p{font-size:14px}.smt-native-page .pagination{display:flex;flex-wrap:wrap;list-style:none;gap:8px;padding:0}.smt-native-page .pagination a{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid var(--smt-border);border-radius:8px}.smt-native-page .pagination .active a{background:var(--smt-accent);color:var(--smt-ink)}.smt-native-page .modal-content{overflow:hidden}.smt-native-page .modal-header,.smt-native-page .modal-body,.smt-native-page .modal-footer{padding:24px}.smt-native-page .btn-default,.smt-settings .btn-default{background:var(--smt-surface-2);border-color:var(--smt-border);color:var(--smt-text)}.smt-native-page .alert{display:block}.smt-native-page .control-label,.smt-native-page .help-block{color:var(--smt-muted)}.smt-native-page .tickets-uploader-label{color:var(--smt-text)}.smt-native-page .col-md-offset-8{margin-left:auto}.smt-native-page .nowrap{white-space:nowrap}.smt-native-page .smt-page-intro h1{font-size:36px}.smt-native-page .smt-page-intro{margin-bottom:28px}.smt-native-massorder,.smt-native-addfunds,.smt-native-tickets,.smt-native-notifications{max-width:1040px}.smt-body .smm-tabs-scroll{display:flex;gap:12px;overflow-x:auto}.smt-body .smm-tab-item{white-space:nowrap;min-height:44px;padding:10px 12px}.smt-body .smm-empty-void{padding:40px;text-align:center}.smt-body .smm-filters-row{display:flex;gap:12px;align-items:center}.smt-body .smm-search-block{position:relative;flex:1}.smt-body .smm-search-block>i{position:absolute;left:16px;top:18px}.smt-body .smm-search-block input{padding-left:44px}.smt-body .smm-card-pill{margin-bottom:20px}.smt-body .smm-table td .smm-brand-name{font-size:14px}.smt-body .smm-status-pill{font-size:13px}.smt-body .smm-btn-ghost{background:var(--smt-surface-2);border:1px solid var(--smt-border);color:var(--smt-text)}.smt-body .smm-input{max-width:100%}
@media(max-width:767px){.smt-native-page .well{padding:20px}.smt-native-page .well-float{padding:0}.smt-native-page .search{width:100%;min-width:0}.smt-native-page .nav-pills{gap:8px}.smt-native-page .nav-pills>li>a{font-size:13px;padding:10px}.smt-native-page .smt-page-intro h1{font-size:30px}.smt-native-page .col-md-4{width:100%;padding:0}.smt-body .smm-filters-row{flex-wrap:wrap}.smt-body .smm-search-block{flex:0 0 100%}}

.smt-native-page .input-group{flex-wrap:nowrap;align-items:stretch}.smt-native-page .input-group>.form-control{flex:1 1 auto;width:1%}.smt-native-page .input-group-btn{flex:0 0 auto}.smt-native-subscriptions table{min-width:1280px}.smt-native-orders table{min-width:1120px}.smt-native-page table th{font-size:13px}.smt-native-page td.link{min-width:140px}

.smt-guest .smt-recovery{max-width:560px;padding:64px 24px 80px}.smt-recovery .btn-primary{width:100%;min-height:48px}.smt-recovery .smt-page-intro h1{font-size:36px}.smt-recovery>p{text-align:center}