body.theme-unified {
    --ux-bg: #06111f;
    --ux-bg-soft: #0d1b2f;
    --ux-panel: rgba(12, 21, 36, 0.8);
    --ux-panel-strong: rgba(9, 17, 31, 0.92);
    --ux-line: rgba(148, 163, 184, 0.16);
    --ux-line-strong: rgba(255, 255, 255, 0.18);
    --ux-text: #f7f9fd;
    --ux-muted: #aab7ca;
    --ux-primary: #4e7dd9;
    --ux-primary-2: #79a8ff;
    --ux-accent: #d6b06b;
    --ux-accent-soft: rgba(214, 176, 107, 0.18);
    --ux-shadow: 0 24px 80px rgba(0, 0, 0, 0.28);
    --ux-shadow-soft: 0 12px 40px rgba(2, 8, 23, 0.22);
    --ux-gold-line: linear-gradient(90deg, rgba(214, 176, 107, 0), rgba(214, 176, 107, 0.9), rgba(214, 176, 107, 0));
    background:
        radial-gradient(circle at 0% 0%, rgba(121, 168, 255, 0.18), transparent 24%),
        radial-gradient(circle at 100% 0%, rgba(214, 176, 107, 0.15), transparent 22%),
        radial-gradient(circle at 50% 100%, rgba(55, 102, 210, 0.14), transparent 30%),
        linear-gradient(145deg, #06111f 0%, #0a1526 36%, #0e1c31 100%) !important;
    color: var(--ux-text) !important;
    min-height: 100vh;
    padding: 0 !important;
    margin: 0;
    overflow-x: hidden;
    letter-spacing: 0.01em;
}

body.theme-unified::before,
body.theme-unified::after {
    content: "";
    position: fixed;
    border-radius: 999px;
    pointer-events: none;
    z-index: 0;
    filter: blur(110px);
}

body.theme-unified::before {
    top: -120px;
    left: -120px;
    width: 340px;
    height: 340px;
    background: rgba(78, 125, 217, 0.18);
}

body.theme-unified::after {
    right: -140px;
    bottom: -140px;
    width: 420px;
    height: 420px;
    background: rgba(214, 176, 107, 0.12);
}

body.theme-unified > * {
    position: relative;
    z-index: 1;
}

body.theme-unified a {
    text-decoration: none;
}

body.theme-unified .container {
    width: min(1280px, calc(100% - 36px)) !important;
    max-width: 1280px;
    margin: 0 auto !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
}

body.theme-unified .navbar {
    position: sticky !important;
    top: 0;
    backdrop-filter: blur(16px);
    background: rgba(11, 19, 32, 0.88) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
    box-shadow: none !important;
}

body.theme-unified .unified-site-nav {
    position: sticky;
    top: 0;
    z-index: 1200;
    backdrop-filter: blur(18px);
    background: rgba(7, 13, 24, 0.72);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 10px 40px rgba(2, 8, 23, 0.22);
}

body.theme-unified .unified-site-nav::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -1px;
    width: min(1180px, calc(100% - 40px));
    height: 1px;
    transform: translateX(-50%);
    background: var(--ux-gold-line);
    opacity: 0.34;
}

body.theme-unified .unified-nav-inner {
    width: min(1280px, calc(100% - 36px));
    min-height: 84px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 0 16px;
}

body.theme-unified .unified-brand {
    display: flex;
    align-items: center;
    gap: 14px;
    color: var(--ux-text);
}

body.theme-unified .unified-brand-badge {
    width: 46px;
    height: 46px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(78, 125, 217, 0.28), rgba(214, 176, 107, 0.26));
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: #f3d49a;
    box-shadow: 0 8px 24px rgba(78, 125, 217, 0.18);
}

body.theme-unified .unified-brand-text strong {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.06em;
}

body.theme-unified .unified-brand-text span {
    display: block;
    font-size: 0.84rem;
    color: var(--ux-muted);
}

body.theme-unified .unified-nav-links {
    display: flex;
    align-items: center;
    gap: 10px;
    list-style: none;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
}

body.theme-unified .unified-nav-links a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.03);
    color: var(--ux-muted);
    transition: all 0.22s ease;
}

body.theme-unified .unified-nav-links a:hover,
body.theme-unified .unified-nav-links a.is-active {
    color: var(--ux-text);
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.12);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

