.agent-detail{max-width:1200px;margin:0 auto;padding:30px 20px}.agent-header{text-align:center;margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.agent-icon{font-size:48px;margin-bottom:16px;display:inline-block}.agent-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}.agent-description{font-size:18px;text-align:center;max-width:800px;margin:0 auto 40px;color:var(--text-secondary);line-height:1.6}.agent-content{display:flex;flex-direction:column;gap:40px}.agent-content h2{font-size:24px;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.agent-overview p{line-height:1.6}.agent-features ul,.agent-benefits ul,.agent-use-cases ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.agent-features li,.agent-benefits li,.agent-use-cases li{display:flex;align-items:flex-start;gap:10px;position:relative;padding:8px 0 8px 24px}.agent-features li:before,.agent-benefits li:before,.agent-use-cases li:before{content:"✓";position:absolute;left:0;color:var(--accent-color)}.workflow-steps{display:flex;flex-direction:column;gap:20px}.workflow-step{display:flex;gap:16px;padding:16px;background-color:var(--card-bg);border-radius:8px;box-shadow:0 2px 4px #0000000d}.step-number{flex-shrink:0;width:30px;height:30px;border-radius:50%;background-color:var(--accent-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.step-content h3{margin-bottom:8px;font-size:18px}.faq-list{display:flex;flex-direction:column;gap:20px}.faq-item{padding:16px;background-color:var(--card-bg);border-radius:8px;box-shadow:0 2px 4px #0000000d}.faq-item h3{margin-bottom:10px;font-size:18px;color:var(--accent-color)}.related-agents-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.related-agent-link{display:block;width:100%;padding:12px 16px;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;text-align:center;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.related-agent-link:hover{background-color:var(--card-header-bg);transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.agent-loading,.agent-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:2rem}.agent-error h2{margin-bottom:1rem;color:var(--error-color, #e53935)}.agent-error p{margin-bottom:1.5rem;max-width:600px}.error-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.primary-button,.secondary-button{display:inline-block;margin-top:16px;padding:10px 24px;border-radius:4px;font-weight:500;cursor:pointer;transition:background-color .2s,transform .1s}.primary-button{background-color:var(--accent-color);color:#fff;border:none}.secondary-button{background-color:transparent;color:var(--accent-color);border:1px solid var(--accent-color)}.primary-button:hover,.secondary-button:hover{transform:translateY(-2px)}.primary-button:hover{background-color:var(--accent-hover)}.secondary-button:hover{background-color:var(--accent-hover-light, rgba(0, 123, 255, .1))}@media (max-width: 768px){.agent-features ul,.agent-benefits ul,.agent-use-cases ul{grid-template-columns:1fr}}.spinner{width:40px;height:40px;border-radius:50%;border:4px solid rgba(0,0,0,.1);border-top-color:var(--accent-color);animation:spin 1s linear infinite;margin-bottom:16px}.not-found-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;min-height:calc(100vh - 120px);text-align:center}.not-found-icon{font-size:7rem;font-weight:700;color:var(--accent-color);margin-bottom:1rem;opacity:.7}.not-found-container h1{margin-bottom:1rem;font-size:2.5rem}.not-found-container p{max-width:600px;margin-bottom:.5rem;color:var(--text-secondary)}.not-found-path{margin:1rem 0 2rem;padding:.5rem 1rem;background-color:var(--card-bg);border-radius:4px}.not-found-path code{font-family:monospace;word-break:break-word}.not-found-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.not-found-actions .primary-button,.not-found-actions .secondary-button{display:inline-block;padding:10px 24px;border-radius:4px;font-weight:500;cursor:pointer;transition:all .2s;margin:0}.not-found-actions .primary-button{background-color:var(--accent-color);color:#fff;border:none}.not-found-actions .secondary-button{background-color:transparent;color:var(--accent-color);border:1px solid var(--accent-color)}.not-found-actions .primary-button:hover,.not-found-actions .secondary-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.not-found-actions .primary-button:hover{background-color:var(--accent-hover)}.not-found-actions .secondary-button:hover{background-color:var(--accent-hover-light, rgba(0, 123, 255, .1))}@media (max-width: 600px){.not-found-actions{flex-direction:column;width:100%;max-width:300px}}:root{--bg-color: #121212;--header-bg: #1E1E1E;--card-bg: rgba(30, 30, 30, .5);--sidebar-bg: #1A1A1A;--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5);--primary-color: #0070f5;--secondary-color: #3E68FF;--accent-color: #34c759;--error-color: #ff3b30;--warning-color: #ff9500;--border-color: rgba(255, 255, 255, .1);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .5);--input-bg: rgba(255, 255, 255, .05);--input-border: rgba(255, 255, 255, .1);--input-focus: rgba(107, 71, 208, .5);--card-radius: 12px;--btn-radius: 6px;--container-padding: 2rem;--tag-bg: rgba(255, 255, 255, .1);--macos-blue: #0070f5;--macos-blue-hover: #0051c2;--macos-green: #34c759;--macos-red: #ff3b30;--macos-orange: #ff9500;--macos-yellow: #ffcc00;--macos-purple: #af52de;--macos-gray: #8e8e93;--macos-light-gray: #3a3a3c;--hover-bg: rgba(255, 255, 255, .05)}:root.light-mode{--bg-color: #F5F5F5;--header-bg: #FFFFFF;--card-bg: #FFFFFF;--sidebar-bg: #FDFDFD;--text-primary: #121212;--text-secondary: rgba(0, 0, 0, .7);--text-muted: rgba(0, 0, 0, .5);--border-color: rgba(0, 0, 0, .1);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .15);--input-bg: rgba(0, 0, 0, .03);--input-border: rgba(0, 0, 0, .1);--tag-bg: rgba(0, 0, 0, .06);--macos-light-gray: #e5e5ea;--hover-bg: rgba(0, 0, 0, .03)}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}a{color:var(--primary-color);text-decoration:none}.mt-1{margin-top:.25rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:2rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:2rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}:root.light-mode ::-webkit-scrollbar-thumb{background:#0000001a}:root.light-mode ::-webkit-scrollbar-thumb:hover{background:#0003}:root{--macos-blue: #0068DA;--macos-accent: #007AFF;--macos-gray-light: #F2F2F7;--macos-gray-medium: #E5E5EA;--macos-gray-dark: #8E8E93;--macos-border: rgba(0, 0, 0, .1);--macos-success: #34C759;--macos-warning: #FF9500;--macos-error: #FF3B30;--macos-bg-light: #FFFFFF;--macos-sidebar-light: #F9F9F9;--macos-text-primary-light: #000000;--macos-text-secondary-light: rgba(0, 0, 0, .65);--macos-bg-dark: #1E1E1E;--macos-sidebar-dark: #252525;--macos-text-primary-dark: #FFFFFF;--macos-text-secondary-dark: rgba(255, 255, 255, .65);--macos-shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--macos-shadow-md: 0 4px 10px rgba(0, 0, 0, .08);--macos-shadow-lg: 0 10px 20px rgba(0, 0, 0, .1);--macos-border-radius: 6px;--macos-button-radius: 4px;--macos-input-radius: 5px}:root.light-mode{--bg-color: var(--macos-bg-light);--header-bg: var(--macos-bg-light);--card-bg: var(--macos-bg-light);--sidebar-bg: var(--macos-sidebar-light);--text-primary: var(--macos-text-primary-light);--text-secondary: var(--macos-text-secondary-light);--primary-color: var(--macos-blue);--accent-color: var(--macos-accent);--border-color: var(--macos-border);--shadow-sm: var(--macos-shadow-sm);--shadow-md: var(--macos-shadow-md);--shadow-lg: var(--macos-shadow-lg);--input-bg: var(--macos-gray-light);--input-border: var(--macos-border);--input-focus: rgba(0, 122, 255, .25);--card-radius: var(--macos-border-radius);--btn-radius: var(--macos-button-radius)}:root.dark-mode{--bg-color: var(--macos-bg-dark);--header-bg: var(--macos-bg-dark);--card-bg: #2A2A2A;--sidebar-bg: var(--macos-sidebar-dark);--text-primary: var(--macos-text-primary-dark);--text-secondary: var(--macos-text-secondary-dark);--primary-color: var(--macos-blue);--accent-color: var(--macos-accent);--border-color: rgba(255, 255, 255, .1);--shadow-sm: 0 2px 6px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 24px rgba(0, 0, 0, .6);--input-bg: rgba(255, 255, 255, .05);--input-border: rgba(255, 255, 255, .1);--input-focus: rgba(0, 122, 255, .4)}button{font-family:-apple-system,BlinkMacSystemFont,San Francisco,Helvetica Neue,sans-serif;border-radius:var(--macos-button-radius);font-weight:500;font-size:13px;transition:all .2s ease-in-out;-webkit-user-select:none;user-select:none}button.primary-button,.save-btn,.action-button{background:var(--macos-blue);color:#fff;border:none;padding:8px 16px;box-shadow:0 1px 2px #0000000d}button.primary-button:hover,.save-btn:hover,.action-button:hover{background:#0077ed;box-shadow:0 1px 3px #0000001a}button.primary-button:active,.save-btn:active,.action-button:active{background:#05c;transform:scale(.98)}button.secondary-button,.cancel-btn{background:#0000000d;color:var(--text-primary);border:none;padding:8px 16px}.dark-mode button.secondary-button,.dark-mode .cancel-btn{background:#ffffff14}button.secondary-button:hover,.cancel-btn:hover{background:#00000014}.dark-mode button.secondary-button:hover,.dark-mode .cancel-btn:hover{background:#ffffff1f}.icon-button{width:28px;height:28px;border-radius:50%;background:transparent;border:none;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .15s ease}.icon-button:hover{background-color:#0000000d;color:var(--text-primary)}.dark-mode .icon-button:hover{background-color:#ffffff1a}.pagination-button{min-width:28px;height:28px;background:transparent;border:none;border-radius:var(--macos-button-radius);color:var(--text-secondary);font-size:13px;display:flex;align-items:center;justify-content:center}.pagination-button:hover:not([disabled]){background-color:#0000000a;color:var(--text-primary)}input,textarea,select{font-family:-apple-system,BlinkMacSystemFont,San Francisco,Helvetica Neue,sans-serif;font-size:13px;padding:8px 10px;border-radius:var(--macos-input-radius);border:1px solid var(--input-border);background-color:var(--input-bg);color:var(--text-primary);transition:all .2s ease}input:focus,textarea:focus,select:focus{border-color:var(--macos-blue);box-shadow:0 0 0 3px var(--input-focus);outline:none}.search-input{padding-left:28px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgba(0,0,0,0.4)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");background-repeat:no-repeat;background-position:8px center;background-size:14px}.dark-mode .search-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.4)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E")}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgba(0,0,0,0.4)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:14px;padding-right:30px}.dark-mode select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.4)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.form-group label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:var(--text-secondary)}.card,.dashboard-card,.workflow-card,.agent-card{background-color:var(--card-bg);border-radius:var(--macos-border-radius);box-shadow:var(--shadow-sm);transition:box-shadow .2s ease,transform .2s ease;overflow:hidden;border:1px solid var(--border-color)}.card:hover,.dashboard-card:hover,.workflow-card:hover,.agent-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header,.card-title{padding:12px 16px;font-size:14px;font-weight:600;border-bottom:1px solid var(--border-color)}.card-footer{padding:12px 16px;border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.modal-backdrop{background-color:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{border-radius:10px;box-shadow:var(--shadow-lg);border:none;overflow:hidden;animation:modalFadeIn .2s ease}.modal-header{padding:14px 20px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:15px;font-weight:600;margin:0}.modal-close{width:24px;height:24px;border-radius:50%;background:transparent;border:none;color:var(--text-secondary);font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.modal-close:hover{background-color:#0000000d;color:var(--text-primary)}.dark-mode .modal-close:hover{background-color:#ffffff1a}.modal-content{padding:20px}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.toggle-switch{position:relative;display:inline-block;width:42px;height:24px}.toggle-switch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--macos-gray-medium);border-radius:34px;transition:.3s}.toggle-switch-slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background-color:#fff;border-radius:50%;transition:.3s;box-shadow:0 2px 4px #0000001a}.toggle-switch input:checked+.toggle-switch-slider{background-color:var(--macos-blue)}.toggle-switch input:checked+.toggle-switch-slider:before{transform:translate(18px)}table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}table th{text-align:left;padding:12px 16px;font-weight:500;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}table td{padding:10px 16px;border-bottom:1px solid var(--border-color)}table tr:hover td{background-color:#00000005}.dark-mode table tr:hover td{background-color:#ffffff05}.pagination{display:flex;align-items:center;justify-content:space-between;margin-top:20px;font-size:13px}.pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;height:28px;color:var(--text-secondary)}@media (max-width: 768px){button.primary-button,.save-btn,.action-button,button.secondary-button,.cancel-btn{padding:8px 12px;font-size:12px}.card-header,.card-title{padding:10px 14px;font-size:13px}.card-content,.modal-content{padding:14px}.form-group label{font-size:12px}input,textarea,select{font-size:12px;padding:7px 10px}}.header{height:64px;background:var(--header-bg);border-bottom:1px solid var(--border-color);position:fixed;top:0;z-index:1000;width:100%;left:0}.header-content{height:100%;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;max-width:1800px;margin:0 auto;width:100%}.header-left{display:flex;align-items:center;gap:.5rem;flex:1}.site-title-container{display:flex;align-items:center}.site-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0;white-space:nowrap;text-align:left;line-height:1}.short-title{display:none}.header-right{display:flex;align-items:center;gap:.5rem}.icon-button{background:none;border:none;cursor:pointer;font-size:1.25rem;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;transition:background-color .2s ease;color:var(--text-primary);text-decoration:none}.icon-button:hover{background-color:#ffffff0d}.home-icon{font-size:1.15rem;margin-left:.25rem}.search-container{position:relative;flex:1;max-width:400px;margin-right:1rem}.search-form{position:relative;display:flex;align-items:center}.search-input{width:100%;padding:.5rem 2rem .5rem .75rem;border-radius:6px 0 0 6px;border:1px solid rgba(255,255,255,.2);border-right:none;background:#ffffff14;color:var(--text-primary);font-size:.875rem;transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--primary-color);background:#ffffff1f}.search-input::placeholder{color:#ffffff80}.clear-search-button{position:absolute;right:38px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.75rem;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;opacity:.7;transition:all .2s ease;z-index:2}.clear-search-button:hover{opacity:1;background:#ffffff1a}.search-button{background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-left:none;color:var(--text-secondary);cursor:pointer;font-size:.85rem;padding:0;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:0 6px 6px 0;transition:all .2s ease}.search-button:hover{background:#ffffff1f}.search-input:focus+.search-button{border-color:var(--primary-color);background:#ffffff1f}.search-results{position:absolute;top:calc(100% + 5px);left:0;right:0;background-color:var(--background-secondary);border-radius:6px;box-shadow:0 5px 15px #0003;max-height:400px;overflow-y:auto;z-index:100}.search-result-item{padding:10px 14px;cursor:pointer;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);transition:background-color .2s ease}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background-color:#ffffff1a}.result-icon{margin-right:10px;font-size:1.1rem;min-width:20px;text-align:center}.result-title{font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:root.light-mode .header{background-color:var(--header-bg);border-color:var(--border-color)}:root.light-mode .search-input{background:var(--input-bg);border-color:var(--border-color)}:root.light-mode .search-input:focus{background:#fff;border-color:var(--primary-color)}:root.light-mode .clear-search-button{color:var(--text-secondary)}:root.light-mode .clear-search-button:hover{background:#0000000d}:root.light-mode .search-button{background:var(--input-bg);border-color:var(--border-color)}:root.light-mode .search-button:hover{background:#0000000d}:root.light-mode .search-results{background-color:#fff;box-shadow:0 5px 15px #0000001a}:root.light-mode .search-result-item{border-bottom-color:#0000001a}:root.light-mode .search-result-item:hover{background-color:#0000000d}.mobile-menu-button{display:none;align-items:center;justify-content:center;background:transparent!important;border:none!important;cursor:pointer;padding:0;margin-right:.5rem;color:var(--text-primary);border-radius:8px;width:32px;height:32px;transition:all .2s ease}.mobile-menu-button .menu-icon{font-size:18px;color:var(--text-primary);display:flex;align-items:center;justify-content:center}.mobile-menu-button svg{stroke:var(--text-primary);fill:none}.mobile-menu-button:hover{background-color:transparent!important}:root.light-mode .mobile-menu-button{background-color:transparent!important;border:none!important}:root.light-mode .mobile-menu-button:hover{background-color:transparent!important}.dark-theme .mobile-menu-button,.dark-mode .mobile-menu-button{color:var(--text-primary);background-color:transparent!important;border:none!important}.dark-theme .mobile-menu-button:hover,.dark-mode .mobile-menu-button:hover{background-color:transparent!important}.dark-theme .mobile-menu-button .menu-icon,.dark-theme .mobile-menu-button .menu-icon:before,.dark-theme .mobile-menu-button .menu-icon:after{background-color:transparent!important}@media (max-width: 1024px){.search-container{max-width:350px}.header-content{padding:0 1.25rem}.site-title{font-size:1.15rem}.header-right{gap:.35rem}}@media (max-width: 900px){.search-container{max-width:300px}.site-title{font-size:1.1rem}.header-right{gap:.25rem}.icon-button{width:34px;height:34px}}@media (max-width: 768px){.header-content{padding:0 .85rem}.mobile-menu-button{display:flex;margin-right:.25rem}.search-container{max-width:220px;margin-right:.5rem}.site-title{font-size:1rem;margin-left:.2rem}.search-results{max-height:300px}.icon-button{margin-left:0;width:30px;height:30px}.header-right{gap:.15rem}}@media (max-width: 600px){.full-title{display:none}.short-title{display:inline}.site-title{font-size:.95rem;margin-left:.15rem}.search-container{max-width:170px;margin-right:.35rem}.icon-button{width:28px;height:28px}.header-content{padding:0 .5rem}.search-input{padding:.5rem .6rem}.search-button{width:30px}.mobile-menu-button{margin-right:.15rem}}@media (max-width: 480px){.mobile-menu-button{margin-right:.1rem}.site-title{font-size:.9rem;margin-left:.1rem}.search-container{max-width:130px;margin-right:.25rem}.icon-button{width:26px;height:26px;font-size:.9rem;margin-left:0}.header-content{padding:0 .4rem}}.logo-container,.logo{display:none}.dark-theme.header,.dark-theme .header-content{background-color:#121212;color:#fff;border-color:#2c2c2c}.dark-theme .site-title{color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:500;font-size:1.25rem}.dark-theme .search-input{background-color:#1a1a1a;color:#fff;border-color:#2c2c2c}.dark-theme .search-input::placeholder{color:#8e8e8e}.dark-theme .search-button{background-color:#1a1a1a;color:#fff;border-color:#2c2c2c}.dark-theme .search-results{background-color:#1a1a1a;border-color:#2c2c2c;box-shadow:0 5px 15px #00000080}.dark-theme .search-result-item{border-color:#2c2c2c;color:#fff}.dark-theme .search-result-item:hover{background-color:#262626;color:#ff6b00}@media (max-width: 768px){.mobile-menu-button{display:flex;margin-right:.25rem}.site-title{font-size:1rem;margin-left:.2rem}}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1050;animation:fadeIn .2s ease}.modal{background-color:var(--card-bg);border-radius:12px;box-shadow:var(--macos-shadow-lg, 0 10px 25px rgba(0, 0, 0, .3));display:flex;flex-direction:column;width:500px;max-width:90%;max-height:90vh;animation:slideIn .2s ease;border:1px solid var(--border-color);overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border-color)}.modal-title{margin:0;font-size:18px;font-weight:500;color:var(--text-primary)}.modal-close{background:transparent;border:none;font-size:22px;color:var(--text-secondary);cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.modal-content{padding:16px;overflow-y:auto;flex-grow:1}@media (max-width: 768px){.modal{width:95%;max-width:95%}.modal-header,.modal-content{padding:12px}}@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:.001dpcm){@supports (-webkit-appearance:none){.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}}@-moz-document url-prefix(){.modal-backdrop{background-color:#000000b3}}.help-menu{position:relative;display:inline-block}.help-menu-button{background-color:var(--primary-color);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;font-weight:700;transition:background-color .2s}.help-menu-button:hover,.help-menu.active .help-menu-button{background-color:var(--primary-dark-color)}.help-icon{font-size:18px}.help-menu-dropdown{position:absolute;right:0;top:40px;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 4px 6px #0000001a;width:220px;z-index:1000;opacity:0;visibility:hidden;overflow:hidden;transition:opacity .3s,visibility 0s linear .3s;padding:5px 0}.help-menu:after{content:"";position:absolute;top:100%;right:0;height:20px;width:100%}.help-menu:hover .help-menu-dropdown,.help-menu-dropdown.force-show,.help-menu-dropdown:hover{opacity:1;visibility:visible;transition-delay:0s}.help-menu-item{display:block;width:100%;padding:10px 15px;text-align:left;background:none;border:none;cursor:pointer;color:var(--text-color);transition:background-color .2s}.help-menu-item:hover{background-color:var(--hover-color)}.help-modal{width:90%;max-width:1200px;height:80vh;margin:0 auto}.help-modal .modal-content{display:flex;flex-direction:column;height:100%;max-height:80vh}.help-modal-content{flex-grow:1;overflow:hidden;display:flex;flex-direction:column}.help-iframe{flex-grow:1;border:none;width:100%;height:100%;min-height:500px}@media (max-width: 768px){.help-modal{width:95%;height:90vh;max-height:90vh}.help-menu-dropdown{width:180px}.help-menu:hover .help-menu-dropdown{opacity:0;visibility:hidden}.help-menu-dropdown.force-show{opacity:1;visibility:visible}}.footer{background:var(--card-bg);border-top:1px solid var(--border-color);padding:0;width:100%;margin-top:auto;height:54px;position:relative;z-index:150;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.footer-content{width:100%;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:100%;color:var(--text-secondary);font-size:13px}.footer-branding{display:flex;align-items:center}.footer-logo{font-weight:600;color:var(--text-primary);font-size:14px}.footer-links{display:flex;gap:24px}.footer-link{color:var(--text-secondary);text-decoration:none;font-size:13px;transition:color .15s ease}.footer-link:hover{color:var(--primary-color)}.footer-copyright{display:flex;align-items:center;font-size:12px;opacity:.8}.footer-copyright p{margin:0}.dark-mode .footer{background-color:var(--card-bg);border-color:var(--border-color)}@media (max-width: 768px){.footer{height:auto;padding:16px 0}.footer-content{flex-direction:column;gap:12px;padding:0 16px;text-align:center}.footer-links{gap:16px;flex-wrap:wrap;justify-content:center}}@media (max-width: 480px){.footer-content{padding:0 12px}.footer-links{gap:12px}}.sidebar{position:fixed;top:64px;left:0;width:280px;height:calc(100vh - 118px);background-color:var(--sidebar-bg)!important;color:var(--text-primary)!important;border-right:1px solid var(--border-color);overflow-y:auto;transition:all .3s ease;z-index:100;box-shadow:0 0 20px #0000001a}.sidebar.hidden{transform:translate(-100%)}.sidebar-content{padding:12px 0;background-color:var(--sidebar-bg)!important}.menu-section{margin-bottom:1.5rem}.menu-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-secondary);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em;margin-bottom:8px}.menu-header:hover{color:var(--text-primary)}.menu-title{letter-spacing:.5px}.menu-arrow{font-size:.7rem;transition:transform .2s ease}.menu-arrow.expanded{transform:rotate(180deg)}.menu-items{list-style:none;padding:0;margin:0}.menu-item{margin:2px 0}.menu-link{display:flex;align-items:center;padding:8px 16px;margin:0 8px;color:var(--text-primary);text-decoration:none;transition:all .2s ease;border-radius:8px;border-left:none!important}.menu-link:hover{background-color:#ffffff0d}.menu-item.active .menu-link{background-color:var(--primary-color);color:#fff!important;font-weight:500}.menu-icon{margin-right:10px;font-size:1.1rem;width:24px;text-align:center;opacity:.9}.menu-item-title{font-size:.95rem}@media (max-width: 1024px){.sidebar{width:250px}}@media (max-width: 768px){.sidebar{position:fixed;top:64px;left:0;height:calc(100vh - 64px);background-color:var(--sidebar-bg);transform:translate(-100%);transition:transform .3s ease,box-shadow .3s ease;z-index:1050;width:280px;box-shadow:none;overflow-y:auto;padding-top:0}.sidebar.open{transform:translate(0);box-shadow:5px 0 15px #0000001a}.sidebar-hidden.open{transform:translate(-100%)}.sidebar-close-button,.sidebar-mobile-header{display:flex!important}}@media (max-width: 480px){.sidebar{width:85%;max-width:300px}}:root.light-mode .sidebar,html.light-mode .sidebar,body.light-mode .sidebar{background-color:var(--sidebar-bg)!important;border-right-color:#0000001a;color:var(--text-primary)!important;box-shadow:0 0 20px #0000000d}:root.light-mode .sidebar-content,html.light-mode .sidebar-content,body.light-mode .sidebar-content{background-color:var(--sidebar-bg)!important}:root.light-mode .menu-header,html.light-mode .menu-header,body.light-mode .menu-header{color:var(--secondary-color)!important}:root.light-mode .menu-header:hover,html.light-mode .menu-header:hover,body.light-mode .menu-header:hover{color:var(--text-primary)!important}:root.light-mode .menu-link,html.light-mode .menu-link,body.light-mode .menu-link{color:var(--text-primary)!important}:root.light-mode .menu-link:hover,html.light-mode .menu-link:hover,body.light-mode .menu-link:hover{background-color:#0000000d}:root.light-mode .menu-item.active .menu-link,html.light-mode .menu-item.active .menu-link,body.light-mode .menu-item.active .menu-link{background-color:var(--primary-color);color:#fff!important}.sidebar-close-button{display:none;position:absolute;top:12px;right:12px;width:42px;height:42px;border-radius:50%;background-color:var(--card-bg);border:1px solid var(--border-color);color:var(--text-primary);font-size:18px;z-index:1060;cursor:pointer;align-items:center;justify-content:center;box-shadow:var(--macos-shadow-sm);transition:all .2s ease}.sidebar-close-button svg{width:20px;height:20px}.sidebar-close-button:hover{background-color:var(--hover-bg);transform:scale(1.05)}.sidebar-close-button:active{transform:scale(.95)}.sidebar-mobile-header{display:none;padding:20px;border-bottom:1px solid var(--border-color);margin-bottom:10px;position:relative;justify-content:space-between}.sidebar-mobile-header span{font-size:16px;font-weight:600;color:var(--text-primary)}:root{--menu-text: #3a3a3a;--menu-text-light: #6e6e6e;--menu-text-hover: #0071e3;--menu-text-active: #0071e3;--menu-bg: #ffffff;--menu-bg-hover: rgba(0, 0, 0, .04);--menu-bg-active: #0071e3;--menu-bg-group: rgba(0, 0, 0, .03);--menu-bg-group-hover: rgba(0, 0, 0, .05);--menu-divider: rgba(0, 0, 0, .1);--menu-arrow: #8e8e8e}.sidebar-menu{width:100%;font-family:-apple-system,BlinkMacSystemFont,SF Pro,SF Pro Text,Helvetica Neue,sans-serif;overflow-y:auto;padding:.5rem 0;background-color:var(--menu-bg)}.menu-list{list-style-type:none;padding:0;margin:0}.menu-item.level-0:not(:first-child){margin-top:8px}.menu-item.level-0:last-child{margin-bottom:16px}.menu-section-header{padding:12px 16px 8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--primary-color);opacity:.9;margin-top:16px}.menu-item{position:relative;margin-bottom:2px}.menu-item.level-0>.menu-link{font-weight:600;color:var(--menu-text);font-size:.95rem;padding:10px 16px;margin:4px 8px;background-color:#00000008}.menu-item.level-0>.menu-link.group{font-weight:600;color:var(--menu-text);background-color:var(--menu-bg-group);border-left:none;margin-top:12px;margin-bottom:4px;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;opacity:.8;color:var(--primary-color)}.level-1 .menu-link{padding-left:24px;font-size:.9rem;color:var(--menu-text);font-weight:400;margin-left:16px;border-left:2px solid rgba(0,0,0,.1)}.level-2 .menu-link{padding-left:38px;font-size:.85rem;color:var(--menu-text-light);margin-left:20px}.level-3 .menu-link{padding-left:52px;font-size:.8rem;color:var(--menu-text-light);margin-left:24px}.menu-link{display:flex;padding:8px 12px;margin:0 8px;color:var(--menu-text);text-decoration:none;cursor:pointer;border-radius:6px;transition:all .2s ease;border-left:none;align-items:center}.menu-icon{margin-right:10px;font-size:16px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;opacity:.9}.level-0 .menu-icon{width:22px;height:22px;font-size:17px}.level-0 .menu-title{font-weight:600}.level-1 .menu-title{font-weight:500}.menu-link:hover{background-color:var(--menu-bg-hover);color:var(--menu-text-hover)}.menu-link.active{background-color:var(--menu-bg-active);color:#fff;font-weight:500;border-left:none}.menu-item-content{display:flex;align-items:center;width:100%}.menu-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-arrow{font-size:10px;transition:transform .3s ease;margin-left:8px;display:inline-flex;align-items:center;justify-content:center;color:inherit;opacity:.7;width:16px;height:16px;border-radius:50%;background-color:#0000001a}.menu-arrow.expanded{transform:rotate(180deg);opacity:1;background-color:#0003}:root.light-mode .menu-arrow,.light-mode .menu-arrow,.light-theme .menu-arrow{color:var(--secondary-color);background-color:#0000001a}:root.light-mode .menu-arrow.expanded,.light-mode .menu-arrow.expanded,.light-theme .menu-arrow.expanded{color:var(--primary-color);background-color:#0071e31a}:root.light-mode .menu-link,.light-mode .menu-link,.light-theme .menu-link{color:var(--text-primary)!important}:root.light-mode .level-0>.menu-link,.light-mode .level-0>.menu-link,.light-theme .level-0>.menu-link{background-color:#0000000d;color:var(--text-primary)!important;border-radius:6px}:root.light-mode .level-1 .menu-link,.light-mode .level-1 .menu-link,.light-theme .level-1 .menu-link{color:var(--text-primary)!important;background-color:transparent;border-left:2px solid var(--border-color)}:root.light-mode .level-2 .menu-link,.light-mode .level-2 .menu-link,.light-theme .level-2 .menu-link,:root.light-mode .level-3 .menu-link,.light-mode .level-3 .menu-link,.light-theme .level-3 .menu-link{color:var(--text-secondary)!important;border-left:1px solid var(--border-color)}.submenu{list-style-type:none;padding:0;margin:5px 0 5px 12px;overflow:hidden;max-height:0;opacity:0;visibility:hidden;transition:max-height .3s ease,opacity .2s ease,visibility .2s ease;border-left:2px solid var(--border-color)}.dark-mode .submenu{border-left:2px solid rgba(255,255,255,.1)}.menu-item.expanded>.submenu,.submenu.visible{max-height:2000px;opacity:1;visibility:visible;padding-bottom:8px}.menu-item.has-active-child>.submenu{max-height:2000px;opacity:1;visibility:visible;padding-bottom:8px}.menu-divider{height:1px;margin:12px 16px;background-color:var(--menu-divider)}.dark-theme.sidebar-menu,.dark-mode .sidebar-menu{background-color:#1e1e1e}.dark-theme .menu-link,.dark-mode .menu-link{color:#e0e0e0;border-left:none}.dark-mode .level-0>.menu-link{background-color:#ffffff0d;color:#fff!important}.dark-mode .level-1 .menu-link{background-color:transparent;border-left:2px solid rgba(255,255,255,.1)}.dark-mode .level-2 .menu-link,.dark-mode .level-3 .menu-link{border-left:1px solid rgba(255,255,255,.1)}.dark-theme .menu-arrow,.dark-mode .menu-arrow{color:#a0a0a0}.dark-theme .menu-arrow.expanded,.dark-mode .menu-arrow.expanded{color:#fff}.menu-link.group{background-color:var(--menu-bg-group);font-weight:500;cursor:pointer}.menu-link.group:hover{background-color:var(--menu-bg-group-hover)}.menu-link.has-children{cursor:pointer}.sidebar-loading{padding:20px;text-align:center;color:var(--menu-text-light)}.menu-item.has-active-child>.menu-link{background-color:var(--menu-bg-hover);color:var(--menu-text-hover)}.menu-item.expanded>.submenu{display:block!important;max-height:none!important;opacity:1!important;visibility:visible!important;height:auto!important;overflow:visible!important}.menu-item.expanded>.submenu>li{display:block!important}@media (prefers-color-scheme: dark){:root{--menu-text: #ffffff;--menu-text-light: #cccccc;--menu-text-hover: #ff6b00;--menu-text-active: #ff8f3b;--menu-bg: #000000;--menu-bg-hover: #222222;--menu-bg-active: #333333;--menu-bg-group: #111111;--menu-bg-group-hover: #222222;--menu-divider: rgba(255, 255, 255, .1);--menu-arrow: #cccccc}.menu-link.active{background-color:#333;color:#ff8f3b;border-left:3px solid #ff6b00}.sidebar-menu{background-color:#000}.menu-item.level-0>.menu-link.group{background-color:#111;color:#fff}.menu-link.group{background-color:#111}.menu-link.group:hover{background-color:#222}.menu-link:hover{background-color:#222;color:#ff6b00}.menu-item.has-active-child>.menu-link{background-color:#222;color:#ff6b00}}@media (max-width: 768px){.sidebar-menu{padding:0}.menu-link{padding:.85rem 1rem;margin:0;border-radius:0}}:root.light-mode .menu-link,.light-mode .menu-link,.light-theme .menu-link{color:#333!important}:root.light-mode .level-1 .menu-link,.light-mode .level-1 .menu-link,.light-theme .level-1 .menu-link{color:#333!important}:root.light-mode .level-2 .menu-link,.light-mode .level-2 .menu-link,.light-theme .level-2 .menu-link,:root.light-mode .level-3 .menu-link,.light-mode .level-3 .menu-link,.light-theme .level-3 .menu-link{color:#505050!important}:root.light-mode .menu-arrow,.light-mode .menu-arrow,.light-theme .menu-arrow{color:#505050}:root.light-mode .menu-arrow.expanded,.light-mode .menu-arrow.expanded,.light-theme .menu-arrow.expanded{color:var(--primary-color)}:root.light-mode .menu-link:hover,.light-mode .menu-link:hover,.light-theme .menu-link:hover{background-color:#0000000d;color:var(--primary-color)}:root.light-mode .menu-link.active,.light-mode .menu-link.active,.light-theme .menu-link.active{background-color:#6b47d01a;color:var(--primary-color);border-left:3px solid var(--primary-color)}.dark-theme.sidebar-menu,.dark-mode .sidebar-menu{background-color:#121212;color:#fff}.dark-theme .menu-link,.dark-mode .menu-link{color:#e0e0e0;border-left:3px solid transparent;transition:all .2s ease}.dark-theme .menu-link:hover,.dark-mode .menu-link:hover{background-color:#1e1e1e;color:#ff6b00}.dark-theme .menu-link.active,.dark-mode .menu-link.active{background-color:#262626;color:#ff6b00;border-left:3px solid #ff6b00;font-weight:500}.dark-theme .menu-item.level-0>.menu-link.group,.dark-mode .menu-item.level-0>.menu-link.group{background-color:#1a1a1a;color:#fff;font-weight:600}.dark-theme .menu-link.group,.dark-mode .menu-link.group{background-color:#1a1a1a}.dark-theme .level-2 .menu-link,.dark-theme .level-3 .menu-link,.dark-mode .level-2 .menu-link,.dark-mode .level-3 .menu-link{color:#b0b0b0}.dark-theme .menu-arrow,.dark-mode .menu-arrow{color:#fff}.dark-theme .menu-arrow.expanded,.dark-mode .menu-arrow.expanded{color:#ff6b00}.dark-theme .menu-item-content{display:flex;align-items:center;width:100%}.dark-theme .menu-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark-theme .level-1 .menu-link{padding-left:1.5rem}.dark-theme .level-2 .menu-link{padding-left:2.4rem}.dark-theme .level-3 .menu-link{padding-left:3.3rem}.light-mode .menu-item .menu-link,.light-theme .menu-item .menu-link,:root.light-mode .menu-item .menu-link{color:var(--text-primary)}.light-mode .menu-item .menu-title,.light-theme .menu-item .menu-title,:root.light-mode .menu-item .menu-title{color:var(--text-primary)}.light-mode .menu-item .menu-icon,.light-theme .menu-item .menu-icon,:root.light-mode .menu-item .menu-icon{color:var(--primary-color)}.light-mode .menu-item:hover .menu-link,.light-theme .menu-item:hover .menu-link,:root.light-mode .menu-item:hover .menu-link{background-color:var(--hover-bg)}.light-mode .menu-item.active>.menu-link,.light-theme .menu-item.active>.menu-link,:root.light-mode .menu-item.active>.menu-link{background-color:var(--hover-bg);color:var(--primary-color);font-weight:500}.menu-item.level-0{margin-bottom:4px}.menu-item.level-0>.menu-link .menu-icon{font-size:18px;color:var(--primary-color)}.menu-link.active{background-color:var(--menu-bg-active);color:#fff!important;font-weight:500}.dark-mode .menu-link.active{background-color:var(--primary-color);color:#fff!important}.light-mode .level-0>.menu-link.active{background-color:var(--primary-color);color:#fff!important;border-left:none}.light-mode .level-1 .menu-link.active,.light-mode .level-2 .menu-link.active,.light-mode .level-3 .menu-link.active{background-color:#0071e31a;color:var(--primary-color)!important;border-left-color:var(--primary-color)}.menu-item.has-children>.menu-link{position:relative}.menu-item.level-0.has-children>.menu-link:after{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background-color:var(--primary-color);opacity:.5}.menu-item.level-0.has-children.expanded>.menu-link:after{opacity:1}.menu-item.active>.menu-link{background-color:var(--primary-color);color:#fff!important;font-weight:500;box-shadow:0 2px 5px #0000001a}.menu-item.level-0:not(:last-child):after{content:"";display:block;height:1px;margin:8px 16px 0;background-color:var(--border-color);opacity:.5}.main-menu{display:flex;flex-direction:column;width:100%}.menu-breadcrumbs{display:flex;align-items:center;padding:8px 16px;background-color:#f5f5f5;border-radius:4px;margin-bottom:12px;font-size:.85rem;color:#666}.breadcrumb-item{display:flex;align-items:center}.breadcrumb-item:not(:last-child):after{content:"/";margin:0 8px;color:#ccc}.breadcrumb-item:last-child{color:#333;font-weight:500}.main-sidebar-menu{flex:1}.menu-loading{display:flex;align-items:center;justify-content:center;padding:20px;color:#666;font-size:.9rem}.menu-loading:after{content:"";display:inline-block;width:16px;height:16px;margin-left:10px;border:2px solid #ccc;border-top-color:#333;border-radius:50%;animation:menu-loading-spin 1s linear infinite}@keyframes menu-loading-spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.menu-breadcrumbs{flex-wrap:wrap;padding:6px 12px}}:root.light-mode .main-menu,.light-mode .main-menu,.light-theme.main-menu{color:var(--text-primary)}:root.light-mode .menu-breadcrumbs,.light-mode .menu-breadcrumbs,.light-theme .menu-breadcrumbs{background-color:#f3f4f6;color:var(--text-secondary)}:root.light-mode .breadcrumb-item:last-child,.light-mode .breadcrumb-item:last-child,.light-theme .breadcrumb-item:last-child{color:var(--text-primary)}:root.light-mode .menu-loading,.light-mode .menu-loading,.light-theme .menu-loading{color:var(--text-secondary)}:root.dark-mode .main-menu,.dark-mode .main-menu,.dark-theme.main-menu{color:var(--text-primary)}.sidebar-toggle{position:fixed;left:280px;top:50%;transform:translateY(-50%);background-color:var(--sidebar-bg);color:var(--text-secondary);border:1px solid var(--border-color);border-left:none;border-radius:0 6px 6px 0;padding:6px 4px;cursor:pointer;z-index:110;box-shadow:var(--shadow-sm);transition:all .2s ease;display:flex;align-items:center;justify-content:center;outline:none;height:60px;width:16px;opacity:.8}.sidebar-toggle:hover{opacity:1;color:var(--text-primary)}.sidebar-toggle.sidebar-hidden{left:0}.sidebar-toggle svg{width:12px;height:12px;transition:color .2s ease}.sidebar-toggle.light{background-color:var(--sidebar-bg);box-shadow:var(--shadow-sm)}.sidebar-toggle.light:hover{background-color:var(--header-bg)}.sidebar-toggle.dark{background-color:var(--sidebar-bg);box-shadow:var(--shadow-md)}.sidebar-toggle.dark:hover{background-color:var(--card-bg)}@media (max-width: 768px){.sidebar-toggle{display:none}}.breadcrumbs-container{padding:.75rem 1rem;margin-bottom:1rem;background-color:var(--background-light);border-radius:.25rem;border:1px solid var(--border-color);font-size:.875rem}.dark-mode .breadcrumbs-container{background-color:var(--background-dark-secondary);border-color:var(--border-color-dark)}.breadcrumbs-list{display:flex;flex-wrap:wrap;padding:0;margin:0;list-style:none}.breadcrumb-item{display:flex;align-items:center;color:var(--text-color-secondary)}.dark-mode .breadcrumb-item{color:var(--text-color-dark-secondary)}.breadcrumb-link{color:var(--primary-color);text-decoration:none;display:flex;align-items:center}.breadcrumb-link:hover{text-decoration:underline;color:var(--primary-color-hover)}.breadcrumb-separator{margin:0 .5rem;color:var(--text-color-muted)}.home-icon{margin-right:.25rem;font-size:1rem}.breadcrumb-text.current{font-weight:600;color:var(--text-color)}.dark-mode .breadcrumb-text.current{color:var(--text-color-dark)}@media (max-width: 768px){.breadcrumbs-container{padding:.5rem;margin-bottom:.75rem;font-size:.75rem}.breadcrumb-separator{margin:0 .25rem}.home-icon{margin-right:.15rem}}@media (max-width: 480px){.breadcrumbs-list{white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.breadcrumbs-list::-webkit-scrollbar{display:none}}.main-layout{display:flex;flex-direction:column;min-height:100vh;height:100vh;background:var(--bg-color);position:relative;overflow:hidden}.layout-container{display:flex;flex:1;position:relative;padding-top:64px;height:calc(100vh - 118px);overflow:hidden}.content-wrapper{flex:1;margin-left:280px;transition:margin-left .3s ease;display:flex;flex-direction:column;min-height:100%;position:relative}.sidebar.hidden~.content-wrapper,body:has(.sidebar.hidden) .content-wrapper,.content-wrapper.full-width{margin-left:0}.main-content{flex:1;padding:1.5rem;overflow-y:auto;background:var(--bg-color);height:100%}.content-wrapper .breadcrumbs-container{position:sticky;top:0;z-index:10;margin-bottom:0;margin-left:1.5rem;margin-right:1.5rem;margin-top:1rem;border-radius:.25rem;box-shadow:0 1px 3px #0000001a}.footer{width:100%;z-index:150}.main-content::-webkit-scrollbar{width:8px}.main-content::-webkit-scrollbar-track{background:transparent}.main-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.main-content::-webkit-scrollbar-thumb:hover{background:#fff3}:root.light-mode .main-content{background-color:var(--bg-color)}:root.light-mode .main-content::-webkit-scrollbar-thumb{background-color:var(--border-color)}:root.light-mode .main-content::-webkit-scrollbar-thumb:hover{background-color:var(--primary-color)}@media (max-width: 1024px){.content-wrapper{margin-left:250px}.main-content{padding:1.25rem}.content-wrapper .breadcrumbs-container{margin-left:1.25rem;margin-right:1.25rem;margin-top:.75rem}}@media (max-width: 768px){.layout-container{height:calc(100vh - 118px)}.content-wrapper{margin-left:0;width:100%}.main-content{padding:1rem}.content-wrapper .breadcrumbs-container{margin-left:1rem;margin-right:1rem;margin-top:.5rem;font-size:.8rem}.sidebar.open~.content-wrapper:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}@media (max-width: 480px){.main-content{padding:.75rem}}.home-container{padding:1.5rem;max-width:1800px;margin:0 auto;height:100%}body,#root,.app{height:100vh;margin:0}.main-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.main-content{flex:1;overflow:auto;height:calc(100vh - 60px)}.hero-section{text-align:center;margin-bottom:3rem;padding:2rem 0}.hero-section h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary);line-height:1.2}.hero-section p{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2rem;max-width:700px;margin-left:auto;margin-right:auto}.featured-section{margin-bottom:3rem}.featured-section h2{font-size:1.75rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary)}.search-status{margin-bottom:1.5rem;color:var(--text-secondary);font-size:.9rem}.search-term{color:var(--primary-color);font-weight:500}.workflow-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;grid-auto-rows:1fr}.workflow-card{background:#ffffff0d;border-radius:var(--card-radius);padding:0;transition:transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;color:var(--text-primary);text-decoration:none;border:1px solid rgba(255,255,255,.08);height:100%;min-height:320px}.workflow-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026;border-color:#ffffff26}.card-image{position:relative;height:120px;overflow:hidden;border-radius:12px 12px 0 0;background-color:#0003}.card-image img{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}.card-icon{position:absolute;top:10px;right:10px;font-size:2rem;background:#00000080;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 2px 8px #0003}.card-content{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.workflow-card h3{margin:0 0 .75rem;font-size:1.2rem;font-weight:600;color:var(--text-primary)}.workflow-card p{color:var(--text-secondary);font-size:.9rem;margin:0 0 1.5rem;line-height:1.5;flex-grow:1}.workflow-card .card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.workflow-card .likes{display:flex;align-items:center;font-size:.9rem;background:none;border:none;padding:.25rem .5rem;border-radius:1rem;cursor:pointer;transition:all .2s ease;color:var(--text-color);font-weight:500}.workflow-card .likes:hover{background-color:#ff00001a;transform:scale(1.05)}.workflow-card .likes.liked{color:#ff3860;font-weight:600}.workflow-card .likes.liked:hover{background-color:#ff000026}.tags{display:flex;gap:.5rem}.tag{font-size:.7rem;background:#ffffff1a;padding:.25rem .5rem;border-radius:4px;font-weight:500}.no-results{grid-column:1 / -1;text-align:center;padding:2rem;color:var(--text-secondary);background:#ffffff08;border-radius:12px;margin:1rem 0}:root.light-mode .workflow-card{background:#fff;border-color:#0000001a;box-shadow:0 1px 3px #0000000d}:root.light-mode .workflow-card:hover{box-shadow:0 8px 24px #0000001a;border-color:#00000026}:root.light-mode .card-icon{background:#ffffffe6;color:var(--text-primary);box-shadow:0 2px 8px #0000001a}:root.light-mode .tag{background:#0000000f;color:var(--text-primary)}@media (max-width: 1200px){.workflow-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.home-container{padding:1.5rem}.card-image{height:100px}}@media (max-width: 768px){.workflow-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem}.hero-section h1{font-size:1.75rem}.home-container{padding:1rem}.featured-section h2{font-size:1.25rem}.workflow-card{min-height:280px}}@media (max-width: 600px){.workflow-grid{grid-template-columns:1fr;gap:1rem}.workflow-card{min-height:260px}}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.section-controls{display:flex;align-items:center;gap:1.5rem;flex-wrap:nowrap}.sort-control{display:flex;align-items:center}.sort-button{background-color:var(--card-bg);border:1px solid var(--border-color);color:var(--text-primary);font-size:13px;padding:8px 12px;border-radius:6px;cursor:pointer;transition:all .2s ease;font-weight:500;white-space:nowrap;min-width:80px;text-align:center}.sort-button:hover{background-color:var(--hover-bg)}.items-per-page{display:flex;align-items:center;color:var(--text-secondary);font-size:13px;gap:8px}.select-items-per-page{background-color:var(--card-bg);border:1px solid var(--border-color);color:var(--text-primary);font-size:13px;padding:8px 28px 8px 12px;border-radius:6px;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:16px}.select-items-per-page:focus{outline:none;border-color:var(--macos-blue);box-shadow:0 0 0 2px #0070f54d}.pagination{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;gap:1rem}.pagination-info{color:var(--text-secondary);font-size:13px}.pagination-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:1px solid var(--border-color);background-color:var(--card-bg);color:var(--text-primary);font-size:13px;cursor:pointer;transition:all .2s ease;padding:0}.pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--text-secondary)}@media (max-width: 768px){.section-header{flex-direction:column;align-items:flex-start}.section-controls{width:100%;justify-content:space-between}.pagination{flex-direction:column;align-items:flex-start}.pagination-controls{margin-top:10px;flex-wrap:wrap;justify-content:center;width:100%}}@media (max-width: 480px){.section-controls{flex-wrap:wrap;gap:.75rem}.sort-control,.items-per-page,.sort-button{width:100%}.items-per-page label{width:100%;justify-content:space-between}}.image-loading-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#0000001a;z-index:1}.loading-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.menu-tester{margin-top:20px;padding:15px;background-color:var(--card-bg);border-radius:8px;box-shadow:0 2px 8px #0000001a;width:100%;max-width:500px}.menu-tester h3{margin-top:0;margin-bottom:15px;font-size:18px}.threshold-control{display:flex;align-items:center;margin-bottom:15px}.threshold-control label{margin-right:10px;flex:1;display:flex;align-items:center}.threshold-control input{width:60px;margin-left:10px;padding:5px;border-radius:4px;border:1px solid var(--border-color);background-color:var(--input-bg);color:var(--text-color)}.menu-tester button{padding:8px 12px;border-radius:4px;border:none;background-color:var(--primary-color);color:#fff;cursor:pointer;margin-right:10px;margin-bottom:5px}.menu-tester button:hover{background-color:var(--primary-color-hover)}.explanation{font-size:14px;margin-bottom:15px}.explanation ul{margin-top:5px;padding-left:20px}.tester-toggle{margin-top:10px;padding:8px 16px;background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer}.tester-toggle:hover{background-color:var(--primary-color-hover)}.macos-demo{padding:20px;max-width:1200px;margin:0 auto}.demo-header{margin-bottom:30px}.demo-header h2{font-size:24px;margin-bottom:8px}.demo-header p{color:var(--text-secondary)}.demo-tabs{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:30px}.tab-button{background:transparent;border:none;padding:12px 20px;font-size:14px;font-weight:500;color:var(--text-secondary);border-bottom:2px solid transparent;transition:all .2s;cursor:pointer}.tab-button:hover{color:var(--text-primary)}.tab-button.active{color:var(--macos-blue);border-bottom-color:var(--macos-blue)}.demo-section{margin-bottom:40px}.demo-section h3{font-size:18px;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.demo-row{display:flex;flex-wrap:wrap;gap:30px;margin-bottom:30px}.demo-item{flex:1;min-width:250px}.demo-item h4{font-size:14px;margin-bottom:12px;color:var(--text-secondary)}.toggle-container{display:flex;align-items:center;gap:10px}.toggle-label{font-size:14px}.modal-demo{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:2000}.modal-demo.show{display:block}.status-pill{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.status-pill.active{background-color:#28a74526;color:#2da44e}.status-pill.inactive{background-color:#dc354526;color:#cf222e}.status-pill.pending{background-color:#ffc10726;color:#d29922}:root.dark-mode .status-pill.active{background-color:#28a74533;color:#57ab5a}:root.dark-mode .status-pill.inactive{background-color:#dc354533;color:#e5534b}:root.dark-mode .status-pill.pending{background-color:#ffc10733;color:#e3b341}@media (max-width: 768px){.demo-tabs{overflow-x:auto;padding-bottom:5px}.demo-row{flex-direction:column}.demo-item{min-width:100%}}.credentials-container{padding:20px}.credentials-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.add-credential-btn{background-color:var(--macos-blue);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:500;font-size:13px;cursor:pointer;transition:background-color .2s ease;box-shadow:var(--macos-shadow-xs)}.add-credential-btn:hover{background-color:var(--macos-blue-hover)}.credentials-table-container{background-color:var(--card-bg);border-radius:10px;box-shadow:var(--macos-shadow-sm);overflow:hidden;border:1px solid var(--border-color)}.credential-type{display:inline-block;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.credential-type.oauth2{background-color:#0d6efd26;color:#0969da}:root.dark-mode .credential-type.oauth2{background-color:#0d6efd33;color:#58a6ff}.credential-type.api-key{background-color:#28a74526;color:#2da44e}:root.dark-mode .credential-type.api-key{background-color:#28a74533;color:#57ab5a}.credential-type.smtp{background-color:#6f42c126;color:#8250df}:root.dark-mode .credential-type.smtp{background-color:#6f42c133;color:#a371f7}.credential-actions{display:flex;gap:8px}.edit-credential-btn,.delete-credential-btn{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;border:1px solid var(--border-color);transition:all .2s ease}.edit-credential-btn{background-color:var(--card-bg);color:var(--text-primary)}.edit-credential-btn:hover{background-color:var(--hover-bg)}.delete-credential-btn{background-color:var(--card-bg);color:#cf222e;border-color:#dc35454d}.delete-credential-btn:hover{background-color:#dc35451a}.no-credentials{text-align:center;padding:40px 20px;background-color:var(--card-bg);border-radius:10px;box-shadow:var(--macos-shadow-sm);color:var(--text-secondary);border:1px solid var(--border-color)}@media (max-width: 768px){.credentials-header{flex-direction:column;align-items:flex-start;gap:15px}.add-credential-btn{width:100%}.credentials-table{display:block;overflow-x:auto}.credential-modal{width:90%;padding:20px}}.credential-modal{background-color:var(--card-bg);border-radius:12px;box-shadow:var(--macos-shadow-lg, 0 10px 25px rgba(0, 0, 0, .3));width:100%;max-width:500px;animation:slideIn .2s ease;border:1px solid var(--border-color);overflow:hidden}.credential-modal h2{color:var(--text-primary);margin:0;padding:16px;font-size:18px;font-weight:500;border-bottom:1px solid var(--border-color)}.credential-form{display:flex;flex-direction:column;gap:16px;padding:16px}.form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:36px}.variables-container{padding:20px}.variables-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.variables-description{margin-bottom:30px;color:var(--text-secondary-color, #666);max-width:800px}.dark-theme .variables-description{color:var(--dark-text-secondary-color, #aaa)}.add-variable-btn{background-color:var(--macos-blue);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:500;font-size:13px;cursor:pointer;transition:background-color .2s ease;box-shadow:var(--macos-shadow-xs)}.add-variable-btn:hover{background-color:var(--macos-blue-hover)}.variables-table-container{background-color:var(--card-bg);border-radius:10px;box-shadow:var(--macos-shadow-sm);overflow:hidden;border:1px solid var(--border-color)}.value-display{display:flex;align-items:center;gap:10px}.toggle-visibility-btn{background-color:var(--secondary-bg);color:var(--text-primary);border:none;padding:2px 8px;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color .2s ease}.toggle-visibility-btn:hover{background-color:var(--hover-bg)}.variable-type,.variable-scope{display:inline-block;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.variable-type.text{background-color:#0d6efd26;color:#0969da}:root.dark-mode .variable-type.text{background-color:#0d6efd33;color:#58a6ff}.variable-type.number{background-color:#28a74526;color:#2da44e}:root.dark-mode .variable-type.number{background-color:#28a74533;color:#57ab5a}.variable-type.boolean{background-color:#6f42c126;color:#8250df}:root.dark-mode .variable-type.boolean{background-color:#6f42c133;color:#a371f7}.variable-type.secret{background-color:#dc354526;color:#cf222e}:root.dark-mode .variable-type.secret{background-color:#dc354533;color:#e5534b}.variable-scope.global{background-color:#0d6efd26;color:#0969da}:root.dark-mode .variable-scope.global{background-color:#0d6efd33;color:#58a6ff}.variable-scope.workflow{background-color:#ffc10726;color:#d29922}:root.dark-mode .variable-scope.workflow{background-color:#ffc10733;color:#e3b341}.variable-actions{display:flex;gap:8px}.edit-variable-btn,.delete-variable-btn{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;border:1px solid var(--border-color);transition:all .2s ease}.edit-variable-btn{background-color:var(--card-bg);color:var(--text-primary)}.edit-variable-btn:hover{background-color:var(--hover-bg)}.delete-variable-btn{background-color:var(--card-bg);color:#cf222e;border-color:#dc35454d}.delete-variable-btn:hover{background-color:#dc35451a}.no-variables{text-align:center;padding:40px 20px;background-color:var(--card-bg);border-radius:10px;box-shadow:var(--macos-shadow-sm);color:var(--text-secondary);border:1px solid var(--border-color)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0006;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease}.variable-modal{background-color:var(--card-bg);border-radius:12px;box-shadow:var(--macos-shadow-lg, 0 10px 25px rgba(0, 0, 0, .3));width:100%;max-width:500px;animation:slideIn .2s ease;border:1px solid var(--border-color);overflow:hidden}.variable-modal h2{color:var(--text-primary);margin:0;padding:16px;font-size:18px;font-weight:500;border-bottom:1px solid var(--border-color)}.variable-form{display:flex;flex-direction:column;gap:16px;padding:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-weight:500;color:var(--text-secondary);font-size:14px}.form-group input,.form-group select{padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background-color:var(--input-bg);color:var(--text-primary);font-size:14px;transition:all .2s ease}.form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:36px}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--macos-blue);box-shadow:0 0 0 2px #0070f54d}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px;padding:16px;border-top:1px solid var(--border-color)}.cancel-btn,.save-btn{padding:8px 16px;border-radius:6px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease}.cancel-btn{background-color:var(--card-bg);color:var(--text-primary);border:1px solid var(--border-color)}.save-btn{background-color:var(--macos-blue);color:#fff;border:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.variables-header{flex-direction:column;align-items:flex-start;gap:15px}.add-variable-btn{width:100%}.variables-table{display:block;overflow-x:auto}.variable-modal{width:90%;padding:20px}}.dashboard-container{padding:20px;max-width:1200px;margin:0 auto}.dashboard-header{text-align:center;margin-bottom:40px}.dashboard-header h1{font-size:2.5rem;margin-bottom:10px;color:var(--text-primary-color, #333)}.dark-theme .dashboard-header h1{color:var(--dark-text-primary-color, #fff)}.dashboard-header p{font-size:1.2rem;color:var(--text-secondary-color, #666);max-width:600px;margin:0 auto}.dark-theme .dashboard-header p{color:var(--dark-text-secondary-color, #aaa)}.metrics-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:30px}.metric-card{background-color:var(--card-bg-color, #fff);border-radius:8px;box-shadow:0 2px 10px #0000000d;padding:20px;display:flex;align-items:center;transition:transform .3s ease,box-shadow .3s ease}.dark-theme .metric-card{background-color:var(--dark-card-bg-color, #2a2a2a);box-shadow:0 2px 10px #0003}.metric-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000001a}.dark-theme .metric-card:hover{box-shadow:0 5px 15px #0000004d}.metric-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:15px;font-size:24px}.metric-details h3{font-size:1.8rem;margin:0 0 5px;font-weight:700;color:var(--text-primary-color, #333)}.dark-theme .metric-details h3{color:var(--dark-text-primary-color, #fff)}.metric-details p{font-size:.9rem;margin:0;color:var(--text-secondary-color, #666)}.dark-theme .metric-details p{color:var(--dark-text-secondary-color, #aaa)}.dashboard-grid{display:grid;grid-template-columns:3fr 2fr;gap:20px;margin-bottom:30px}@media (max-width: 768px){.dashboard-grid{grid-template-columns:1fr}}.dashboard-card{background-color:var(--card-bg-color, #fff);border-radius:8px;box-shadow:0 2px 10px #0000000d;padding:20px}.dark-theme .recent-activity{background-color:var(--dark-card-bg-color, #2a2a2a);box-shadow:0 2px 5px #0000004d}.recent-activity h2{font-size:18px;margin-top:0;margin-bottom:20px;color:var(--text-primary-color, #333)}.dark-theme .recent-activity h2{color:var(--dark-text-primary-color, #fff)}.activity-list{list-style:none;padding:0;margin:0}.activity-list li{display:flex;padding:12px 0;border-bottom:1px solid var(--border-color, #eee)}.dark-theme .activity-list li{border-bottom:1px solid var(--dark-border-color, #444)}.activity-list li:last-child{border-bottom:none}.activity-time{min-width:80px;color:var(--text-secondary-color, #666);font-size:14px}.dark-theme .activity-time{color:var(--dark-text-secondary-color, #aaa)}.activity-description{flex:1;color:var(--text-primary-color, #333)}.dark-theme .activity-description{color:var(--dark-text-primary-color, #fff)}@media (max-width: 768px){.dashboard-stats{grid-template-columns:1fr 1fr}}@media (max-width: 576px){.dashboard-stats{grid-template-columns:1fr}.activity-list li{flex-direction:column}.activity-time{margin-bottom:5px}}.macos-ui-demo-page{padding:20px;max-width:1400px;margin:0 auto}.page-header{margin-bottom:30px;border-bottom:1px solid var(--border-color);padding-bottom:20px}.page-header h1{font-size:28px;margin-bottom:10px;font-weight:500}.page-header p{color:var(--text-secondary);font-size:16px}.demo-container{background:var(--card-bg);border-radius:var(--card-radius);box-shadow:var(--shadow-sm);overflow:hidden;border:1px solid var(--border-color)}@media (max-width: 768px){.macos-ui-demo-page{padding:15px}.page-header h1{font-size:24px}.page-header p{font-size:14px}}.card{background-color:var(--card-bg);border-radius:12px;box-shadow:var(--macos-shadow-sm, 0 1px 2px rgba(0, 0, 0, .05));border:1px solid var(--border-color);overflow:hidden;transition:all .2s ease}.card.hoverable:hover{transform:translateY(-2px);box-shadow:var(--macos-shadow-md, 0 4px 6px rgba(0, 0, 0, .1))}.card-title{padding:16px;font-size:16px;font-weight:500;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.card-content{padding:16px;color:var(--text-secondary)}.card-header{padding:16px;border-bottom:1px solid var(--border-color);font-weight:500;font-size:16px;color:var(--text-primary)}@media (max-width: 768px){.card{border-radius:8px}.card-title,.card-header,.card-content,.card-footer{padding:12px}}:root.dark-mode .card{background-color:var(--dark-card-bg, #1f2937);box-shadow:0 1px 3px #0003}:root.dark-mode .card-title{color:var(--dark-text-primary, #f3f4f6)}:root.dark-mode .card-content{color:var(--dark-text-secondary, #d1d5db)}.agent-landing-page{max-width:1200px;margin:0 auto;padding:30px 20px}.landing-header{text-align:center;margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.category-icon{font-size:60px;margin-bottom:20px;display:inline-block}.landing-header h1{margin-bottom:16px;font-size:36px}.landing-header .description{max-width:800px;margin:0 auto;font-size:18px;line-height:1.6;color:var(--text-secondary)}.landing-content{display:flex;flex-direction:column;gap:60px}.agents-grid{margin-bottom:20px}.agents-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.agent-card{display:flex;flex-direction:column;background-color:var(--card-bg);border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000000d;transition:transform .2s,box-shadow .2s;text-decoration:none;color:inherit;height:100%}.agent-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0000001a}.agent-icon{font-size:36px;padding:24px;display:flex;align-items:center;justify-content:center;background-color:var(--card-header-bg)}.agent-info{padding:20px;flex-grow:1;display:flex;flex-direction:column}.agent-info h3{margin-bottom:12px;font-size:20px}.agent-info p{margin-bottom:16px;line-height:1.5;color:var(--text-secondary);flex-grow:1}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.tag{background-color:var(--tag-bg);color:var(--tag-text);padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500;text-transform:uppercase}.landing-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.benefits-list,.use-cases-list{list-style:none;padding:0}.benefits-list li,.use-cases-list li{display:flex;align-items:flex-start;margin-bottom:16px;gap:12px}.check-icon,.case-icon{flex-shrink:0;color:var(--accent-color)}.get-started-section{text-align:center;background-color:var(--card-bg);border-radius:8px;padding:40px;margin-top:20px}.get-started-section h2{margin-bottom:16px;font-size:28px}.get-started-section p{margin-bottom:24px;max-width:600px;margin-left:auto;margin-right:auto}.primary-button{background-color:var(--primary-button-bg);color:var(--primary-button-text);border:none;border-radius:6px;padding:12px 24px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s}.primary-button:hover{background-color:var(--primary-button-hover-bg)}@media (max-width: 768px){.landing-columns,.agents-list{grid-template-columns:1fr}}:root{--primary: #0071e3;--primary-hover: #0051b4;--secondary: #86868b;--success: #34c759;--danger: #ff3b30;--warning: #ff9500;--info: #5ac8fa;--background: #f5f5f7;--card-bg: rgba(255, 255, 255, .8);--header-bg: rgba(255, 255, 255, .8);--sidebar-bg: rgba(245, 245, 247, .9);--text-primary: #1d1d1f;--text-secondary: #515154;--text-muted: #86868b;--border-color: #d2d2d7;--input-bg: #ffffff;--hover-bg: rgba(0, 0, 0, .05);--toggle-bg: #e0e0e0;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--border-radius: 8px}.dark{--background: #1a1a1a;--card-bg: rgba(45, 45, 45, .8);--header-bg: rgba(45, 45, 45, .8);--sidebar-bg: rgba(45, 45, 45, .9);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5);--border-color: #444444;--input-bg: rgba(35, 35, 35, .8);--hover-bg: rgba(255, 255, 255, .05);--toggle-bg: #444;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5)}body{background-color:var(--background);color:var(--text-primary)}.card,.dark .card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.sidebar,.dark .sidebar{background-color:var(--sidebar-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border-color)}input,select,textarea,.dark input,.dark select,.dark textarea{background-color:var(--input-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--border-radius)}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.text-theme-primary{color:var(--text-primary)}.text-theme-secondary{color:var(--text-secondary)}.text-theme-muted{color:var(--text-muted)}.bg-theme-card{background-color:var(--card-bg)}.bg-theme-header{background-color:var(--header-bg)}.bg-theme-sidebar{background-color:var(--sidebar-bg)}.border-theme{border-color:var(--border-color)}@tailwind base;@tailwind components;@tailwind utilities;:root{--macos-blue: #0070f5;--macos-blue-hover: #0051c2;--macos-green: #34c759;--macos-red: #ff3b30;--macos-orange: #ff9500;--macos-yellow: #ffcc00;--macos-purple: #af52de;--macos-gray: #8e8e93;--macos-light-gray: #e5e5ea;--macos-border-radius: 6px;--macos-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--macos-shadow-md: 0 2px 4px rgba(0, 0, 0, .1);--macos-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--macos-transition: all .2s ease}:root.dark-mode{--macos-light-gray: #3a3a3c}.primary-button{background-color:var(--macos-blue);color:#fff;border:none;border-radius:var(--macos-border-radius);padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:var(--macos-transition);box-shadow:var(--macos-shadow-sm)}.primary-button:hover{background-color:var(--macos-blue-hover);transform:translateY(-1px);box-shadow:var(--macos-shadow-md)}.primary-button:active{transform:translateY(0)}.primary-button:disabled{opacity:.5;cursor:not-allowed}.secondary-button{background-color:var(--macos-light-gray);color:var(--text-primary);border:none;border-radius:var(--macos-border-radius);padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:var(--macos-transition)}.secondary-button:hover{filter:brightness(.95)}.secondary-button:active{filter:brightness(.9)}.icon-button{background-color:transparent;color:var(--text-primary);border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--macos-transition)}.icon-button:hover{background-color:var(--hover-bg)}.form-actions{display:flex;justify-content:flex-end;gap:10px}.save-btn{background-color:var(--macos-blue);color:#fff;border:none;border-radius:var(--macos-border-radius);padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:var(--macos-transition)}.save-btn:hover{background-color:var(--macos-blue-hover)}.cancel-btn{background-color:transparent;color:var(--text-primary);border:none;border-radius:var(--macos-border-radius);padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:var(--macos-transition)}.cancel-btn:hover{background-color:var(--hover-bg)}.pagination-button{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;border-radius:var(--macos-border-radius);border:none;background-color:transparent;cursor:pointer;transition:var(--macos-transition);font-size:14px;color:var(--text-primary)}.pagination-button:hover:not(:disabled){background-color:var(--hover-bg)}.pagination-button.active{background-color:var(--macos-blue);color:#fff}.pagination-ellipsis{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;color:var(--text-secondary)}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-size:14px;color:var(--text-secondary)}.form-group input[type=text],.form-group input[type=password],.form-group input[type=email],.form-group input[type=number]{width:100%;padding:8px 12px;border-radius:var(--macos-border-radius);border:1px solid var(--border-color);background-color:var(--input-bg);color:var(--text-primary);font-size:14px;transition:var(--macos-transition)}.form-group input:focus{outline:none;border-color:var(--macos-blue);box-shadow:0 0 0 2px #0071e34d}.search-input{padding-left:30px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");background-repeat:no-repeat;background-position:8px center;background-size:16px}.form-group select{width:100%;padding:8px 36px 8px 12px;border-radius:var(--macos-border-radius);border:1px solid var(--border-color);background-color:var(--input-bg);color:var(--text-primary);font-size:14px;transition:var(--macos-transition);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.form-group select:focus{outline:none;border-color:var(--macos-blue);box-shadow:0 0 0 2px #0071e34d}.form-group textarea{width:100%;padding:8px 12px;border-radius:var(--macos-border-radius);border:1px solid var(--border-color);background-color:var(--input-bg);color:var(--text-primary);font-size:14px;transition:var(--macos-transition);resize:vertical;min-height:80px}.form-group textarea:focus{outline:none;border-color:var(--macos-blue);box-shadow:0 0 0 2px #0071e34d}.card{border-radius:12px;overflow:hidden;background-color:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--macos-shadow-sm);transition:var(--macos-transition)}.card:hover{box-shadow:var(--macos-shadow-md)}.card-header{padding:16px;border-bottom:1px solid var(--border-color);font-weight:500;font-size:16px}.card-content{padding:16px}.card-footer{padding:12px 16px;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background-color:var(--card-bg);border-radius:12px;overflow:hidden;width:100%;max-width:480px;box-shadow:var(--macos-shadow-lg);animation:modalFadeIn .2s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:16px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-title{font-weight:500;font-size:18px;margin:0}.modal-close{background:transparent;border:none;color:var(--text-secondary);font-size:22px;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--macos-transition)}.modal-close:hover{background-color:var(--hover-bg);color:var(--text-primary)}.modal-content{padding:16px}.toggle-container{display:flex;align-items:center;gap:12px}.toggle-label{font-size:14px;color:var(--text-primary)}.toggle-switch{position:relative;display:inline-block;width:50px;height:28px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--macos-light-gray);border-radius:34px;transition:var(--macos-transition)}.toggle-switch-slider:before{position:absolute;content:"";height:24px;width:24px;left:2px;bottom:2px;background-color:#fff;border-radius:50%;transition:var(--macos-transition);box-shadow:0 2px 2px #0000001a}.toggle-switch input:checked+.toggle-switch-slider{background-color:var(--macos-green)}.toggle-switch input:checked+.toggle-switch-slider:before{transform:translate(22px)}.macos-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:12px;overflow:hidden;box-shadow:var(--macos-shadow-sm)}.macos-table th{padding:12px 16px;text-align:left;background-color:var(--header-bg);color:var(--text-secondary);font-weight:500;font-size:14px;border-bottom:1px solid var(--border-color)}.macos-table tbody tr{background-color:var(--card-bg);transition:var(--macos-transition)}.macos-table tbody tr:hover{background-color:var(--hover-bg)}.macos-table td{padding:12px 16px;font-size:14px;border-bottom:1px solid var(--border-color)}.macos-table tbody tr:last-child td{border-bottom:none}@-moz-document url-prefix(){.toggle-switch-slider:before{height:22px;width:22px;left:3px;bottom:3px}.form-group select{text-indent:1px;text-overflow:""}}@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:.001dpcm){@supports (-webkit-appearance:none){.form-group select{-webkit-appearance:none}.toggle-switch input:checked+.toggle-switch-slider:before{transform:translate(21px)}}}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.toggle-switch-slider:before{top:2px}.modal-backdrop{background-color:#00000080}}.table-container{border-radius:10px;box-shadow:var(--macos-shadow-sm);overflow:hidden;background-color:var(--card-bg);border:1px solid var(--border-color);margin-bottom:1.5rem}table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;table-layout:fixed}table th{text-align:left;padding:12px 16px;font-weight:500;color:var(--text-secondary);border-bottom:1px solid var(--border-color);position:sticky;top:0;background-color:var(--card-bg);box-shadow:0 1px 0 0 var(--border-color);z-index:1}table th:first-child{padding-left:20px}table th:last-child{padding-right:20px}table td{padding:10px 16px;border-bottom:1px solid var(--border-color);color:var(--text-primary);transition:background-color .15s ease}table td:first-child{padding-left:20px}table td:last-child{padding-right:20px}table tr:last-child td{border-bottom:none}table tr:hover td{background-color:var(--hover-bg)}:root.dark-mode table tr:hover td{background-color:#ffffff08}.table-striped tbody tr:nth-child(odd) td{background-color:#00000005}:root.dark-mode .table-striped tbody tr:nth-child(odd) td{background-color:#ffffff05}.table-compact th{padding:8px 16px;font-size:12px}.table-compact td{padding:6px 16px;font-size:12px}.table-bordered td,.table-bordered th{border:1px solid var(--border-color)}.status-pill{display:inline-block;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500;text-align:center}.status-pill.success{background-color:#28a74526;color:#2da44e}.status-pill.warning{background-color:#ffc10726;color:#d29922}.status-pill.error{background-color:#dc354526;color:#cf222e}.status-pill.info{background-color:#0d6efd26;color:#0969da}:root.dark-mode .status-pill.success{background-color:#28a74533;color:#57ab5a}:root.dark-mode .status-pill.warning{background-color:#ffc10733;color:#e3b341}:root.dark-mode .status-pill.error{background-color:#dc354533;color:#e5534b}:root.dark-mode .status-pill.info{background-color:#0d6efd33;color:#58a6ff}.table-actions{display:flex;gap:8px}.table-actions button{background-color:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.table-actions button:hover{background-color:var(--hover-bg);color:var(--text-primary)}.table-pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-top:1px solid var(--border-color);font-size:13px}.pagination-info{color:var(--text-secondary)}.pagination-controls{display:flex;align-items:center;gap:4px}.pagination-button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:1px solid var(--border-color);background-color:var(--card-bg);color:var(--text-primary);font-size:13px;cursor:pointer;transition:all .2s ease}.pagination-button:hover{background-color:var(--hover-bg)}.pagination-button.active{background-color:var(--macos-blue);border-color:var(--macos-blue);color:#fff}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--text-secondary)}.table-empty-state{padding:40px 20px;text-align:center;color:var(--text-secondary)}.table-empty-state p{margin-bottom:15px}.table-empty-state button{display:inline-block;margin:0 auto}.table-loading{padding:20px;text-align:center;color:var(--text-secondary)}@media (max-width: 768px){.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive table{width:100%;min-width:500px}.table-pagination{flex-direction:column;gap:10px;align-items:flex-start}.pagination-controls{width:100%;justify-content:center}}.pagination{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:12px 16px;margin-top:20px;border-top:1px solid var(--border-color);background-color:var(--card-bg);font-size:13px;width:100%}.pagination-info{color:var(--text-secondary);font-size:13px;flex-shrink:0;margin-right:16px}.pagination-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.pagination-button{min-width:32px;height:32px;padding:0 10px;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:13px;font-family:-apple-system,BlinkMacSystemFont,San Francisco,Helvetica Neue,sans-serif;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;margin:0}.pagination-button:first-child,.pagination-button:last-child{min-width:70px}.pagination-button:hover:not([disabled]){background-color:var(--hover-bg);color:var(--text-primary)}.pagination-button.active{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff;font-weight:500}.pagination-button[disabled]{opacity:.4;cursor:not-allowed}.pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;color:var(--text-secondary);font-size:13px}.dark-mode .pagination-button{background-color:var(--card-bg);border-color:var(--border-color)}.dark-mode .pagination-button:hover:not([disabled]){background-color:var(--hover-bg)}.dark-mode .pagination-button.active{background-color:var(--primary-color);border-color:var(--primary-color)}@media (max-width: 768px){.pagination{flex-direction:column;gap:12px;align-items:flex-start}.pagination-controls{width:100%;justify-content:center}.pagination-button{min-width:28px;height:28px;font-size:12px;padding:0 8px}.pagination-button:first-child,.pagination-button:last-child{min-width:60px}}@media (max-width: 480px){.pagination-controls{gap:4px}.pagination-button{min-width:26px;padding:0 4px}.pagination-button:first-child,.pagination-button:last-child{min-width:50px}}.select-container{position:relative;display:inline-block;width:100%;min-width:80px}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;padding:8px 30px 8px 12px;font-size:13px;font-family:-apple-system,BlinkMacSystemFont,San Francisco,Helvetica Neue,sans-serif;border:1px solid var(--border-color);border-radius:6px;background-color:var(--card-bg);color:var(--text-primary);transition:all .2s ease;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgba(128,128,128,0.6)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:14px}select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #0a84ff26}select:hover{border-color:var(--hover-bg);background-color:var(--hover-bg)}.select-compact select,select.select-compact{font-size:12px;padding:4px 26px 4px 8px;background-size:12px;background-position:right 6px center;height:28px}.items-per-page{display:flex;align-items:center}.items-per-page label{display:flex;align-items:center;gap:8px;white-space:nowrap}.items-per-page .select-container{display:inline-flex;min-width:70px;max-width:70px;margin-left:8px;vertical-align:middle}select:disabled{opacity:.6;cursor:not-allowed;background-color:var(--card-bg)}.dark-mode select{background-color:var(--card-bg);border-color:var(--border-color);color:var(--text-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.4)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.dark-mode select:hover{border-color:var(--hover-bg);background-color:var(--hover-bg)}.dark-mode select:disabled{background-color:var(--card-bg)}.form-group select{margin-top:4px}@media (max-width: 768px){select{font-size:14px;padding:10px 32px 10px 14px}.select-compact select,select.select-compact{font-size:13px;padding:6px 28px 6px 10px}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.dark .dark\:text-white{color:var(--text-primary)}.dark .dark\:text-gray-300{color:var(--text-secondary)}.dark .dark\:bg-gray-800{background-color:var(--card-bg)}.dark .dark\:bg-gray-900{background-color:var(--background)}.dark .dark\:bg-gray-700{background-color:var(--sidebar-bg)}.dark .dark\:border-gray-700{border-color:var(--border-color)}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;color:var(--text-primary);background-color:var(--bg-color)}*{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}*:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}#root{height:100%}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.left-1{left:.25rem}.top-1{top:.25rem}.isolate{isolation:isolate}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.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}.ml-5{margin-left:1.25rem}.ml-6{margin-left:1.5rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-5{height:1.25rem}.h-7{height:1.75rem}.h-8{height:2rem}.min-h-screen{min-height:100vh}.w-14{width:3.5rem}.w-5{width:1.25rem}.w-8{width:2rem}.w-full{width:100%}.max-w-none{max-width:none}.grow{flex-grow:1}.translate-x-7{--tw-translate-x: 1.75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-t{border-top-width:1px}.border-t-2{border-top-width:2px}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-gray-500{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-purple-500{--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-yellow-500{--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-4{padding-bottom:1rem}.pt-6{padding-top:1.5rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.lowercase{text-transform:lowercase}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.\!filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}:root{--primary-color: #4D84FF;--secondary-color: #6b7280;--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .7);--bg-color: #121212;--card-bg: #ffffff;--header-bg: #1E1E1E;--sidebar-bg: #1E1E1E;--hover-bg: rgba(255, 255, 255, .05);--border-color: #e2e8f0;--input-bg: rgba(255, 255, 255, .05);--tag-bg: #f0f2f5;--tag-text: #4a5568;--background-color: #121212;--text-color: #FFFFFF;--heading-color: #FFFFFF;--primary-dark-color: #3a6fd7;--hover-color: rgba(255, 255, 255, .05);--card-header-bg: #f7f9fb;--accent-color: #0066cc;--primary-button-bg: #0066cc;--primary-button-hover-bg: #0052a3;--primary-button-text: #ffffff}:root.light-mode{--primary-color: #3b82f6;--secondary-color: #9ca3af;--text-primary: #1f2937;--text-secondary: #6b7280;--bg-color: #f9fafb;--card-bg: white;--header-bg: white;--sidebar-bg: #f3f4f6 !important;--hover-bg: #e5e7eb;--border-color: #e5e7eb;--input-bg: white;--tag-bg: #f3f4f6;--background-color: #ffffff;--text-color: #1f2937;--heading-color: #1f2937;--primary-dark-color: #2563eb;--hover-color: #f3f4f6;--card-header-bg: #f7f9fb;--accent-color: #0071e3;--primary-button-bg: #0071e3;--primary-button-hover-bg: #0052a3;--primary-button-text: #ffffff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--secondary);opacity:.5;border-radius:4px}::-webkit-scrollbar-thumb:hover{opacity:.7}@-moz-document url-prefix(){:root.dark{color-scheme:dark}:root.light-mode{color-scheme:light}.dark *{scrollbar-color:var(--secondary) transparent;scrollbar-width:thin}}body.light-mode .sidebar,html.light-mode .sidebar,.light-mode .sidebar,body.light-mode .sidebar-content,html.light-mode .sidebar-content,.light-mode .sidebar-content{background-color:var(--sidebar-bg)!important;color:var(--text-primary)!important}.light-mode .menu-link,.light-mode .menu-title{color:var(--text-primary)!important}.light-mode .menu-icon{color:var(--primary-color)!important}:root{--mac-primary: #0071e3;--mac-secondary: #86868b;--mac-bg-light: #f5f5f7;--mac-bg-dark: #1e1e1e;--mac-card-light: rgba(255, 255, 255, .8);--mac-card-dark: rgba(45, 45, 45, .8);--mac-border-light: #d2d2d7;--mac-border-dark: #444;--mac-shadow: 0 2px 12px rgba(0, 0, 0, .1);--mac-shadow-dark: 0 2px 12px rgba(0, 0, 0, .3);--mac-radius-sm: 6px;--mac-radius-md: 8px;--mac-radius-lg: 10px}:root.light-mode{--primary-color: #0071e3;--secondary-color: #86868b;--text-primary: #1d1d1f;--text-secondary: #515154}:root.dark-mode{--primary-color: #0071e3;--secondary-color: #86868b;--card-bg: #1e2030;--card-header-bg: #171923;--tag-bg: #2d3748;--tag-text: #e2e8f0;--accent-color: #4299e1;--primary-button-bg: #4299e1;--primary-button-hover-bg: #2b6cb0;--primary-button-text: #ffffff;--border-color: #2d3748}.sidebar{border-radius:0 var(--mac-radius-md) var(--mac-radius-md) 0;background-color:var(--mac-card-dark)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.light-mode .sidebar{background-color:var(--mac-card-light)!important;border-right:1px solid var(--mac-border-light)}.menu-link{border-radius:var(--mac-radius-sm);margin:0 8px;padding:8px 12px!important;font-weight:400}.light-mode .menu-link{color:var(--text-primary)!important}.light-mode .menu-link:hover{background-color:#0000000d}.light-mode .menu-link.active{background-color:#0071e31a;color:var(--mac-primary)!important}.dark-mode .menu-link.active{background-color:#0071e333;color:#fff!important;border-left:3px solid var(--mac-primary)}.card{border-radius:var(--mac-radius-md);box-shadow:var(--mac-shadow);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid transparent}.light-mode .card{background-color:var(--mac-card-light);border-color:var(--mac-border-light)}.dark-mode .card{background-color:var(--mac-card-dark);box-shadow:var(--mac-shadow-dark)}button,.btn{border-radius:var(--mac-radius-sm);font-weight:500;transition:all .2s ease}button.primary,.btn-primary{background-color:var(--mac-primary);color:#fff;border:none;padding:8px 16px}button.primary:hover,.btn-primary:hover{background-color:#0077ed}input,select,textarea{border-radius:var(--mac-radius-sm);border:1px solid var(--mac-border-dark);padding:8px 12px;background-color:#ffffff0d;transition:all .2s}.light-mode input,.light-mode select,.light-mode textarea{border-color:var(--mac-border-light);background-color:#fff}input:focus,select:focus,textarea:focus{border-color:var(--mac-primary);outline:none;box-shadow:0 0 0 2px #0071e34d}body,input,button,select,textarea{font-family:-apple-system,BlinkMacSystemFont,SF Pro,SF Pro Text,Helvetica Neue,sans-serif}.last\:border-0:last-child{border-width:0px}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-700:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.hover\:bg-green-700:hover{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}.hover\:bg-purple-700:hover{--tw-bg-opacity: 1;background-color:rgb(126 34 206 / var(--tw-bg-opacity, 1))}.hover\:bg-yellow-700:hover{--tw-bg-opacity: 1;background-color:rgb(161 98 7 / var(--tw-bg-opacity, 1))}.hover\:text-blue-800:hover{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.hover\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.dark\:border-gray-600:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.dark\:border-gray-700:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.dark\:bg-gray-700:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-800:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.dark\:text-blue-400:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.dark\:text-gray-300:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.dark\:text-red-400:is(.dark *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.dark\:text-white:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.dark\:hover\:bg-gray-600:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.dark\:hover\:text-blue-300:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}@media (min-width: 768px){.md\:w-1\/3{width:33.333333%}.md\:w-2\/3{width:66.666667%}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}