:root{--bg: #030b0e;--bg-2: #060f14;--glass: rgba(255, 255, 255, .04);--glass-hover: rgba(255, 255, 255, .07);--glass-border: rgba(255, 255, 255, .08);--glass-border-hover: rgba(255, 255, 255, .16);--primary: #2dd4bf;--primary-dim: rgba(45, 212, 191, .12);--accent: #34d399;--text-1: #f0fafa;--text-2: #94a3b8;--text-3: #475569;--success: #34d399;--error: #f87171;--warning: #f59e0b;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--blur: blur(24px) saturate(180%)}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{width:100%;height:100%;margin:0;padding:0}html{font-size:16px}@media (max-width: 768px){html{font-size:14px}}body{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;background-color:var(--bg);color:var(--text-1);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}a{font-weight:500;color:var(--primary);text-decoration:none}a:hover{color:var(--accent)}button{border-radius:var(--radius-sm);border:1px solid transparent;padding:.5em 1.1em;font-size:.875rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s ease}button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}h1{font-size:1.375rem;font-weight:600;color:var(--text-1);margin:0 0 24px}h2{font-size:1rem;font-weight:600;color:var(--text-1);margin:0 0 14px}.glass{background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:background .2s ease,border-color .2s ease}.glass:hover{background:var(--glass-hover);border-color:var(--glass-border-hover)}.glass-sm{background:#ffffff0f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-sm)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease;border:1px solid transparent;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--accent));color:#030b0e;border-color:transparent;box-shadow:0 0 20px #2dd4bf40}.btn-primary:hover{box-shadow:0 0 28px #2dd4bf66;transform:translateY(-1px)}.btn-ghost{background:var(--glass);color:var(--text-2);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn-ghost:hover{background:var(--glass-hover);border-color:var(--primary);color:var(--primary)}.btn-danger{background:#f871711a;color:var(--error);border:1px solid rgba(248,113,113,.2)}.btn-danger:hover{background:#f8717133;box-shadow:0 0 16px #f8717133}.btn-sm{padding:4px 10px;font-size:.75rem;border-radius:8px}.input{width:100%;padding:10px 14px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-1);font-family:inherit;font-size:.875rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2dd4bf1f}.input::placeholder{color:var(--text-3)}.input-group{display:flex;flex-direction:column;gap:6px}.input-label{font-size:.75rem;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em}.orb-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.35}.orb-1{width:600px;height:600px;background:#0d9488;top:-200px;left:-150px;animation:orbFloat1 18s ease-in-out infinite}.orb-2{width:500px;height:500px;background:#0891b2;top:30%;right:-150px;animation:orbFloat2 22s ease-in-out infinite}.orb-3{width:400px;height:400px;background:#065f46;bottom:-150px;left:40%;animation:orbFloat3 26s ease-in-out infinite}@keyframes orbFloat1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(60px,40px) scale(1.05)}66%{transform:translate(-30px,20px) scale(.95)}}@keyframes orbFloat2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-50px,-30px) scale(1.08)}66%{transform:translate(30px,50px) scale(.97)}}@keyframes orbFloat3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-40px,-20px) scale(1.06)}}.msg-error{background:#f871711a;border:1px solid rgba(248,113,113,.25);color:var(--error);border-radius:var(--radius-sm);padding:10px 14px;font-size:.8125rem}.msg-success{background:#34d39914;border:1px solid rgba(52,211,153,.2);color:var(--success);border-radius:var(--radius-sm);padding:10px 14px;font-size:.8125rem}.dot-pulse{animation:statusPulse 2s ease-in-out infinite}.progress-bar{width:100%;height:4px;background:#ffffff0f;border-radius:99px;overflow:hidden}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#030b0eb3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center}.modal{background:#060f14eb;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:28px 32px;max-width:480px;width:90%;box-shadow:0 24px 64px #00000080}.expandable-row{border-top:1px solid var(--glass-border);padding:14px 16px;background:#ffffff05}.timeline-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);flex-shrink:0;margin-top:5px}.timeline-line{width:1px;background:var(--glass-border);flex:1;margin:2px auto}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#2dd4bf4d}.page{position:relative;z-index:1}.app-container{display:flex;height:100vh;background:transparent;color:var(--text-1);font-family:Inter,system-ui,sans-serif;flex-direction:row;position:relative;z-index:1}@media (max-width: 768px){.app-container{flex-direction:column}}.sidebar{width:220px;background:#030b0ed9;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border-right:1px solid var(--glass-border);padding:20px 16px;display:flex;flex-direction:column;position:relative;z-index:10;flex-shrink:0}@media (max-width: 768px){.sidebar{width:100%;border-right:none;border-bottom:1px solid var(--glass-border);padding:10px 14px;flex-direction:row;align-items:center;justify-content:space-between}}.sidebar h2{margin:0 0 24px;font-size:18px;font-weight:700;color:var(--text-1);display:flex;align-items:center;gap:8px}.sidebar h2:after{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--primary);box-shadow:0 0 10px var(--primary);animation:statusPulse 2s ease-in-out infinite;margin-left:4px}@media (max-width: 768px){.sidebar h2{margin:0;font-size:15px}}.nav-tabs{display:flex;flex-direction:column;gap:4px;margin-bottom:24px;flex:1}@media (max-width: 768px){.nav-tabs{flex-direction:row;margin-bottom:0;flex:1;overflow-x:auto;gap:3px}}.nav-tab{background:transparent;border:none;color:var(--text-2);padding:10px 12px;border-radius:var(--radius-sm);cursor:pointer;text-align:left;font-size:.8125rem;font-weight:500;transition:background .15s ease,color .15s ease,border-color .15s ease;border-left:2px solid transparent;white-space:nowrap;position:relative}@media (max-width: 768px){.nav-tab{padding:7px 10px;font-size:11px;border-left:none;border-bottom:2px solid transparent}}.nav-tab:hover{background:var(--glass);color:var(--text-1)}.nav-tab.active{background:#2dd4bf1a;color:var(--primary);border-left-color:var(--primary)}@media (max-width: 768px){.nav-tab.active{border-left-color:transparent;border-bottom-color:var(--primary)}}.logout-btn{background:#f8717114;border:1px solid rgba(248,113,113,.2);color:var(--error);padding:10px 14px;border-radius:var(--radius-sm);cursor:pointer;font-size:.8125rem;font-weight:600;transition:all .2s ease}.logout-btn:hover{background:#f871712e;box-shadow:0 0 14px #f871712e}@media (max-width: 768px){.logout-btn{padding:7px 10px;font-size:11px}}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;z-index:1}.tab-content{flex:1;overflow-y:auto;padding:24px}@media (max-width: 768px){.tab-content{padding:14px}}.tab-content h1{margin:0 0 22px;font-size:22px;color:var(--text-1);font-weight:600}@media (max-width: 768px){.tab-content h1{font-size:18px;margin-bottom:14px}}.tab-content h2{margin:0 0 14px;font-size:15px;color:var(--text-2);font-weight:600}.dashboard-section{margin-bottom:32px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:28px}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}}.stat-card{background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:18px 20px;text-align:center;transition:all .2s ease}.stat-card:hover{background:var(--glass-hover);border-color:var(--glass-border-hover);transform:translateY(-1px)}.stat-label{font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-weight:600}@media (max-width: 768px){.stat-label{font-size:10px}}.stat-value{font-size:28px;font-weight:700;color:var(--primary);font-family:JetBrains Mono,monospace}@media (max-width: 768px){.stat-value{font-size:22px}}.services-list{display:flex;flex-direction:column;gap:10px}.service-summary{background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:12px 16px;display:flex;justify-content:space-between;align-items:center;gap:14px;transition:all .2s ease}.service-summary:hover{background:var(--glass-hover);border-color:var(--glass-border-hover);transform:translateY(-1px)}.service-name{display:flex;align-items:center;gap:8px;font-weight:600;font-size:.875rem;flex:1;color:var(--text-1)}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.active{background:var(--success);box-shadow:0 0 8px #34d39980;animation:statusPulse 2s ease-in-out infinite}.status-dot.inactive{background:var(--error);box-shadow:0 0 6px #f8717166}.service-meta{display:flex;gap:14px;font-size:12px;color:var(--text-3)}.uptime{color:var(--text-3);font-family:JetBrains Mono,monospace;font-size:11px}.service-quick-actions{display:flex;gap:6px}.btn-quick{background:var(--glass);border:1px solid var(--glass-border);color:var(--text-2);padding:5px 11px;border-radius:8px;cursor:pointer;font-size:11px;font-weight:600;transition:all .2s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn-quick:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-dim)}.service-card{background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:16px;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.service-card:hover{background:var(--glass-hover);border-color:var(--glass-border-hover)}.service-info h3{margin:0 0 6px;font-size:15px;color:var(--text-1)}.status{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.status.active{color:var(--success)}.status.inactive{color:var(--error)}.service-actions{display:flex;gap:8px}.service-actions button{background:var(--glass);border:1px solid var(--glass-border);color:var(--text-2);padding:7px 14px;border-radius:var(--radius-sm);cursor:pointer;font-size:12px;font-weight:600;transition:all .2s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.service-actions button:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-dim)}.monitor-sections{display:flex;flex-direction:column;gap:28px}.monitor-category{display:flex;flex-direction:column;gap:10px}.category-title{font-size:17px!important;font-weight:700;color:var(--text-1)!important;margin:0 0 6px!important;padding-bottom:8px;border-bottom:1px solid var(--glass-border)}.store-section{background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);overflow:hidden}.store-header{width:100%;background:transparent;border:none;color:var(--text-1);padding:13px 16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:14px;font-weight:600;transition:background .15s ease}.store-header:hover{background:#ffffff0a}.store-name{font-weight:600}.store-toggle{font-size:11px;color:var(--text-3)}.products-grid{padding:14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.product-item{background:#ffffff08;border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:13px;transition:all .2s ease}.product-item:hover{background:var(--glass);border-color:var(--glass-border-hover)}.product-item h4{margin:0 0 7px;font-size:13px;font-weight:600;color:var(--text-1)}.product-url{display:inline-block;margin:0 0 9px;font-size:11px;color:var(--primary);text-decoration:none;font-weight:500;transition:color .2s}.product-url:hover{color:var(--accent);text-decoration:underline}.empty-state-store{color:var(--text-3);font-size:12px;font-style:italic;padding:6px 0;margin:0}.product-badges{display:flex;gap:6px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:99px;font-size:10px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;border:1px solid transparent}.badge.stock-in_stock{background:#34d3991f;color:var(--success);border-color:#34d39940}.badge.stock-out_of_stock{background:#f871711f;color:var(--error);border-color:#f8717140}.badge.stock-unknown{background:#f59e0b1f;color:var(--warning);border-color:#f59e0b40}.badge.enabled{background:#34d3991f;color:var(--success);border-color:#34d39940}.badge.disabled{background:#94a3b81a;color:var(--text-2);border-color:#94a3b826}.badge.status-active{background:#34d3991f;color:var(--success);border-color:#34d39940}.badge.status-completed{background:#2dd4bf1f;color:var(--primary);border-color:#2dd4bf40}.badge.status-pending{background:#f59e0b1f;color:var(--warning);border-color:#f59e0b40}.tasks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.btn-new-task{background:linear-gradient(135deg,var(--primary),var(--accent));border:none;color:#030b0e;padding:9px 16px;border-radius:var(--radius-sm);cursor:pointer;font-weight:700;font-size:13px;transition:all .2s ease;box-shadow:0 0 16px #2dd4bf40}.btn-new-task:hover{box-shadow:0 0 24px #2dd4bf66;transform:translateY(-1px)}.task-form{background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--primary);border-radius:var(--radius-md);padding:20px;margin-bottom:18px;box-shadow:0 0 24px #2dd4bf14}.form-group{margin-bottom:14px}.form-group label{display:block;font-weight:600;margin-bottom:5px;font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em}.form-group input,.form-group textarea,.form-group select{width:100%;padding:9px 12px;border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:#ffffff0d;color:var(--text-1);font-family:inherit;font-size:13px;box-sizing:border-box;transition:border-color .2s,box-shadow .2s;outline:none}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2dd4bf1a}.form-group select{cursor:pointer;background:#030b0ecc}.form-group textarea{resize:vertical}.form-actions{display:flex;gap:8px}.btn-submit{padding:9px 16px;border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:700;font-size:13px;transition:all .2s ease;background:linear-gradient(135deg,var(--primary),var(--accent));color:#030b0e;box-shadow:0 0 14px #2dd4bf33}.btn-submit:hover{box-shadow:0 0 22px #2dd4bf59;transform:translateY(-1px)}.btn-cancel{padding:9px 16px;border:1px solid var(--glass-border);border-radius:var(--radius-sm);cursor:pointer;font-weight:600;font-size:13px;transition:all .2s ease;background:var(--glass);color:var(--text-2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn-cancel:hover{background:var(--glass-hover);color:var(--text-1)}.tasks-mini-list{display:flex;flex-direction:column;gap:7px}.task-item-mini{background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:11px 15px;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.task-item-mini:hover{background:var(--glass-hover);border-color:var(--glass-border-hover)}.task-title{font-weight:500;flex:1;font-size:.875rem;color:var(--text-1)}.tasks-list{display:flex;flex-direction:column;gap:10px}.task-card{background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);overflow:hidden;transition:all .2s ease}.task-card:hover{border-color:var(--glass-border-hover)}.task-card.status-pending{border-left:3px solid var(--warning)}.task-card.status-active,.task-card.status-running{border-left:3px solid var(--primary)}.task-card.status-completed{border-left:3px solid var(--success)}.task-card.status-failed{border-left:3px solid var(--error)}.task-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding:14px 16px 0}.task-header h3{margin:0;font-size:15px;color:var(--text-1)}.task-desc{margin:0 0 12px;font-size:13px;color:var(--text-2);line-height:1.45;padding:0 16px}.progress-bar{width:100%;height:3px;background:#ffffff0d;border-radius:99px;overflow:hidden;margin-bottom:6px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:99px;transition:width .4s ease}.progress-label{position:absolute;right:8px;top:-18px;font-size:10px;color:var(--text-3);font-family:JetBrains Mono,monospace}.task-header-button{width:100%;background:none;border:none;color:inherit;padding:14px 16px;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:opacity .15s}.task-header-button:hover{opacity:.82}.expand-icon{font-size:11px;color:var(--text-3);flex-shrink:0;margin-left:10px}.task-details{border-top:1px solid var(--glass-border);padding:14px 16px;background:#ffffff05}.detail-section{margin-bottom:11px;padding-bottom:11px;border-bottom:1px solid rgba(255,255,255,.04)}.detail-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-section strong{display:block;font-weight:700;margin-bottom:3px;color:var(--text-3);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.detail-section p{margin:0;font-size:13px;color:var(--text-2);line-height:1.5}.task-actions{display:flex;gap:8px;font-size:12px;color:var(--text-3);margin-top:10px;padding:10px 16px 14px;border-top:1px solid rgba(255,255,255,.04)}.btn-delete{background:#f871711a;border:1px solid rgba(248,113,113,.2);color:var(--error);padding:6px 12px;border-radius:var(--radius-sm);cursor:pointer;font-size:12px;font-weight:600;transition:all .2s ease}.btn-delete:hover{background:#f8717133;box-shadow:0 0 12px #f871712e}.agents-list{display:flex;flex-direction:column;gap:14px}.smm-agents-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:8px}@media (max-width: 768px){.smm-agents-grid{grid-template-columns:1fr}}.agent-card{background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-left:3px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:16px;transition:all .2s ease}.agent-card:hover{background:var(--glass-hover);border-color:var(--glass-border-hover);border-left-color:var(--primary);transform:translateY(-1px)}.agent-card.status-running{border-left-color:var(--primary)}.agent-card.status-active{border-left-color:var(--success)}.agent-card.status-idle{border-left-color:#94a3b840}.agent-card.status-inactive{border-left-color:#94a3b826}.agent-card.status-error{border-left-color:var(--error)}.agent-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.agent-header h3{margin:0;font-size:15px;color:var(--text-1)}.agent-desc{margin:0 0 10px;font-size:12px;color:var(--text-2)}.agent-details{display:flex;flex-direction:column;gap:6px;padding-top:10px;border-top:1px solid var(--glass-border)}.detail-item{font-size:12px;color:var(--text-2)}.detail-item strong{color:var(--text-1);font-weight:600;margin-right:6px}.empty-state{text-align:center;color:var(--text-3);padding:28px;font-style:italic;font-size:13px}.agents-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.agents-page-header h1{margin:0 0 3px}.agents-subtitle{margin:0;color:var(--text-3);font-size:12px}.agents-stats-bar{display:flex;gap:12px;margin-bottom:22px;flex-wrap:wrap}.agents-stat{background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:11px 18px;display:flex;flex-direction:column;align-items:center;min-width:100px;transition:all .2s ease}.agents-stat:hover{background:var(--glass-hover);border-color:var(--glass-border-hover)}.agents-stat-value{font-size:20px;font-weight:700;color:var(--text-1);line-height:1.2;font-family:JetBrains Mono,monospace}.agents-stat-value.agents-stat-green{color:var(--success)}.agents-stat-value.agents-stat-model{font-size:12px;color:var(--primary);font-family:JetBrains Mono,monospace}.agents-stat-label{font-size:10px;color:var(--text-3);margin-top:3px;text-transform:uppercase;letter-spacing:.05em}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.dot-green{background:var(--success);box-shadow:0 0 7px #34d39999;animation:statusPulse 2s ease-in-out infinite}.dot-red{background:var(--error);box-shadow:0 0 6px #f8717180}.dot-yellow{background:var(--warning);box-shadow:0 0 6px #f59e0b80}.type-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:99px;letter-spacing:.04em;text-transform:uppercase;flex-shrink:0}.type-always_on{background:var(--primary-dim);color:var(--primary);border:1px solid rgba(45,212,191,.25)}.type-scheduled{background:#38bdf81f;color:#38bdf8;border:1px solid rgba(56,189,248,.25)}.type-execution{background:#fbbf241f;color:#fbbf24;border:1px solid rgba(251,191,36,.25)}.type-learning{background:#a78bfa1f;color:#a78bfa;border:1px solid rgba(167,139,250,.25)}.model-badge{font-size:10px;padding:2px 7px;border-radius:var(--radius-sm);background:var(--glass);color:var(--text-2);border:1px solid var(--glass-border);flex-shrink:0;font-family:JetBrains Mono,monospace}.model-none{color:var(--text-3);border-color:#ffffff0a}.agent-header-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.agent-header-left h3{margin:0;font-size:14px;color:var(--text-1)}.agent-header-right{display:flex;align-items:center;gap:9px}.agent-status-text{font-size:10px;text-transform:uppercase;font-weight:700;letter-spacing:.05em}.agent-status-text.status-running,.agent-status-text.status-active{color:var(--success)}.agent-status-text.status-error{color:var(--error)}.agent-status-text.status-idle,.agent-status-text.status-inactive{color:var(--text-3)}.agent-expand-btn{background:var(--glass);border:1px solid var(--glass-border);color:var(--text-3);width:26px;height:26px;border-radius:7px;cursor:pointer;font-size:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease}.agent-expand-btn:hover{border-color:var(--glass-border-hover);color:var(--text-1);background:var(--glass-hover)}.agent-meta-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:9px}.agent-meta-chip{font-size:11px;color:var(--text-3);background:#ffffff08;border:1px solid rgba(255,255,255,.06);padding:2px 9px;border-radius:99px;font-family:JetBrains Mono,monospace}.agent-meta-next{color:var(--primary);border-color:#2dd4bf33;background:var(--primary-dim)}.agent-last-action{font-size:12px;color:var(--text-2);background:#ffffff08;border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:6px 10px;margin-bottom:8px}.agent-last-action-label{color:var(--text-3);font-weight:600}.agent-extra-row{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:6px}.agent-extra-chip{font-size:12px;color:var(--text-2);background:#ffffff08;border:1px solid var(--glass-border);padding:3px 10px;border-radius:var(--radius-sm);font-family:JetBrains Mono,monospace}.agent-log-section{border-top:1px solid var(--glass-border);margin-top:9px;padding-top:11px;display:flex;flex-direction:column;gap:5px}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background:var(--bg);position:relative;overflow:hidden}.login-box{background:#060f14d9;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:40px 36px;box-shadow:0 24px 64px #0006;width:100%;max-width:320px;text-align:center;position:relative;z-index:10}.login-box h1{margin:0 0 6px;color:var(--primary);font-size:30px;font-weight:700}.login-box p{margin:0 0 26px;color:var(--text-2);font-size:13px}.login-box input{width:100%;padding:11px 14px;margin-bottom:14px;border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:#ffffff0d;color:var(--text-1);font-size:14px;box-sizing:border-box;outline:none;transition:border-color .2s,box-shadow .2s}.login-box input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2dd4bf1f}.login-box input::placeholder{color:var(--text-3)}.login-box button{width:100%;padding:12px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#030b0e;border:none;border-radius:var(--radius-sm);font-weight:700;font-size:14px;cursor:pointer;transition:all .2s ease;box-shadow:0 0 20px #2dd4bf40}.login-box button:hover{box-shadow:0 0 28px #2dd4bf66;transform:translateY(-1px)}.projects-container{display:flex;flex-direction:column;height:100%;overflow-y:auto}.projects-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.projects-header h1{margin:0}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}.project-card{background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:16px;transition:all .2s ease;display:flex;flex-direction:column;gap:8px;cursor:pointer}.project-card:hover{background:var(--glass-hover);border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 24px #2dd4bf14}.project-card h3{margin:0;font-size:15px;color:var(--text-1)}.project-desc{margin:0;font-size:12px;color:var(--text-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-meta{display:flex;gap:7px;margin-top:3px}.status-badge{font-size:10px;padding:3px 9px;border-radius:99px;background:#94a3b81a;color:var(--text-2);border:1px solid rgba(255,255,255,.06);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.status-badge.status-planning{background:#f59e0b1f;color:var(--warning);border-color:#f59e0b33}.status-badge.status-active{background:#34d3991f;color:var(--success);border-color:#34d39933}.status-badge.status-completed{background:#2dd4bf1f;color:var(--primary);border-color:#2dd4bf33}.priority-badge{font-size:10px;padding:3px 9px;border-radius:99px;background:#94a3b81a;color:var(--text-2);border:1px solid rgba(255,255,255,.06);font-weight:600}.priority-badge.priority-high{background:#f871711f;color:var(--error);border-color:#f8717133}.priority-badge.priority-medium{background:#f59e0b1f;color:var(--warning);border-color:#f59e0b33}.priority-badge.priority-low{background:#34d3991f;color:var(--success);border-color:#34d39933}.due-date{font-size:11px;color:var(--text-3);margin-top:3px}.project-detail-view{display:flex;flex-direction:column;gap:14px}.btn-back{background:var(--glass);border:1px solid var(--glass-border);color:var(--text-2);padding:7px 14px;border-radius:var(--radius-sm);cursor:pointer;font-size:12px;align-self:flex-start;transition:all .2s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn-back:hover{background:var(--glass-hover);color:var(--text-1);border-color:var(--glass-border-hover)}.project-detail-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--glass-border)}.project-detail-header h1{margin:0}.project-actions{display:flex;gap:8px}.btn-edit{background:var(--primary-dim);border:1px solid rgba(45,212,191,.25);color:var(--primary);padding:7px 14px;border-radius:var(--radius-sm);cursor:pointer;font-size:12px;font-weight:600;transition:all .2s ease}.btn-edit:hover{background:#2dd4bf33}.project-details{background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:16px}.project-details p{margin:0 0 10px;color:var(--text-2);font-size:13px}.project-meta-detail{display:flex;flex-direction:column;gap:7px}.project-meta-detail div{font-size:13px;color:var(--text-2)}.project-meta-detail strong{color:var(--text-1);margin-right:6px;font-weight:600}.project-tasks h2{font-size:15px;margin-top:0;margin-bottom:14px}.task-footer{display:flex;justify-content:space-between;align-items:center;padding-top:7px;border-top:1px solid var(--glass-border);font-size:11px}.btn-small-delete{background:#f871711a;border:1px solid rgba(248,113,113,.18);color:var(--error);padding:3px 8px;border-radius:6px;cursor:pointer;font-size:11px;font-weight:600;transition:all .2s ease}.btn-small-delete:hover{background:#f8717133}.project-selector{background:#030b0ecc;border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:8px;max-height:140px;overflow-y:auto}.tab-content::-webkit-scrollbar{width:5px}.tab-content::-webkit-scrollbar-track{background:transparent}.tab-content::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:99px}.tab-content::-webkit-scrollbar-thumb:hover{background:#2dd4bf40}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes statusPulse{0%,to{box-shadow:0 0 #34d39980}50%{box-shadow:0 0 0 5px #34d39900}}@keyframes slideInRight{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}.hub-manager-section{display:grid;grid-template-columns:3fr 2fr;gap:14px;margin-bottom:8px}@media (max-width: 900px){.hub-manager-section{grid-template-columns:1fr}}.hub-chat-pane{background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:14px 16px;display:flex;flex-direction:column}.hub-status-pane{background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:14px 16px}.hub-chat-messages{flex:1;min-height:220px;max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding-right:4px}.hub-chat-messages::-webkit-scrollbar{width:4px}.hub-chat-messages::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:99px}.hub-chat-msg{display:flex;flex-direction:column}.hub-chat-user{align-items:flex-end}.hub-chat-assistant{align-items:flex-start}.hub-chat-bubble{max-width:85%;padding:7px 12px;border-radius:12px;font-size:13px;line-height:1.45;white-space:pre-wrap;word-break:break-word}.hub-chat-user .hub-chat-bubble{background:var(--primary-dim);border:1px solid rgba(45,212,191,.2);color:var(--text-1)}.hub-chat-assistant .hub-chat-bubble{background:#ffffff0a;border:1px solid var(--glass-border);color:var(--text-1)}.hub-chat-thinking{color:var(--text-3);font-style:italic}.hub-chat-ts{font-size:10px;color:var(--text-3);margin-top:2px;padding:0 4px;font-family:JetBrains Mono,monospace}.hub-chat-input{flex:1;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-1);font-size:13px;padding:8px 12px;outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit}.hub-chat-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2dd4bf1a}.hub-chat-input::placeholder{color:var(--text-3)}.hub-roster{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px}.hub-roster::-webkit-scrollbar{height:4px}.hub-roster::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:99px}.hub-roster-card{background:#ffffff08;border:1px solid var(--glass-border);border-top:2px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);padding:11px 13px;min-width:120px;max-width:145px;cursor:pointer;transition:all .15s ease;flex-shrink:0}.hub-roster-card:hover{background:var(--glass);border-color:var(--glass-border-hover)}.hub-roster-selected{background:var(--primary-dim);border-color:var(--primary);border-top-color:var(--primary)}.agent-detail-panel{background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:16px 20px;animation:fadeInDown .15s ease}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.report-critical{border-left:3px solid var(--error)!important}.report-high{border-left:3px solid var(--warning)!important}.report-medium{border-left:3px solid #fbbf24!important}.report-low{border-left:3px solid var(--text-3)!important}.fixes-banner{background:#34d39914;border:1px solid rgba(52,211,153,.2);border-radius:var(--radius-sm);padding:10px 14px;color:var(--success);font-size:13px}.mono{font-family:JetBrains Mono,monospace}