body.theme-unified .unified-nav-toggle {
    display: none;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.03);
    color: var(--ux-text);
    cursor: pointer;
}

body.theme-unified .navbar::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -1px;
    width: min(1180px, calc(100% - 40px));
    height: 1px;
    transform: translateX(-50%);
    background: var(--ux-gold-line);
    opacity: 0.34;
}

body.theme-unified header,
body.theme-unified .navbar,
body.theme-unified .hero,
body.theme-unified .main-content,
body.theme-unified .content-section,
body.theme-unified .upload-area,
body.theme-unified .controls,
body.theme-unified .main-card,
body.theme-unified .tasks-container,
body.theme-unified .add-task,
body.theme-unified .footer,
body.theme-unified footer {
    position: relative;
    z-index: 1;
}

body.theme-unified header {
    padding: 24px 0 !important;
    margin-bottom: 28px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

body.theme-unified .logo-text,
body.theme-unified .brand-text strong {
    color: var(--ux-text) !important;
    background: none !important;
    -webkit-text-fill-color: initial !important;
    letter-spacing: 0.06em;
}

body.theme-unified .logo-text span,
body.theme-unified .brand-text span {
    color: var(--ux-accent) !important;
}

body.theme-unified .logo-icon,
body.theme-unified .brand-badge,
body.theme-unified .community-icon,
body.theme-unified .icon-box {
    box-shadow: none !important;
}

body.theme-unified .nav-links,
body.theme-unified .footer-links {
    gap: 10px;
}

body.theme-unified .nav-links a,
body.theme-unified .footer-links a,
body.theme-unified .view-btn,
body.theme-unified .community-link,
body.theme-unified .video-link,
body.theme-unified .link-btn {
    color: var(--ux-muted) !important;
    transition: all 0.22s ease;
}

body.theme-unified .nav-links a:hover,
body.theme-unified .footer-links a:hover,
body.theme-unified .view-btn:hover,
body.theme-unified .community-link:hover,
body.theme-unified .video-link:hover,
body.theme-unified .link-btn:hover {
    color: var(--ux-text) !important;
}

body.theme-unified .nav-links a,
body.theme-unified .view-btn,
body.theme-unified .filter-btn,
body.theme-unified .search-btn {
    border-radius: 12px !important;
}

body.theme-unified .hero {
    padding: 110px 0 70px !important;
    margin-bottom: 26px;
}

body.theme-unified.has-unified-nav .hero {
    padding-top: 86px !important;
}

body.theme-unified .hero h1,
body.theme-unified .main-content h1,
body.theme-unified .card-header h1,
body.theme-unified header h1 {
    color: var(--ux-text) !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em;
}

body.theme-unified .hero h1 {
    font-size: clamp(2.5rem, 4.8vw, 5rem) !important;
    line-height: 1.05 !important;
    margin-bottom: 22px !important;
    text-shadow: 0 10px 30px rgba(0, 0, 0, 0.22);
}

body.theme-unified h2,
body.theme-unified h3,
body.theme-unified h4,
body.theme-unified .preview-section-title,
body.theme-unified .modal-title {
    color: var(--ux-text) !important;
    letter-spacing: -0.01em;
}

body.theme-unified h2,
body.theme-unified .section-title,
body.theme-unified .form-section-title,
body.theme-unified .preview-section-title {
    font-size: clamp(1.08rem, 2vw, 1.36rem) !important;
}

body.theme-unified h3,
body.theme-unified .card-title,
body.theme-unified .result-title,
body.theme-unified .modal-title {
    font-size: clamp(1rem, 1.5vw, 1.15rem) !important;
}

body.theme-unified h2[style*="text-align: center"],
body.theme-unified h2[style*="color: var(--accent-light)"],
body.theme-unified h3[style*="color: var(--accent-light)"],
body.theme-unified h3[style*="color: var(--success)"],
body.theme-unified h3[style*="color: var(--error)"] {
    text-align: left !important;
    margin-bottom: 18px !important;
}

body.theme-unified h2[style*="color: var(--accent-light)"],
body.theme-unified h3[style*="color: var(--accent-light)"] {
    color: var(--ux-text) !important;
}

body.theme-unified h3[style*="color: var(--success)"] {
    color: #7dd3a7 !important;
}

body.theme-unified h3[style*="color: var(--error)"] {
    color: #fda4af !important;
}

body.theme-unified .hero p,
body.theme-unified .hero-desc,
body.theme-unified .section-desc,
body.theme-unified .card p,
body.theme-unified .main-content > p,
body.theme-unified .upload-info,
body.theme-unified .footer-note,
body.theme-unified .contact-info,
body.theme-unified .copyright,
body.theme-unified .task-time,
body.theme-unified .video-desc {
    color: var(--ux-muted) !important;
}

body.theme-unified .hero p,
body.theme-unified .hero-desc {
    max-width: 760px;
    font-size: 1.05rem;
    line-height: 1.85;
}

body.theme-unified .card,
body.theme-unified .tool-section,
body.theme-unified .main-card,
body.theme-unified .upload-area,
body.theme-unified .controls,
body.theme-unified .table-container,
body.theme-unified .result-section,
body.theme-unified .modal-content,
body.theme-unified .form-container,
body.theme-unified .tasks-container,
body.theme-unified .add-task,
body.theme-unified .video-card,
body.theme-unified .stat-card,
body.theme-unified .contact-card,
body.theme-unified .highlight-band,
body.theme-unified .input-field,
body.theme-unified .result-box,
body.theme-unified .upload-info,
body.theme-unified .footer-box,
body.theme-unified .empty-state,
body.theme-unified .progress-container,
body.theme-unified .task-item,
body.theme-unified .state-option,
body.theme-unified .platform,
body.theme-unified .community-link,
body.theme-unified .trust-item,
body.theme-unified .timeline-step,
body.theme-unified .metric-card,
body.theme-unified .metric-note {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02)),
        linear-gradient(180deg, rgba(12, 21, 36, 0.88), rgba(8, 16, 28, 0.96)) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: var(--ux-shadow) !important;
    color: var(--ux-text) !important;
    backdrop-filter: blur(18px);
}

