:root{--n8n-primary:#ff6d5a;--n8n-primary-dark:#e55a47;--n8n-secondary:#f8f9fa;--n8n-secondary-dark:#e9ecef;--n8n-background:#fff;--n8n-background-dark:#1a1a1a;--n8n-surface:#fff;--n8n-surface-dark:#2d2d2d;--n8n-text:#333;--n8n-text-dark:#fff;--n8n-text-muted:#666;--n8n-text-muted-dark:#ccc;--n8n-border:#e0e0e0;--n8n-border-dark:#404040;--n8n-shadow:0 2px 8px rgba(0,0,0,.1);--n8n-shadow-dark:0 2px 8px rgba(0,0,0,.3);--n8n-radius:8px;--n8n-transition:all .2s ease}.n8n-wd-container{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.6;color:var(--n8n-text);background-color:var(--n8n-background);min-height:100vh;transition:var(--n8n-transition)}.n8n-wd-container.dark-mode{--n8n-background:var(--n8n-background-dark);--n8n-surface:var(--n8n-surface-dark);--n8n-text:var(--n8n-text-dark);--n8n-text-muted:var(--n8n-text-muted-dark);--n8n-border:var(--n8n-border-dark);--n8n-shadow:var(--n8n-shadow-dark)}.n8n-wd-header{background:var(--n8n-surface);border-bottom:1px solid var(--n8n-border);padding:1rem 0;position:sticky;top:0;z-index:100;transition:var(--n8n-transition)}.n8n-wd-header-content{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.n8n-wd-header-left{display:flex;align-items:center;gap:1rem}.n8n-wd-title{font-size:1.5rem;font-weight:700;margin:0;color:var(--n8n-text)}.n8n-wd-mobile-filter-btn{display:none;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--n8n-secondary);border:1px solid var(--n8n-border);border-radius:var(--n8n-radius);color:var(--n8n-text);cursor:pointer;transition:var(--n8n-transition)}.n8n-wd-mobile-filter-btn:hover{background:var(--n8n-secondary-dark)}.n8n-wd-header-right{display:flex;align-items:center;gap:1rem}.n8n-wd-search-container{position:relative;max-width:300px;width:100%}.n8n-wd-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--n8n-text-muted);pointer-events:none}#n8n-wd-search{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:1px solid var(--n8n-border);border-radius:var(--n8n-radius);background:var(--n8n-background);color:var(--n8n-text);font-size:.875rem;transition:var(--n8n-transition)}#n8n-wd-search:focus{outline:none;border-color:var(--n8n-primary);box-shadow:0 0 0 3px rgba(255,109,90,.1)}.n8n-wd-theme-btn{padding:.5rem;background:0 0;border:1px solid var(--n8n-border);border-radius:var(--n8n-radius);color:var(--n8n-text);cursor:pointer;transition:var(--n8n-transition)}.n8n-wd-theme-btn:hover{background:var(--n8n-secondary)}.n8n-wd-main{display:flex;max-width:1200px;margin:0 auto;padding:2rem 1rem;gap:2rem}.n8n-wd-sidebar{width:280px;flex-shrink:0;background:var(--n8n-surface);border:1px solid var(--n8n-border);border-radius:var(--n8n-radius);padding:1.5rem;height:fit-content;position:sticky;top:100px;transition:var(--n8n-transition)}.n8n-wd-sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.n8n-wd-sidebar-header h2{font-size:1.25rem;font-weight:600;margin:0;color:var(--n8n-text)}.n8n-wd-close-btn{display:none;background:0 0;border:none;font-size:1.5rem;color:var(--n8n-text-muted);cursor:pointer;padding:0;width:24px;height:24px;align-items:center;justify-content:center}.n8n-wd-filter-section{margin-bottom:2rem}.n8n-wd-filter-section h3{font-size:1rem;font-weight:600;margin:0 0 1rem;color:var(--n8n-text)}.n8n-wd-filter-options{display:flex;flex-direction:column;gap:.75rem;max-height:200px;overflow-y:auto}.n8n-wd-filter-option{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:var(--n8n-text-muted);transition:var(--n8n-transition)}.n8n-wd-filter-option:hover{color:var(--n8n-text)}.n8n-wd-filter-option input[type=checkbox]{width:16px;height:16px;accent-color:var(--n8n-primary)}.n8n-wd-content{flex:1;min-width:0}.n8n-wd-results-info{margin-bottom:1.5rem}.n8n-wd-results-info p{margin:0;color:var(--n8n-text-muted);font-size:.875rem}.n8n-wd-workflow-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem}.n8n-wd-workflow-card{background:var(--n8n-surface);border:1px solid var(--n8n-border);border-radius:var(--n8n-radius);padding:1.5rem;transition:var(--n8n-transition);box-shadow:var(--n8n-shadow)}.n8n-wd-workflow-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.15)}.n8n-wd-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.n8n-wd-card-title{font-size:1.125rem;font-weight:600;margin:0;color:var(--n8n-text);line-height:1.4;flex:1}.n8n-wd-card-score{display:flex;align-items:center;gap:.25rem;color:var(--n8n-primary);font-weight:600;font-size:.875rem;flex-shrink:0}.n8n-wd-card-description{color:var(--n8n-text-muted);font-size:.875rem;margin:0 0 1rem;line-height:1.5}.n8n-wd-card-categories{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.n8n-wd-category-tag{background:rgba(255,109,90,.1);color:var(--n8n-primary);padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500}.n8n-wd-card-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem}.n8n-wd-card-badges{display:flex;gap:.5rem}.n8n-wd-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.n8n-wd-badge-simple{background:#d4edda;color:#155724}.n8n-wd-badge-medium{background:#fff3cd;color:#856404}.n8n-wd-badge-complex{background:#f8d7da;color:#721c24}.n8n-wd-badge-manual{background:#e2e3e5;color:#383d41}.n8n-wd-badge-webhook{background:#cce5ff;color:#004085}.n8n-wd-badge-message{background:#e7e3ff;color:#5a2d82}.n8n-wd-badge-schedule{background:#ffe6cc;color:#8b4513}.n8n-wd-card-services{display:flex;align-items:center;gap:.25rem;color:var(--n8n-text-muted);font-size:.75rem}.n8n-wd-card-actions{display:flex;gap:.75rem}.n8n-wd-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:var(--n8n-radius);font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer;transition:var(--n8n-transition);border:none;flex:1}.n8n-wd-btn-primary{background:var(--n8n-primary);color:#fff}.n8n-wd-btn-primary:hover{background:var(--n8n-primary-dark);color:#fff}.n8n-wd-btn-secondary{background:var(--n8n-secondary);color:var(--n8n-text);border:1px solid var(--n8n-border)}.n8n-wd-btn-secondary:hover{background:var(--n8n-secondary-dark);color:var(--n8n-text)}.n8n-wd-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.n8n-wd-modal-content{background:var(--n8n-surface);border-radius:var(--n8n-radius);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px rgba(0,0,0,.2)}.n8n-wd-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem 1.5rem 0;gap:1rem}.n8n-wd-modal-header h2{font-size:1.5rem;font-weight:600;margin:0;color:var(--n8n-text);flex:1}.n8n-wd-modal-body{padding:1.5rem}.n8n-wd-modal-section{margin-bottom:1.5rem}.n8n-wd-modal-section h3{font-size:1rem;font-weight:600;margin:0 0 .75rem;color:var(--n8n-text)}.n8n-wd-modal-section p{margin:0;color:var(--n8n-text-muted);line-height:1.6}.n8n-wd-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.n8n-wd-modal-tags{display:flex;flex-wrap:wrap;gap:.5rem}.n8n-wd-modal-tag{background:var(--n8n-secondary);color:var(--n8n-text);padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:500}.n8n-wd-modal-services{display:flex;flex-wrap:wrap;gap:.5rem}.n8n-wd-modal-services span{background:var(--n8n-background);border:1px solid var(--n8n-border);color:var(--n8n-text);padding:.25rem .75rem;border-radius:4px;font-size:.75rem}.n8n-wd-modal-actions{display:flex;gap:1rem;margin-top:2rem}.n8n-wd-loading{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center;z-index:999}.n8n-wd-spinner{width:40px;height:40px;border:4px solid var(--n8n-border);border-top:4px solid var(--n8n-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.n8n-wd-no-results{text-align:center;padding:3rem 1rem;color:var(--n8n-text-muted)}.n8n-wd-no-results p{font-size:1.125rem;margin:0}@media (max-width:1024px){.n8n-wd-workflow-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.n8n-wd-mobile-filter-btn{display:flex}.n8n-wd-main{padding:1rem;gap:0}.n8n-wd-sidebar{position:fixed;top:0;left:0;width:100%;height:100%;z-index:200;transform:translateX(-100%);transition:transform .3s ease;border-radius:0;border:none}.n8n-wd-sidebar.open{transform:translateX(0)}.n8n-wd-close-btn{display:flex}.n8n-wd-workflow-grid{grid-template-columns:1fr}.n8n-wd-header-content{flex-wrap:wrap}.n8n-wd-search-container{order:3;flex-basis:100%;max-width:none;margin-top:1rem}.n8n-wd-modal-grid{grid-template-columns:1fr;gap:1rem}.n8n-wd-modal-actions{flex-direction:column}.n8n-wd-card-actions{flex-direction:column}}@media (max-width:480px){.n8n-wd-header-content{padding:0 .5rem}.n8n-wd-main{padding:.5rem}.n8n-wd-workflow-card{padding:1rem}.n8n-wd-modal{padding:.5rem}.n8n-wd-modal-content{max-height:95vh}.n8n-wd-modal-header,.n8n-wd-modal-body{padding:1rem}}.n8n-wd-container.dark-mode .n8n-wd-badge-simple{background:#1e4620;color:#4caf50}.n8n-wd-container.dark-mode .n8n-wd-badge-medium{background:#3d3000;color:#ffeb3b}.n8n-wd-container.dark-mode .n8n-wd-badge-complex{background:#4a1e1e;color:#f44336}.n8n-wd-container.dark-mode .n8n-wd-badge-manual{background:#2d2d2d;color:#ccc}.n8n-wd-container.dark-mode .n8n-wd-badge-webhook{background:#1a2332;color:#2196f3}.n8n-wd-container.dark-mode .n8n-wd-badge-message{background:#2d1b3d;color:#9c27b0}.n8n-wd-container.dark-mode .n8n-wd-badge-schedule{background:#3d2a1a;color:#ff9800}.n8n-wd-container.dark-mode .n8n-wd-loading{background:rgba(0,0,0,.8)}