@import"https://fonts.googleapis.com/css2?family=Unbounded:wght@200..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inconsolata:wght@200..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Unbounded:wght@200..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Unbounded:wght@200..900&display=swap";body{margin:0;font-family:Inter,sans-serif;background:#000;color:#fff}.page{padding-left:256px;padding-right:256px}.navbar{margin-left:256px;margin-right:256px;display:flex;justify-content:center;align-items:center;padding:16px 0;animation:appear .7s ease forwards}@keyframes appear{0%{opacity:0;transform:translateY(-80px);filter:blur(25px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.nav-items{position:relative;display:flex;gap:24px;margin-left:40px}.nav-items{justify-content:center;display:flex;position:relative;flex:1;margin-left:20px}.nav-items>*{margin-right:20px;cursor:pointer;position:relative}.indicator{border-radius:2px;transition:all 1s ease}.instances-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:32px}.instance-card{position:relative;background-color:#0e0e0e;border-radius:10px;padding:16px;overflow:hidden;animation:appear .7s ease forwards}.instance-card-glow{position:absolute;width:150px;height:150px;border-radius:100%;filter:blur(60px);top:-64px;left:-64px;pointer-events:none;opacity:.2}.instance-card-glow.status-0{background-color:#f87171}.instance-card-glow.status-1{background-color:#4ade80}.instance-card-glow.status-2{background-color:#d1d5db;opacity:.1}.instance-status-header{margin-bottom:20px}.instance-status-line{display:flex;align-items:center;gap:8px;margin-bottom:4px;font-size:16px;font-weight:500}.status-dot{width:8px;height:8px;border-radius:100%}.status-dot.status-0{background-color:#f87171}.status-dot.status-1{background-color:#4ade80}.status-dot.status-2{background-color:#d1d5db}.status-text.status-0{color:#f87171}.status-text.status-1{color:#4ade80}.status-text.status-2{color:#d1d5db}.instance-username{color:#c4c5c4;font-size:16px}.instance-stats{margin-bottom:24px;display:flex;flex-direction:column;gap:8px}.stat-line{font-size:16px;display:flex;justify-content:space-between;align-items:center;color:#c4c5c4}.stat-line .value{color:#fff;font-weight:500}.instance-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.instance-action-btn{background-color:#1c1c1c;border:none;border-radius:10px;padding:12px 16px;cursor:pointer;transition:background-color .15s ease;display:flex;align-items:center;justify-content:center;color:#c4c5c4}.instance-action-btn:hover{background-color:#ffffff14}.instance-action-btn svg{width:20px;height:20px}.brand{font-family:Unbounded,sans-serif;display:flex;align-items:center;gap:12px}.logo{width:25px;height:25px}.text{display:flex;flex-direction:column}.title{font-size:16px;font-weight:600;margin:0}.subtitle{font-weight:300;font-size:14px;margin:0}.page-title{opacity:0;transform:translateY(50px);filter:blur(25px);transition:all .7s ease}.page-title.visible{opacity:1;filter:blur(0);transform:translateY(0)}.page-title h1{font-size:30px;font-family:Unbounded,sans-serif}.page-title p{color:#ececec;opacity:.7;margin-top:-20px;font-size:14px}.nav-item,.page-title,.user-badge{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.login-page{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;color:#fff}.login-form{display:flex;flex-direction:column;gap:10px;padding:30px;border-radius:8px;width:300px}.login-form input{font-size:14px;padding:10px;border:none;border-radius:10px}.login-button,.generate-button{font-size:14px;padding:10px;color:#fff;background:#191919;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease}.login-button:hover,.generate-button:hover{transform:scale(.97)}.login-button:active,.generate-button:active{transform:scale(.9)}.generate-button{font-size:14px;padding:10px;color:#fff;background:#000;border:1px solid #555;border-radius:10px;cursor:pointer}.divider{display:flex;align-items:center;text-align:center;margin:12px 0;color:#ccc;font-size:12px;font-weight:500}.divider span{padding:0 10px;background:#000;z-index:1}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#555}.logout-button{font-size:16px;text-decoration:underline;padding:10px 16px;color:#fff;background:transparent;border:none;border-radius:10px;cursor:pointer}.login-title{font-family:Unbounded,sans-serif;font-size:25px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:30px}.login-title h2{margin:0;padding:0}.login-page{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background:#000;color:#fff;opacity:1;transition:all .7s ease}.fade-in{opacity:1;filter:blur(0);transition:all .4s ease}.fade-out{opacity:0;filter:blur(25px);transition:all .4s ease}.error-icon{width:14px;height:14px}.login-error p{margin:0}.login-error{display:flex;align-items:center;gap:6px;color:#ff6262;margin-top:-10px;margin-bottom:-10px;font-size:14px;background-color:#4d1d1d;border-radius:10px;padding:8px;opacity:0;transform:translateY(-10px);transition:all .5s ease}.login-error.fade-in{opacity:1;filter:blur(0);transform:translateY(0)}.login-error.fade-out{opacity:0;filter:blur(15px);transform:translateY(20px)}.loading-overlay{position:absolute;inset:0;background:#000;display:flex;align-items:center;justify-content:center;flex-direction:column;opacity:1;transition:opacity .5s ease;z-index:1000;color:#fff;font-family:Inter,sans-serif;pointer-events:all;animation:appear .7s ease forwards}.page>.loading-overlay[hidden]{opacity:0;pointer-events:none}.progress-bar{width:200px;height:6px;background:#222;border-radius:3px;overflow:hidden;margin-top:16px;position:relative}.progress{width:50%;height:100%;background:#fff;position:absolute;left:-50%;animation:slide 1s linear infinite}@keyframes slide{0%{left:-50%}to{left:100%}}.modal-backdrop{position:fixed;inset:0;background:#0000;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:backdropFadeIn .3s forwards}.modal-backdrop.closing{animation:backdropFadeOut .3s forwards}.modal{background:#00000080;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);padding:16px;border-radius:10px;max-width:400px;width:90%;text-align:center;border:1px solid #353535;opacity:0;transform:translateY(-20px);animation:modalFadeIn .7s forwards}.modal.closing{animation:modalFadeOut .7s forwards}.modal h3{margin-bottom:4px}.modal span{font-size:14px;color:#ececec;opacity:.7;margin-bottom:16px}.modal p{font-family:Inconsolata;padding:8px;font-weight:400;max-width:300px;background:#191919b3;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:10px;margin:16px auto}.modal-key{word-break:break-all;font-weight:700;font-size:1.1rem;margin-bottom:20px}.modal-button{font-size:14px;padding:10px 32px;color:#fff;background:#191919b3;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:none;border-radius:10px;cursor:pointer;transition:all .3s ease}.modal-button:hover{transform:scale(.97)}.modal-button:active{transform:scale(.9)}@keyframes backdropFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}}@keyframes backdropFadeOut{0%{opacity:1;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}to{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes modalFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}