body.theme-unified .card,
body.theme-unified .tool-section,
body.theme-unified .main-card,
body.theme-unified .upload-area,
body.theme-unified .controls,
body.theme-unified .table-container,
body.theme-unified .modal-content,
body.theme-unified .form-container,
body.theme-unified .tasks-container,
body.theme-unified .add-task,
body.theme-unified .video-card {
    border-radius: 24px !important;
}

body.theme-unified .card,
body.theme-unified .tool-section,
body.theme-unified .main-card,
body.theme-unified .upload-area,
body.theme-unified .controls,
body.theme-unified .form-container,
body.theme-unified .tasks-container,
body.theme-unified .add-task {
    padding: 30px !important;
}

body.theme-unified .tool-section,
body.theme-unified .card,
body.theme-unified .main-card,
body.theme-unified .upload-area,
body.theme-unified .controls,
body.theme-unified .form-container,
body.theme-unified .tasks-container,
body.theme-unified .add-task,
body.theme-unified .result-area,
body.theme-unified .preview-section,
body.theme-unified .payment-card {
    margin-bottom: 22px !important;
}

body.theme-unified .main-content {
    margin-bottom: 24px;
}

body.theme-unified .content-section {
    align-items: flex-start;
    gap: 24px !important;
}

body.theme-unified .sidebar {
    display: grid;
    gap: 22px;
}

body.theme-unified [style*="margin-top: 20px"] {
    margin-top: 20px !important;
}

body.theme-unified [style*="margin-top: 25px"] {
    margin-top: 25px !important;
}

body.theme-unified .form-group,
body.theme-unified .input-group,
body.theme-unified .form-section,
body.theme-unified .result-section,
body.theme-unified .preview-section,
body.theme-unified .result-item,
body.theme-unified .summary-item {
    margin-bottom: 18px !important;
}

body.theme-unified .form-row,
body.theme-unified .input-row,
body.theme-unified .button-group,
body.theme-unified .action-buttons,
body.theme-unified .btn-group,
body.theme-unified .stats-grid,
body.theme-unified .stats-container {
    gap: 16px !important;
}

body.theme-unified .btn-group,
body.theme-unified .action-buttons,
body.theme-unified .template-buttons,
body.theme-unified .table-actions,
body.theme-unified .form-footer,
body.theme-unified .hero-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px !important;
}

