@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--primary-50:#e6fff5;--primary-100:#b3ffe0;--primary-200:#80ffcc;--primary-300:#4dffb8;--primary-400:#1affa3;--primary-500:#00e68a;--primary-600:#00b36b;--primary-700:#00804d;--primary-800:#004d2e;--primary-900:#001a10;--secondary-50:#f0f4f8;--secondary-100:#d9e2ec;--secondary-200:#bcccdc;--secondary-300:#9fb3c8;--secondary-400:#829ab1;--secondary-500:#627d98;--secondary-600:#486581;--secondary-700:#334e68;--secondary-800:#243b53;--secondary-900:#102a43;--danger-50:#fff0f0;--danger-100:#ffd6d6;--danger-200:#ffadad;--danger-300:#ff8585;--danger-400:#ff5c5c;--danger-500:#f33;--danger-600:#cc2929;--danger-700:#991f1f;--danger-800:#661414;--danger-900:#330a0a;--warning-50:#fff8e6;--warning-100:#ffeab3;--warning-200:#ffdc80;--warning-300:#ffce4d;--warning-400:#ffc01a;--warning-500:#e6a600;--warning-600:#b38200;--warning-700:#805d00;--warning-800:#4d3800;--warning-900:#1a1300;--success-50:#e6fff0;--success-100:#b3ffd6;--success-200:#80ffbd;--success-300:#4dffa3;--success-400:#1aff8a;--success-500:#00e670;--success-600:#00b357;--success-700:#00803e;--success-800:#004d25;--success-900:#001a0d;--info-50:#e6f4ff;--info-100:#b3dcff;--info-200:#80c4ff;--info-300:#4dacff;--info-400:#1a94ff;--info-500:#007ae6;--info-600:#005fb3;--info-700:#004480;--info-800:#00294d;--info-900:#000e1a;--dark-bg-primary:#0a0f1a;--dark-bg-secondary:#111827;--dark-bg-tertiary:#1a2332;--dark-bg-card:#1e2a3a;--dark-bg-hover:#243447;--dark-border:#2d3f52;--dark-border-light:#3d5166;--dark-text-primary:#f1f5f9;--dark-text-secondary:#94a3b8;--dark-text-muted:#64748b;--light-bg-primary:#fff;--light-bg-secondary:#f8fafc;--light-bg-tertiary:#f1f5f9;--light-bg-card:#fff;--light-bg-hover:#e2e8f0;--light-border:#e2e8f0;--light-border-light:#cbd5e1;--light-text-primary:#0f172a;--light-text-secondary:#475569;--light-text-muted:#94a3b8;--font-family-primary:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;--font-family-mono:"JetBrains Mono", "Fira Code", "Consolas", monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--shadow-glow:0 0 20px #00e68a4d;--shadow-glow-danger:0 0 20px #ff33334d;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease;--z-dropdown:100;--z-sticky:200;--z-modal:300;--z-tooltip:400;--z-toast:500;--sidebar-width:280px;--sidebar-collapsed-width:72px;--header-height:64px;--content-max-width:1400px}[data-theme=dark],:root{--bg-primary:var(--dark-bg-primary);--bg-secondary:var(--dark-bg-secondary);--bg-tertiary:var(--dark-bg-tertiary);--bg-card:var(--dark-bg-card);--bg-hover:var(--dark-bg-hover);--border-color:var(--dark-border);--border-light:var(--dark-border-light);--text-primary:var(--dark-text-primary);--text-secondary:var(--dark-text-secondary);--text-muted:var(--dark-text-muted)}[data-theme=light]{--bg-primary:var(--light-bg-primary);--bg-secondary:var(--light-bg-secondary);--bg-tertiary:var(--light-bg-tertiary);--bg-card:var(--light-bg-card);--bg-hover:var(--light-bg-hover);--border-color:var(--light-border);--border-light:var(--light-border-light);--text-primary:var(--light-text-primary);--text-secondary:var(--light-text-secondary);--text-muted:var(--light-text-muted)}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{min-height:100vh;font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);background-color:var(--bg-primary);color:var(--text-primary);text-rendering:optimizespeed}ul,ol{list-style:none}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}input,button,textarea,select{font:inherit;color:inherit}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}button{cursor:pointer;background:0 0;border:none;outline:none}a{color:inherit;text-decoration:none}table{border-collapse:collapse;border-spacing:0}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}#root{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background-color:var(--primary-500);color:var(--dark-bg-primary)}:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}:focus:not(:focus-visible){outline:none}.app{background-color:var(--bg-primary);min-height:100vh;display:flex}.main-layout{flex:1;width:100%;display:flex}.sidebar{width:var(--sidebar-width);background-color:var(--bg-secondary);border-right:1px solid var(--border-color);min-height:100vh;z-index:var(--z-sticky);transition:width var(--transition-normal), transform var(--transition-normal);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-header{padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--border-color);align-items:center;gap:var(--spacing-3);min-height:var(--header-height);display:flex}.sidebar-logo{align-items:center;gap:var(--spacing-3);display:flex}.sidebar-logo-icon{background:linear-gradient(135deg, var(--primary-500), var(--primary-700));border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.sidebar-logo-icon svg{width:24px;height:24px;color:var(--dark-bg-primary)}.sidebar-logo-text{flex-direction:column;display:flex}.sidebar-logo-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:var(--line-height-tight)}.sidebar-logo-subtitle{font-size:var(--font-size-xs);color:var(--primary-500);text-transform:uppercase;letter-spacing:.1em}.sidebar.collapsed .sidebar-logo-text{display:none}.sidebar-content{padding:var(--spacing-4) 0;flex:1;overflow-y:auto}.sidebar-nav{gap:var(--spacing-1);flex-direction:column;display:flex}.sidebar-section{padding:var(--spacing-2) var(--spacing-4)}.sidebar-section-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-2);padding:0 var(--spacing-2)}.sidebar.collapsed .sidebar-section-title{display:none}.sidebar-link{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);margin:0 var(--spacing-2);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);cursor:pointer;white-space:nowrap;display:flex}.sidebar-link:hover{background-color:var(--bg-hover);color:var(--text-primary)}.sidebar-link.active{background-color:var(--primary-500);background:linear-gradient(135deg, var(--primary-600), var(--primary-500));color:var(--dark-bg-primary);box-shadow:var(--shadow-glow)}.sidebar-link-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.sidebar-link-icon svg{width:100%;height:100%}.sidebar-link-text{text-overflow:ellipsis;overflow:hidden}.sidebar.collapsed .sidebar-link-text{display:none}.sidebar.collapsed .sidebar-link{padding:var(--spacing-3);margin:0 var(--spacing-2);justify-content:center}.sidebar-link-badge{background-color:var(--danger-500);color:#fff;font-size:var(--font-size-xs);border-radius:var(--radius-full);font-weight:var(--font-weight-semibold);margin-left:auto;padding:2px 6px}.sidebar.collapsed .sidebar-link-badge{display:none}.sidebar-footer{padding:var(--spacing-2);border-top:1px solid var(--border-color)}.sidebar-toggle{width:100%;padding:var(--spacing-2);justify-content:center;align-items:center;gap:var(--spacing-2);background-color:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);transition:all var(--transition-fast);display:flex}.sidebar-toggle svg{flex-shrink:0;width:16px;height:16px}.sidebar-toggle:hover{background-color:var(--bg-hover);color:var(--text-primary)}.sidebar.collapsed .sidebar-toggle span{display:none}.main-content{margin-left:var(--sidebar-width);min-height:100vh;transition:margin-left var(--transition-normal);flex-direction:column;flex:1;display:flex}.sidebar.collapsed~.main-content,.main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed-width)}.header{height:var(--header-height);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:0 var(--spacing-6);z-index:var(--z-sticky);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:var(--spacing-4);display:flex}.header-breadcrumb{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--text-secondary);display:flex}.header-breadcrumb-separator{color:var(--text-muted)}.header-breadcrumb-current{color:var(--text-primary);font-weight:var(--font-weight-medium)}.header-right{align-items:center;gap:var(--spacing-4);display:flex}.header-search{width:280px;position:relative}.header-search-input{width:100%;padding:var(--spacing-2) var(--spacing-4);padding-left:var(--spacing-10);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.header-search-input::placeholder{color:var(--text-muted)}.header-search-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #00e68a1a}.header-search-icon{left:var(--spacing-3);color:var(--text-muted);width:18px;height:18px;position:absolute;top:50%;transform:translateY(-50%)}.header-actions{align-items:center;gap:var(--spacing-2);display:flex}.header-action-btn{border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative}.header-action-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.header-action-btn svg{width:20px;height:20px}.header-action-badge{background-color:var(--danger-500);border-radius:var(--radius-full);width:8px;height:8px;position:absolute;top:6px;right:6px}.header-profile{align-items:center;gap:var(--spacing-3);padding:var(--spacing-2);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);display:flex}.header-profile:hover{background-color:var(--bg-hover)}.header-profile-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--primary-500), var(--primary-700));width:36px;height:36px;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--dark-bg-primary);justify-content:center;align-items:center;display:flex}.header-profile-info{flex-direction:column;display:flex}.header-profile-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.header-profile-role{font-size:var(--font-size-xs);color:var(--text-muted)}.page-content{padding:var(--spacing-6);max-width:var(--content-max-width);flex:1;width:100%;margin:0 auto}.page-header{margin-bottom:var(--spacing-6)}.page-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-2)}.page-subtitle{font-size:var(--font-size-base);color:var(--text-secondary)}.grid{gap:var(--spacing-6);display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media (max-width:1024px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.header{padding:0 var(--spacing-4)}.header-search,.header-profile-info{display:none}.page-content{padding:var(--spacing-4)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.page-title{font-size:var(--font-size-2xl)}}.mobile-menu-btn{border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:none}.mobile-menu-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.mobile-menu-btn svg{width:24px;height:24px}@media (max-width:1024px){.mobile-menu-btn{display:flex}}.sidebar-overlay{z-index:calc(var(--z-sticky) - 1);background-color:#00000080;display:none;position:fixed;inset:0}@media (max-width:1024px){.sidebar-overlay.visible{display:block}}.btn{justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;white-space:nowrap;border:none;outline:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-icon{width:18px;height:18px}.btn-primary{background:linear-gradient(135deg, var(--primary-500), var(--primary-600));color:var(--dark-bg-primary);box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg, var(--primary-400), var(--primary-500));box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-hover);border-color:var(--border-light)}.btn-danger{background:linear-gradient(135deg, var(--danger-500), var(--danger-600));color:#fff;box-shadow:var(--shadow-md)}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg, var(--danger-400), var(--danger-500));box-shadow:var(--shadow-glow-danger);transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background-color:var(--bg-hover);color:var(--text-primary)}.btn-sm{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs)}.btn-lg{padding:var(--spacing-4) var(--spacing-6);font-size:var(--font-size-base)}.btn-icon-only{padding:var(--spacing-3)}.input-group{gap:var(--spacing-2);flex-direction:column;display:flex}.input-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.input-label-required:after{content:"*";color:var(--danger-500);margin-left:var(--spacing-1)}.input{width:100%;padding:var(--spacing-3) var(--spacing-4);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--primary-500);outline:none;box-shadow:0 0 0 3px #00e68a1a}.input:disabled{opacity:.5;cursor:not-allowed}.input-error{border-color:var(--danger-500)}.input-error:focus{box-shadow:0 0 0 3px #ff33331a}.input-helper{font-size:var(--font-size-xs);color:var(--text-muted)}.input-error-message{font-size:var(--font-size-xs);color:var(--danger-500)}.textarea{resize:vertical;min-height:120px}.input-with-icon{position:relative}.input-with-icon .input{padding-left:var(--spacing-10)}.input-icon{left:var(--spacing-3);width:18px;height:18px;color:var(--text-muted);position:absolute;top:50%;transform:translateY(-50%)}.select{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='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-3) center;padding-right:var(--spacing-10)}.checkbox-group{align-items:center;gap:var(--spacing-3);cursor:pointer;display:flex}.checkbox{appearance:none;background-color:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;width:18px;height:18px;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.checkbox:checked{background-color:var(--primary-500);border-color:var(--primary-500)}.checkbox:checked:after{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a0f1a' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-size:contain;width:10px;height:10px}.checkbox-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.toggle-group{align-items:center;gap:var(--spacing-3);cursor:pointer;display:flex}.toggle{appearance:none;background-color:var(--bg-hover);border-radius:var(--radius-full);cursor:pointer;width:44px;height:24px;transition:all var(--transition-fast);position:relative}.toggle:after{content:"";background-color:var(--text-secondary);border-radius:var(--radius-full);width:18px;height:18px;transition:all var(--transition-fast);position:absolute;top:3px;left:3px}.toggle:checked{background-color:var(--primary-500)}.toggle:checked:after{background-color:var(--dark-bg-primary);transform:translate(20px)}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-fast);overflow:hidden}.card-hover:hover{border-color:var(--border-light);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header{padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.card-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary)}.card-body{padding:var(--spacing-5)}.card-footer{padding:var(--spacing-4) var(--spacing-5);border-top:1px solid var(--border-color);background-color:var(--bg-tertiary)}.stat-card{padding:var(--spacing-5)}.stat-card-header{margin-bottom:var(--spacing-4);justify-content:space-between;align-items:center;display:flex}.stat-card-icon{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-card-icon svg{width:24px;height:24px}.stat-card-icon.primary{color:var(--primary-500);background-color:#00e68a1a}.stat-card-icon.danger{color:var(--danger-500);background-color:#ff33331a}.stat-card-icon.warning{color:var(--warning-500);background-color:#e6a6001a}.stat-card-icon.info{color:var(--info-500);background-color:#007ae61a}.stat-card-trend{align-items:center;gap:var(--spacing-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);display:flex}.stat-card-trend.up{color:var(--success-500)}.stat-card-trend.down{color:var(--danger-500)}.stat-card-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-1)}.stat-card-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.badge{align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);display:inline-flex}.badge-primary{color:var(--primary-500);background-color:#00e68a1a}.badge-danger{color:var(--danger-500);background-color:#ff33331a}.badge-warning{color:var(--warning-500);background-color:#e6a6001a}.badge-success{color:var(--success-500);background-color:#00e6701a}.badge-info{color:var(--info-500);background-color:#007ae61a}.badge-neutral{background-color:var(--bg-hover);color:var(--text-secondary)}.severity-badge{padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em}.severity-critical{background:linear-gradient(135deg, var(--danger-600), var(--danger-500));color:#fff;box-shadow:var(--shadow-glow-danger)}.severity-high{background-color:var(--danger-500);color:#fff}.severity-medium{background-color:var(--warning-500);color:var(--dark-bg-primary)}.severity-low{background-color:var(--info-500);color:#fff}.severity-info{background-color:var(--secondary-500);color:#fff}.tabs{gap:var(--spacing-1);border-bottom:1px solid var(--border-color);padding-bottom:-1px;display:flex}.tab{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer;border-bottom:2px solid #0000}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--primary-500);border-bottom-color:var(--primary-500)}.tab-content{padding:var(--spacing-4) 0}.accordion{border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.accordion-item{border-bottom:1px solid var(--border-color)}.accordion-item:last-child{border-bottom:none}.accordion-header{width:100%;padding:var(--spacing-4) var(--spacing-5);background-color:var(--bg-card);color:var(--text-primary);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.accordion-header:hover{background-color:var(--bg-hover)}.accordion-icon{width:20px;height:20px;color:var(--text-muted);transition:transform var(--transition-fast)}.accordion-item.open .accordion-icon{transform:rotate(180deg)}.accordion-content{padding:0 var(--spacing-5);max-height:0;transition:all var(--transition-normal);overflow:hidden}.accordion-item.open .accordion-content{padding:var(--spacing-4) var(--spacing-5);max-height:1000px}.table-container{border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th,.table td{padding:var(--spacing-3) var(--spacing-4);text-align:left;border-bottom:1px solid var(--border-color)}.table th{background-color:var(--bg-tertiary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.table td{font-size:var(--font-size-sm);color:var(--text-secondary)}.table tr:last-child td{border-bottom:none}.table tr:hover td{background-color:var(--bg-hover)}.progress{background-color:var(--bg-tertiary);border-radius:var(--radius-full);width:100%;height:8px;overflow:hidden}.progress-bar{background:linear-gradient(90deg, var(--primary-500), var(--primary-400));border-radius:var(--radius-full);height:100%;transition:width var(--transition-normal)}.progress-bar.danger{background:linear-gradient(90deg, var(--danger-500), var(--danger-400))}.progress-bar.warning{background:linear-gradient(90deg, var(--warning-500), var(--warning-400))}.tooltip{position:relative}.tooltip-content{padding:var(--spacing-2) var(--spacing-3);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--text-primary);white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--transition-fast);z-index:var(--z-tooltip);box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-2);position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.tooltip:hover .tooltip-content{opacity:1;visibility:visible}.spinner{border:3px solid var(--border-color);border-top-color:var(--primary-500);border-radius:var(--radius-full);width:24px;height:24px;animation:.8s linear infinite spin}.spinner-sm{border-width:2px;width:16px;height:16px}.spinner-lg{border-width:4px;width:40px;height:40px}@keyframes spin{to{transform:rotate(360deg)}}.pulse{animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.scanning{position:relative;overflow:hidden}.scanning:after{content:"";background:linear-gradient(90deg,#0000,#00e68a1a,#0000);width:100%;height:100%;animation:1.5s ease-in-out infinite scan;position:absolute;top:0;left:-100%}@keyframes scan{to{left:100%}}.empty-state{padding:var(--spacing-12);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{width:80px;height:80px;margin-bottom:var(--spacing-4);color:var(--text-muted);opacity:.5}.empty-state-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-2)}.empty-state-description{font-size:var(--font-size-sm);color:var(--text-secondary);max-width:320px}.modal-overlay{z-index:var(--z-modal);padding:var(--spacing-4);opacity:0;visibility:hidden;transition:all var(--transition-fast);background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1;visibility:visible}.modal{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:100%;max-width:560px;max-height:90vh;transition:all var(--transition-fast);overflow:hidden;transform:scale(.95)translateY(10px)}.modal-overlay.open .modal{transform:scale(1)translateY(0)}.modal-header{padding:var(--spacing-5);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.modal-close{border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-muted);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.modal-close:hover{background-color:var(--bg-hover);color:var(--text-primary)}.modal-body{padding:var(--spacing-5);max-height:calc(90vh - 140px);overflow-y:auto}.modal-footer{padding:var(--spacing-4) var(--spacing-5);border-top:1px solid var(--border-color);background-color:var(--bg-tertiary);justify-content:flex-end;align-items:center;gap:var(--spacing-3);display:flex}.toast-container{bottom:var(--spacing-6);right:var(--spacing-6);z-index:var(--z-toast);gap:var(--spacing-3);flex-direction:column;display:flex;position:fixed}.toast{align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);min-width:320px;max-width:420px;animation:.3s slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-icon{flex-shrink:0;width:24px;height:24px}.toast-success .toast-icon{color:var(--success-500)}.toast-error .toast-icon{color:var(--danger-500)}.toast-warning .toast-icon{color:var(--warning-500)}.toast-info .toast-icon{color:var(--info-500)}.toast-content{flex:1}.toast-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-1)}.toast-message{font-size:var(--font-size-sm);color:var(--text-secondary)}.toast-close{width:20px;height:20px;color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast)}.toast-close:hover{color:var(--text-primary)}.dropdown{position:relative}.dropdown-menu{margin-top:var(--spacing-2);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);min-width:200px;box-shadow:var(--shadow-xl);z-index:var(--z-dropdown);opacity:0;visibility:hidden;transition:all var(--transition-fast);position:absolute;top:100%;right:0;transform:translateY(-10px)}.dropdown.open .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);display:flex}.dropdown-item:first-child{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.dropdown-item:last-child{border-radius:0 0 var(--radius-lg) var(--radius-lg)}.dropdown-item:hover{background-color:var(--bg-hover);color:var(--text-primary)}.dropdown-divider{background-color:var(--border-color);height:1px;margin:var(--spacing-2) 0}