@font-face{font-family:glacial-indifference-webfont;src:url(data:font/woff2;charset=utf-8;base64,d09GMgABAAAAAC9AABAAAAAAgYgAAC7cAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGiYbhgIcMAZgAIQKEQgK9ETVbwE2AiQDhXwLgwAABCAF8xMHgzU/d2ViZgYbmG8XZF4Lp7sdoGx59TaPojZLUvrIQOA8kqAJ/072//+XBHlISFYXtD+NLRoH0cR0ODyxd/v1xKS9qbvp9HAgNjzyismcQT4Xsf4o1Gco1OUtbmrDE383JAKCzG+o+dU+PJzcQKx8jLph9X0ug1wkgYJ6t6uemrxoZP8DbfPfiYk1q7HQpgQL4TjgAMEiVRBjiroNoxfmop1rXaT5F60u9dfStbHoXy7cftQavq/bNH+SXYgDw9V9DFF4nVE8fayh7+9doEDCoawElJl6RoUOUMkamanRVZ5U939rmpIdF/73lMPoEiS8DBrJdtBxWnfrMmjam3RdxAAvUMBZhoEiHPvuGwANAN7/HyN26zOPIaFDDT2TNe24kgMjRhyrezxra4q7y/TX2euwE8WEqwEL2LabqX7vMy8n7O4v8YzslN9q6jy/YqcdLhAJSdiQBBeA5Gj+dWqrVUDWwXS8E01E0y2T/hfEX7KSSnKayC7ZLhn6ro6dV8uBZ8myX6rk+lwiNpTIpQPkDXDsu/F24mm6caRhns7eln3iu3PAB7CRoQHMEFvPpSeNSqXGq9ZcYqfROq1TeN3Ts9e783dNnfFBhwhToNDMFB20AbS6IZoKjsN2mtSqk58dvgxVi5zza5dlqkepw2KFyARj9Zx7jC3zc13Gk1KHgIRsbVuffW/2Qv4MeVmGppFGpBAREU+aufCQAAABAOMnOycAwO1PN1ACAJPvr3o7T9EGgCtfJhCICxCmAK4sGHU8RFQcJjtXZEqwe/20pgw8Kc3ha1VmeOTVy6oysPTkTZm8lpCsIr3QLmLgZBZosUG3b4x6MM7jOZHDGnTw6Zy3839ysoQp177g3qM8u4N3b0DK1DdYC+mEiN7CQMSsoFiKMq7dErpC4rxrUo2y3drehljum0wFu/wT+i12T1Vq78fGsNGmhyHyEDOFjWGnsYMPfDtO7zEX0hERPYLRc5g9RNy7tL3Jbojdwb7DbmYzKq51EpohsWckVUDsi5LnmTM7Ibs3aPu9nET6JXQ8Buwqdq7pASZnHxbdW0zQkOI6E2h6mzPqdu6rjbDridpB3BoSRNKqO6Mt5BopbKTMkCrD1NlpuklWV8juQdp+Q9cDcoy/vn1cBDsfSEjHRPSc6K5G6zhGr2L2LGG7AmBdWCPWha3CRrFRrBMbxVZho1i39zJ9p6JfswniXmMpWaobsjtB27ty0O0puEYCdti9S3SlJOyAvEOs8hc2k6gaDzlJgkppJTK6jly7FdVQKqSqYursNC2Q2auyulV2z9H2DF1QLOeV0rcXgtkpCBdefAQjCxEqXAQKKhqGGEyx4iRIxJaEc+6/fqTo2u4RAyo/OCEEpIMZ06xKJgAprhx5hD6WoC7aAkIOA4idkniHXw4o23+dtzWHy8ugD5feQyA/0w+AxAQAQVNzLyArEMo63s4+DYCF9Mq4ArDVZI8Bhx110qBhX4c2ilzKgzw66kzyIPmQAkhkksA/IMAx+NP/XxNYuS2SPfp9sNHm8ly8eyeSO8n75Zj+09/ve67DHerJnujxHuiCZ29631a729G2trSxut+6sJ4MPjgtI7HHPbeOaz854hfXV+r//h+drSsn9CHTPBZWpqpu2q4fxmm92e72h+PpfLne7o/n6/354lCoNDojhsmKjYtPSGQncbgoYXyBEBeJJclSWUpqWnqGXKFUqTWZWdlaXY4+Ny+/QCGUV1TVLGpdvmb12nXtHRs2bdy8pXNr17Ydu3bu3runp7u3DxIAMFy6ylB0tqQQKhdD3mr9fjgNp2fPLWs5eOj4icGhk6f2wSBMZI/cW)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:glacial-indifference-webfont;src:url(data:font/woff2;charset=utf-8;base64,d09GMgABAAAAAC1UABAAAAAAe7AAACzxAAEAQQAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4bhX4cMAZgAIQSEQgK7XjSSwE2AiQDhXwLgwAABCAF7hQHgzA/d2ViZgYbbGs1eNOxKrczxcb/52OOopK0x9nBGDYOgF/2ruz//5LAjSHSnVovYcEiTJXKEDAE1KiaUGKoxRHJQDugE2b7P/8K2dr/WISDNPdqU4H4DBq+aKHGsfz88VevTYm0RbYFto18Y7Gc+kTRGGXN7AOSfkcEASAVFRY+Ki6sSJ0MOFYOuA9gmx2lmIVFOsFCBBObsFFB2mqs3IzGmDkxFuWmi/Q33fr1v/2pi3Rf4b9+uegA8P8/p/a+lNJ9dhF2A8groP/17cit6mp6lIyGQUp3UrsLYAFDBSaLBlfD6w7Om0unL+6b5ts/83JCss1+j+PU6rqZX8Z1s2eIhCTEJMEAkPTlrxl+V9tUb1I7KXpWcZeLC37AJLGRzSLkGGDYi6hU/11nCQhgDYpuPHc7EuOQggQEwSj0bPv3OstWugtzhQ5B0RFUSZk2TeX/9KX115fWK3lJ9pHXR/Ki1j6w95JYsnIjw80YQ8DywgHZh1SFoEpHUKVN6lRpqvQFFm0ZP3/V/zTsFqF/UGKXmlROKumcnFw9uemMJv33ZlvqVt8eeqbfe5pdIwkOuS0arRASZZAgJJB51SH317IkXhebP32RzejKcN3U4RyHqDxFqEQBtftrrb/9tP/rZk3fMVt6CkYBCyAHEKlvv56Zaev9dRWCcXTKIhah8ZjSTLet8vuQTnv8McxLjTQihUhRiOxmoQA/bxq/DMAPL6tXCPj1la9t0dWZBSwBGgLCdQjoAnNWZwa6IMjDR2NEYPjU/ZXFgBs7VGLKU+rJh8uRsayJBS3QjYXoTtK7vRgTT4xqO/Q74Kir7pdxWZZzMYpdYbWr1murLbsZmkV+ZJWzbLKHbW5B9O636HLKPbSsYCTCHCT6ZIpf1PxbnZ0iMo4uzyrEM30ZGhkz+uVjAbkw2PMwu8TePPg0hDYHA+wSe4k9ufG7BeYhLU65gZYzGLmKmVP4uUOeZYYde5tdYJcbuckn1fySwD+XscPB55LIzfCS3CPLLfIsUi5isl/uamC/Yq8efALy1PPcsgJJ5oZ0fAEHrzInU+jiWnEyhJdB/FSKSCTK6/FplhBJYkmEnog8m9SYOLtIoybLSfIcp8gJymxMzjQLZHTjnLKElqvc0oueuxj5CjNXcDKBFzV+GmZgJ9ge9iZ7kx1nb7I97E12qvsLyXmgntxj3NbXsJa53SLLPfLcoUyJOOQUccppgr6PW6JJ7AltD28wciLFi4ShBUakxKhEis+AhEgSSyJ0RDRkkxoXJ4MkX5FmjCxXyXOZImco84eVnKMQmHkAwQKOHTIKJ9tQ0bjzQMfghcmbDz/+ArAFvudf1ZX7ntYpLd4ve7RDX4WB7p6WAqfSMHUXo7AAvMDusmWdrpySxAFY92eQm9GCL8ZFr8e76quewWeBBEaUV0FoFqB6t1XQ/gHb4av3y1qjA4445rSzPnLRvMuefyjPElZtf95r68zxNnh7PBHvhOcQiERTyts/swS6jnX+mYNveskmsp9doxneGm/3B/Hhpyzkeq5mPnP5KLM5n3M5mROpjzzg3u/+eJd9v//7Pd9Pfq/5fuT76u8mvj3++GNt2TcMmI++oKasYFv15yrT/q+rQNlBOpXCPJil7vb6g+FoPJnO5ovlar3ZwnMhlTbW+RBTLrX1Mc3Luu3Hed3P+/3AdLTO47zk/2veauvPI/f7Ez+pTK5QJqekpqVDaVlFVUOremdf/+DA0MjoLs3YxPjk7r379x04dPDI1NFpyAWA+fzenOwreVmOg/I3AHhQddKThj+A9fn6AVVJy8lT52cvzn10AeDDTy9DtfXPvFJUU)format("woff2");font-weight:700;font-style:normal}@font-face{font-family:glacial-indifference-webfont;src:url(data:font/woff2;charset=utf-8;base64,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)format("woff2");font-weight:400;font-style:italic}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--sidebar-bg:#fff;--sidebar-text:var(--gray-800);--sidebar-brand-text:#2d2a29;--sidebar-nav-text:#4a4341;--sidebar-nav-hover-bg:#f8f3f2;--sidebar-nav-hover-text:#5a1916;--sidebar-active-bg:#f2ebea;--sidebar-active-text:#5a1916;--sidebar-label:#8a8380;--sidebar-divider:#ece6e3;--sidebar-footer-name:#2d2a29;--sidebar-logo-bg:#5a1916;--sidebar-footer-card-bg:#00000008;--sidebar-footer-avatar-bg:#5a1916;--sidebar-brand-text-accent:#8d5b56;--sidebar-brand-badge-bg:#f2ebea;--sidebar-brand-badge-text:#5a1916;--sidebar-badge-text:var(--white);--sidebar-footer-bg:#ffffff08;--welcome-start:#f6f2f1;--welcome-mid:#f6f2f1;--welcome-end:#f6f2f1;--welcome-color:#2d2a29;--welcome-text:#5a1916;--welcome-subtitle:#6a6361;--welcome-btn-text:#fff;--welcome-btn-outline-color:#5a1916;--welcome-btn-outline-border:#cdbab6;--welcome-btn-outline-hover-border:#5a1916;--welcome-btn-outline-hover-bg:#5a19160f;--welcome-btn-primary-hover:#faf8f7;--kpi-bg:#fff;--kpi-value:#2d2a29;--kpi-label:var(--gray-500);--kpi-change-up:#4d6b4d;--kpi-change-down:#8b2d2d;--kpi-period:var(--gray-400);--btn-primary-bg:#5a1916;--btn-primary-hover:#47110f;--btn-primary-text:#fff;--btn-secondary-bg:#f8f6f5;--btn-secondary-text:#4a4341;--btn-outline-text:#5a1916;--btn-outline-hover:#f7f3f2;--btn-success-bg:#4d6b4d;--btn-success-text:var(--white);--btn-danger-bg:#8b2d2d;--btn-danger-text:var(--white);--table-header-bg:#fcfbfb;--table-border:#ece6e3;--table-header-text:#8a8380;--table-cell-text:#494341;--table-row-hover:#f8f6f5;--badge-active:#4d6b4d;--badge-pending:#b07a5a;--badge-inactive:#c3bcb9;--badge-inactive-text:var(--gray-500);--badge-paused:#7a8aa3;--badge-error:#8b2d2d;--form-border:#ece6e3;--form-bg:var(--white);--form-focus:#5a1916;--form-text:#494341;--form-placeholder:#8a8380;--tab-active-bg:#5a1916;--tab-active-text:#fff;--tab-border:#ece6e3;--tab-text:#8a8380;--chart-primary:#5a1916;--chart-light:#8d5b56;--chart-fill:#f7f3f2;--chart-accent:#8d5b56;--chart-success:#4d6b4d;--chart-danger:#8b2d2d;--chart-warning:#b07a5a;--chart-info:#7a8aa3;--chart-grid:#e0d9d6;--chart-tooltip:#ece6e3;--modal-bg:#fff;--modal-border:#ece6e3;--modal-backdrop:#2d2a29;--modal-title:#2d2a29;--modal-text:#6a6361;--page-active-bg:#5a1916;--page-active-text:#fff;--page-border:#ece6e3;--page-text:#8a8380;--code-bg:#2d2a29;--code-text:#e0d9d6;--int-card-bg:#fff;--int-card-border:#ece6e3;--int-card-active:#5a1916;--toggle-active:#5a1916;--toggle-inactive:#e0d9d6;--toggle-knob:#fff;--progress-fill:#5a1916;--progress-empty:#ece6e3;--empty-icon:#e0d9d6;--empty-title:#6a6361;--empty-desc:#9e9794;--mobile-btn-bg:#f8f6f5;--mobile-btn-icon:#8a8380;--icon-primary:#5a1916;--icon-light:#8d5b56;--icon-success:#4d6b4d;--icon-warning:#b07a5a;--icon-info:#7a8aa3;--icon-danger:#8b2d2d;--icon-muted:#9e9794;--icon-bg:#5a191614;--icon-bg-light:#8d5b561a;--icon-bg-success:#4d6b4d1a;--icon-bg-warning:#b07a5a26;--icon-bg-info:#7a8aa31a;--icon-bg-danger:#8b2d2d1a;--primary:#590f0d;--primary-dark:#3d0a08;--primary-light:#8b4339;--primary-bg:#f5ede0;--bone:#f5ede0;--bone-light:#faf6ef;--bone-dark:#e8dec8;--accent:#8b4339;--secondary:#590f0d;--warning:#c49b3c;--danger:#8b1a1a;--success:#3d6b4f;--info:#6b7b8d;--dark:#1a1a1a;--white:#fff;--gray-900:#1a1a1a;--gray-800:#2d2d2d;--gray-700:#4a4a4a;--gray-600:#6c6c6c;--gray-500:#9a9a9a;--gray-400:#b2b2b2;--gray-300:#d0d0d0;--gray-200:#e0dcd4;--gray-100:#f0ebe0;--gray-50:#f7f3ea;--sidebar-width:260px;--header-height:70px;--radius:12px;--radius-sm:8px;--radius-xs:4px;--shadow:0 2px 8px #0000000f;--shadow-lg:0 8px 30px #0000001a;--font:"glacial-indifference-webfont", -apple-system, sans-serif;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}#root{display:contents}html{font-size:14px}body{font-family:var(--font);background:var(--gray-100);color:var(--gray-800);min-height:100vh;display:flex;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);color:var(--sidebar-brand-text);z-index:100;transition:var(--transition);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{border-bottom:1px solid var(--sidebar-divider,#ffffff0f);height:var(--header-height);align-items:center;gap:12px;padding:20px 24px;display:flex}.sidebar-brand .logo-icon{background:var(--sidebar-logo-bg,var(--sidebar-active-bg));border-radius:var(--radius-sm);color:#fff;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;font-weight:800;display:flex}.sidebar-brand .brand-text{background:linear-gradient(135deg, var(--sidebar-brand-text) 60%, var(--sidebar-brand-text-accent,var(--bone)));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700}.sidebar-brand .brand-badge{text-transform:uppercase;letter-spacing:1px;background:var(--sidebar-brand-badge-bg,#f5ede033);color:var(--sidebar-brand-badge-text,var(--bone));-webkit-text-fill-color:var(--sidebar-brand-badge-text,var(--bone));border-radius:20px;margin-left:auto;padding:2px 8px;font-size:9px;font-weight:600}.sidebar-nav{flex:1;padding:16px 12px;overflow-y:auto}.sidebar-nav .nav-label{text-transform:uppercase;letter-spacing:1.2px;color:var(--sidebar-nav-text);padding:16px 12px 8px;font-size:11px;font-weight:600;display:block}.sidebar-nav .nav-item{border-radius:var(--radius-sm);color:var(--sidebar-nav-text);cursor:pointer;transition:var(--transition);align-items:center;gap:12px;margin-bottom:2px;padding:10px 14px;font-size:13.5px;font-weight:500;text-decoration:none;display:flex;position:relative}.sidebar-nav .nav-item i{text-align:center;width:20px;font-size:16px}.sidebar-nav .nav-item:hover{background:var(--sidebar-nav-hover-bg);color:var(--sidebar-nav-hover-text,var(--sidebar-brand-text))}.sidebar-nav .nav-item.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text,var(--sidebar-brand-text));box-shadow:var(--sidebar-active-shadow,0 4px 12px #590f0d66)}.sidebar-nav .nav-item .badge{background:var(--danger);color:#fff;border-radius:10px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:600}.sidebar-nav .nav-item .badge.success{background:var(--success)}.sidebar-footer{border-top:1px solid var(--sidebar-divider,#ffffff0f);padding:16px 12px}.sidebar-footer .merchant-card{border-radius:var(--radius-sm);background:var(--sidebar-footer-card-bg,#ffffff0a);align-items:center;gap:10px;padding:10px 14px;display:flex}.sidebar-footer .merchant-avatar{background:var(--sidebar-footer-avatar-bg,var(--sidebar-active-bg));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.sidebar-footer .merchant-info{flex:1}.sidebar-footer .merchant-name{color:var(--sidebar-footer-name,white);font-size:13px;font-weight:600}.sidebar-footer .merchant-plan{color:var(--sidebar-label);font-size:11px}.sidebar-footer .merchant-status{background:var(--success);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #00b89433}.main-content{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-height:100vh;display:flex}.header{z-index:50;height:var(--header-height);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--gray-200);background:#ffffffd9;justify-content:space-between;align-items:center;padding:0 32px;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:16px;display:flex}.header-left h1{color:var(--gray-900);font-size:18px;font-weight:700}.header-left .breadcrumb{color:var(--gray-500);align-items:center;gap:8px;font-size:13px;display:flex}.header-left .breadcrumb span.current{color:var(--gray-800);font-weight:500}.header-right{align-items:center;gap:12px;display:flex}.header-right .icon-btn{background:var(--gray-100);width:38px;height:38px;color:var(--gray-600);cursor:pointer;transition:var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex;position:relative}.header-right .icon-btn:hover{background:var(--gray-200);color:var(--gray-800)}.header-right .icon-btn .dot{background:var(--danger);border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:8px}.header-right .date-display{color:var(--gray-500);font-size:13px;font-weight:500}.page-content{flex:1;padding:28px 32px}.welcome-banner{background:linear-gradient(135deg, var(--welcome-start) 0%, var(--welcome-mid,#3d0a08) 50%, var(--welcome-end) 100%);border-radius:var(--radius);color:var(--welcome-color,white);margin-bottom:28px;padding:28px 32px;position:relative;overflow:hidden}.welcome-banner:before{content:"";background:#ffffff0d;border-radius:50%;width:300px;height:300px;position:absolute;top:-50%;right:-20%}.welcome-banner:after{content:"";background:#ffffff0a;border-radius:50%;width:200px;height:200px;position:absolute;bottom:-40%;right:10%}.welcome-banner h2{margin-bottom:4px;font-size:22px;font-weight:700;position:relative}.welcome-banner p{opacity:.85;font-size:14px;position:relative}.welcome-banner .welcome-actions{gap:10px;margin-top:16px;display:flex;position:relative}.welcome-banner .welcome-actions .btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;padding:8px 20px;font-size:13px;font-weight:600}.welcome-banner .welcome-actions .btn-primary{background:var(--welcome-text);color:var(--welcome-btn-text)}.welcome-banner .welcome-actions .btn-primary:hover{background:var(--welcome-btn-primary-hover)}.welcome-banner .welcome-actions .btn-outline{color:var(--welcome-btn-outline-color);border:1.5px solid var(--welcome-btn-outline-border);background:0 0}.welcome-banner .welcome-actions .btn-outline:hover{border-color:var(--welcome-btn-outline-hover-border);background:var(--welcome-btn-outline-hover-bg)}.kpi-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:28px;display:grid}.kpi-card{background:var(--kpi-bg);border-radius:var(--radius);box-shadow:var(--shadow);transition:var(--transition);border:1px solid var(--gray-200);padding:20px}.kpi-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.kpi-card .kpi-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.kpi-card .kpi-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex}.kpi-card .kpi-label{color:var(--kpi-label);font-size:13px;font-weight:500}.kpi-card .kpi-value{color:var(--kpi-value);font-size:26px;font-weight:800;line-height:1.2}.kpi-card .kpi-change{border-radius:20px;align-items:center;gap:4px;margin-top:8px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.kpi-card .kpi-change.up{color:var(--kpi-change-up);background:#00b8941a}.kpi-card .kpi-change.down{color:var(--kpi-change-down);background:#e170551a}.kpi-card .kpi-period{color:var(--kpi-period);margin-top:2px;font-size:11px;display:block}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--gray-200);margin-bottom:24px;overflow:hidden}.card-header{border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.card-header h3{color:var(--gray-900);font-size:15px;font-weight:700}.card-header .card-actions{gap:8px;display:flex}.card-body{padding:24px}.charts-grid{grid-template-columns:2fr 1fr;gap:24px;margin-bottom:28px;display:grid}.charts-grid-2{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:28px;display:grid}.charts-grid-3{grid-template-columns:1fr 1fr 1fr;gap:24px;margin-bottom:28px;display:grid}.chart-container{height:280px;position:relative}.chart-container-sm{height:240px}.activity-item{border-bottom:1px solid var(--gray-100);gap:14px;padding:14px 0;display:flex}.activity-item:last-child{border-bottom:none}.activity-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;display:flex}.activity-content{flex:1}.activity-content .activity-text{color:var(--gray-700);font-size:13px}.activity-content .activity-text strong{color:var(--gray-900)}.activity-content .activity-time{color:var(--gray-400);margin-top:2px;font-size:12px}.btn{border-radius:var(--radius-sm);font-family:var(--font);cursor:pointer;transition:var(--transition);border:none;align-items:center;gap:8px;padding:9px 18px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.btn-primary:hover{background:var(--btn-primary-hover);transform:translateY(-1px)}.btn-secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text)}.btn-secondary:hover{background:var(--gray-200)}.btn-outline{color:var(--btn-outline-text);border:1.5px solid var(--btn-outline-text);background:0 0}.btn-outline:hover{background:var(--btn-outline-hover)}.btn-success{background:var(--btn-success-bg);color:var(--btn-success-text)}.btn-success:hover{background:#00a382}.btn-danger{background:var(--btn-danger-bg);color:var(--btn-danger-text)}.btn-danger:hover{background:#d35d46}.btn-sm{padding:6px 12px;font-size:12px}.btn-lg{padding:12px 24px;font-size:14px}.table-container{overflow-x:auto}table{border-collapse:collapse;width:100%}table thead th{text-align:left;color:var(--table-header-text);text-transform:uppercase;letter-spacing:.5px;background:var(--table-header-bg);border-bottom:1px solid var(--table-border);white-space:nowrap;padding:12px 16px;font-size:12px;font-weight:600}table thead th i{cursor:pointer;margin-left:4px}table tbody td{color:var(--table-cell-text);border-bottom:1px solid var(--table-border);padding:12px 16px;font-size:13px}table tbody tr:hover{background:var(--table-row-hover)}table tbody tr:last-child td{border-bottom:none}.status-badge{border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.status-badge.active{color:var(--badge-active);background:#00b8941a}.status-badge.pending{color:var(--badge-pending);background:#fdcb6e26}.status-badge.inactive{background:var(--gray-100);color:var(--badge-inactive-text)}.status-badge.paused{color:var(--badge-paused);background:#74b9ff1a}.status-badge.error{color:var(--badge-error);background:#8b1a1a1a}.status-badge .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.form-group{margin-bottom:16px}.form-group label{color:var(--gray-700);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-input,.form-select,.form-textarea{border:1.5px solid var(--form-border);border-radius:var(--radius-sm);width:100%;font-family:var(--font);color:var(--form-text);transition:var(--transition);background:var(--form-bg);padding:10px 14px;font-size:13px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--form-focus);outline:none;box-shadow:0 0 0 3px #590f0d1a}.form-input::placeholder{color:var(--form-placeholder)}.form-textarea{resize:vertical;min-height:100px}.input-group{border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);background:var(--white);align-items:center;display:flex;overflow:hidden}.input-group:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #590f0d1a}.input-group .form-input{border:none;border-radius:0}.input-group .input-group-prepend,.input-group .input-group-append{background:var(--gray-50);color:var(--gray-600);padding:10px 14px;font-size:13px;font-weight:500}.page-tabs{background:var(--gray-100);border-radius:var(--radius-sm);gap:4px;margin-bottom:24px;padding:4px;display:flex}.page-tabs .tab{color:var(--tab-text);font-family:var(--font);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:6px;padding:8px 18px;font-size:13px;font-weight:500}.page-tabs .tab:hover{color:var(--gray-800)}.page-tabs .tab.active{background:var(--tab-active-bg);color:var(--tab-active-text);font-weight:600;box-shadow:0 1px 3px #00000014}.search-filter-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.search-filter-bar .search-box{flex:1;min-width:240px;position:relative}.search-filter-bar .search-box i{color:var(--gray-400);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-filter-bar .search-box input{padding-left:40px}.code-block{background:var(--code-bg);border-radius:var(--radius-sm);color:var(--code-text);white-space:pre-wrap;padding:20px;font-family:Menlo,Fira Code,monospace;font-size:13px;line-height:1.6;position:relative;overflow-x:auto}.code-block .copy-btn{color:#fff;cursor:pointer;transition:var(--transition);background:#ffffff14;border:1px solid #ffffff1a;border-radius:6px;padding:6px 12px;font-size:12px;position:absolute;top:12px;right:12px}.code-block .copy-btn:hover{background:#ffffff26}.code-block .comment{color:var(--gray-500)}.code-block .tag{color:#ff79c6}.code-block .attr{color:#50fa7b}.code-block .string{color:#f1fa8c}.integration-card{background:var(--int-card-bg);border:1.5px solid var(--int-card-border);border-radius:var(--radius);transition:var(--transition);align-items:center;gap:16px;padding:20px;display:flex}.integration-card:hover{border-color:var(--int-card-active)}.integration-card .int-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;display:flex}.integration-card .int-info{flex:1}.integration-card .int-info h4{color:var(--gray-900);font-size:14px;font-weight:600}.integration-card .int-info p{color:var(--gray-500);margin-top:2px;font-size:12px}.integration-card .int-status{align-items:center;gap:8px;display:flex}.toggle{background:var(--toggle-inactive);cursor:pointer;width:44px;height:24px;transition:var(--transition);border-radius:12px;flex-shrink:0;position:relative}.toggle.active{background:var(--toggle-active)}.toggle .toggle-knob{background:var(--toggle-knob);width:20px;height:20px;transition:var(--transition);border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.toggle.active .toggle-knob{left:22px}.modal-overlay{background:var(--modal-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-overlay.open{display:flex}.modal{background:var(--modal-bg);border-radius:var(--radius);width:90%;max-width:600px;max-height:90vh;box-shadow:var(--shadow-lg);overflow-y:auto}.modal-header{border-bottom:1px solid var(--modal-border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h3{color:var(--modal-title);font-size:16px;font-weight:700}.modal-close{background:var(--gray-100);width:32px;height:32px;color:var(--gray-500);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex}.modal-close:hover{background:var(--gray-200)}.modal-body{color:var(--modal-text);padding:24px}.modal-footer{border-top:1px solid var(--modal-border);justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.pagination{justify-content:space-between;align-items:center;padding:16px 0 0;display:flex}.pagination .page-info{color:var(--gray-500);font-size:13px}.pagination .page-btns{gap:4px;display:flex}.pagination .page-btn{border-radius:var(--radius-xs);border:1px solid var(--page-border);background:var(--white);width:34px;height:34px;color:var(--page-text);cursor:pointer;transition:var(--transition);justify-content:center;align-items:center;font-size:13px;display:flex}.pagination .page-btn:hover{border-color:var(--primary);color:var(--primary)}.pagination .page-btn.active{background:var(--page-active-bg);color:var(--page-active-text);border-color:var(--page-active-bg)}@media (width<=1024px){.graphs-grid,.charts-grid-2,.charts-grid-3{grid-template-columns:1fr}}@media (width<=768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.kpi-grid{grid-template-columns:repeat(2,1fr)}.page-content{padding:20px 16px}.header{padding:0 16px}.welcome-banner{padding:20px}}.onboarding-progress{gap:8px;display:flex}.onboarding-progress .step{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.onboarding-progress .step .bar{background:var(--progress-empty);border-radius:2px;width:100%;height:4px}.onboarding-progress .step.done .bar{background:var(--progress-fill)}.onboarding-progress .step-label{color:var(--gray-500);white-space:nowrap;font-size:11px}.onboarding-progress .step.done .step-label{color:var(--primary);font-weight:600}.sync-progress-bar{background:var(--progress-empty);border-radius:2px;height:4px;position:relative;overflow:hidden}.sync-progress-bar:after{content:"";background:var(--progress-fill);border-radius:2px;width:40%;height:100%;animation:1.2s ease-in-out infinite sync-progress-sweep;position:absolute;top:0;left:0}@keyframes sync-progress-sweep{0%{left:-40%}to{left:100%}}.empty-state{text-align:center;padding:48px 24px}.empty-state i{color:var(--empty-icon);margin-bottom:16px;font-size:48px}.empty-state h4{color:var(--empty-title);font-size:16px;font-weight:600}.empty-state p{color:var(--empty-desc);margin-top:4px;font-size:13px}.table-responsive{overflow-x:auto}.mobile-menu-btn{border-radius:var(--radius-sm);background:var(--mobile-btn-bg);width:38px;height:38px;color:var(--mobile-btn-icon);cursor:pointer;border:none;justify-content:center;align-items:center;font-size:18px;display:none}@media (width<=768px){.mobile-menu-btn{display:flex}}