@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base:#0d1117;--bg-surface:#161b22;--bg-elevated:#1c2333;--bg-hover:#21262d;--bg-glass:#161b22cc;--border:#10b9811f;--border-light:#10b98138;--border-solid:#30363d;--text-primary:#e6edf3;--text-secondary:#8b949e;--text-muted:#6e7681;--primary:#10b981;--primary-hover:#059669;--primary-dim:#047857;--primary-subtle:#10b98114;--primary-border:#10b98138;--primary-glow:0 0 20px #10b9814d, 0 0 40px #10b9811f;--secondary:#f97316;--secondary-hover:#ea580c;--secondary-subtle:#f973161a;--secondary-glow:0 0 20px #f9731640;--sev-critical:#ef4444;--sev-critical-bg:#ef44441a;--sev-critical-border:#ef444440;--sev-critical-glow:0 0 12px #ef444466;--sev-high:#f97316;--sev-high-bg:#f973161a;--sev-high-border:#f9731640;--sev-high-glow:0 0 12px #f9731666;--sev-medium:#f59e0b;--sev-medium-bg:#f59e0b1a;--sev-medium-border:#f59e0b40;--sev-low:#10b981;--sev-low-bg:#10b9811a;--sev-low-border:#10b98140;--sev-info:#6b7280;--sev-info-bg:#6b72801a;--sev-info-border:#6b728040;--status-completed:#10b981;--status-running:#00d4ff;--status-pending:#f59e0b;--status-failed:#ef4444;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--sidebar-width:260px;--topbar-height:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--shadow-sm:0 1px 3px #00000080, 0 1px 2px #0000004d;--shadow-md:0 4px 16px #00000080, 0 2px 4px #0000004d;--shadow-lg:0 8px 32px #0009, 0 4px 8px #00000059;--shadow-glow:0 0 0 1px var(--border), 0 8px 32px #0009;--transition-fast:.15s ease;--transition-med:.25s ease;--transition-slow:.4s ease}html{scroll-behavior:smooth}body{background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.6}#root{min-height:100vh;display:flex}.app-container{width:100%;min-height:100vh;display:flex}.main-wrapper{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-width:0;min-height:100vh;display:flex}.main-content{flex:1;padding:2rem 2.25rem;overflow-y:auto}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-family:Syne,sans-serif;font-weight:700;line-height:1.3}button{font-family:DM Sans,inherit}a{color:var(--primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-hover)}code,pre{font-family:JetBrains Mono,Fira Code,Cascadia Code,monospace}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#00d4ff33;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00d4ff66}::selection{color:#fff;background:#00d4ff40}.glass-card{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-lg);background:#111827b3}.page-header{margin-bottom:1.75rem}.page-title{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 .25rem;font-family:Syne,sans-serif;font-size:1.6rem;font-weight:700}.page-subtitle{color:var(--text-muted);margin:0;font-size:.875rem}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem}.status-badge{letter-spacing:.03em;text-transform:capitalize;border-radius:20px;align-items:center;gap:.35rem;padding:.22rem .65rem;font-size:.72rem;font-weight:600;display:inline-flex}.status-completed{background:var(--sev-low-bg);color:var(--status-completed);border:1px solid var(--sev-low-border)}.status-running{background:var(--primary-subtle);color:var(--status-running);border:1px solid var(--primary-border)}.status-pending{background:var(--sev-medium-bg);color:var(--status-pending);border:1px solid var(--sev-medium-border)}.status-failed{background:var(--sev-critical-bg);color:var(--status-failed);border:1px solid var(--sev-critical-border)}.status-cancelled{color:var(--text-muted);background:#6b72801a;border:1px solid #6b728033}.running-dot{background:var(--status-running);width:6px;height:6px;box-shadow:0 0 6px var(--primary);border-radius:50%;animation:1.2s ease-in-out infinite pulse-dot;display:inline-block}.sev-badge{letter-spacing:.05em;text-transform:uppercase;border-radius:20px;align-items:center;padding:.2rem .6rem;font-size:.7rem;font-weight:700;display:inline-flex}.sev-critical{background:var(--sev-critical-bg);color:var(--sev-critical);border:1px solid var(--sev-critical-border);box-shadow:var(--sev-critical-glow)}.sev-high{background:var(--sev-high-bg);color:var(--sev-high);border:1px solid var(--sev-high-border);box-shadow:var(--sev-high-glow)}.sev-medium{background:var(--sev-medium-bg);color:var(--sev-medium);border:1px solid var(--sev-medium-border)}.sev-low{background:var(--sev-low-bg);color:var(--sev-low);border:1px solid var(--sev-low-border)}.sev-info{background:var(--sev-info-bg);color:var(--sev-info);border:1px solid var(--sev-info-border)}.input-field{border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);width:100%;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:#0a0e1acc;outline:none;padding:.7rem 1rem;font-family:DM Sans,inherit;font-size:.9rem}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px #00d4ff1f,inset 0 0 0 1px #00d4ff1a}.input-field::placeholder{color:var(--text-muted)}.btn-primary{background:var(--primary);color:#0a0e1a;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-med);letter-spacing:.02em;border:none;align-items:center;gap:.5rem;padding:.7rem 1.5rem;font-family:DM Sans,inherit;font-size:.875rem;font-weight:700;display:inline-flex;box-shadow:0 0 #00d4ff00}.btn-primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:var(--primary-glow);transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;align-items:center;gap:.5rem;padding:.65rem 1.2rem;font-family:DM Sans,inherit;font-size:.875rem;font-weight:500;display:inline-flex}.btn-secondary:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-light)}.btn-danger{color:var(--sev-critical);border:1px solid var(--sev-critical-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:#ef44441a;align-items:center;gap:.4rem;padding:.6rem 1.1rem;font-family:DM Sans,inherit;font-size:.875rem;font-weight:600;display:inline-flex}.btn-danger:hover{background:var(--sev-critical-bg);box-shadow:var(--sev-critical-glow)}.search-bar{border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:#0a0e1acc;align-items:center;gap:.5rem;padding:.55rem .9rem;display:flex}.search-bar:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #00d4ff14}.search-bar input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-family:DM Sans,inherit;font-size:.875rem}.search-bar input::placeholder{color:var(--text-muted)}.data-table{border-collapse:collapse;width:100%;font-size:.875rem}.data-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:.75rem 1rem;font-family:Syne,sans-serif;font-size:.7rem;font-weight:700}.data-table tbody td{border-bottom:1px solid var(--border);color:var(--text-secondary);vertical-align:middle;padding:.9rem 1rem}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:#00d4ff08}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.toolbar-left{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.select-field{border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;appearance:none;background:#0a0e1acc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2300D4FF' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right .7rem center no-repeat;outline:none;padding:.55rem 2rem .55rem .9rem;font-family:DM Sans,inherit;font-size:.875rem}.select-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px #00d4ff14}.empty-state{text-align:center;color:var(--text-muted);padding:4rem 2rem}.empty-state svg{opacity:.3;margin-bottom:1rem}.empty-state h3{color:var(--text-secondary);margin-bottom:.5rem;font-size:1rem}.empty-state p{font-size:.875rem}.page-loader{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:5rem;font-size:.875rem;display:flex}.spinner{border:2.5px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin;box-shadow:0 0 10px #00d4ff33}.skeleton{background:linear-gradient(90deg, var(--bg-elevated) 25%, #ffffff08 50%, var(--bg-elevated) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:.5rem;display:flex;position:fixed;top:1.5rem;right:1.5rem}.toast{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:all;max-width:380px;box-shadow:var(--shadow-lg);border:1px solid;align-items:center;gap:.75rem;padding:.875rem 1.25rem;font-size:.875rem;font-weight:500;animation:.3s forwards toastIn;display:flex}.toast-success{color:#10b981;background:#10b98126;border-color:#10b9814d}.toast-error{color:#ef4444;background:#ef444426;border-color:#ef44444d}.toast-warning{color:#f59e0b;background:#f59e0b26;border-color:#f59e0b4d}.toast-info{border-color:var(--primary-border);color:var(--primary);background:#00d4ff1a}@keyframes toastIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 10px #00d4ff4d}50%{box-shadow:0 0 25px #00d4ff99,0 0 50px #00d4ff33}}@keyframes scan-line{0%{opacity:1;transform:scaleX(0)}to{opacity:.6;transform:scaleX(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes rotate-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes counter-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:.5s forwards fadeInUp}.stagger-children>*{opacity:0;animation:.4s forwards fadeInUp}.stagger-children>:first-child{animation-delay:50ms}.stagger-children>:nth-child(2){animation-delay:.1s}.stagger-children>:nth-child(3){animation-delay:.15s}.stagger-children>:nth-child(4){animation-delay:.2s}.stagger-children>:nth-child(5){animation-delay:.25s}.stagger-children>:nth-child(6){animation-delay:.3s}.btn-primary:active:not(:disabled),.btn-secondary:active,.btn-danger:active{transform:scale(.97)}.card:hover,.kpi-card:hover,.chart-card:hover,.feature-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.card,.kpi-card,.chart-card{transition:transform var(--transition-med), box-shadow var(--transition-med), border-color var(--transition-med)}.nav-item .nav-label{position:relative}.data-table tbody tr{transition:background var(--transition-fast), transform var(--transition-fast)}.status-badge{transition:transform var(--transition-fast), box-shadow var(--transition-fast)}.status-badge:hover{transform:scale(1.05)}.topbar-icon-btn:hover{box-shadow:0 0 8px #00d4ff26}.fade-in{animation:.35s forwards fadeIn}.modal-overlay{animation:.2s fadeIn}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:2px}[id]{scroll-margin-top:calc(var(--topbar-height) + 1rem)}.cyan-divider{background:linear-gradient(90deg, transparent, var(--primary), transparent);opacity:.3;height:1px;margin:1.5rem 0}.glow-line{background:linear-gradient(90deg, var(--secondary), var(--primary), var(--primary));border-radius:1px;height:2px;position:relative;overflow:hidden}.glow-line:after{content:"";background:inherit;filter:blur(4px);opacity:.6;position:absolute;inset:-2px 0}.code-block{border:1px solid var(--border);border-radius:var(--radius-md);color:#7ee787;white-space:pre-wrap;word-break:break-all;background:#0d1117;padding:1rem;font-family:JetBrains Mono,monospace;font-size:.8rem;line-height:1.7;overflow-x:auto}.auth-error{color:var(--sev-critical);border-radius:var(--radius-md);background:#ef444414;border:1px solid #ef444433;align-items:center;gap:.5rem;padding:.65rem .9rem;font-size:.82rem;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0a0e1ad9;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-box{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:440px;box-shadow:var(--shadow-lg);padding:2rem;animation:.3s fadeInUp}.modal-title{color:var(--text-primary);margin-bottom:.5rem;font-family:Syne,sans-serif;font-size:1.1rem;font-weight:700}.modal-body{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.875rem;line-height:1.6}.modal-actions{justify-content:flex-end;gap:.75rem;display:flex}@media (width<=1024px){.dash-kpi-grid{grid-template-columns:repeat(2,1fr)}.dash-charts-row{grid-template-columns:1fr}}@media (width<=768px){.app-container{flex-direction:column}.main-wrapper{margin-left:0}.main-content{padding:1rem}.sidebar{z-index:1000;transition:transform .25s;position:fixed;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay{z-index:999;background:#00000080;position:fixed;inset:0}.page-title{font-size:1.25rem}.page-subtitle{font-size:.8rem}.toolbar{flex-direction:column;gap:.75rem}.toolbar-left{flex-wrap:wrap}.data-table{font-size:.78rem}.data-table th,.data-table td{padding:.6rem .75rem}.dash-kpi-grid{grid-template-columns:1fr 1fr}.dash-charts-row{grid-template-columns:1fr}.modal-box,.modal-content{width:95%;max-width:95%;margin:1rem}}@media (width<=480px){.dash-kpi-grid{grid-template-columns:1fr}.data-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (width<=768px){.sidebar-overlay{z-index:99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;position:fixed;inset:0}.modal-box{width:calc(100vw - 2rem);max-width:100%;margin:1rem;padding:1.25rem}.toolbar{flex-direction:column;align-items:stretch}.toolbar-left{flex-wrap:wrap}.toolbar .btn-primary,.toolbar .btn-secondary{justify-content:center;width:100%}.card{padding:1rem}.page-title{font-size:1.2rem}.toast-container{top:1rem;left:1rem;right:1rem}.toast{max-width:100%}}@media (width<=480px){.main-content{padding:.75rem}.data-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table{min-width:500px}}.sidebar{width:var(--sidebar-width);-webkit-backdrop-filter:blur(24px)saturate(1.4);border-right:1px solid var(--border);z-index:100;height:100vh;transition:width var(--transition-med);background:#0b101ceb;flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar:after{content:"";pointer-events:none;background:linear-gradient(#0000 0%,#00d4ff26 20%,#7c3aed33 50%,#00d4ff26 80%,#0000 100%);width:1px;height:100%;position:absolute;top:0;right:-1px}.sidebar-header{border-bottom:1px solid var(--border);flex-shrink:0;padding:1.1rem 1.1rem .9rem}.sidebar-brand{color:inherit;align-items:center;gap:.7rem;text-decoration:none;display:flex}.sidebar-brand-icon{width:38px;height:38px;color:var(--primary);transition:all var(--transition-med);background:linear-gradient(135deg,#00d4ff1f,#7c3aed1f);border:1px solid #00d4ff40;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 0 12px #00d4ff1f}.sidebar-brand:hover .sidebar-brand-icon{box-shadow:var(--primary-glow);border-color:#00d4ff73}.sidebar-brand-text{flex-direction:column;min-width:0;display:flex}.sidebar-brand-name{letter-spacing:-.01em;background:linear-gradient(135deg, #fff 30%, var(--primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Syne,sans-serif;font-size:1.05rem;font-weight:800}.sidebar-brand-tagline{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-top:-1px;font-size:.62rem;font-weight:600}.sidebar-nav{flex-direction:column;flex:1;gap:1px;padding:.75rem .65rem;display:flex;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{width:3px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:#00d4ff26;border-radius:2px}.nav-group-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:.4rem;padding:.85rem .7rem .35rem;font-family:Syne,sans-serif;font-size:.6rem;font-weight:700;display:flex}.nav-item{border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer;border:1px solid #0000;align-items:center;gap:.65rem;padding:.55rem .75rem;font-size:.82rem;font-weight:500;text-decoration:none;display:flex;position:relative}.nav-item:hover{color:var(--text-primary);background:#00d4ff0a}.nav-item .nav-icon{width:20px;transition:all var(--transition-fast);opacity:.7;flex-shrink:0;justify-content:center;align-items:center;display:flex}.nav-item:hover .nav-icon{opacity:1}.nav-item .nav-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.nav-item.active{color:var(--primary);background:#00d4ff12;border-color:#00d4ff1a}.nav-item.active:before{content:"";background:var(--primary);border-radius:0 3px 3px 0;width:3px;height:20px;position:absolute;top:50%;left:-.65rem;transform:translateY(-50%);box-shadow:0 0 8px #00d4ff80}.nav-item.active .nav-icon{opacity:1;color:var(--primary);filter:drop-shadow(0 0 3px #00d4ff66)}.sidebar-footer{border-top:1px solid var(--border);background:#00000026;flex-shrink:0;padding:.75rem .85rem}.sidebar-user{align-items:center;gap:.65rem;display:flex}.sidebar-user-avatar{background:linear-gradient(135deg, var(--secondary), var(--primary));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.8rem;font-weight:700;display:flex;box-shadow:0 0 10px #7c3aed40}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;display:block;overflow:hidden}.sidebar-user-role{color:var(--text-muted);text-transform:capitalize;font-size:.65rem;display:block}.sidebar-logout{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:.35rem;display:flex}.sidebar-logout:hover{color:var(--sev-critical);background:#ef44441a;border-color:#ef44444d}@media (width<=768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}}.topbar{z-index:50;height:var(--topbar-height);background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:0 1.75rem;display:flex;position:sticky;top:0}.topbar-search{border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);max-width:380px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:#111827cc;flex:1;align-items:center;gap:.5rem;padding:.5rem .9rem;display:flex}.topbar-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #00d4ff14}.topbar-search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:DM Sans,inherit;font-size:.875rem}.topbar-search input::placeholder{color:var(--text-muted)}.topbar-search-hint{color:var(--text-muted);background:var(--bg-elevated);border:1px solid var(--border);white-space:nowrap;border-radius:4px;padding:.1rem .35rem;font-size:.68rem}.topbar-right{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.topbar-icon-btn{border-radius:var(--radius-md);width:38px;height:38px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:flex;position:relative}.topbar-icon-btn:hover,.topbar-icon-btn.active{background:var(--bg-elevated);border-color:var(--border);color:var(--text-primary)}.notif-badge{background:var(--sev-critical);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.6rem;font-weight:700;animation:2s infinite pulse-dot;display:flex;position:absolute;top:4px;right:4px;box-shadow:0 0 8px #ef444480}.topbar-user-btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary);background:0 0;border:1px solid #0000;align-items:center;gap:.6rem;padding:.4rem .7rem .4rem .4rem;display:flex}.topbar-user-btn:hover,.topbar-user-btn.active{background:var(--bg-elevated);border-color:var(--border);color:var(--text-primary)}.topbar-avatar{background:linear-gradient(135deg, var(--secondary), var(--primary));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.75rem;font-weight:700;display:flex}.topbar-username{color:var(--text-primary);white-space:nowrap;font-size:.85rem;font-weight:600}.topbar-dropdown-wrap{position:relative}.topbar-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:200;background:#111827fa;animation:.15s fadeIn;position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden}.notif-dropdown{width:340px}.user-dropdown{width:220px}.dropdown-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.875rem 1rem;display:flex}.dropdown-title{color:var(--text-primary);font-family:Syne,sans-serif;font-size:.825rem;font-weight:700}.dropdown-user-name{color:var(--text-primary);font-size:.875rem;font-weight:700}.dropdown-user-email{color:var(--text-muted);font-size:.75rem}.mark-read-btn{color:var(--primary);cursor:pointer;transition:opacity var(--transition-fast);background:0 0;border:none;padding:0;font-family:DM Sans,inherit;font-size:.72rem}.mark-read-btn:hover{opacity:.8}.notif-list{max-height:320px;overflow-y:auto}.notif-item{border-bottom:1px solid var(--border);transition:background var(--transition-fast);gap:.75rem;padding:.875rem 1rem;display:flex}.notif-item:last-child{border-bottom:none}.notif-item:hover,.notif-item.unread{background:#00d4ff08}.notif-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:4px}.notif-body{flex:1;min-width:0}.notif-title{color:var(--text-primary);margin-bottom:.2rem;font-size:.82rem;font-weight:600}.notif-msg{color:var(--text-muted);font-size:.78rem;line-height:1.4}.notif-time{color:var(--text-muted);margin-top:.25rem;font-size:.7rem}.dropdown-menu{padding:.5rem}.dropdown-item{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;align-items:center;gap:.6rem;width:100%;padding:.6rem .75rem;font-family:DM Sans,inherit;font-size:.85rem;text-decoration:none;display:flex}.dropdown-item:hover{background:var(--bg-elevated);color:var(--text-primary)}.dropdown-item-danger{color:var(--sev-critical)}.dropdown-item-danger:hover{color:var(--sev-critical);background:#ef444414}.dropdown-divider{background:var(--border);height:1px;margin:.35rem 0}.theme-toggle-btn{overflow:hidden}.theme-toggle-icon{justify-content:center;align-items:center;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .2s;display:flex}.theme-toggle-spin .theme-toggle-icon{opacity:.5;transform:rotate(180deg)scale(.7)}.theme-toggle-btn:hover .theme-toggle-icon{color:var(--primary);filter:drop-shadow(0 0 6px var(--primary))}.topbar-hamburger{border:1px solid var(--border);border-radius:var(--radius-md);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:none}.topbar-hamburger:hover{background:var(--bg-elevated);color:var(--text-primary)}@media (width<=768px){.topbar{gap:.6rem;padding:0 1rem}.topbar-hamburger{display:flex}.topbar-search{max-width:none}.topbar-search-hint,.topbar-username{display:none}.notif-dropdown{width:300px;right:-60px}.user-dropdown{right:0}}@media (width<=480px){.topbar-search{display:none}}.breadcrumbs{align-items:center;gap:.25rem;margin-bottom:1.25rem;font-size:.8rem;animation:.3s fadeIn;display:flex}.breadcrumb-home{color:var(--text-muted);transition:color var(--transition-fast);align-items:center;padding:.2rem;display:flex}.breadcrumb-home:hover{color:var(--primary)}.breadcrumb-item{color:var(--text-muted);align-items:center;gap:.25rem;display:flex}.breadcrumb-item svg{opacity:.4;flex-shrink:0}.breadcrumb-link{color:var(--text-muted);transition:color var(--transition-fast);font-weight:500;text-decoration:none}.breadcrumb-link:hover{color:var(--primary)}.breadcrumb-current{color:var(--text-primary);font-weight:600}.shortcuts-modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:420px;box-shadow:var(--shadow-lg);padding:0;animation:.25s fadeInUp;overflow:hidden}.shortcuts-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.shortcuts-title{color:var(--text-primary);align-items:center;gap:.5rem;margin:0;font-family:Syne,sans-serif;font-size:1rem;font-weight:700;display:flex}.shortcuts-title svg{color:var(--primary)}.shortcuts-close{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast);background:0 0;border:none;padding:.25rem}.shortcuts-close:hover{color:var(--text-primary)}.shortcuts-list{padding:.75rem 0}.shortcut-row{transition:background var(--transition-fast);justify-content:space-between;align-items:center;padding:.55rem 1.5rem;display:flex}.shortcut-row:hover{background:var(--bg-elevated)}.shortcut-keys{align-items:center;gap:.3rem;display:flex}.shortcut-kbd{background:var(--bg-base);border:1px solid var(--border-light);min-width:24px;height:24px;color:var(--text-primary);border-radius:4px;justify-content:center;align-items:center;padding:0 .4rem;font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:600;display:inline-flex;box-shadow:0 1px 2px #0000004d}.shortcut-then{color:var(--text-muted);margin:0 .15rem;font-size:.65rem}.shortcut-desc{color:var(--text-secondary);font-size:.82rem}body,.sidebar,.topbar,.card,.glass-card,.data-table,.modal-box,.modal-content{transition:background-color .3s,color .3s,border-color .3s}[data-theme=light]{--bg-base:#f5f7fa;--bg-surface:#fff;--bg-elevated:#f0f2f5;--bg-hover:#e8ebf0;--bg-glass:#ffffffd9;--border:#00000014;--border-light:#0000001f;--border-solid:#e2e8f0;--text-primary:#1a202c;--text-secondary:#4a5568;--text-muted:#a0aec0;--primary:#059669;--primary-hover:#047857;--primary-dim:#065f46;--primary-subtle:#0596690f;--primary-border:#0596692e;--primary-glow:0 0 16px #05966933, 0 0 32px #05966914;--secondary:#ea580c;--secondary-hover:#c2410c;--secondary-subtle:#ea580c0f;--secondary-glow:0 0 16px #ea580c26;--sev-critical:#dc2626;--sev-critical-bg:#dc26260f;--sev-critical-border:#dc262626;--sev-critical-glow:0 0 8px #dc262633;--sev-high:#ea580c;--sev-high-bg:#ea580c0f;--sev-high-border:#ea580c26;--sev-high-glow:0 0 8px #ea580c33;--sev-medium:#d97706;--sev-medium-bg:#d977060f;--sev-medium-border:#d9770626;--sev-low:#059669;--sev-low-bg:#0596690f;--sev-low-border:#05966926;--sev-info:#6b7280;--sev-info-bg:#6b72800f;--sev-info-border:#6b72801f;--status-completed:#059669;--status-running:#09c;--status-pending:#d97706;--status-failed:#dc2626;--success:#059669;--warning:#d97706;--danger:#dc2626;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014, 0 2px 4px #0000000a;--shadow-lg:0 8px 24px #0000001a, 0 4px 8px #0000000a;--shadow-glow:0 0 0 1px var(--border), 0 4px 16px #00000014}[data-theme=light] .sidebar{border-right:1px solid var(--border-solid);background:#fff}[data-theme=light] .topbar{border-bottom:1px solid var(--border-solid);background:#ffffffe6}[data-theme=light] .glass-card{background:#ffffffd9}[data-theme=light] .nav-item.active{background:var(--primary-subtle)}[data-theme=light] .input-field,[data-theme=light] .select-field,[data-theme=light] .search-bar,[data-theme=light] .proj-input,[data-theme=light] .topbar-search{border-color:var(--border-solid);background:#f5f7fa}[data-theme=light] .code-block{color:#1a202c;border-color:var(--border-solid);background:#f8fafc}[data-theme=light] .skeleton{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%) 0 0/200% 100%}[data-theme=light] .toast{box-shadow:var(--shadow-md)}[data-theme=light] .toast-success{color:#059669;background:#0596691a;border-color:#05966933}[data-theme=light] .toast-error{color:#dc2626;background:#dc262614;border-color:#dc26262e}[data-theme=light] .toast-warning{color:#d97706;background:#d9770614;border-color:#d977062e}[data-theme=light] .toast-info{color:#09c;background:#0099cc0f;border-color:#0099cc26}[data-theme=light] ::-webkit-scrollbar-thumb{background:#00000026}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#00000040}[data-theme=light] ::selection{color:#1a202c;background:#09c3}[data-theme=light] .landing-page{background:#f5f7fa}[data-theme=light] .landing-nav.scrolled{background:#ffffffeb}[data-theme=light] .mesh-orb{opacity:.06}[data-theme=light] .mesh-grid{background-image:linear-gradient(#0099cc0a 1px,#0000 1px),linear-gradient(90deg,#0099cc0a 1px,#0000 1px)}[data-theme=light] .auth-page{background:#f5f7fa}[data-theme=light] .auth-brand-panel{background:linear-gradient(135deg,#09c,#6d28d9)}[data-theme=light] .pagination-btn.active{color:#fff}[data-theme=light] .topbar-dropdown{background:#fffffffa}[data-theme=light] .shortcut-kbd{border-color:var(--border-solid);background:#fff;box-shadow:0 1px 2px #00000014}