:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0e0e0e;color:#eee;--bg-body: #0a0a0a;--bg-card: #141414;--border-dim: #2a2a2a;--text-main: #e0e0e0;--text-dim: #888888;--cyan: #00f2ff;--red-remove: #ff4d4d}body{margin:0;min-height:100vh;display:block}*{box-sizing:border-box}:root{--bg: #000000;--card: #121212;--yellow: #F0B010;--cyan: #40C0C0;--white: #B4DEDE;--orange: #B04000}body{background:var(--bg);color:var(--white);font-family:Poppins,sans-serif;margin:0;display:flex;justify-content:center;align-items:center;min-height:100vh}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;margin:0 auto}.container img{display:block;margin:0 auto}.card{background:var(--card);border:1px solid var(--yellow);padding:40px;border-radius:16px;width:350px;box-shadow:0 10px 30px #000c;text-align:center}input{width:100%;background:var(--bg);border:1px solid var(--cyan);color:var(--white);padding:12px;margin:10px 0;border-radius:30px;box-sizing:border-box;outline:none}button{width:100%;background:var(--orange);color:#fff;border:none;padding:14px;border-radius:30px;font-weight:700;cursor:pointer;letter-spacing:1px;margin-top:15px;transition:.3s}button:hover:not(:disabled){background:var(--cyan);color:var(--bg);box-shadow:0 0 15px var(--cyan)}button:disabled{background:gray!important;color:#eee;cursor:not-allowed;box-shadow:none}.password-criteria{text-align:left;font-size:.7rem;margin-top:10px}.valid{color:var(--cyan)}.invalid{color:#555}.param-container{display:grid;grid-template-columns:90px 1fr 55px;align-items:center;gap:12px;background:#ffffff05;padding:8px 12px;border:1px solid #222;border-radius:4px;margin-bottom:4px}.param-label{color:var(--text-dim);font-size:.75rem;text-align:right;text-transform:uppercase}.param-slider{width:100%;height:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#333;outline:none}.param-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:var(--cyan);border-radius:50%;cursor:pointer;transition:transform .1s ease-in-out}.param-slider::-webkit-slider-thumb:hover{transform:scale(1.3);box-shadow:0 0 10px var(--cyan)}.param-input{width:100%;background:#000;border:1px solid #333;color:var(--cyan);text-align:center;font-size:.8rem;border-radius:2px;padding:2px 0}.process-card{background:var(--bg-card);border:1px solid var(--border-dim);border-radius:4px;margin-bottom:12px;padding:16px}.bypassed{opacity:.3;filter:grayscale(1)}.status-led{width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--cyan);box-shadow:0 0 8px var(--cyan);margin-right:10px}.bypassed .status-led{background:#333;box-shadow:none}.card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #222;padding-bottom:10px;margin-bottom:15px}.process-name{color:var(--cyan);font-weight:700;text-transform:uppercase;letter-spacing:1px}.card-controls{display:flex;gap:6px}.ctrl-btn{background:#222;border:1px solid #444;color:var(--text-main);padding:4px 10px;cursor:pointer;font-size:11px;border-radius:2px}.ctrl-btn:hover{border-color:var(--cyan)}.remove-btn:hover{background:var(--red-remove);border-color:var(--red-remove)}.params-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
