:root{--bg-color:#f4f4f5;--surface-color:#fff;--border-color:#e4e4e7;--text-main:#09090b;--text-muted:#71717a;--primary:#2563eb;--primary-hover:#1d4ed8;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000014}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5}.app{min-height:100vh;display:flex}.main{flex:1;min-height:100vh;margin-left:260px}.modern-sidebar{background-color:var(--surface-color);border-right:1px solid var(--border-color);z-index:50;flex-direction:column;width:260px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{align-items:center;gap:12px;padding:24px;display:flex}.sidebar-logo{color:#fff;background:linear-gradient(135deg,#60a5fa,#2563eb);border-radius:8px;place-items:center;width:34px;height:34px;font-size:14px;font-weight:900;display:grid}.brand-text h2{letter-spacing:-.5px;font-size:18px;font-weight:800}.brand-text p{color:var(--text-muted);font-size:12px}.sidebar-nav{flex:1;padding:0 16px;overflow-y:auto}.nav-group{margin-bottom:24px}.nav-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin:0 0 8px 12px;font-size:11px;font-weight:700}.nav-btn{width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;margin-bottom:2px;padding:10px 12px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.nav-btn:hover{background-color:var(--bg-color);color:var(--text-main)}.nav-btn.active{color:var(--primary);background-color:#eff6ff;font-weight:600}.sidebar-footer{border-top:1px solid var(--border-color);padding:16px}.user-profile{cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:8px;display:flex}.user-profile:hover{background-color:var(--bg-color)}.user-avatar{background-color:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.user-info{flex-direction:column;display:flex}.user-info b{color:var(--text-main);font-size:14px;font-weight:600}.user-info span{color:var(--text-muted);font-size:12px}.topbar-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.search-icon{color:var(--text-muted);font-size:14px}.icon-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;font-size:16px;transition:all .2s}.icon-btn:hover{background-color:var(--bg-color);color:var(--text-main)}.topbar-profile{border-left:1px solid var(--border-color);margin-left:4px;padding-left:16px}.modern-dashboard{max-width:1400px;margin:0 auto;padding:32px}.dash-header{justify-content:space-between;align-items:flex-end;margin-bottom:32px;display:flex}.dash-title{letter-spacing:-.5px;font-size:28px;font-weight:800}.dash-subtitle{color:var(--text-muted);margin-top:4px;font-size:15px}.dash-actions{gap:12px;display:flex}button{cursor:pointer;border-radius:8px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s}.btn-primary{background-color:var(--text-main);color:var(--surface-color);box-shadow:var(--shadow-sm);border:none;padding:10px 18px}.btn-primary:hover{background-color:#27272a}.btn-outline{background-color:var(--surface-color);color:var(--text-main);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);padding:10px 18px}.btn-outline:hover{background-color:var(--bg-color)}.btn-text{color:var(--primary);background:0 0;border:none}.btn-text:hover{text-decoration:underline}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:32px;display:grid}.stat-card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px}.stat-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.stat-title{color:var(--text-muted);font-size:14px;font-weight:600}.stat-icon{background:var(--bg-color);border-radius:8px;padding:8px;font-size:18px}.stat-value{margin-bottom:8px;font-size:32px;font-weight:800}.stat-trend{gap:6px;font-size:13px;font-weight:600;display:flex}.trend-good{color:var(--success)}.trend-bad{color:var(--danger)}.trend-text{color:var(--text-muted);font-weight:500}.dash-main-split{grid-template-columns:2fr 1fr;gap:24px;display:grid}.dash-panel{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:24px;overflow:hidden}.panel-header{border-bottom:1px solid var(--border-color);background-color:#fafafa;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.panel-header h3{font-size:16px;font-weight:700}.panel-body{padding:24px}.modern-table{border-collapse:collapse;width:100%}.modern-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid var(--border-color);padding-bottom:16px;font-size:12px;font-weight:700}.modern-table td{border-bottom:1px solid var(--border-color);padding:16px 0;font-size:14px}.task-id{color:var(--text-muted);font-family:monospace}.task-name{font-weight:600}.progress-container{background-color:var(--border-color);vertical-align:middle;border-radius:99px;width:120px;height:6px;margin-right:12px;display:inline-block;overflow:hidden}.progress-bar{border-radius:99px;height:100%;transition:width .5s}.bg-primary{background-color:var(--primary)}.bg-warning{background-color:var(--warning)}.progress-text{color:var(--text-muted);font-size:13px;font-weight:500}.status-pill{border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.in-progress,.running{color:#2563eb;background-color:#eff6ff}.completed,.success{color:#059669;background-color:#ecfdf5}.warning,.pending{color:#d97706;background-color:#fffbeb}.failed{color:#ef4444;background-color:#fef2f2}.type-badge{border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600}.type-etl{color:#7e22ce;background-color:#f3e8ff}.type-model{color:#0369a1;background-color:#e0f2fe}.type-agent{color:#c2410c;background-color:#ffedd5}.type-api{color:#15803d;background-color:#dcfce7}.timeline{flex-direction:column;gap:24px;display:flex;position:relative}.timeline:before{content:"";background-color:var(--border-color);width:2px;position:absolute;top:5px;bottom:0;left:5px}.timeline-item{padding-left:24px;position:relative}.timeline-dot{background-color:var(--surface-color);border:2px solid var(--primary);z-index:1;border-radius:50%;width:12px;height:12px;position:absolute;top:5px;left:0}.timeline-user{margin-bottom:4px;font-size:14px}.timeline-time{color:var(--text-muted);font-size:12px;font-weight:500}.toolbar{align-items:center;gap:10px;display:flex}.modern-input{border:1px solid var(--border-color);border-radius:8px;outline:none;padding:8px 12px;font-family:inherit}@media (width<=1024px){.dash-main-split{grid-template-columns:1fr}}.login-container{background-color:var(--bg-color);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background-color:var(--surface-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color);width:100%;max-width:400px;padding:40px}.login-header{text-align:center;margin-bottom:30px}.login-header h2{color:var(--text-main);margin-bottom:8px;font-size:24px}.login-header p{color:var(--text-muted);font-size:14px}.login-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-main);font-size:13px;font-weight:600}.form-group input{padding:12px}.login-btn{width:100%;margin-top:10px;padding:12px;font-size:16px}.login-error{color:var(--danger);text-align:center;background-color:#fef2f2;border:1px solid #fca5a5;border-radius:8px;padding:10px;font-size:13px}.modern-topbar button{z-index:10;position:relative;pointer-events:auto!important;cursor:pointer!important}.topbar-actions{z-index:20;align-items:center;gap:12px;display:flex}.modern-topbar{background-color:var(--surface-color);border-bottom:1px solid var(--border-color);z-index:100;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;position:sticky;top:0}.topbar-search{background-color:#f1f5f9;border:1px solid #0000;border-radius:10px;align-items:center;width:320px;padding:0 12px;transition:all .2s;display:flex}.topbar-search:focus-within{border-color:var(--primary);background-color:#fff;box-shadow:0 0 0 4px #2563eb1a}.topbar-search input{width:100%;color:var(--text-main);background:0 0;border:none;outline:none;padding:10px;font-size:14px}.topbar-actions{align-items:center;gap:16px;display:flex}.user-section{border-left:1px solid var(--border-color);align-items:center;gap:12px;padding-left:16px;display:flex}.topbar-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:8px;place-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:grid}.logout-minimal-btn{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.logout-minimal-btn:hover{color:var(--danger);background-color:#fef2f2;border-color:#fecaca}.logout-minimal-btn svg{transition:transform .2s}.logout-minimal-btn:hover svg{transform:translate(2px)}