body.theme-unified [style*="display: flex"][style*="gap: 10px"] {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px !important;
}

body.theme-unified [style*="justify-content: space-between"] {
    justify-content: space-between !important;
}

body.theme-unified .card-header,
body.theme-unified .upload-header,
body.theme-unified .tasks-header,
body.theme-unified .modal-header,
body.theme-unified .result-header,
body.theme-unified .section-title,
body.theme-unified .card-title {
    margin-bottom: 18px !important;
}

body.theme-unified .section-title,
body.theme-unified .card-title,
body.theme-unified .result-title,
body.theme-unified .footer-title,
body.theme-unified .form-section-title,
body.theme-unified .tasks-header h2,
body.theme-unified .upload-header h3 {
    color: var(--ux-text) !important;
    letter-spacing: -0.02em;
}

body.theme-unified .section-title,
body.theme-unified .card-title,
body.theme-unified .result-title,
body.theme-unified .form-section-title,
body.theme-unified .preview-section-title,
body.theme-unified .modal-title,
body.theme-unified .tasks-header h2,
body.theme-unified .upload-header h3,
body.theme-unified .card-header h1 {
    display: flex;
    align-items: center;
    gap: 10px;
    line-height: 1.35;
}

body.theme-unified .section-title i,
body.theme-unified .card-title i,
body.theme-unified .result-title i,
body.theme-unified .form-section-title i,
body.theme-unified .logo-icon,
body.theme-unified .step-number,
body.theme-unified .community-icon,
body.theme-unified .video-title i,
body.theme-unified .stat-number,
body.theme-unified .task-count,
body.theme-unified .value {
    color: var(--ux-accent) !important;
    filter: drop-shadow(0 4px 10px rgba(214, 176, 107, 0.18));
}

body.theme-unified label,
body.theme-unified .form-label,
body.theme-unified .input-group label {
    display: inline-block;
    margin-bottom: 8px !important;
    color: #dbe5f3 !important;
    font-weight: 600;
}

body.theme-unified input,
body.theme-unified textarea,
body.theme-unified select,
body.theme-unified .form-control,
body.theme-unified .search-input,
body.theme-unified .data-input,
body.theme-unified .task-input {
    background: rgba(255, 255, 255, 0.045) !important;
    color: var(--ux-text) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 14px !important;
    box-shadow: none !important;
}

body.theme-unified input,
body.theme-unified select,
body.theme-unified .form-control,
body.theme-unified .search-input,
body.theme-unified .data-input,
body.theme-unified .task-input {
    min-height: 46px;
}

body.theme-unified textarea {
    min-height: 120px;
    line-height: 1.65;
}

body.theme-unified .input-col {
    flex: 1 1 280px;
    min-width: 0;
}

body.theme-unified .platforms,
body.theme-unified .states,
body.theme-unified .payment-methods {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px !important;
}

body.theme-unified input::placeholder,
body.theme-unified textarea::placeholder {
    color: var(--ux-muted) !important;
}

body.theme-unified input:focus,
body.theme-unified textarea:focus,
body.theme-unified select:focus,
body.theme-unified .form-control:focus,
body.theme-unified .search-input:focus,
body.theme-unified .data-input:focus,
body.theme-unified .task-input:focus {
    outline: none;
    border-color: rgba(185, 151, 91, 0.5) !important;
    box-shadow: 0 0 0 3px rgba(185, 151, 91, 0.08) !important;
}

body.theme-unified .result-section,
body.theme-unified .preview-section,
body.theme-unified .payment-card,
body.theme-unified .form-section,
body.theme-unified .metric-card,
body.theme-unified .stat-card {
    border-radius: 18px !important;
    padding: 18px !important;
}

body.theme-unified .result-box,
body.theme-unified .result-content,
body.theme-unified .empty-state {
    line-height: 1.72;
}

body.theme-unified .card-icon,
body.theme-unified .state-option,
body.theme-unified .platform {
    border-radius: 14px !important;
}

body.theme-unified .platform,
body.theme-unified .state-option,
body.theme-unified .summary-item,
body.theme-unified .payment-card,
body.theme-unified .preview-content,
body.theme-unified .output-content,
body.theme-unified .notification {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.028)) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: none !important;
}

