.app-shell{min-height:100vh;background:linear-gradient(180deg,#fafafa,#fff);color:#111827;font-family:Space Grotesk,system-ui,sans-serif}.app-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:.75rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:100;box-shadow:0 1px 3px rgba(0,0,0,.05)}.app-header-inner{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.app-nav{display:flex;gap:.5rem}.app-nav a{padding:.5rem 1rem;color:#6b7280;text-decoration:none;font-size:.875rem;font-weight:500;border-radius:.5rem;transition:all .15s ease}.app-nav a:hover{color:#111827;background:#f3f4f6}.app-nav a.active{color:#dc2626;background:rgba(220,38,38,.08)}.app-content{max-width:1400px;margin:0 auto;padding:2rem}.page-header{margin-bottom:2rem}.page-title{font-size:1.875rem;font-weight:700;margin:0 0 .25rem;color:#111827}.page-subtitle{color:#6b7280;margin:0;font-size:.95rem}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.25rem;box-shadow:0 2px 8px rgba(0,0,0,.04);transition:all .2s ease}.stat-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.08);transform:translateY(-2px)}.stat-label{color:#6b7280;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.stat-value{font-size:1.75rem;font-weight:700;color:#111827;margin:0}.stat-meta{font-size:.75rem;color:#9ca3af;margin-top:.5rem}.dark-card{box-shadow:0 2px 8px rgba(0,0,0,.04)}.action-card,.dark-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem}.action-card{text-decoration:none;color:inherit;display:block;transition:all .2s ease}.action-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.08);transform:translateY(-3px)}.action-card.red{border-color:#dc2626;background:linear-gradient(135deg,rgba(220,38,38,.05),#fff)}.action-card.red:hover{border-color:#b91c1c}.action-card.blue{border-color:#3b82f6;background:linear-gradient(135deg,rgba(59,130,246,.05),#fff)}.action-card.purple{border-color:#8b5cf6;background:linear-gradient(135deg,rgba(139,92,246,.05),#fff)}.action-card.green{border-color:#10b981;background:linear-gradient(135deg,rgba(16,185,129,.05),#fff)}.action-icon{font-size:2rem;margin-bottom:.75rem;display:block}.action-title{font-size:1rem;font-weight:600;color:#111827;margin:0 0 .25rem}.action-desc{font-size:.875rem;color:#6b7280;margin:0}.app-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:.5rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .15s ease;text-decoration:none;border:1px solid transparent}.app-btn:hover{transform:translateY(-1px)}.app-btn-primary{background:#dc2626;color:#fff;border-color:#dc2626}.app-btn-primary:hover{background:#b91c1c;border-color:#b91c1c}.app-btn-secondary{background:#fff;color:#374151;border-color:#d1d5db}.app-btn-secondary:hover{background:#f3f4f6;border-color:#9ca3af}.app-input{width:100%;padding:.625rem 1rem;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;color:#111827;font-size:.875rem;transition:border-color .15s ease,box-shadow .15s ease}.app-input:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.1)}.app-input::placeholder{color:#9ca3af}.app-select{padding:.625rem 2.5rem .625rem 1rem;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e") right .75rem center/1rem no-repeat;border:1px solid #d1d5db;border-radius:.5rem;color:#111827;font-size:.875rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.app-select:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.1)}.app-checkbox{width:1rem;height:1rem;accent-color:#dc2626;cursor:pointer}.app-table{width:100%;border-collapse:collapse}.app-table th{text-align:left;padding:.75rem 1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;background:#f9fafb;border-bottom:1px solid #e5e7eb}.app-table td{padding:1rem;border-bottom:1px solid #f3f4f6;font-size:.875rem;color:#374151}.app-table tbody tr:hover{background:#f9fafb}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:2rem}.content-grid{display:grid;grid-template-columns:2fr 1fr;grid-gap:1.5rem;gap:1.5rem}.action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:1rem;gap:1rem}@media (max-width:1024px){.content-grid{grid-template-columns:1fr}}.spinner{width:1.5rem;height:1.5rem;border:2px solid #e5e7eb;border-top-color:#dc2626;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;color:#6b7280}.error-banner{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:1rem 1.25rem;border-radius:.75rem;margin-bottom:1.5rem}.error-banner p{margin:0}.warning-banner{background:#fffbeb;border:1px solid #fde68a;color:#92400e;border-radius:.75rem}.success-banner,.warning-banner{padding:1rem 1.25rem;margin-bottom:1.5rem}.success-banner{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;border-radius:.75rem}.text-green{color:#10b981}.text-red{color:#dc2626}.text-blue{color:#3b82f6}.text-yellow{color:#f59e0b}.text-purple{color:#8b5cf6}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.app-main{padding:2rem;max-width:1400px;margin:0 auto}.status-dot{width:.625rem;height:.625rem;border-radius:50%}.status-dot.connected{background:#10b981;box-shadow:0 0 8px rgba(16,185,129,.4)}.status-dot.disconnected{background:#ef4444}.stat-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.status-badge{display:inline-block;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.done{background:#dcfce7;color:#166534}.status-badge.progress{background:#dbeafe;color:#1e40af}.status-badge.failed{background:#fee2e2;color:#dc2626}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.card-link{color:#dc2626;text-decoration:none;font-size:.875rem;font-weight:500}.card-link:hover{text-decoration:underline}.empty-state{text-align:center;padding:2rem;color:#6b7280}.empty-icon{font-size:2rem;margin-bottom:.5rem}.empty-text{margin:0;font-size:.875rem}.feed-list{display:flex;flex-direction:column;gap:.75rem}.feed-item{padding:.75rem;background:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb}.feed-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.feed-id{font-size:.75rem;color:#6b7280;font-family:monospace}.feed-records{margin:0;font-size:.75rem;color:#9ca3af}.workflow-container{margin-top:1.5rem}.workflow-steps{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.workflow-step{text-align:center;flex:1 1;min-width:100px}.workflow-icon{font-size:2rem;margin-bottom:.5rem}.workflow-title{font-size:.875rem;font-weight:600;margin:0 0 .25rem;color:#111827}.workflow-desc{font-size:.75rem;color:#6b7280;margin:0}.workflow-arrow{color:#d1d5db;font-size:1.25rem;font-weight:700}@media (max-width:768px){.workflow-steps{flex-direction:column}.workflow-arrow{transform:rotate(90deg)}}.warning-banner{margin-top:1.5rem}.warning-content{display:flex;align-items:flex-start;gap:.75rem}.warning-icon{font-size:1.25rem}.warning-title{font-size:.875rem;font-weight:600;margin:0 0 .25rem;color:#92400e}.warning-text{margin:0;font-size:.875rem}.warning-text a{color:#b45309;text-decoration:underline;margin-left:.25rem}.action-card.yellow{border-color:#f59e0b;background:linear-gradient(135deg,rgba(245,158,11,.05),#fff)}.action-card.yellow:hover{border-color:#d97706}.dark-card h2{font-size:1rem;font-weight:600;color:#111827;margin:0 0 1rem}