:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;overflow-x:hidden;overflow-y:auto}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--hack: #00e2a6;--hack-soft: #7afcd0;--panel: #0b0f10;--panel2: #0a0a0a;--accent: #0b94b9;--font: "VT323", monospace}html,body,#root{height:100%;margin:0;background:#000}body{color:var(--hack);font-family:var(--font)}.login-viewport{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:1100;opacity:0;transition:opacity .6s ease;pointer-events:none}.login-viewport.is-visible{opacity:1;pointer-events:auto}.login-title.glitch{position:fixed;top:8vh;left:50%;transform:translate(-50%);margin:0;color:var(--hack);text-shadow:0 0 10px rgba(0,226,166,.55);letter-spacing:.06em;font-size:clamp(2.2rem,3.5vw,3.5rem);pointer-events:none;opacity:0;filter:blur(6px)}.login-viewport.is-visible .login-title.glitch{animation:titleIn .7s cubic-bezier(.2,.8,.2,1) forwards}@keyframes titleIn{0%{opacity:0;transform:translate(-50%,-6px);filter:blur(6px)}60%{opacity:1;transform:translate(-50%);filter:blur(0)}to{opacity:1;transform:translate(-50%);filter:blur(0)}}.login-card{width:420px;max-width:calc(100vw - 32px);background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid rgba(0,226,166,.35);border-radius:14px;padding:1.2rem 1.2rem 1.3rem;box-shadow:0 0 18px #00e2a640;display:flex;flex-direction:column;gap:.75rem;opacity:0;transform:translateY(8px) scale(.98);filter:blur(10px)}.login-viewport.is-visible .login-card{animation:cardIn .65s .12s cubic-bezier(.2,.8,.2,1) forwards}@keyframes cardIn{0%{opacity:0;transform:translateY(8px) scale(.98);filter:blur(10px)}70%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.login-subtitle{margin:0 0 .5rem;color:var(--hack);text-align:center;text-shadow:0 0 6px rgba(0,226,166,.35);font-size:1.25rem}.login-card input{width:100%;background:#0f1315;border:1px solid rgba(0,226,166,.7);border-radius:8px;color:var(--hack);padding:.9rem;font-size:1.05rem;outline:none;box-sizing:border-box}.login-card input::placeholder{color:#7aa3a3}.login-card button{width:100%;background:var(--accent);color:#fff;border:1px solid var(--accent);border-radius:10px;padding:.85rem 1rem;font-size:1.05rem;cursor:pointer;opacity:1;transition:none;box-shadow:none}.login-card button:hover,.login-card button:focus{background:var(--accent);color:#fff;opacity:1;outline:none}.login-error{color:#ff6b6b;margin:.25rem 0 0;text-align:center}.eyes-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1050;opacity:0;transition:opacity .5s ease}.eyes-layer.active{opacity:1}.shadow-eye{position:absolute;height:42px;width:auto;opacity:0;transition:opacity .28s ease,transform .28s ease;pointer-events:none;image-rendering:auto;filter:none;will-change:transform,opacity}.shadow-eye.in{opacity:.85}@media (max-width: 520px){.login-title.glitch{top:5vh;font-size:2rem}.login-card{width:92vw;padding:1rem}}.hacky-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;pointer-events:none}.hack-win{position:absolute;width:300px;background:#0a0a0a;border:1px solid rgba(0,226,166,.7);border-radius:10px;box-shadow:0 0 12px #00e2a647;color:#8dfae1;font-family:VT323,monospace;overflow:hidden;opacity:0;transform:scale(.82);animation:win-pop .26s cubic-bezier(.3,1.2,.3,1) forwards}@keyframes win-pop{0%{opacity:0;transform:scale(.82) translateY(8px)}60%{opacity:1;transform:scale(1.04) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}.hack-win__header{display:flex;align-items:center;justify-content:space-between;background:#032420;border-bottom:1px solid rgba(0,226,166,.55);padding:.45rem .7rem}.hack-win__title{color:#5df5cf}.hack-win__dots{display:inline-flex;gap:6px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;opacity:1}.dot--red{background:#c34a4a;border:1px solid #7a2a2a}.dot--yellow{background:#d4b04a;border:1px solid #7f6a2a}.dot--green{background:#3dd683;border:1px solid #247a50}.hack-win__body{padding:.6rem .8rem .75rem}.hack-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prompt{color:#5df5cf}.cursor{display:inline-block;width:10px;margin-left:2px;animation:blink .9s steps(1) infinite}@keyframes blink{0%,49%{visibility:visible}50%,to{visibility:hidden}}.agents-outer{position:relative;height:100vh;width:100vw;background:#000;font-family:VT323,monospace;color:#0ff;z-index:1;display:flex;justify-content:center;align-items:stretch;overflow:hidden;padding:2rem}.agents-inner{position:relative;z-index:2;display:flex;flex-direction:column;height:100%;min-height:0;width:100%;max-width:1200px;margin:0 auto;background-color:#000000d9;border-radius:12px;box-shadow:0 0 12px #0ff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1rem 1.25rem;overflow-y:auto}.agents-header{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;margin-bottom:1rem;background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-bottom:1px solid rgba(0,255,255,.25)}.agents-title{font-size:1.5rem;text-shadow:0 0 10px cyan;margin:0;letter-spacing:.03em}.agents-header-actions{display:flex;gap:.5rem}.agents-filters{display:grid;grid-template-columns:1fr 220px 220px auto;gap:.5rem;align-items:center;margin-bottom:.75rem}@media (max-width: 900px){.agents-filters{grid-template-columns:1fr}}.agents-filter-input,.agents-filter-select{background:#00000080;color:#0ff;border:1px solid rgba(0,255,255,.35);border-radius:6px;padding:.55rem .7rem;font-family:inherit;font-size:1rem;outline:none}.agents-filters-actions{display:flex;gap:.5rem;justify-content:flex-end}.agents-scroll{flex:1 1 auto;min-height:0;padding:.5rem 0 1.5rem}.agents-grid{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:1rem}@media (max-width: 1200px){.agents-grid{grid-template-columns:repeat(2,minmax(260px,1fr))}}@media (max-width: 720px){.agents-grid{grid-template-columns:1fr}}.agent-card{background:#00000080;border:1px solid rgba(0,255,255,.2);border-radius:10px;padding:1rem;min-height:180px;display:flex;flex-direction:column;justify-content:space-between}.agent-card p{margin:.4rem 0;font-size:1rem;color:#44faff}.agent-actions{display:flex;gap:.5rem;margin-top:.75rem}.back-button,.add-button,.edit-button,.delete-button{background-color:#00ffff14;border:1px solid #00ffff50;color:#0ff;padding:.5rem 1rem;font-size:1rem;border-radius:6px;cursor:pointer}.back-button:hover,.add-button:hover,.edit-button:hover,.delete-button:hover{background-color:#0ff3;box-shadow:0 0 8px #0ff;color:#fff}.agents-inner button,.agents-modal button{animation:none!important;transition:none!important;transform:none!important;box-shadow:none!important;opacity:1!important}.agents-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:999}.agents-modal{width:min(720px,92vw);background:#000000e6;border:1px solid rgba(0,255,255,.35);border-radius:12px;box-shadow:0 0 12px #0ff5;padding:1rem 1.25rem;color:#0ff;font-family:VT323,monospace}.agents-error{color:#ff9f9f}.agent-form-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:1rem;margin:.5rem 0 .75rem}@media (max-width: 720px){.agent-form-grid{grid-template-columns:1fr}}.agent-field{display:flex;flex-direction:column;gap:.35rem}.agent-field span{color:#9ff;letter-spacing:.02em}.agent-field input,.agent-field select{background:#00000080;color:#0ff;border:1px solid rgba(0,255,255,.35);border-radius:6px;padding:.55rem .7rem;font-family:inherit}.agent-form-actions{display:flex;gap:.5rem;margin-top:.25rem}.agents-loading,.agents-error,.agents-empty{padding:1rem;color:#9ff}.agents-outer canvas{pointer-events:none}