body.theme-unified .platform,
body.theme-unified .state-option {
    padding: 18px !important;
    transition: transform 0.22s ease, border-color 0.22s ease, background 0.22s ease;
}

body.theme-unified .platform:hover,
body.theme-unified .state-option:hover {
    transform: translateY(-2px);
    border-color: rgba(121, 168, 255, 0.24) !important;
    background:
        linear-gradient(180deg, rgba(121, 168, 255, 0.09), rgba(255, 255, 255, 0.03)) !important;
}

body.theme-unified .platform label,
body.theme-unified .state-option label {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 !important;
    font-weight: 600;
}

body.theme-unified .state-desc {
    margin-top: 8px;
    color: var(--ux-muted) !important;
    line-height: 1.6;
}

body.theme-unified .summary-section {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 14px !important;
    margin-top: 18px;
}

body.theme-unified .summary-item {
    padding: 18px 20px !important;
    border-radius: 18px !important;
}

body.theme-unified .summary-item.total {
    border-color: rgba(185, 151, 91, 0.24) !important;
}

body.theme-unified .summary-item span:last-child,
body.theme-unified .summary-item.total span:last-child {
    color: var(--ux-text) !important;
    font-weight: 700;
}

body.theme-unified .summary-item input {
    width: 100% !important;
    min-width: 0;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    text-align: right;
    padding: 0 !important;
}

body.theme-unified .preview-content,
body.theme-unified .output-content {
    padding: 26px !important;
    border-radius: 22px !important;
}

body.theme-unified [style*="width: 48%"] {
    width: calc(50% - 8px) !important;
    padding: 16px !important;
    border-radius: 16px !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.018)) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

body.theme-unified .notification {
    border-radius: 16px !important;
    color: var(--ux-text) !important;
}

body.theme-unified .items-table,
body.theme-unified #tblResult {
    border-collapse: separate !important;
    border-spacing: 0;
    overflow: hidden;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.02);
}

body.theme-unified .items-table th,
body.theme-unified .items-table td,
body.theme-unified #tblResult th,
body.theme-unified #tblResult td,
body.theme-unified table th,
body.theme-unified table td {
    padding: 14px 12px !important;
    vertical-align: middle;
}

body.theme-unified .items-table input,
body.theme-unified #tblResult input {
    min-height: 40px;
    padding: 8px 10px !important;
    border-radius: 10px !important;
}

body.theme-unified input[style*="width: 120px"] {
    width: 120px !important;
}

body.theme-unified input[style*="width: 100px"] {
    width: 100px !important;
}

body.theme-unified input[style*="width: 60px"] {
    width: 60px !important;
}

body.theme-unified input[style*="width:40px"] {
    width: 56px !important;
    display: inline-flex;
}

body.theme-unified input[style*="width:25px"] {
    width: 44px !important;
    display: inline-flex;
}

body.theme-unified input[style*="background: var(--success)"] {
    background: rgba(34, 197, 94, 0.18) !important;
    border-color: rgba(34, 197, 94, 0.28) !important;
}

body.theme-unified td[style*="text-align: center"] {
    text-align: center !important;
}

body.theme-unified td[style*="font-weight:bold"] {
    font-weight: 700 !important;
}

body.theme-unified td[style*="color:red"],
body.theme-unified [id^="note_"] {
    color: #fda4af !important;
}

body.theme-unified .items-table .remove-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 999px;
    background: rgba(239, 68, 68, 0.12);
}

body.theme-unified .remove-item[style] {
    color: #fda4af !important;
    cursor: pointer !important;
}

body.theme-unified .table-actions {
    margin-top: 16px;
}

body.theme-unified .btn-generate,
body.theme-unified .btn-copy {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 48px;
    padding: 12px 22px !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, #4a78d2, #6d9eff) !important;
    border: 1px solid rgba(121, 168, 255, 0.42) !important;
    color: #fff !important;
    box-shadow: 0 16px 36px rgba(74, 120, 210, 0.26) !important;
}

body.theme-unified .btn-generate:hover,
body.theme-unified .btn-copy:hover {
    transform: translateY(-2px);
}

