:root{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-tertiary: #21262d;--bg-canvas: #010409;--border-primary: #30363d;--border-secondary: #21262d;--text-primary: #e6edf3;--text-secondary: #7d8590;--text-muted: #656d76;--accent-primary: #6b5b95;--accent-hover: #7c6ba0;--accent-light: #8e7cac;--success: #238636;--success-hover: #2ea043;--warning: #f59e0b;--danger: #da3633;--danger-hover: #b91c1c;--normal-user: #58a6ff;--greedy-user: #d29922;--attacker-user: #f85149;--gradient-primary: linear-gradient(135deg, var(--accent-primary), var(--accent-light));--gradient-secondary: linear-gradient(135deg, var(--bg-secondary), var(--bg-tertiary))}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif;margin:0;padding:0;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5}.container{max-width:1400px;margin:0 auto;padding:20px}header{text-align:left;margin-bottom:32px;padding:32px;border-bottom:1px solid var(--border-primary);background-color:var(--bg-secondary);border-radius:4px;position:relative}header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-primary);border-radius:4px 4px 0 0}header h1{color:var(--text-primary);margin:0 0 8px;font-size:32px;font-weight:700;letter-spacing:-.5px}header h1:first-letter{color:var(--accent-primary)}header p{color:var(--text-secondary);margin:0;font-size:18px;font-weight:400}.settings-section,.users-section,.detection-section{margin-bottom:24px;padding:24px;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:4px;width:100%}.settings-section h3,.users-section h3,.detection-section h3{margin:0 0 16px;color:var(--text-primary);font-size:18px;font-weight:600;padding-bottom:8px;border-bottom:2px solid var(--accent-primary)}.section-content{display:flex;flex-direction:column;gap:12px}.user-config h4,.user-config h5{margin:0 0 16px;color:var(--text-primary);font-size:16px;font-weight:600}.method-description{color:var(--text-secondary);font-size:14px;font-style:italic;line-height:1.4;padding:8px 12px;background-color:var(--bg-canvas);border-radius:2px;border-left:3px solid var(--accent-primary)}.user-description{color:var(--text-secondary);font-size:14px;font-style:italic;line-height:1.4;padding:8px 12px;background-color:var(--bg-canvas);border-radius:2px;border-left:3px solid var(--accent-primary);margin-top:10px}.method-params{display:flex;gap:16px;flex-wrap:wrap;margin:8px 0;padding:12px;background-color:var(--bg-tertiary);border-radius:2px;border:1px solid var(--border-primary)}.add-user-form{display:flex;gap:16px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.user-list ul,.active-users ul{list-style:none;padding:0;margin:0 0 16px}.user-list li,.active-users li{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-secondary);font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:14px}.active-users{margin-top:20px;padding-top:16px;border-top:1px solid var(--border-primary)}.active-users h5{margin:0 0 16px;color:var(--text-primary);font-size:16px;font-weight:600}label{display:flex;align-items:center;gap:8px;color:var(--text-primary);font-size:14px;font-weight:500}input[type=number],select{padding:10px 14px;background-color:var(--bg-canvas);border:2px solid var(--border-primary);border-radius:2px;color:var(--text-primary);font-size:14px;font-weight:500;transition:all .2s ease}input[type=number]:focus,select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #8b5cf633}input[type=number]:hover,select:hover{border-color:var(--border-secondary)}button{padding:10px 18px;border:none;border-radius:2px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;position:relative;overflow:hidden}button:disabled{opacity:.5;cursor:not-allowed}button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.buttons{display:flex;gap:14px;flex-wrap:wrap}#startBtn{background-color:var(--success);color:#fff;border:2px solid var(--success)}#startBtn:hover:not(:disabled){background-color:var(--success-hover);border-color:var(--success-hover)}#stopBtn{background-color:var(--danger);color:#fff;border:2px solid var(--danger)}#stopBtn:hover:not(:disabled){background-color:var(--danger-hover);border-color:var(--danger-hover)}#resetBtn,#clearUsersBtn{background-color:var(--bg-tertiary);color:var(--text-primary);border:2px solid var(--border-primary)}#resetBtn:hover:not(:disabled),#clearUsersBtn:hover:not(:disabled){background-color:var(--bg-secondary);border-color:var(--border-secondary)}#stepBtn{background-color:var(--accent-primary);color:#fff;border:2px solid var(--accent-primary)}#stepBtn:hover:not(:disabled){background-color:var(--accent-hover);border-color:var(--accent-hover)}#addUsersBtn{background-color:var(--success);color:#fff;border:2px solid var(--success)}#addUsersBtn:hover:not(:disabled){background-color:var(--success-hover);border-color:var(--success-hover)}.user-list button{padding:4px 8px;background-color:var(--danger);color:#fff;font-size:12px}.user-list button:hover{background-color:#da3633}.tooltip-icon{margin-left:4px;cursor:help;font-size:14px;opacity:.7;transition:opacity .2s ease}.tooltip-icon:hover{opacity:1}.stats-controls{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding:24px;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:4px;width:100%}.stats{display:flex;gap:32px;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace}.stats div{font-weight:600;color:var(--text-primary)}.visualization{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:4px;overflow:hidden;width:100%}.tabs{background-color:var(--bg-secondary)}.tab-buttons{display:flex;border-bottom:1px solid var(--border-primary);background-color:var(--bg-tertiary)}.tab-button{padding:12px 20px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.tab-button:hover{color:var(--text-primary);background-color:var(--bg-secondary)}.tab-button.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary);background-color:var(--bg-secondary)}.tab-content{min-height:500px;padding:24px}.tab-panel{display:none}.tab-panel.active{display:block}.tab-panel h3{margin:0 0 20px;color:var(--text-primary);font-size:20px;font-weight:600}#futexTable{width:100%;border-collapse:collapse;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:14px}#futexTable th,#futexTable td{border:1px solid var(--border-primary);padding:12px;text-align:left}#futexTable th{background-color:var(--bg-tertiary);font-weight:600;color:var(--text-primary);position:sticky;top:0}#futexTable td{background-color:var(--bg-secondary);color:var(--text-primary)}#futexTable tr:hover td{background-color:var(--bg-tertiary)}#userStatsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.user-card{border:1px solid var(--border-primary);border-radius:2px;padding:16px;background-color:var(--bg-tertiary);transition:border-color .2s ease}.user-card:hover{border-color:var(--border-secondary)}.user-name{font-weight:600;font-size:16px;color:var(--text-primary);margin-bottom:4px;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace}.user-type{font-size:14px;color:var(--text-secondary);margin-bottom:12px;font-style:italic}.user-stat{font-size:14px;margin:4px 0;color:var(--text-primary);font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace}.attacker-dot{margin-left:8px;font-size:12px}#chart-legend{margin-top:16px;display:flex;gap:24px;justify-content:center;padding:16px;background-color:var(--bg-tertiary);border-radius:2px;font-size:14px;font-weight:500}#chart-legend>div{display:flex;align-items:center;gap:8px;color:var(--text-primary)}#chart-legend>div>div{border-radius:2px}.detection-content{display:flex;flex-direction:column;gap:32px}.detection-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.metric-card{background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:2px;padding:20px;text-align:center;transition:border-color .2s ease}.metric-card:hover{border-color:var(--accent-primary)}.metric-card h4{margin:0 0 12px;color:var(--text-secondary);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.metric-value{font-size:32px;font-weight:700;color:var(--text-primary);font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace}.confusion-matrix-container{background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:2px;padding:24px}.confusion-matrix-container h4{margin:0 0 20px;color:var(--text-primary);font-size:18px;font-weight:600}@media(max-width:768px){.container{padding:16px}.basic-config,.classification-config,.add-user-form,.buttons,.stats{flex-direction:column;align-items:stretch}.tab-buttons{flex-wrap:wrap}#userStatsGrid{grid-template-columns:1fr}}