:root{--primary-50: #f0f9ff;--primary-100: #e0f2fe;--primary-200: #bae6fd;--primary-500: #0ea5e9;--primary-600: #0284c7;--primary-700: #0369a1;--primary-800: #075985;--primary-900: #0c4a6e;--secondary-50: #f0fdf4;--secondary-100: #dcfce7;--secondary-500: #22c55e;--secondary-600: #16a34a;--secondary-700: #15803d;--neutral-0: #ffffff;--neutral-50: #fafafa;--neutral-100: #f5f5f5;--neutral-200: #e5e5e5;--neutral-300: #d4d4d4;--neutral-400: #a3a3a3;--neutral-500: #737373;--neutral-600: #525252;--neutral-700: #404040;--neutral-800: #262626;--neutral-900: #171717;--error-50: #fef2f2;--error-500: #ef4444;--error-600: #dc2626;--warning-50: #fffbeb;--warning-500: #f59e0b;--warning-600: #d97706;--success-50: #f0fdf4;--success-500: #22c55e;--success-600: #16a34a;--success-700: #15803d;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--accent-orange: #f97316;--accent-orange-light: #fff7ed;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--header-height: 50px;--footer-height: 30px;--main-sidebar-width: 72px;--main-sidebar-expanded-width: 200px;--side-panel-width: 320px;--content-padding: 30px;--color-bg-page: #f4f7fa;--color-bg-white: #ffffff;--color-border: #e0e0e0;--color-upgrade: #f59e0b}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-bg-page);color:var(--neutral-700);font-size:var(--font-size-sm);line-height:1.5;overflow:hidden}.app-container{display:grid;grid-template-rows:var(--header-height) 1fr var(--footer-height);height:100vh}.app-body{display:flex;overflow:hidden}.app-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--content-padding);background-color:var(--color-bg-white);border-bottom:1px solid var(--color-border);z-index:10}.header-logo{font-weight:700;font-size:18px;color:var(--primary-600)}.header-actions{display:flex;align-items:center;gap:16px}.btn-upgrade{background-color:var(--color-upgrade);color:#fff;padding:6px 12px;border-radius:var(--radius-md);font-weight:500;font-size:13px;border:none;cursor:pointer}.user-menu{position:relative;display:flex;align-items:center;gap:6px;cursor:pointer;color:var(--primary-700)}.user-menu i{font-size:18px;color:#555}.dropdown-menu{display:none;position:absolute;top:100%;right:0;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:150px;z-index:100;margin-top:4px}.dropdown-menu.show{display:block}.dropdown-item{display:block;width:100%;padding:10px 16px;font-size:var(--font-size-sm);text-align:left;background:none;border:none;cursor:pointer;color:var(--neutral-700)}.dropdown-item:hover{background:var(--neutral-100)}.main-sidebar{width:var(--main-sidebar-width);min-width:var(--main-sidebar-width);flex-shrink:0;background-color:var(--color-bg-white);border-right:1px solid var(--neutral-200);display:flex;flex-direction:column;position:relative;z-index:1000}.main-sidebar-inner{position:absolute;top:0;left:0;width:var(--main-sidebar-width);height:100%;background-color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid var(--neutral-200);display:flex;flex-direction:column;justify-content:space-between;padding:12px 0;transition:width .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease;overflow:hidden;will-change:width;z-index:1001}.main-sidebar.expanded .main-sidebar-inner{width:var(--main-sidebar-expanded-width);box-shadow:20px 0 50px #00000014}.main-sidebar-group{display:flex;flex-direction:column;gap:8px;padding:0 12px;width:100%}.nav-item-elite{width:100%;height:48px;display:flex;align-items:center;gap:16px;background:transparent;border:none;border-radius:12px;color:var(--neutral-500);cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .1s ease;position:relative;padding:0 12px;text-decoration:none}.nav-item-elite:hover:not(.active){background:var(--neutral-50);color:var(--neutral-900)}.nav-item-elite.active{background:var(--primary-50);color:var(--primary-600)}.icon-box{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.item-label{font-size:14px;font-weight:600;white-space:nowrap;opacity:0;transition:opacity .2s;pointer-events:none}.main-sidebar.expanded .item-label{opacity:1;pointer-events:auto}.active-bar{position:absolute;left:0;top:12px;bottom:12px;width:3px;background:var(--primary-500);border-radius:0 4px 4px 0}.expand-toggle{width:40px;height:40px;margin:0 auto 16px;background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:10px;color:var(--neutral-500);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.expand-toggle:hover{color:var(--primary-500);background:#fff}.sub-sidebar{width:var(--side-panel-width);min-width:var(--side-panel-width);max-width:var(--side-panel-width);flex-shrink:0;background-color:var(--color-bg-white);border-right:1px solid var(--color-border);height:100%;position:relative}.sub-sidebar::-webkit-scrollbar{width:5px}.sub-sidebar::-webkit-scrollbar-track{background:transparent}.sub-sidebar::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:10px}.sub-sidebar::-webkit-scrollbar-thumb:hover{background:#a3a3a3}.sub-sidebar.hidden{display:none}.thin-scrollbar::-webkit-scrollbar{width:5px;height:5px}.thin-scrollbar::-webkit-scrollbar-track{background:transparent}.thin-scrollbar::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:10px}.thin-scrollbar::-webkit-scrollbar-thumb:hover{background:#a3a3a3}.main-container-wrapper{flex-grow:1;flex-basis:0;min-width:0;display:flex;height:100%;overflow-x:hidden;padding:0;background-color:var(--color-bg-page)}.main-content-area{flex-grow:1;flex-basis:0;min-width:0;height:100%;overflow-y:auto;overflow-x:hidden}.main-docs-sidebar{flex-shrink:0;width:var(--side-panel-width);height:100%;overflow-y:auto;background-color:var(--color-bg-white);border-left:1px solid var(--color-border);padding:10px;transition:width .3s ease,padding .3s ease;position:relative}.main-docs-sidebar.collapsed{width:10px;padding:0;overflow:hidden;border-left:none}.main-docs-sidebar.collapsed>*:not(.docs-toggle-button){opacity:0;visibility:hidden}.docs-toggle-button{position:absolute;top:20px;left:-15px;width:30px;height:30px;background-color:var(--color-bg-white);border:1px solid var(--color-border);border-right-color:var(--primary-600);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:-2px 0 5px #0000000d;color:var(--primary-600)}.docs-toggle-button:hover{background-color:var(--primary-50)}.docs-content{padding:24px;height:100%}.docs-inner-body{background-color:#f8fbff;border-left:4px solid var(--primary-500);padding:24px;border-radius:4px 12px 12px 4px;color:var(--neutral-700);line-height:1.7;font-size:14px;box-shadow:0 4px 12px #00000008;position:relative;overflow:hidden}.docs-inner-body:after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;bottom:-10px;right:-5px;font-size:60px;opacity:.03;transform:rotate(-15deg)}.docs-inner-body h4{margin-top:0;color:var(--neutral-900);font-weight:700;margin-bottom:16px;font-size:16px;display:flex;align-items:center;gap:10px}.docs-inner-body p{margin-bottom:12px}.docs-inner-body b{color:var(--primary-700)}.docs-inner-body ul{padding-left:18px;margin:12px 0}.docs-inner-body li{margin-bottom:8px}.docs-inner-body li::marker{color:var(--primary-400)}.docs-inner-body p:last-child{margin-bottom:0}.docs-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:var(--neutral-400);text-align:center}.docs-empty-state i{font-size:40px;margin-bottom:16px;opacity:.2}.app-footer{height:var(--footer-height);display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-white);border-top:1px solid var(--color-border);font-size:12px;color:var(--neutral-500);z-index:10}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid transparent;border-radius:var(--radius-md);font-family:var(--font-family);font-size:12px;font-weight:500;text-decoration:none;cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--primary-500);color:var(--neutral-0);border-color:var(--primary-500)}.btn-primary:hover:not(:disabled){background-color:var(--primary-600);border-color:var(--primary-600)}.btn-secondary{background-color:#22c55e;color:#fbfeff;border:1px solid #cbd5e1}.btn-secondary:hover:not(:disabled){background-color:#01c057}.btn-outline{background:transparent;color:var(--neutral-700);border:1px solid var(--neutral-300)}.btn-outline{background-color:var(--neutral-0);color:var(--neutral-700);border-color:var(--neutral-300)}.btn-outline:hover:not(:disabled){background-color:var(--neutral-50);border-color:var(--neutral-400)}.btn-ghost{background-color:transparent;color:var(--neutral-600);border-color:transparent}.btn-ghost:hover:not(:disabled){background-color:var(--neutral-100);color:var(--neutral-700)}.btn-full{display:flex!important;width:100%!important;justify-content:center}.btn-xl{padding:12px 32px;font-size:14px}.btn-sm{padding:4px 8px!important;font-size:11px!important}.action-group{display:flex;gap:var(--space-2)}.card{background-color:var(--neutral-0);margin-bottom:var(--space-6);border:1px solid var(--color-border);border-radius:10px;box-shadow:0 1px 3px #00000005;width:100%;overflow:hidden}.card-header{padding:var(--space-3) var(--space-4);background-color:var(--neutral-50);border-bottom:1px solid var(--neutral-200);display:flex;align-items:center;justify-content:space-between}.card-title{font-size:14px!important;font-weight:600!important;color:#1f2937!important;display:flex;align-items:center;gap:10px}.card-body{padding:var(--space-4)}.card-footer{padding:var(--space-4);background-color:var(--neutral-50);border-top:1px solid var(--neutral-200)}.success-card{background:#fff;border-left:4px solid var(--secondary-500);padding:16px 24px;margin-bottom:24px;box-shadow:0 2px 12px #00000014;border-radius:var(--radius-md)}.success-card-title{font-weight:600;font-size:16px;color:#111827;margin-bottom:4px}.success-card-subtitle{font-size:12px;color:#6b7280;margin-bottom:12px}.success-card-progress-bar{height:35px;background:#22c55e;border-radius:var(--radius-sm);width:100%;display:block}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;margin-bottom:var(--space-2);font-size:var(--font-size-sm);font-weight:600;color:var(--neutral-800);margin-top:12px}.status-message{margin-top:8px;padding:12px 16px;border-radius:12px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:10px}.status-message.error{background:#fee2e2;color:#b91c1c;border:1px solid #fca5a5}.status-message.success{background:#dcfce7;color:#065f46;border:1px solid #6ee7b7}.status-message.info{background:#e0f2fe;color:#0369a1;border:1px solid #7dd3fc}.form-input,.form-select{width:100%;padding:0 16px;height:46px;border:1px solid var(--neutral-300);border-radius:12px;font-family:var(--font-family);font-size:var(--font-size-sm);background-color:var(--neutral-0);transition:all var(--transition-fast)}.form-input:focus,.form-select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #0ea5e91a}.form-select[multiple]{min-height:120px;padding:var(--space-2)}.form-select[multiple] option{padding:2px 0 4px;border-bottom:1px solid var(--neutral-200);font-size:13px}.status-message{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid;font-size:var(--font-size-sm);margin-top:var(--space-3)}.status-message.success{background-color:#f0fdf4;border-color:#bbf7d0;color:#16a34a;border-radius:10px;font-weight:600;display:flex;align-items:center;gap:10px;padding:12px 20px}.status-message.error{background-color:var(--error-50);border-color:var(--error-500);color:var(--error-600)}.status-message.loading,.status-message.info{background-color:var(--primary-50);border-color:var(--primary-500);color:var(--primary-600)}.status-message.warning{background-color:var(--warning-50);border-color:var(--warning-500);color:var(--warning-600)}.list{list-style:none}.list-item{display:flex;align-items:center;padding:10px 15px!important;border-top:1px solid #f0f0f0!important;cursor:pointer;transition:all var(--transition-fast);gap:12px}.list-item:first-child{border-top:none!important}.list-item:hover{background-color:#f8f9fa}.list-item.active{background-color:var(--primary-50);border-left:3px solid var(--primary-500)}.list-item.active .list-item-content{color:var(--primary-700)!important;font-weight:600!important}.list-item.active .list-item-action{color:var(--primary-500)!important}.list-item-content{flex:1;font-size:13px!important;font-weight:500!important;color:#4b5563!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.list-item-action{color:#d1d5db!important;font-size:14px}.icon-circle{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--neutral-0);font-size:var(--font-size-base);flex-shrink:0}.icon-facebook{background:linear-gradient(135deg,#1877f2,#42a5f5)}.icon-google{background:linear-gradient(135deg,#4285f4,#34a853)}.icon-tiktok{background:linear-gradient(47deg,#ff0050,#6e7777,#000)}.icon-billing{background:linear-gradient(135deg,#34a853,#7cb342)}.icon-neutral{background:linear-gradient(135deg,var(--neutral-500),var(--neutral-700))}.collapsible-header{cursor:pointer;-webkit-user-select:none;user-select:none}.collapsible-toggle{font-size:var(--font-size-sm);transition:transform var(--transition-fast)}.collapsible-content{max-height:0;overflow:hidden;padding-top:0!important;padding-bottom:0!important;border-top:none!important;transition:max-height .3s ease-in-out}.collapsible-content.open{max-height:2000px}.date-range-container{display:flex;gap:16px}.date-input-group{flex:1}.date-input-group .form-input{min-width:0px;font-size:12px!important;padding:8px 5px!important}.fields-container-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.account-selection-list{border:1px solid var(--neutral-200);border-radius:var(--radius-md);max-height:250px;overflow-y:auto;background-color:#fafafa;box-shadow:inset 0 2px 4px #0000000d}.account-item{padding:8px 12px;border-bottom:1px solid rgba(0,0,0,.03);cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:10px;background:#fff}.account-item:hover{background-color:#f0f7ff}.account-item.selected{background-color:#e0f2fe;color:var(--primary-700)}.account-item-name{font-weight:500;font-size:12px;color:var(--neutral-800)}.account-item-id{font-size:10px;color:var(--neutral-500);opacity:.8}.ref-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d;margin-bottom:24px}.ref-header{padding:20px 24px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #f3f4f6;border-radius:10px 10px 0 0}.ref-header i{color:#0284c7;font-size:20px}.ref-header h4{margin:0;font-size:16px;font-weight:700;color:#111827}.ref-body{padding:24px}.ref-input-group{display:flex;flex-direction:column;gap:12px}.ref-label{font-size:13px;font-weight:600;color:#6b7280}.ref-input{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:var(--radius-lg);padding:10px 14px;font-size:14px;color:#374151;transition:all .2s;height:48px;width:100%}.ref-input:focus{background-color:#fff;border-color:var(--primary-400);outline:none;box-shadow:0 0 0 3px #0ea5e91a}.account-selector-container{border:1px solid #e5e7eb;border-radius:var(--radius-lg);padding:1px;max-height:400px;overflow-y:auto}.account-selector-container::-webkit-scrollbar{width:6px}.account-selector-container::-webkit-scrollbar-track{background:transparent}.account-selector-container::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:10px}.account-selector-container::-webkit-scrollbar-thumb:hover{background:#d1d5db}.ref-back-btn{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--radius-2xl);color:#6b7280;font-size:13px;font-weight:500;transition:all .2s;cursor:pointer;border:none;background:transparent}.ref-back-btn:hover{background:#f3f4f6;color:#111827;transform:translate(-4px)}.ref-back-btn i{transition:transform .2s}.ref-back-btn:hover i{transform:translate(-2px)}@keyframes meshGradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.mesh-header{background:linear-gradient(-45deg,#0f172a,#1e293b,#334155,#1e1b4b);background-size:400% 400%;animation:meshGradientMove 15s ease infinite;position:relative;overflow:hidden;will-change:background-position;transform:translateZ(0)}.mesh-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 2px 2px,rgba(255,255,255,.05) 1px,transparent 0);background-size:24px 24px;pointer-events:none}.glass-card-header{background:#ffffffb3!important}.premium-card-v2{background:#fff;border:1px solid rgba(226,232,240,.8);border-radius:5px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;transition:all .4s cubic-bezier(.4,0,.2,1)}.premium-card-v2:hover{border-color:var(--primary-200)}.platform-btn{display:flex;width:100%;height:46px;padding:0 24px;border-radius:12px;font-weight:700;font-size:14px;align-items:center;justify-content:center;gap:10px;transition:all .3s ease;border:none;color:#fff;white-space:nowrap;box-sizing:border-box}.platform-btn:hover{opacity:.9}.btn-fb{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.btn-gg{background:linear-gradient(135deg,#ef4444,#b91c1c)}.btn-tt{background:linear-gradient(135deg,#1f2937,#111827)}.btn-ps{background:linear-gradient(135deg,#f97316,#c2410c)}.btn-pc{background:linear-gradient(135deg,#06b6d4,#0891b2)}.empty-state-v2{background:var(--neutral-50);border-radius:10px;padding:40px 20px;text-align:center;border:2px dashed var(--neutral-200)}.account-item-v2{padding:14px 18px;border-radius:12px;background:#fff;border:1px solid var(--neutral-200);margin-bottom:10px;cursor:pointer;transition:all .2s ease}.account-item-v2:hover{border-color:var(--primary-400);background:var(--primary-50)}.account-item-v2.selected{background:var(--primary-50);border-color:var(--primary-500);border-width:2px}.account-item-ref{display:flex;align-items:center;padding:14px 16px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background .2s}.account-item-ref:last-child{border-bottom:none}.account-item-ref:hover{background:#f9fafb}.account-radio{width:20px;height:20px;border-radius:50%;border:2px solid #d1d5db;margin-right:14px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.account-item-ref.active .account-radio{border-color:var(--primary-500);background:#fff}.account-item-ref.active .account-radio:after{content:"";width:10px;height:10px;background:var(--primary-500);border-radius:50%}.account-info-ref{display:flex;flex-direction:column}.account-name-ref{font-size:14px;font-weight:600;color:#111827}.account-id-ref{font-size:12px;color:#6b7280}.ref-search-wrapper{position:relative;margin-bottom:16px}.ref-search-wrapper i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9ca3af}.ref-search-input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:var(--radius-lg);padding:12px 14px 12px 40px;font-size:14px;width:100%;height:48px}.ref-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 0}.ref-page-btn{width:36px;height:36px;border-radius:50%;border:1px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#6b7280}.ref-page-btn:hover:not(:disabled){background:#f3f4f6;color:#111827}.ref-page-btn:disabled{opacity:.4;cursor:not-allowed}.check-all-btn{font-size:var(--font-size-xs);color:var(--primary-500);text-decoration:none;cursor:pointer}.fields-container{border:1px solid var(--neutral-300);border-radius:var(--radius-md);padding:var(--space-3);background-color:var(--neutral-0);min-height:150px;max-height:250px;overflow-y:auto}.field-category-title{font-weight:600;font-size:var(--font-size-sm);color:var(--neutral-800);margin-top:var(--space-3);margin-bottom:var(--space-2);padding-bottom:var(--space-1);border-bottom:1px solid var(--neutral-200)}.field-category-title:first-child{margin-top:0}.field-checkbox-item{display:flex;align-items:center;margin-bottom:var(--space-2);font-size:var(--font-size-sm)}.field-checkbox-item input{margin-right:var(--space-2)}.field-checkbox-item label{margin-bottom:0;font-weight:400}.token-status-line{font-size:var(--font-size-xs);color:var(--neutral-800);margin:0 0 var(--space-3) 0;padding:var(--space-2);background-color:var(--success-50);border-radius:var(--radius-md);text-align:center}.token-status-line .active{font-weight:700;color:var(--success-700)}.status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.status-dot.success{background-color:var(--success-500)}.status-dot.error{background-color:var(--error-600)}.status-dot.warning{background-color:var(--warning-500)}.status-dot.neutral{background-color:var(--neutral-400)}.status-badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-weight:500;font-size:var(--font-size-xs);color:var(--neutral-0);white-space:nowrap}.status-badge.success{background-color:var(--success-500)}.status-badge.error{background-color:var(--error-600)}.hidden{display:none!important}.text-muted{color:var(--neutral-500)}.font-medium{font-weight:500}.mt-2{margin-top:var(--space-2)}.mb-2{margin-bottom:var(--space-2)}.credential-display{display:flex;align-items:center;justify-content:space-between;background-color:var(--neutral-100);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--neutral-800);border:1px solid var(--neutral-300);margin-top:10px}.credential-display span{font-family:monospace}.clear-cred-btn{cursor:pointer;font-weight:700;color:var(--neutral-500);padding:0 5px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s .3s}.modal-overlay.visible{opacity:1;visibility:visible;transition:opacity .3s ease}.modal-content{background-color:var(--neutral-0);padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:90%;max-width:340px;transform:scale(.95);transition:transform .3s ease}.modal-overlay.visible .modal-content{transform:scale(1)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.modal-title{font-size:var(--font-size-lg);font-weight:600}.modal-close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--neutral-400);line-height:1}.task-manager-panel{position:fixed;left:calc(var(--main-sidebar-width) + 8px);width:calc(var(--side-panel-width) - 16px);bottom:calc(var(--footer-height) + 15px);border-radius:12px;background-color:#262626;color:var(--neutral-0);padding:var(--space-2) var(--space-4);box-shadow:0 -2px 10px #0003;z-index:999998;transform:translateY(100%);transition:transform .3s ease-in-out}.task-manager-panel.visible{transform:translateY(0)}.task-control-btn{background:transparent;border:1px solid var(--neutral-500);color:var(--neutral-200);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0!important}.task-control-btn:hover{background-color:var(--neutral-700)}.schedule-card,.history-card{display:flex;align-items:flex-start;gap:0px;padding:var(--space-3);background-color:var(--neutral-0);border-bottom:1px solid var(--neutral-200);transition:all var(--transition-fast)}.schedule-card:hover{border-color:var(--primary-500);box-shadow:var(--shadow-sm)}.schedule-card-main{flex:1;min-width:0}.schedule-card-title{font-weight:600;color:var(--neutral-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.schedule-card-info{font-size:var(--font-size-xs);color:var(--neutral-500);display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-1)}.schedule-card-actions{display:flex;align-items:center;gap:var(--space-4)}.history-card-main{flex:1;min-width:0}.history-card-title{font-weight:600;color:var(--neutral-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:var(--space-1)}.history-card-info{font-size:var(--font-size-xs);color:var(--neutral-500);font-family:monospace;display:flex;flex-direction:column}.history-card-status{margin-left:auto}.dashboard-layout{display:grid;grid-template-columns:4fr 1fr;gap:40px;height:100%}.dashboard-main-col{display:flex;flex-direction:column;gap:20px;overflow-y:auto}.dashboard-right-col{display:flex;flex-direction:column;gap:20px;min-width:0}.dashboard-greeting{font-size:1.25rem;font-weight:700;color:var(--neutral-800);margin-bottom:5px}.stats-container{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.stat-card{background:#fff;padding:15px;border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.stat-value{font-size:1.5rem;font-weight:700;color:var(--primary-600)}.stat-label{font-size:.8rem;color:var(--neutral-500)}.account-overview-container{display:flex;background:#fff;border-radius:var(--radius-lg);border:1px solid var(--color-border);margin-bottom:20px}.account-info-left{padding:20px;flex:1}.account-image-right{width:250px;display:flex;align-items:center;justify-content:center;padding:10px}.account-image-right img{max-width:100%;height:auto;border-radius:8px}.pagination-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;margin-top:-10px}.schedule-entry-row:hover{border-color:var(--primary-300)!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px)}.history-accordion-item:hover{border-color:var(--primary-200)!important}.history-card-header:hover{background-color:#f9fafb!important}.delete-btn-hover:hover{background-color:#fee2e2!important;color:#ef4444!important}.btn-ghost:hover{background-color:#f3f4f6;color:var(--primary-600)}.account-selection-list{border:1px solid var(--color-border);border-radius:var(--radius-lg);max-height:320px;overflow-y:auto;background:#fff;margin-top:var(--space-2)}.account-item{display:flex;align-items:center;padding:var(--space-2) var(--space-3);cursor:pointer;transition:all .2s ease;border-bottom:1px solid var(--neutral-100);gap:var(--space-3)}.account-item:last-child{border-bottom:none}.account-item:hover{background-color:var(--neutral-50)}.account-item.selected{background-color:var(--primary-500)!important;color:#fff!important}.account-item.selected .account-item-name{color:#fff!important}.account-item.selected .account-item-id{color:#e0f2fe!important}.account-item-info{display:flex;flex-direction:column;min-width:0}.account-item-name{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-item-id{font-size:10px;color:var(--neutral-500)}.account-selection-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-1)}.account-selection-actions{display:flex;gap:var(--space-3)}.account-action-link{font-size:11px;color:var(--color-primary);background:none;border:none;padding:0;cursor:pointer;font-weight:500}.account-action-link:hover{text-decoration:underline}@keyframes skeleton-shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton-box{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:600px 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite;border-radius:8px}.skeleton-card{background:#fff;border-radius:24px;overflow:hidden;border:1px solid #f3f4f6;box-shadow:0 10px 25px -5px #0000000a;padding-bottom:28px}.skeleton-banner{height:220px;border-radius:0;margin-bottom:28px}.skeleton-title{height:22px;width:70%;margin:0 28px 12px}.skeleton-text{height:14px;margin:0 28px 8px}.skeleton-button{height:36px;border-radius:12px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.upgm-wrap *,.upgm-wrap *:before,.upgm-wrap *:after{box-sizing:border-box;margin:0;padding:0}.upgm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:99998;display:none;align-items:center;justify-content:center;padding:16px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.upgm-overlay.upgm-open{display:flex}.upgm-modal{background:#fff;border-radius:12px;width:100%;max-width:900px;max-height:92vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 24px 80px #00000040;position:relative}.upgm-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px 14px;border-bottom:1px solid #e5e7eb;flex-shrink:0}.upgm-title{font-size:16px;font-weight:700;color:#111827}.upgm-subtitle{font-size:12px;color:#6b7280;margin-top:2px}.upgm-close{width:32px;height:32px;border-radius:6px;border:none;background:#f3f4f6;color:#6b7280;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.upgm-close:hover{background:#e5e7eb;color:#111827}.upgm-stepper{display:flex;align-items:center;padding:12px 24px;border-bottom:1px solid #e5e7eb;flex-shrink:0;background:#fafafa}.upgm-step{display:flex;align-items:center;gap:7px;flex:1}.upgm-step-num{width:24px;height:24px;border-radius:50%;border:2px solid #d1d5db;background:#fff;color:#9ca3af;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.upgm-step-label{font-size:12px;font-weight:600;color:#9ca3af;white-space:nowrap}.upgm-step-line{flex:1;height:2px;background:#e5e7eb;margin:0 8px;transition:background .2s}.upgm-step.upgm-s-active .upgm-step-num{border-color:#f59e0b;background:#f59e0b;color:#fff}.upgm-step.upgm-s-active .upgm-step-label{color:#111827}.upgm-step.upgm-s-done .upgm-step-num{border-color:#10b981;background:#10b981;color:#fff}.upgm-step.upgm-s-done .upgm-step-label{color:#6b7280}.upgm-step-line.upgm-l-done{background:#10b981}.upgm-body{flex:1;overflow-y:auto;padding:20px 24px}.upgm-screen{display:none}.upgm-screen.upgm-active{display:block}.upgm-billing-wrap{display:flex;justify-content:center;margin-bottom:18px}.upgm-billing-tabs{display:flex;background:#f3f4f6;border-radius:6px;padding:3px;gap:2px}.upgm-billing-tab{padding:7px 16px;border-radius:5px;font-size:13px;font-weight:600;color:#6b7280;cursor:pointer;border:none;background:transparent;transition:all .15s}.upgm-billing-tab.upgm-t-active{background:#fff;color:#111827;box-shadow:0 1px 3px #0000001a}.upgm-save-badge{display:inline-block;background:#10b981;color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:99px;margin-left:5px;vertical-align:middle}.upgm-plans-grid{display:grid;grid-template-columns:repeat(3,1fr) 200px;gap:12px;align-items:stretch}.upgm-card{border:2px solid #e5e7eb;border-radius:8px;padding:16px 14px;cursor:pointer;transition:border-color .15s,box-shadow .15s;position:relative;background:#fff}.upgm-card:hover{border-color:#fbbf24;box-shadow:0 4px 12px #f59e0b1a}.upgm-card.upgm-c-popular{border-color:#f59e0b}.upgm-card.upgm-c-selected{border-color:#f59e0b;background:#fffbeb;box-shadow:0 4px 16px #f59e0b33}.upgm-pop-badge,.upgm-cur-badge{position:absolute;top:-11px;left:50%;transform:translate(-50%);font-size:10px;font-weight:700;padding:2px 10px;border-radius:99px;white-space:nowrap}.upgm-pop-badge{background:#f59e0b;color:#fff}.upgm-cur-badge{background:#6b7280;color:#fff}.upgm-card-name{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#6b7280;margin-bottom:4px}.upgm-card-price{font-size:22px;font-weight:800;color:#111827;line-height:1;margin-bottom:2px}.upgm-card-price sup{font-size:12px;vertical-align:top;margin-top:3px;display:inline-block}.upgm-card-price .upgm-unit{font-size:12px;font-weight:500;color:#9ca3af}.upgm-card-note{font-size:11px;color:#9ca3af;min-height:14px;margin-bottom:10px}.upgm-card-div{height:1px;background:#f3f4f6;margin:10px 0}.upgm-card-feats{list-style:none;display:flex;flex-direction:column;gap:5px}.upgm-card-feats li{font-size:11.5px;color:#4b5563;display:flex;align-items:flex-start;gap:5px;line-height:1.4}.upgm-card-feats li:before{content:"✓";color:#10b981;font-weight:700;font-size:10px;flex-shrink:0;margin-top:1px}.upgm-col4{display:flex;flex-direction:column;gap:10px}.upgm-trial-card{border:2px solid rgba(245,158,11,.4);border-radius:8px;padding:14px;background:#fffbeb;cursor:pointer;transition:border-color .15s,box-shadow .15s;position:relative}.upgm-trial-card:hover{border-color:#f59e0b;box-shadow:0 3px 10px #f59e0b26}.upgm-trial-card.upgm-c-selected{border-color:#f59e0b;box-shadow:0 4px 14px #f59e0b40}.upgm-trial-label{font-size:10px;font-weight:700;text-transform:uppercase;color:#d97706;margin-bottom:6px;letter-spacing:.06em}.upgm-trial-name{font-size:13px;font-weight:700;color:#111827;margin-bottom:4px}.upgm-trial-price{font-size:26px;font-weight:900;color:#f59e0b;line-height:1;margin:6px 0}.upgm-trial-note{font-size:11px;color:#92400e;font-weight:600;margin-bottom:8px}.upgm-trial-div{height:1px;background:#f59e0b40;margin:8px 0}.upgm-trial-desc{font-size:11px;color:#78350f;line-height:1.5}.upgm-custom-card{border:1.5px solid rgba(255,255,255,.08);border-radius:8px;padding:14px;background:#0f172a;flex:1;display:flex;flex-direction:column;gap:6px}.upgm-custom-label{font-size:10px;font-weight:700;text-transform:uppercase;color:#64748b;letter-spacing:.06em}.upgm-custom-name{font-size:14px;font-weight:700;color:#f1f5f9}.upgm-custom-desc{font-size:11px;color:#64748b;line-height:1.5;flex:1}.upgm-zalo-btn{display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 12px;background:#0068ff;border-radius:6px;text-decoration:none;font-size:13px;font-weight:700;color:#fff;transition:opacity .15s;margin-top:4px}.upgm-zalo-btn:hover{opacity:.85}.upgm-order-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:16px}.upgm-order-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;color:#374151;border-bottom:1px solid #f3f4f6}.upgm-order-row:last-child{border-bottom:none}.upgm-order-lbl{color:#6b7280}.upgm-order-total{font-size:16px;font-weight:700;color:#111827;border-top:2px solid #e5e7eb;margin-top:4px;padding-top:12px}.upgm-order-amount{color:#f59e0b}.upgm-vat-toggle{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;cursor:pointer;margin-bottom:14px;transition:border-color .15s}.upgm-vat-toggle:hover{border-color:#0284c7}.upgm-vat-toggle input[type=checkbox]{accent-color:#0284c7;width:16px;height:16px;cursor:pointer}.upgm-vat-main{font-size:14px;font-weight:600;color:#111827}.upgm-vat-sub{font-size:12px;color:#6b7280;margin-top:1px}.upgm-vat-form{display:none;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:14px;margin-bottom:14px}.upgm-vat-form.upgm-vf-open{display:block}.upgm-vat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.upgm-field{display:flex;flex-direction:column;gap:5px}.upgm-field-full{grid-column:1 / -1}.upgm-field label{font-size:11px;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.04em}.upgm-field input{padding:9px 12px;border:1.5px solid #d1d5db;border-radius:6px;font-size:13px;color:#111827;font-family:inherit;outline:none;background:#fff;transition:border-color .15s}.upgm-field input:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0284c71a}.upgm-payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.upgm-qr-col{display:flex;flex-direction:column;align-items:center;gap:14px}.upgm-amount-tag{background:#fffbeb;border:1.5px solid #f59e0b;border-radius:8px;padding:10px 18px;text-align:center;width:100%}.upgm-amount-label{font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.upgm-amount-num{font-size:26px;font-weight:800;color:#f59e0b;line-height:1.1}.upgm-qr-box{width:210px;height:210px;border:3px solid #e5e7eb;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f9fafb;position:relative}.upgm-qr-box img{width:100%;height:100%;object-fit:contain;display:block}.upgm-qr-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#f9fafb;font-size:12px;color:#9ca3af}.upgm-qr-spinner{width:24px;height:24px;border:3px solid #e5e7eb;border-top-color:#f59e0b;border-radius:50%;animation:upgm-spin .7s linear infinite}@keyframes upgm-spin{to{transform:rotate(360deg)}}.upgm-qr-hint{font-size:11px;color:#9ca3af;text-align:center;max-width:180px;line-height:1.5}.upgm-support{font-size:12px;color:#0284c7;text-decoration:none;text-align:center}.upgm-support:hover{text-decoration:underline}.upgm-bank-col{display:flex;flex-direction:column;gap:12px}.upgm-bank-title{font-size:13px;font-weight:700;color:#374151}.upgm-bank-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.upgm-bank-row{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid #f3f4f6}.upgm-bank-row:last-child{border-bottom:none}.upgm-bank-lbl{font-size:11px;color:#9ca3af;text-transform:uppercase;letter-spacing:.04em}.upgm-bank-val{font-size:13px;font-weight:700;color:#111827;display:flex;align-items:center;gap:6px}.upgm-copy{padding:3px 8px;border:1px solid #d1d5db;border-radius:5px;background:#fff;font-size:11px;color:#374151;cursor:pointer;transition:all .15s;white-space:nowrap;font-family:inherit}.upgm-copy:hover{background:#f3f4f6}.upgm-copy.upgm-copied{background:#d1fae5;border-color:#10b981;color:#065f46}.upgm-ndck-box{background:#fffbeb;border:1.5px solid #f59e0b;border-radius:8px;padding:12px 14px}.upgm-ndck-label{font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.upgm-ndck-value{font-size:13px;font-weight:700;color:#92400e;word-break:break-all}.upgm-timer-box{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px}.upgm-timer-lbl{font-size:12px;color:#dc2626;font-weight:600}.upgm-timer-count{font-size:16px;font-weight:800;color:#dc2626;min-width:44px}.upgm-note-box{font-size:11.5px;color:#6b7280;line-height:1.6;background:#f9fafb;border-radius:8px;padding:10px 12px;border:1px solid #e5e7eb}.upgm-done-wrap{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 0;gap:14px}.upgm-done-icon{width:64px;height:64px;border-radius:50%;background:#d1fae5;display:flex;align-items:center;justify-content:center;font-size:28px}.upgm-done-title{font-size:20px;font-weight:800;color:#111827}.upgm-done-desc{font-size:14px;color:#6b7280;max-width:420px;line-height:1.7}.upgm-done-note{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:14px 18px;font-size:13px;color:#0369a1;max-width:420px;line-height:1.6;text-align:left;width:100%}.upgm-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-top:1px solid #e5e7eb;flex-shrink:0;background:#fafafa}.upgm-btn{padding:9px 20px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;border:none;font-family:inherit;display:flex;align-items:center;gap:6px}.upgm-btn-ghost{background:transparent;color:#6b7280;border:1.5px solid #e5e7eb}.upgm-btn-ghost:hover{border-color:#9ca3af;color:#374151}.upgm-btn-amber{background:#f59e0b;color:#fff;box-shadow:0 2px 8px #f59e0b4d}.upgm-btn-amber:hover{background:#d97706}.upgm-btn-amber:disabled{opacity:.5;cursor:not-allowed}.upgm-btn-green{background:#10b981;color:#fff}.upgm-btn-green:hover{background:#059669}.upgm-confirm{display:none;position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffeb;border-radius:12px;z-index:10;align-items:center;justify-content:center;flex-direction:column;gap:14px;text-align:center;padding:40px}.upgm-confirm.upgm-cf-open{display:flex}.upgm-cf-title{font-size:16px;font-weight:700;color:#111827}.upgm-cf-sub{font-size:13px;color:#6b7280}.upgm-cf-btns{display:flex;gap:10px;margin-top:6px}