body.theme-unified .btn[style*="background: rgba(255,255,255,0.1)"],
body.theme-unified button[style*="background: rgba(255,255,255,0.1)"] {
    background: rgba(255, 255, 255, 0.03) !important;
    color: var(--ux-text) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

body.theme-unified .divider,
body.theme-unified hr {
    border-color: rgba(255, 255, 255, 0.08) !important;
}

body.theme-unified .btn,
body.theme-unified button,
body.theme-unified .cta-button,
body.theme-unified .add-button,
body.theme-unified .search-btn,
body.theme-unified .filter-btn,
body.theme-unified .video-link,
body.theme-unified .step-link {
    border-radius: 12px !important;
    transition: all 0.22s ease;
}

body.theme-unified .btn-primary,
body.theme-unified .cta-button,
body.theme-unified .add-button,
body.theme-unified button.btn-primary {
    background: linear-gradient(135deg, #4a78d2, #6d9eff) !important;
    border: 1px solid rgba(121, 168, 255, 0.42) !important;
    color: #fff !important;
    box-shadow: 0 16px 36px rgba(74, 120, 210, 0.26) !important;
}

body.theme-unified .btn-secondary,
body.theme-unified .btn,
body.theme-unified button:not(.btn-primary):not(.add-button),
body.theme-unified .video-link,
body.theme-unified .step-link {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: var(--ux-text) !important;
}

body.theme-unified .btn:hover,
body.theme-unified button:hover,
body.theme-unified .cta-button:hover,
body.theme-unified .add-button:hover,
body.theme-unified .video-link:hover,
body.theme-unified .step-link:hover {
    transform: translateY(-2px);
}

body.theme-unified .result-content,
body.theme-unified .task-title,
body.theme-unified .main-content,
body.theme-unified .sidebar,
body.theme-unified .step-content,
body.theme-unified .footer-section,
body.theme-unified .upload-info li,
body.theme-unified .contact-list li {
    color: var(--ux-text) !important;
}

body.theme-unified .table-container {
    overflow: auto;
    padding: 10px !important;
}

body.theme-unified table,
body.theme-unified .data-table {
    background: transparent !important;
    color: var(--ux-text) !important;
}

body.theme-unified th,
body.theme-unified td {
    border-color: rgba(255, 255, 255, 0.06) !important;
}

body.theme-unified th {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #dfe6f2 !important;
}

body.theme-unified tr:nth-child(even) td {
    background: rgba(255, 255, 255, 0.028) !important;
}

body.theme-unified .column-group th,
body.theme-unified .fixed-header,
body.theme-unified .warning {
    color: var(--ux-accent) !important;
}

body.theme-unified .stats-grid,
body.theme-unified .stats-container,
    body.theme-unified .video-grid,
    body.theme-unified .community-links,
    body.theme-unified .trust-grid,
    body.theme-unified .timeline {
    margin-top: 18px;
}

body.theme-unified .footer,
body.theme-unified footer {
    background: transparent !important;
    border-top: none !important;
}

body.theme-unified footer[style*="text-align:center"] {
    text-align: center !important;
}

body.theme-unified a[style*="color:white"],
body.theme-unified a.footer-link,
body.theme-unified .footer a,
body.theme-unified footer a {
    color: #d8e7ff !important;
}

body.theme-unified.has-unified-footer {
    padding-bottom: 24px;
}

body.theme-unified .unified-site-footer {
    position: relative;
    z-index: 1;
    padding: 24px 0 56px;
}

body.theme-unified .unified-footer-box {
    width: min(1180px, calc(100% - 32px));
    margin: 0 auto;
    padding: 28px;
    border-radius: 24px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.02)),
        rgba(8, 14, 24, 0.88);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: var(--ux-shadow);
}

body.theme-unified .unified-footer-grid {
    display: grid;
    grid-template-columns: 1.35fr 0.95fr 1fr;
    gap: 28px;
}

body.theme-unified .unified-footer-brand {
    display: grid;
    gap: 12px;
}

body.theme-unified .unified-footer-badge {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(47, 94, 168, 0.22), rgba(185, 151, 91, 0.2));
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #d6bd8c;
}

body.theme-unified .unified-footer-title {
    margin: 0;
    font-size: 1rem;
    color: var(--ux-text);
    letter-spacing: 0.04em;
}

body.theme-unified .unified-footer-desc,
body.theme-unified .unified-footer-list li,
body.theme-unified .unified-footer-meta,
body.theme-unified .unified-footer-bottom {
    color: var(--ux-muted) !important;
}

