.auth-page{min-height:100vh;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background-color:#fffdf0;background-image:url(/assets/images/dbhub-bgr.png);background-size:cover;background-position:center right;background-repeat:no-repeat;background-attachment:fixed;display:flex;align-items:center;justify-content:center;padding:24px 16px}.auth-card{background:#fff;border-radius:16px;box-shadow:0 8px 40px #0000001a;width:100%;max-width:400px;padding:32px 28px 28px;position:relative;z-index:1}.logo-wrapper{display:flex;flex-direction:column;align-items:center;margin-bottom:4px}.logo-wrapper img{height:48px;width:auto;object-fit:contain;margin-bottom:8px}.brand-subtitle{font-size:1.2rem;font-weight:700;letter-spacing:.08em;color:#0ea5e9;text-transform:uppercase;margin-bottom:16px;border-bottom:1px solid #6b6b6b;padding-bottom:10px}.login-header{text-align:center;font-size:1.4rem;font-weight:600;color:#2563eb;margin-bottom:16px}.section-title{text-align:center;font-size:.95rem;font-weight:600;color:#374151;margin-bottom:16px}.form-group{margin-bottom:13px}.form-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:5px}.form-input{width:100%;padding:9px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;color:#111827;background:#f9fafb;transition:border-color .2s,box-shadow .2s,background .2s;outline:none;box-sizing:border-box}.form-input:focus{border-color:#0ea5e9;background:#fff;box-shadow:0 0 0 3px #0ea5e926}.form-input::placeholder{color:#9ca3af;font-size:.85rem}.phone-wrapper{display:flex;border:1px solid #d1d5db;border-radius:8px;overflow:hidden;background:#f9fafb;transition:border-color .2s,box-shadow .2s}.phone-wrapper:focus-within{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e926}.phone-prefix{padding:9px 10px;background:#f1f5f9;border-right:1px solid #d1d5db;font-size:.85rem;color:#4b5563;font-weight:600;white-space:nowrap;display:flex;align-items:center;-webkit-user-select:none;user-select:none;flex-shrink:0}.phone-input{flex:1;border:none;background:transparent;padding:9px 12px;font-size:.9rem;color:#111827;outline:none}.phone-input::placeholder{color:#9ca3af;font-size:.85rem}.forgot-password-link{display:block;text-align:right;font-size:.85rem;color:#2563eb;text-decoration:none;margin-bottom:14px;font-weight:500;cursor:pointer}.forgot-password-link:hover{text-decoration:underline;color:#1d4ed8}.btn{width:100%;padding:10px;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;transition:background .2s,transform .1s,box-shadow .2s;margin-bottom:0}.btn:active{transform:translateY(1px)}.btn-primary{background:#2563eb;color:#fff;box-shadow:0 2px 8px #2563eb4d}.btn-primary:hover:not(:disabled){background:#1d4ed8;box-shadow:0 4px 14px #2563eb66}.btn-primary:disabled{background:#93c5fd;box-shadow:none;cursor:not-allowed}.btn-secondary{background:transparent;border:1px solid #cbd5e1;color:#374151;margin-top:8px}.btn-secondary:hover{background:#f1f5f9;border-color:#94a3b8}.status-message{margin-top:8px;padding:9px 12px;border-radius:8px;font-size:.85rem;font-weight:500}.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}@media (max-width: 480px){.auth-page{background-position:center;align-items:flex-start;padding-top:40px}.auth-card{padding:24px 18px 20px}}: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: 60px;--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);flex-shrink:0;background-color:var(--color-bg-white);border-right:1px solid var(--color-border);display:flex;flex-direction:column;justify-content:space-between;padding:12px 0;z-index:5}.main-sidebar-group{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.icon-button{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--neutral-500);cursor:pointer;transition:all .2s ease;background:none;border:none}.icon-button:hover{background-color:var(--color-bg-page)}.icon-button.active{background-color:var(--primary-50);color:var(--primary-600)}.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;z-index:15;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);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--secondary-500);color:var(--neutral-0);border-color:var(--secondary-500)}.btn-secondary:hover:not(:disabled){background-color:var(--secondary-600);transform:translateY(-1px);box-shadow:var(--shadow-md)}.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{width:auto;min-width:200px}.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:var(--radius-lg);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}.form-input,.form-select{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--neutral-300);border-radius:var(--radius-md);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:var(--radius-2xl);font-weight:600;display:flex;align-items:center;gap:10px;padding:12px 20px}.status-message.success:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;font-size:18px}.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-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:var(--radius-xl);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d;overflow:hidden;margin-bottom:24px}.ref-header{padding:20px 24px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #f3f4f6}.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)}.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;margin-left:var(--main-sidebar-width);left:0;width:var(--side-panel-width);bottom:var(--footer-height);background-color:var(--neutral-800);color:var(--neutral-0);padding:var(--space-2) var(--space-4);box-shadow:0 -2px 10px #0003;z-index:100;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}