@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--brand-primary:#06aded;--brand-primary-light:#38bfef;--brand-primary-dark:#0591c7;--white:#fff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#f9fafb;background:var(--gray-50);color:#111827;color:var(--gray-900);font-family:Inter,-apple-system,sans-serif;line-height:1.5}button{font-family:inherit}.App{background:#f9fafb;background:var(--gray-50);display:grid;grid-template-areas:"header header" "sidebar main";grid-template-columns:280px 1fr;grid-template-rows:70px 1fr;height:100vh}.dashboard-header{grid-area:header}.dashboard-sidebar{grid-area:sidebar}.dashboard-main{background:#f9fafb;background:var(--gray-50);grid-area:main;overflow-y:auto}.dashboard-header{background:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);height:70px;justify-content:space-between;padding:0 1.5rem}.dashboard-header,.header-left{align-items:center;display:flex}.header-left{gap:.75rem}.header-right{align-items:center;display:flex;gap:1rem}.logo-image{height:40px}.dashboard-sidebar{background:#fff;border-right:1px solid #e5e7eb;border-right:1px solid var(--gray-200);display:flex;flex-direction:column;height:calc(100vh - 70px)}.sidebar-nav{flex:1 1;overflow-y:auto;padding:1.5rem 1rem}.nav-list{display:flex;flex-direction:column;gap:.5rem;list-style:none}.nav-item{margin:0}.nav-link{align-items:center;background:none;border:none;border-radius:.75rem;border-radius:var(--radius-lg);color:#4b5563;color:var(--gray-600);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;padding:.75rem;position:relative;text-align:left;transition:all .15s;width:100%}.nav-link:hover{background:#f3f4f6;background:var(--gray-100);color:#111827;color:var(--gray-900)}.nav-link.active{background:#06aded1a;color:#06aded;color:var(--brand-primary);font-weight:600}.nav-link.active:before{background:#06aded;background:var(--brand-primary);border-radius:0 2px 2px 0;content:"";height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.sidebar-bottom{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);margin-top:auto;padding:1rem}.logout-btn{align-items:center;background:none;border:none;border-radius:.75rem;border-radius:var(--radius-lg);color:#6b7280;color:var(--gray-500);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;padding:.75rem;transition:all .15s;width:100%}.logout-btn:hover{background:#ef44441a;color:#ef4444;color:var(--error)}.btn-primary,.primary-btn,.submit-btn{align-items:center;background:linear-gradient(135deg,#06aded,#38bfef);background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-light));border:none;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 12px #06aded4d;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:12px 24px;transition:all .15s}.btn-primary:hover,.primary-btn:hover{box-shadow:0 6px 16px #06aded66;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary,.cancel-btn,.secondary-btn{align-items:center;background:#6b7280;background:var(--gray-500);border:none;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 2px 6px #6b728033;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:12px 24px;transition:all .15s}.btn-secondary:hover,.secondary-btn:hover{box-shadow:0 4px 10px #6b72804d;transform:translateY(-2px)}.btn-danger,.danger-btn{align-items:center;background:#ef4444;background:var(--error);border:none;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 12px #ef44444d;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:12px 24px;transition:all .15s}.btn-danger:hover{box-shadow:0 6px 16px #ef444466;transform:translateY(-2px)}.btn-full-width{width:100%}.card{padding:1.5rem}.card,.card-metric{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.card-metric{padding:2.5rem;text-align:left}.form-input,.form-select,.form-textarea,input[type=email],input[type=password],input[type=text],select,textarea{background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.75rem;border-radius:var(--radius-lg);font-family:inherit;font-size:1rem;outline:none;padding:.625rem 1rem;transition:all .15s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus,input:focus,select:focus,textarea:focus{border-color:#06aded;border-color:var(--brand-primary);box-shadow:0 0 0 3px #06aded1a}.form-label,label{color:#111827;color:var(--gray-900);display:block;font-size:.875rem;font-weight:600;margin-bottom:.75rem}.form-textarea,textarea{min-height:120px;resize:vertical}.page-title,h1{color:#111827;color:var(--gray-900);font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.page-subtitle{color:#6b7280;color:var(--gray-500);font-size:1rem;margin-bottom:2rem}.section-title,h3{color:#111827;color:var(--gray-900);font-size:1.125rem;font-weight:600;margin-bottom:1rem}.metric-label{color:#6b7280;color:var(--gray-500);font-size:.875rem;font-weight:500;margin-bottom:1rem}.metric-value{color:#111827;color:var(--gray-900);font-size:3rem;font-weight:700;margin-bottom:.75rem}.text-secondary{color:#4b5563;color:var(--gray-600)}.text-muted,.text-sm{color:#6b7280;color:var(--gray-500);font-size:.875rem}.text-success{color:#10b981;color:var(--success);font-weight:500}.container{margin:0 auto;max-width:1280px;padding:2rem 1.5rem}.min-h-screen,.page-container{background:#f9fafb;background:var(--gray-50);min-height:100vh}.max-w-7xl{margin:0 auto;max-width:1280px}.mx-auto{margin-left:auto;margin-right:auto}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-8{padding-bottom:2rem;padding-top:2rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.gap-1{gap:.25rem}.gap-6{gap:1.5rem}.border-b,.tab-nav{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;gap:2rem;margin-bottom:2rem}.tab-button{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;color:var(--gray-500);cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem .25rem;transition:all .15s}.tab-button:hover{border-bottom-color:#d1d5db;border-bottom-color:var(--gray-300);color:#374151;color:var(--gray-700)}.tab-button.active{border-bottom-color:#06aded;border-bottom-color:var(--brand-primary);color:#06aded;color:var(--brand-primary)}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.flex{display:flex}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-5xl{font-size:3rem}.text-gray-500{color:#6b7280;color:var(--gray-500)}.text-gray-600{color:#4b5563;color:var(--gray-600)}.text-gray-700{color:#374151;color:var(--gray-700)}.text-gray-900{color:#111827;color:var(--gray-900)}.bg-white{background:#fff}.bg-gray-50{background:#f9fafb;background:var(--gray-50)}.bg-gray-100{background:#f3f4f6;background:var(--gray-100)}.border{border:1px solid #e5e7eb;border:1px solid var(--gray-200)}.border-gray-200{border-color:#e5e7eb;border-color:var(--gray-200)}.rounded-lg{border-radius:.75rem;border-radius:var(--radius-lg)}.rounded-xl{border-radius:1rem;border-radius:var(--radius-xl)}.rounded-2xl{border-radius:1.5rem;border-radius:var(--radius-2xl)}.shadow-sm{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg)}.w-full{width:100%}.h-full{height:100%}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.login-container{align-items:center;background:#06aded;background:var(--brand-primary);display:flex;justify-content:center;min-height:100vh;padding:1rem}.login-form{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);max-width:440px;padding:2rem;width:100%}.login-form h1{color:#111827;color:var(--gray-900);font-size:1.875rem;font-weight:700;margin-bottom:.5rem;text-align:center}.login-form h2{color:#4b5563;color:var(--gray-600);font-size:1.125rem;font-weight:400;margin-bottom:2rem;text-align:center}.login-form .form-group{margin-bottom:1.5rem}.login-form button{background:#06aded;background:var(--brand-primary);border:none;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;transition:all .15s;width:100%}.login-form button:hover{background:#0591c7;background:var(--brand-primary-dark);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.auth-links{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);margin-top:1.5rem;padding-top:1.5rem;text-align:center}.auth-links p{color:#4b5563;color:var(--gray-600);font-size:.875rem;margin-bottom:.5rem}.auth-link{color:#06aded;color:var(--brand-primary);font-weight:500;text-decoration:none;transition:color .15s}.auth-link:hover{color:#0591c7;color:var(--brand-primary-dark);text-decoration:underline}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.dashboard-main .container{padding:2rem 1.5rem}.integration-card{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:1rem;border-radius:var(--radius-xl);cursor:pointer;padding:1.5rem;text-align:center;transition:all .15s}.integration-card:hover{border-color:#06aded;border-color:var(--brand-primary);box-shadow:0 4px 12px #06aded33;transform:translateY(-2px)}.integration-card.disabled{cursor:not-allowed;opacity:.5}.faq-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);margin-bottom:1rem;padding:1.5rem}.faq-question{color:#111827;color:var(--gray-900);font-size:1rem;font-weight:600;margin-bottom:.75rem}.faq-answer{color:#374151;color:var(--gray-700);line-height:1.6;margin-bottom:.75rem}.faq-meta{color:#6b7280;color:var(--gray-500);font-size:.75rem}.widget-preview-container{position:fixed;right:20px;top:80px;z-index:9998}.widget-preview{background:#fff;border:2px solid #06aded;border:2px solid var(--brand-primary);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;height:600px;overflow:hidden;width:420px}.code-block{background:#111827;background:var(--gray-900);border-radius:.75rem;border-radius:var(--radius-lg);margin-bottom:1rem;padding:1rem}.code-block code{color:#10b981;font-family:Courier New,monospace;font-size:.875rem;word-break:break-all}.license-active{background:#10b9811a;border:2px solid #10b981;border-radius:1rem;border-radius:var(--radius-xl)}.license-active,.license-inactive{margin-bottom:1.5rem;padding:1.5rem}.license-inactive{background:#ef44441a;border:2px solid #ef4444;border-radius:1rem;border-radius:var(--radius-xl)}@media (max-width:1024px){.App{grid-template-areas:"header" "sidebar" "main";grid-template-columns:1fr;grid-template-rows:70px auto 1fr}.dashboard-sidebar{max-height:200px;overflow-y:auto}}@media (max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4,.grid-cols-5{grid-template-columns:1fr}.container{padding:1.5rem 1rem}.card-metric{padding:1.5rem}.metric-value{font-size:2rem}}
/*# sourceMappingURL=main.e86230cf.css.map*/