body.theme-unified .unified-footer-list,
body.theme-unified .unified-footer-links {
    list-style: none;
    margin: 0;
    padding: 0;
}

body.theme-unified .unified-footer-list {
    display: grid;
    gap: 10px;
}

body.theme-unified .unified-footer-links {
    display: grid;
    gap: 10px;
}

body.theme-unified .unified-footer-links a,
body.theme-unified .unified-footer-bottom a {
    color: #d8e7ff !important;
    transition: color 0.22s ease;
}

body.theme-unified .unified-footer-links a:hover,
body.theme-unified .unified-footer-bottom a:hover {
    color: #ffffff !important;
}

body.theme-unified .unified-footer-meta {
    display: grid;
    gap: 10px;
}

body.theme-unified .unified-footer-meta span,
body.theme-unified .unified-footer-list li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

body.theme-unified .unified-footer-meta i,
body.theme-unified .unified-footer-list i {
    margin-top: 4px;
    color: var(--ux-accent);
}

body.theme-unified .unified-footer-bottom {
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    font-size: 0.92rem;
    line-height: 1.8;
}

body.theme-unified .unified-footer-bottom img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
}

body.theme-unified .legacy-top-nav,
body.theme-unified .legacy-navbar,
body.theme-unified .legacy-header-nav,
body.theme-unified .legacy-footer,
body.theme-unified .legacy-site-footer,
body.theme-unified .legacy-footer-block,
body.theme-unified .legacy-footer-copy {
    display: none !important;
}

body.theme-unified .copyright {
    border-top-color: rgba(255, 255, 255, 0.08) !important;
}

body.theme-unified.theme-marketing .hero,
body.theme-unified.theme-dashboard .hero {
    padding-top: 120px !important;
}

body.theme-unified.theme-tool header,
body.theme-unified.theme-notes header,
body.theme-unified.theme-dashboard header {
    margin-top: 8px;
}

body.theme-unified.theme-tool .main-content {
    max-width: 980px;
    margin: 28px auto 36px !important;
    padding: 42px 36px !important;
    border-radius: 30px !important;
    background:
        linear-gradient(135deg, rgba(78, 125, 217, 0.14), rgba(214, 176, 107, 0.12)),
        linear-gradient(180deg, rgba(10, 18, 32, 0.88), rgba(7, 13, 24, 0.94)) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 30px 90px rgba(0, 0, 0, 0.28) !important;
    text-align: left !important;
    align-items: flex-start !important;
}

body.theme-unified.theme-tool .main-content h1 {
    font-size: clamp(2.6rem, 4.4vw, 4.6rem) !important;
    line-height: 1.02 !important;
    margin-bottom: 18px !important;
    background: linear-gradient(135deg, #ffffff 0%, #dce9ff 50%, #f0d7a1 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
}

body.theme-unified.theme-tool .main-content p {
    max-width: 760px;
    font-size: 1.06rem !important;
    line-height: 1.85 !important;
    margin-bottom: 28px !important;
}

body.theme-unified.theme-tool .modal-content {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02)),
        linear-gradient(180deg, rgba(8, 16, 28, 0.96), rgba(12, 23, 39, 0.98)) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 28px !important;
    box-shadow: 0 34px 100px rgba(0, 0, 0, 0.36) !important;
    backdrop-filter: blur(22px);
}

body.theme-unified.theme-tool .invoice-form {
    gap: 22px !important;
}

body.theme-unified.theme-tool .form-section,
body.theme-unified.theme-tool .items-section,
body.theme-unified.theme-tool .payment-card {
    padding: 24px !important;
    border-radius: 22px !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.025)) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

