.theme-toggle{width:auto;min-width:42px;height:42px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;padding:0 11px;border:1px solid rgba(125,154,185,.35);border-radius:11px;background:rgba(13,31,51,.82);color:#dceaff;font:800 10px "Be Vietnam Pro",system-ui,sans-serif;line-height:1;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.12);backdrop-filter:blur(14px);transition:background .2s,border-color .2s,color .2s,transform .2s}.theme-toggle:hover{border-color:#4b8bd0;transform:translateY(-1px)}.theme-toggle:focus-visible{outline:3px solid rgba(59,130,246,.32);outline-offset:2px}.theme-toggle-icon{font-size:17px}.theme-toggle-floating{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));z-index:100000001}.theme-ready body,.theme-ready .panel,.theme-ready .account-section,.theme-ready .price-card,.theme-ready .feature-card{transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s}

html[data-theme="light"]{color-scheme:light;--bg:#f3f7fc;--surface:#ffffff;--surface2:#edf4fb;--line:#cbd9e7;--text:#142338;--muted:#61758b;--bg-color:#eaf1f8;--panel-bg:rgba(255,255,255,.92);--border-color:rgba(38,68,100,.18);--text-main:#142338;--text-muted:#61758b;--safe-area-mask-color:#eaf1f8;--safe-area-frame-color:rgba(20,35,56,.72)}
html[data-theme="light"] body{color:#142338;background-color:#f3f7fc;background-image:radial-gradient(circle at 12% 0,rgba(59,130,246,.13),transparent 29%),radial-gradient(circle at 92% 18%,rgba(6,182,212,.1),transparent 27%)}
html[data-theme="light"] .theme-toggle{border-color:#b8c9dc;background:rgba(255,255,255,.92);color:#28435e;box-shadow:0 7px 22px rgba(39,72,105,.12)}

/* Trang giới thiệu */
html[data-theme="light"] .site-header{border-color:#c8d6e5;background:rgba(248,251,255,.9);box-shadow:0 8px 28px rgba(46,78,111,.08)}
html[data-theme="light"] .landing-brand,html[data-theme="light"] .desktop-nav a,html[data-theme="light"] .text-action{color:#263b52}
html[data-theme="light"] .mobile-menu,html[data-theme="light"] .feature-card,html[data-theme="light"] .steps article,html[data-theme="light"] .audience-grid article{border-color:#c9d8e7;background:#fff;box-shadow:0 16px 42px rgba(43,72,103,.08)}
html[data-theme="light"] .hero-copy h1,html[data-theme="light"] .section-intro h2,html[data-theme="light"] .showcase-copy h2,html[data-theme="light"] .final-cta h2,html[data-theme="light"] .feature-card h3,html[data-theme="light"] .steps h3,html[data-theme="light"] .audience-grid h3{color:#12243a}
html[data-theme="light"] .hero-lead,html[data-theme="light"] .section-intro p,html[data-theme="light"] .feature-card>p,html[data-theme="light"] .steps>article>p,html[data-theme="light"] .showcase-copy>p,html[data-theme="light"] .audience-grid p{color:#5c7188}
html[data-theme="light"] .workflow-section,html[data-theme="light"] .audience-section{background:#eaf2fa}
html[data-theme="light"] .trust-strip,html[data-theme="light"] footer{border-color:#cad9e8;background:#e9f1f8;color:#51677e}
html[data-theme="light"] .final-cta{border-color:#9abfe4;background:linear-gradient(120deg,#e7f1ff,#e5f9fc)}

/* Bảng giá và Affiliate */
html[data-theme="light"] .commerce-header{border-color:#c9d8e7;background:rgba(248,251,255,.92)}
html[data-theme="light"] .brand,html[data-theme="light"] .header-nav a{color:#263b52}
html[data-theme="light"] .header-nav a,html[data-theme="light"] .button{border-color:#bfd0e1;background:#fff;color:#28445f}
html[data-theme="light"] .button.primary{border-color:transparent;background:linear-gradient(120deg,#2563eb,#0891b2);color:#fff}
html[data-theme="light"] .hero p,html[data-theme="light"] .section-title p,html[data-theme="light"] .price-card>p,html[data-theme="light"] .feature-cards p,html[data-theme="light"] .team-box p{color:#61768c}
html[data-theme="light"] .price-card,html[data-theme="light"] .feature-cards article,html[data-theme="light"] .compare-wrap,html[data-theme="light"] .panel{border-color:#c8d7e6;background:#fff;box-shadow:0 15px 42px rgba(42,74,108,.07)}
html[data-theme="light"] .features{border-color:#d4e0eb}html[data-theme="light"] .features li{color:#31485f}html[data-theme="light"] .features li.off{color:#8a9aab}
html[data-theme="light"] .duration-pills button{border-color:#c6d5e5;background:#edf4fb;color:#536a81}html[data-theme="light"] .duration-pills button.active{background:#2563eb;color:#fff}
html[data-theme="light"] .compare th,html[data-theme="light"] .compare td{border-color:#d7e2ec;color:#294158}
html[data-theme="light"] .team-box{border-color:#a8c9e7;background:linear-gradient(120deg,#e8f2ff,#e7fafc)}
html[data-theme="light"] .commerce-footer{border-color:#c9d8e7;background:#eaf1f8}
html[data-theme="light"] .ctv-page{background:radial-gradient(circle at 12% -8%,rgba(37,99,235,.14),transparent 30%),radial-gradient(circle at 94% 20%,rgba(8,145,178,.1),transparent 28%),#f3f7fc}
html[data-theme="light"] .ctv-tabs{border-color:#c6d5e4;background:rgba(247,250,254,.94)}html[data-theme="light"] .ctv-tabs a{color:#60758b}html[data-theme="light"] .ctv-tabs a:hover,html[data-theme="light"] .ctv-tabs a.active{border-color:#b9cde0;background:#e5f0fb;color:#17344f}
html[data-theme="light"] .ctv-intro p,html[data-theme="light"] .status-copy p,html[data-theme="light"] .link-card-copy p{color:#61768c}
html[data-theme="light"] .ctv-intro-actions,html[data-theme="light"] .account-panel,html[data-theme="light"] .status-card,html[data-theme="light"] .affiliate-kpis article,html[data-theme="light"] .data-card,html[data-theme="light"] .conversion-list>div,html[data-theme="light"] .timeline-list>div,html[data-theme="light"] .bank-qr,html[data-theme="light"] .policy-grid article{border-color:#c7d7e6;background:#fff;box-shadow:0 14px 38px rgba(43,75,107,.07)}
html[data-theme="light"] .pending-card{border-color:#e2c677;background:#fff9e9}
html[data-theme="light"] .affiliate-kpis strong,html[data-theme="light"] .conversion-list strong,html[data-theme="light"] .timeline-list strong{color:#172b42}
html[data-theme="light"] .affiliate-link-card{border-color:#9cc6e5;background:radial-gradient(circle at 0 50%,rgba(37,99,235,.12),transparent 42%),linear-gradient(110deg,#edf6ff,#eaf9fc)}
html[data-theme="light"] .input{border-color:#b9cadb;background:#f8fbfe;color:#182d44}html[data-theme="light"] .input::placeholder{color:#8193a5}

/* Đăng nhập và quản trị */
html[data-theme="light"] .auth-card{border-color:#c2d2e2;background:rgba(255,255,255,.97);box-shadow:0 22px 60px rgba(40,70,102,.12)}
html[data-theme="light"] .auth-context-links a,html[data-theme="light"] .field label{color:#536b82}
html[data-theme="light"] .tabs{border-color:#c8d7e5;background:#edf3f9}html[data-theme="light"] .tab{color:#5d7288}html[data-theme="light"] .tab.active{color:#fff}
html[data-theme="light"] .password-toggle{color:#60758d;background:#e5edf5}html[data-theme="light"] .password-toggle::after{box-shadow:0 0 0 1.5px #f8fbfe}
html[data-theme="light"] .device-list article{border-color:#c8d7e5;background:#f4f8fc}
html[data-theme="light"] .admin-body{background:#eef4fa;color:#172b42}
html[data-theme="light"] .control-sidebar{border-color:#c6d5e4;background:linear-gradient(180deg,#f8fbfe,#edf4fa)}
html[data-theme="light"] .control-brand,html[data-theme="light"] .nav-item,html[data-theme="light"] .sidebar-foot a,html[data-theme="light"] .sidebar-foot button{color:#536b82}
html[data-theme="light"] .nav-item:hover,html[data-theme="light"] .nav-item.active{background:#dcebf9;color:#173b5d}
html[data-theme="light"] .control-top{border-color:#cfdae6;background:rgba(247,250,253,.9)}
html[data-theme="light"] .account-chip,html[data-theme="light"] .report-toolbar,html[data-theme="light"] .form-panel,html[data-theme="light"] .table-panel,html[data-theme="light"] .stat-card,html[data-theme="light"] .report-chart,html[data-theme="light"] .matrix-grid article,html[data-theme="light"] .calendar-report{border-color:#c8d7e5;background:#fff;color:#21384f}
html[data-theme="light"] table,html[data-theme="light"] th,html[data-theme="light"] td{border-color:#d8e2ec;color:#294158}html[data-theme="light"] th{color:#60778e;background:#f2f6fa}
html[data-theme="light"] .small-btn,html[data-theme="light"] .filter-reset,html[data-theme="light"] .table-action,html[data-theme="light"] .quick-grid button{border-color:#bccdde;background:#eef4fa;color:#284158}
html[data-theme="light"] .key-copy-icon{border-color:#9ebbd5;background:#e6f1fb;color:#17669b}

/* Trung tâm tài khoản */
html[data-theme="light"] .account-sidebar{border-color:#c7d6e5;background:linear-gradient(180deg,#f8fbfe,#eef4fa)}
html[data-theme="light"] .account-sidebar nav a,html[data-theme="light"] .account-sidebar-foot a,html[data-theme="light"] .account-sidebar-foot button{color:#536b82}html[data-theme="light"] .account-sidebar nav a:hover,html[data-theme="light"] .account-sidebar nav a.active{background:#dcebf9;color:#173b5d}
html[data-theme="light"] .account-topbar{background:rgba(247,250,253,.94)}
html[data-theme="light"] .top-actions a,html[data-theme="light"] .quick-actions a,html[data-theme="light"] .account-button{border-color:#b9cbdc;background:#eef5fb;color:#28445f}
html[data-theme="light"] .account-section,html[data-theme="light"] .identity-card,html[data-theme="light"] .account-kpis article,html[data-theme="light"] .inline-form,html[data-theme="light"] .history-row,html[data-theme="light"] .device-row{border-color:#c8d7e5;background:#fff;box-shadow:0 12px 34px rgba(42,73,105,.06)}
html[data-theme="light"] .identity-copy h2,html[data-theme="light"] .account-kpis strong,html[data-theme="light"] .history-row strong,html[data-theme="light"] .device-row strong{color:#172b42}
html[data-theme="light"] .identity-copy p,html[data-theme="light"] .account-kpis small,html[data-theme="light"] .account-kpis span,html[data-theme="light"] .history-row small,html[data-theme="light"] .device-row small{color:#667c92}
html[data-theme="light"] .account-form input,html[data-theme="light"] .inline-form input{border-color:#b9cadb;background:#f8fbfe;color:#172b42}
html[data-theme="light"] .license-summary{border-color:#8bc9b0;background:linear-gradient(100deg,#ecfff7,#edf8fc)}html[data-theme="light"] .license-summary.expired{border-color:#e0a9b4;background:#fff2f4}html[data-theme="light"] .license-summary strong{color:#087c58}

/* Studio: bảng điều khiển sáng, bản đồ và vùng ghi vẫn giữ màu thực */
html[data-theme="light"] #left-sidebar,html[data-theme="light"] #control-panel,html[data-theme="light"] .glass-panel{border-color:rgba(75,105,137,.28)!important;background:rgba(248,251,255,.92)!important;color:#172b42!important;box-shadow:0 16px 42px rgba(30,55,82,.16)!important}
html[data-theme="light"] .sidebar-section,html[data-theme="light"] .toolbar-wrapper,html[data-theme="light"] .autocomplete-list,html[data-theme="light"] .inline-props-panel,html[data-theme="light"] .floating-scene-inspector{border-color:#b8cadb!important;background:rgba(242,247,252,.96)!important;color:#20374e!important}
html[data-theme="light"] .section-summary,html[data-theme="light"] .sidebar-header h2,html[data-theme="light"] .props-header{color:#1c5f91!important}
html[data-theme="light"] .input-group label,html[data-theme="light"] .text-muted,html[data-theme="light"] .scene-title-text{color:#526a81!important}
html[data-theme="light"] #left-sidebar input,html[data-theme="light"] #left-sidebar select,html[data-theme="light"] #control-panel input,html[data-theme="light"] #control-panel select,html[data-theme="light"] #control-panel textarea{border-color:#b8cadb!important;background:#fff!important;color:#172b42!important}
html[data-theme="light"] .studio-context-nav .theme-toggle,html[data-theme="light"] .studio-quick-links,html[data-theme="light"] .studio-account-link,html[data-theme="light"] .studio-admin-link{border-color:#b8cadb;background:rgba(255,255,255,.94);color:#25415c;box-shadow:0 7px 22px rgba(31,58,85,.14)}
html[data-theme="light"] #mobile-workspace-nav{border-color:#b8cadb;background:rgba(250,252,255,.95)}html[data-theme="light"] #mobile-workspace-nav button{color:#536b82}html[data-theme="light"] #mobile-workspace-nav button.active{color:#fff}

@media(max-width:600px){.theme-toggle{width:42px;padding:0}.theme-toggle-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.theme-toggle-floating{bottom:calc(72px + env(safe-area-inset-bottom))}}