:root{--color-primary:#2196f3;--color-primary-light:#64b5f6;--color-primary-dark:#1976d2;--color-secondary:#03a9f4;--color-secondary-light:#4fc3f7;--color-secondary-dark:#0288d1;--color-accent:#00bcd4;--color-accent-light:#4dd0e1;--color-accent-dark:#0097a7;--color-success:#4caf50;--color-warning:#ff9800;--color-error:#f44336;--color-info:#2196f3;--color-background:#fff;--color-surface:#f5f7fa;--color-border:#e0e0e0;--color-text-primary:#212121;--color-text-secondary:#757575;--color-text-disabled:#9e9e9e;--color-text-hint:#9e9e9e;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--border-radius-sm:0.125rem;--border-radius-md:0.25rem;--border-radius-lg:0.5rem;--border-radius-xl:1rem;--border-radius-full:9999px;--border-width-thin:1px;--border-width-medium:2px;--border-width-thick:4px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--transition-fast:150ms;--transition-normal:300ms;--transition-slow:500ms;--transition-timing-default:cubic-bezier(0.4,0,0.2,1);--transition-timing-in:cubic-bezier(0.4,0,1,1);--transition-timing-out:cubic-bezier(0,0,0.2,1);--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070}.dark{--color-primary:#90caf9;--color-primary-light:#bbdefb;--color-primary-dark:#42a5f5;--color-secondary:#81d4fa;--color-secondary-light:#b3e5fc;--color-secondary-dark:#29b6f6;--color-accent:#80deea;--color-accent-light:#b2ebf2;--color-accent-dark:#26c6da;--color-success:#81c784;--color-warning:#ffb74d;--color-error:#e57373;--color-info:#64b5f6;--color-background:#121212;--color-surface:#1e1e1e;--color-border:#333;--color-text-primary:#fff;--color-text-secondary:#b0b0b0;--color-text-disabled:#6c6c6c;--color-text-hint:#6c6c6c;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,.4),0 2px 4px -1px rgba(0,0,0,.2);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.4),0 4px 6px -2px rgba(0,0,0,.2);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.4),0 10px 10px -5px rgba(0,0,0,.2)}body{font-family:var(--font-family);color:var(--color-text-primary);background-color:var(--color-background);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.card{background-color:var(--color-surface);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-border);transition:transform var(--transition-normal) var(--transition-timing-default),box-shadow var(--transition-normal) var(--transition-timing-default)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--border-radius-md);padding:.5rem 1rem;font-weight:var(--font-weight-medium);transition:all var(--transition-fast) var(--transition-timing-default);cursor:pointer}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-dark)}.btn-secondary{background-color:var(--color-secondary);color:#fff}.btn-secondary:hover{background-color:var(--color-secondary-dark)}.btn-outline{background-color:transparent;border:1px solid var(--color-border);color:var(--color-text-primary)}.btn-outline:hover{background-color:var(--color-surface)}.input{width:100%;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--border-radius-md);background-color:var(--color-background);color:var(--color-text-primary);transition:border-color var(--transition-fast) var(--transition-timing-default)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(33,150,243,.2)}.badge{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .5rem;border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.badge-primary{background-color:var(--color-primary-light);color:var(--color-primary-dark)}.badge-success{background-color:rgba(76,175,80,.2);color:var(--color-success)}.badge-warning{background-color:rgba(255,152,0,.2);color:var(--color-warning)}.badge-error{background-color:rgba(244,67,54,.2);color:var(--color-error)}.nav-item{padding:.5rem 1rem;border-radius:var(--border-radius-md);transition:background-color var(--transition-fast) var(--transition-timing-default)}.nav-item:hover{background-color:rgba(33,150,243,.1)}.nav-item.active{background-color:rgba(33,150,243,.2);color:var(--color-primary);font-weight:var(--font-weight-medium)}.icon{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem}.icon-sm{width:1rem;height:1rem}.icon-lg{width:2rem;height:2rem}.divider{height:1px;background-color:var(--color-border);margin:var(--spacing-md) 0}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-info{color:var(--color-info)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-success{background-color:var(--color-success)}.bg-warning{background-color:var(--color-warning)}.bg-error{background-color:var(--color-error)}.bg-info{background-color:var(--color-info)}@media (max-width:640px){.hidden-sm{display:none}}@media (max-width:768px){.hidden-md{display:none}}@media (max-width:1024px){.hidden-lg{display:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-fade-in{animation:fadeIn var(--transition-normal) var(--transition-timing-out)}.animate-slide-in-up{animation:slideInUp var(--transition-normal) var(--transition-timing-out)}.integration-card{display:flex;flex-direction:column;height:100%;background-color:var(--color-surface);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-border);overflow:hidden;transition:transform var(--transition-normal) var(--transition-timing-default),box-shadow var(--transition-normal) var(--transition-timing-default)}.integration-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.integration-card__header{padding:var(--spacing-md);border-bottom:1px solid var(--color-border)}.integration-card__body{padding:var(--spacing-md);flex:1}.integration-card__footer{padding:var(--spacing-md);border-top:1px solid var(--color-border);background-color:rgba(0,0,0,.02)}.category-nav{display:flex;overflow-x:auto;padding:var(--spacing-sm) 0;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.category-nav::-webkit-scrollbar{height:4px}.category-nav::-webkit-scrollbar-track{background:transparent}.category-nav::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:var(--border-radius-full)}.category-item{flex:0 0 auto;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-full);margin-right:var(--spacing-sm);white-space:nowrap;transition:background-color var(--transition-fast) var(--transition-timing-default),color var(--transition-fast) var(--transition-timing-default)}.category-item:hover{background-color:rgba(33,150,243,.1)}.category-item.active{background-color:var(--color-primary);color:#fff}.search-input{position:relative;width:100%}.search-input input{width:100%;padding:.5rem .75rem .5rem 2.5rem;border:1px solid var(--color-border);border-radius:var(--border-radius-full);background-color:var(--color-background);color:var(--color-text-primary);transition:border-color var(--transition-fast) var(--transition-timing-default),box-shadow var(--transition-fast) var(--transition-timing-default)}.search-input input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(33,150,243,.2)}.search-input .icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--color-text-secondary)}.page-container{max-width:1280px;margin:0 auto;padding:0 var(--spacing-md)}.page-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg);color:var(--color-text-primary)}.page-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-xl)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md)}@media (max-width:640px){.grid{grid-template-columns:1fr}}.loading{display:flex;align-items:center;justify-content:center;min-height:200px}.loading-spinner{width:40px;height:40px;border-radius:50%;border:3px solid rgba(33,150,243,.2);border-top:3px solid var(--color-primary);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center}.empty-state__icon{font-size:3rem;color:var(--color-text-hint);margin-bottom:var(--spacing-md)}.empty-state__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.empty-state__description{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}