body.theme-unified.theme-tool .form-section-title,
body.theme-unified.theme-tool .payment-card h3 {
    font-size: 1.08rem !important;
    color: var(--ux-text) !important;
    margin-bottom: 18px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

body.theme-unified.theme-tool .items-table,
body.theme-unified.theme-tool .preview-table {
    border-radius: 18px !important;
    overflow: hidden;
}

body.theme-unified.theme-tool .items-table th {
    background: rgba(121, 168, 255, 0.14) !important;
    color: #edf4ff !important;
}

body.theme-unified.theme-tool .items-table td {
    background: rgba(255, 255, 255, 0.018) !important;
}

body.theme-unified.theme-tool .table-actions,
body.theme-unified.theme-tool .template-buttons,
body.theme-unified.theme-tool .form-footer {
    justify-content: flex-start !important;
}

body.theme-unified.theme-tool .summary-section {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.theme-unified.theme-tool .summary-item {
    min-height: 72px;
    align-items: center;
}

body.theme-unified.theme-tool .preview-content {
    background: linear-gradient(180deg, #ffffff, #f7f8fb) !important;
    color: #1f2937 !important;
    border: none !important;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.12) !important;
}

body.theme-unified.theme-tool .preview-content .preview-header h1,
body.theme-unified.theme-tool .preview-content .preview-section-title {
    color: #1f3d73 !important;
}

body.theme-unified.theme-tool .preview-content .preview-table th {
    background: #eef3fb !important;
    color: #243b63 !important;
}

body.theme-unified.theme-tool .preview-content .preview-table td,
body.theme-unified.theme-tool .preview-content .preview-table th {
    border-color: #d7e0ef !important;
}

body.theme-unified.theme-notes .container {
    max-width: 880px !important;
}

body.theme-unified.theme-notes header {
    text-align: center;
}

body.theme-unified.theme-notes .date-display,
body.theme-unified.theme-notes .footer-note {
    color: var(--ux-muted) !important;
}

body.theme-unified.theme-notes .task-item.task-completed {
    opacity: 0.72;
}

@media (max-width: 900px) {
    body.theme-unified .container {
        width: min(100%, calc(100% - 24px)) !important;
    }

    body.theme-unified .content-section,
    body.theme-unified .hero-grid,
    body.theme-unified .contact-panel,
    body.theme-unified .footer-container,
    body.theme-unified .community-links,
    body.theme-unified .stats-container,
    body.theme-unified .video-grid,
    body.theme-unified .features-grid,
    body.theme-unified .trust-grid,
    body.theme-unified .timeline,
    body.theme-unified .form-row,
    body.theme-unified .input-row,
    body.theme-unified .unified-footer-grid,
    body.theme-unified .platforms,
    body.theme-unified .states,
    body.theme-unified .payment-methods,
    body.theme-unified .summary-section,
    body.theme-unified .content-section {
        grid-template-columns: 1fr !important;
        flex-direction: column !important;
    }

    body.theme-unified .nav-links {
        gap: 8px;
    }
}

@media (max-width: 768px) {
    body.theme-unified .unified-nav-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    body.theme-unified .unified-nav-inner {
        min-height: 72px;
        align-items: flex-start;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    body.theme-unified .unified-nav-links {
        position: absolute;
        top: calc(100% + 10px);
        left: 16px;
        right: 16px;
        display: none;
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
        padding: 14px;
        background: rgba(10, 18, 31, 0.98);
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: 16px;
        box-shadow: var(--ux-shadow);
    }

    body.theme-unified .unified-site-nav.is-open .unified-nav-links {
        display: flex;
    }

    body.theme-unified .unified-nav-links a {
        justify-content: flex-start;
    }

    body.theme-unified .nav-links {
        background: rgba(10, 18, 31, 0.98) !important;
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: 16px;
        box-shadow: var(--ux-shadow);
    }

    body.theme-unified .hero {
        padding-top: 92px !important;
        padding-bottom: 40px !important;
    }

    body.theme-unified .hero h1 {
        font-size: 1.9rem !important;
    }

    body.theme-unified .card,
    body.theme-unified .tool-section,
    body.theme-unified .main-card,
    body.theme-unified .upload-area,
    body.theme-unified .controls,
    body.theme-unified .form-container,
    body.theme-unified .tasks-container,
    body.theme-unified .add-task,
    body.theme-unified .contact-card,
    body.theme-unified .unified-footer-box {
        padding: 20px !important;
    }

    body.theme-unified .btn-group,
    body.theme-unified .action-buttons,
    body.theme-unified .template-buttons,
    body.theme-unified .table-actions,
    body.theme-unified .form-footer {
        align-items: stretch;
    }

    body.theme-unified .btn-group > *,
    body.theme-unified .action-buttons > *,
    body.theme-unified .template-buttons > *,
    body.theme-unified .table-actions > *,
    body.theme-unified .form-footer > * {
        width: 100%;
        justify-content: center;
    }
}