@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-deep: #06080a;--bg-surface: #0b0f14;--bg-card: #121820;--bg-card-hover: #18202b;--border-dim: #1f2a38;--border-bright: #3b5066;--text-primary: #eaecef;--text-secondary: #848e9c;--text-dim: #475266;--color-green: #0ecb81;--color-green-glow: rgba(14, 203, 129, .15);--color-red: #f6465d;--color-red-glow: rgba(246, 70, 93, .15);--color-yellow: #f0b90b;--color-yellow-glow: rgba(240, 185, 11, .15);--color-blue: #2b6cb0;--color-blue-glow: rgba(43, 108, 176, .15);--color-purple: #a78bfa;--color-glow-green-text: 0 0 10px rgba(14, 203, 129, .5);--color-glow-red-text: 0 0 10px rgba(246, 70, 93, .5);--color-glow-yellow-text: 0 0 10px rgba(240, 185, 11, .5);--font-main: "Outfit", sans-serif;--font-mono: "Fira Code", monospace;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .5);--shadow-md: 0 4px 20px rgba(0, 0, 0, .7);--shadow-glow: 0 0 30px rgba(14, 203, 129, .05);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--transition-fast: .15s ease;--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--sidebar-width: 260px;--status-bar-height: 40px;--density-gap: 1.5rem;--density-pad: 1.5rem}:root[data-density=compact]{--density-gap: 1rem;--density-pad: 1rem}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-deep);color:var(--text-primary);font-family:var(--font-main);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}code,pre,.mono{font-family:var(--font-mono)}button,input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}@keyframes toast-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.spin-animation{animation:spin 1.5s linear infinite}.pulse-animation{animation:pulse 2s infinite ease-in-out}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--border-dim);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--border-bright)}.app-shell{display:flex;min-height:100vh;background:var(--bg-main, var(--bg-deep))}.app-main-column{flex:1;min-width:0;display:flex;flex-direction:column;min-height:100vh}.app-main{flex:1;padding:var(--density-pad);overflow:auto}.card{background:var(--bg-card);border:1px solid var(--border-dim);border-radius:var(--radius-lg);padding:var(--density-pad);box-shadow:var(--shadow-sm);transition:border-color var(--transition-normal),background-color var(--transition-normal)}.card:hover{border-color:var(--border-bright);background:var(--bg-card-hover)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;border-bottom:1px solid var(--border-dim);padding-bottom:.75rem;gap:.75rem;flex-wrap:wrap}.card-title{font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.5rem}.green-text{color:var(--color-green)}.red-text{color:var(--color-red)}.yellow-text{color:var(--color-yellow)}.dim-text{color:var(--text-secondary)}.green-bg{background-color:var(--color-green-glow);color:var(--color-green)}.red-bg{background-color:var(--color-red-glow);color:var(--color-red)}.yellow-bg{background-color:var(--color-yellow-glow);color:var(--color-yellow)}.blue-bg{background-color:var(--color-blue-glow);color:#63b3ed}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.2rem;border-radius:var(--radius-md);font-family:var(--font-main);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;background:transparent;color:var(--text-primary)}.btn:focus-visible{outline:2px solid var(--color-green);outline-offset:2px}.btn-primary{background:var(--color-green);color:var(--bg-deep)}.btn-primary:hover:not(:disabled){opacity:.9;box-shadow:0 0 15px #0ecb8166}.btn-primary:disabled{background:var(--text-dim);color:var(--text-secondary);cursor:not-allowed}.btn-secondary{background:transparent;border:1px solid var(--border-dim);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){border-color:var(--border-bright);background:var(--bg-card)}.btn-danger{background:var(--color-red);color:var(--text-primary)}.btn-danger:hover:not(:disabled){opacity:.9;box-shadow:0 0 15px #f6465d66}.btn-ghost{background:transparent;border:none;color:var(--text-secondary);padding:.4rem .6rem}.btn-ghost:hover:not(:disabled){color:var(--text-primary);background:#ffffff0a}.input{background:var(--bg-surface);border:1px solid var(--border-dim);color:var(--text-primary);padding:.6rem .8rem;border-radius:var(--radius-md);font-family:var(--font-main);font-size:.9rem;width:100%;transition:border-color var(--transition-fast)}.input:focus{outline:none;border-color:var(--border-bright)}.input:focus-visible{border-color:var(--color-green);box-shadow:0 0 0 1px #0ecb8140}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.85rem;color:var(--text-secondary);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.03em}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--density-gap)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--density-gap)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.status-bar{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;min-height:var(--status-bar-height);padding:.45rem 1.25rem;background:var(--bg-surface);border-bottom:1px solid var(--border-dim);font-size:.75rem;color:var(--text-secondary);font-family:var(--font-mono)}.status-bar-item{display:inline-flex;align-items:center;gap:.35rem}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--text-dim);flex-shrink:0}.status-dot.ok{background:var(--color-green);box-shadow:0 0 6px var(--color-green)}.status-dot.warn{background:var(--color-yellow);box-shadow:0 0 6px var(--color-yellow)}.status-dot.err{background:var(--color-red);box-shadow:0 0 6px var(--color-red)}.status-bar-spacer{flex:1}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.page-title{font-size:1.25rem;font-weight:700;letter-spacing:.04em;display:flex;align-items:center;gap:.5rem;margin:0}.page-subtitle{font-size:.8rem;color:var(--text-secondary);margin-top:.25rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem 1rem;text-align:center;color:var(--text-secondary);font-size:.85rem}.empty-state strong{color:var(--text-primary);font-size:.95rem}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-card-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.2s ease-in-out infinite;border-radius:var(--radius-sm);min-height:1rem}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.toast-viewport{position:fixed;top:1rem;right:1rem;z-index:10000;display:flex;flex-direction:column;gap:.5rem;max-width:min(400px,calc(100vw - 2rem));pointer-events:none}.toast-card{pointer-events:auto;display:flex;align-items:flex-start;gap:.65rem;padding:.85rem 1rem;background:var(--bg-card);border:1px solid var(--border-dim);border-radius:var(--radius-md);box-shadow:var(--shadow-md);animation:toast-in .2s ease}.toast-success{border-left:3px solid var(--color-green)}.toast-error{border-left:3px solid var(--color-red)}.toast-warning{border-left:3px solid var(--color-yellow)}.toast-info{border-left:3px solid #63b3ed}.toast-icon{flex-shrink:0;margin-top:2px}.toast-success .toast-icon{color:var(--color-green)}.toast-error .toast-icon{color:var(--color-red)}.toast-warning .toast-icon{color:var(--color-yellow)}.toast-info .toast-icon{color:#63b3ed}.toast-body{flex:1;min-width:0}.toast-title{font-size:.85rem;font-weight:600;color:var(--text-primary)}.toast-desc{font-size:.75rem;color:var(--text-secondary);margin-top:.15rem;word-break:break-word}.toast-close{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:.15rem;border-radius:var(--radius-sm);display:flex}.toast-close:hover{color:var(--text-primary);background:#ffffff0d}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000a6;display:flex;align-items:center;justify-content:center;padding:1.5rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-card{width:100%;max-width:420px;background:var(--bg-card);border:1px solid var(--border-dim);border-radius:var(--radius-lg);padding:1.25rem 1.35rem;box-shadow:var(--shadow-md)}.modal-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.modal-header h3{font-size:1rem;font-weight:700;margin:0}.modal-message{font-size:.85rem;color:var(--text-secondary);line-height:1.5;margin-bottom:1.25rem;white-space:pre-wrap}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem}.sidebar{width:var(--sidebar-width);background:var(--bg-surface);border-right:1px solid var(--border-dim);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;flex-shrink:0;z-index:40}.sidebar-header{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1rem 1rem;flex-shrink:0}.sidebar-nav{flex:1;overflow-y:auto;padding:0 .75rem .75rem;display:flex;flex-direction:column;gap:1rem;min-height:0}.nav-group-label{font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);padding:0 .65rem .35rem;font-family:var(--font-mono)}.nav-btn{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;border-radius:var(--radius-md);background:transparent;border:1px solid transparent;text-align:left;width:100%;cursor:pointer;position:relative;transition:all var(--transition-fast);color:var(--text-secondary);font-size:.88rem;font-weight:500;margin-bottom:.2rem}.nav-btn:hover{background:#ffffff08;color:var(--text-primary)}.nav-btn.active{background:#0ecb810d;border-color:#0ecb8126;color:var(--text-primary);font-weight:600}.nav-btn.active:before{content:"";position:absolute;left:0;top:25%;height:50%;width:3px;background:var(--color-green);border-radius:0 2px 2px 0;box-shadow:0 0 8px var(--color-green)}.sidebar-footer{flex-shrink:0;padding:.75rem;border-top:1px solid var(--border-dim);display:flex;flex-direction:column;gap:.65rem}.risk-panel{background:var(--bg-card);border:1px solid var(--border-dim);border-radius:var(--radius-lg);padding:.85rem}.risk-panel-title{display:flex;align-items:center;gap:.4rem;font-size:.7rem;font-weight:600;color:var(--text-secondary);margin-bottom:.55rem;letter-spacing:.05em}.risk-row{display:flex;justify-content:space-between;font-size:.78rem;margin-bottom:.3rem}.risk-progress{width:100%;height:4px;background:var(--bg-surface);border-radius:2px;margin-top:.5rem;overflow:hidden}.risk-progress-bar{height:100%;transition:width var(--transition-normal)}.risk-warning{margin-top:.55rem;background:#f6465d1a;border:1px solid rgba(246,70,93,.3);color:var(--color-red);font-size:.68rem;padding:.35rem;border-radius:var(--radius-sm);font-weight:600;text-align:center;animation:pulse 2s infinite}.user-box{display:flex;align-items:center;justify-content:space-between;background:#00000026;border:1px solid var(--border-dim);padding:.55rem .75rem;border-radius:var(--radius-md);gap:.5rem}.user-box .logout-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.35rem;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.user-box .logout-btn:hover{color:var(--color-red);background:#f6465d14}.mobile-menu-btn{display:none;background:var(--bg-card);border:1px solid var(--border-dim);color:var(--text-primary);border-radius:var(--radius-md);padding:.4rem .55rem;cursor:pointer;align-items:center;justify-content:center}.sidebar-backdrop{display:none}.data-table{width:100%;border-collapse:collapse;font-size:.85rem}.data-table th{text-align:left;padding:.5rem;border-bottom:1px solid var(--border-dim);color:var(--text-secondary);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;position:sticky;top:0;background:var(--bg-card);z-index:1}.data-table td{padding:.55rem .5rem;border-bottom:1px solid var(--border-dim);vertical-align:middle}.data-table tr:hover td{background:#ffffff05}.badge{display:inline-flex;align-items:center;font-size:.65rem;padding:2px 6px;border-radius:4px;font-weight:600;letter-spacing:.03em}.badge-green{background:#0ecb8126;color:var(--color-green)}.badge-red{background:#f6465d26;color:var(--color-red)}.badge-yellow{background:#f0b90b26;color:var(--color-yellow)}.badge-muted{background:#ffffff0f;color:var(--text-secondary)}.loading-shell{display:flex;width:100vw;height:100vh;background:var(--bg-deep);align-items:center;justify-content:center;padding:1.5rem}.loading-card{width:100%;max-width:520px;background:var(--bg-card);border:1px solid var(--border-dim);border-radius:var(--radius-lg);box-shadow:var(--shadow-glow);overflow:hidden}.terminal-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#0003;border-bottom:1px solid var(--border-dim)}.terminal-title{font-size:.7rem;font-weight:700;letter-spacing:.1em;color:var(--text-secondary);font-family:var(--font-mono)}.error-boundary{padding:2rem;text-align:center}@media(max-width:1024px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.mobile-menu-btn{display:inline-flex}.sidebar{position:fixed;left:0;top:0;transform:translate(-100%);transition:transform .25s ease;box-shadow:none}.sidebar.open{transform:translate(0);box-shadow:8px 0 30px #00000080}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:35}}@media(max-width:640px){.app-main{padding:1rem}.status-bar{padding:.4rem .75rem;gap:.65rem}}