body{color:#fff;background-color:#000;margin:0;font-family:Roboto Mono,monospace}.d-none{display:none}.rounded{border-radius:50%}.container{width:70vw;height:100vh;margin-left:auto;margin-right:auto;display:flex;overflow:hidden}.sidebar{border-right:1px solid #4d4d4d;width:20em;padding-top:2em;position:relative;overflow-x:hidden}.sidebar>a{align-items:center;gap:.5em;display:flex}ul{padding:0;list-style:none}li{margin:0 1em .2em}li a{color:#fff;text-decoration:none}h4,h5{margin:0}.settings-container{scroll-behavior:smooth;width:100%;padding:3em 1em 0;overflow:hidden auto}.settings-container>.item{background-color:#1e1e1e;border-radius:.5em;width:calc(100% - 2em);margin:1em 0;padding:1em;box-shadow:0 0 1em #0003}.settings-container>.item>h1{margin:0 0 1em;font-size:1.5em}input{color:#fff;background-color:#393939;border:none;border-radius:.2em;outline:2px solid #0000;width:calc(100% - 2em);margin:.5em 0;padding:1em;transition:all .2s ease-in-out}input:focus{outline:2px solid #fff}input:hover{background-color:#4d4d4d}input[disabled]{color:#4d4d4d;cursor:pointer;background-color:#222}input.invalid{outline:2px solid red}button{color:#fff;cursor:pointer;background-color:#0000;border:2px solid #4d4d4d;border-radius:.2em;outline:none;padding:.5em 8em;transition:all .2s ease-in-out}button:hover{background-color:#4d4d4d}button:active{background-color:#393939}button[disabled]{color:#4d4d4d;cursor:pointer;background-color:#222}select{color:#fff;background-color:#393939;border:none;border-radius:.2em;outline:2px solid #0000;margin:.5em 0;padding:1em;transition:all .2s ease-in-out}select:focus{outline:2px solid #fff}select:hover{background-color:#4d4d4d}select[disabled]{color:#4d4d4d;cursor:pointer;background-color:#222}.connected-accounts{flex-wrap:wrap;gap:1em;width:100%;display:flex}.connected-accounts .item{border-collapse:collapse;border-radius:.5em;flex:calc(50% - 1em);justify-content:space-between;align-items:center;height:2.5em;margin:0;font-size:1.5em;display:flex;overflow:hidden;box-shadow:0 0 1em #0003}.connected-accounts .item img{object-fit:contain;height:1em;padding:.5em}.connected-accounts h1 span:first-child{opacity:.9;align-items:center;height:100%;display:flex}.connected-accounts h1 span:nth-child(2),.connected-accounts h1 span:nth-child(3){opacity:.9;cursor:pointer;background-color:#222;align-items:center;height:100%;transition:all .2s ease-in-out;display:flex}.connected-accounts h1 span:nth-child(2):hover,.connected-accounts h1 span:nth-child(3):hover{background-color:#333}.connected-accounts h1 span:nth-child(2) h1,.connected-accounts h1 span:nth-child(3) h1{background-color:#0000;margin:0;padding:0 .5em;font-size:.7em}.connected-accounts h1:first-child{background-color:#1dd05e}.connected-accounts h1:nth-child(2){background-color:#613f9f}.connected-accounts h1:nth-child(3){background-color:#7289da}.connected-accounts h1:nth-child(4){background-color:#fff}.connected-accounts h1:nth-child(5){background-color:#000}.connected-accounts h1:nth-child(6){background-color:#fff}.connected-accounts h1:nth-child(7){background-color:#720067}.connected-accounts .item>span:nth-child(3){display:none}.connected-accounts .item.connected>span:nth-child(3){display:flex}.connected-accounts .item.connected>span:nth-child(2){display:none}.flex{align-items:center;gap:.5em;margin-top:.5em;display:flex}.flex.end{justify-content:flex-end}.avatar-upload{align-items:center;gap:1em;margin-bottom:1em;display:flex}.avatar-upload img{object-fit:cover;flex-shrink:0}.avatar-upload button{padding:.5em 1.5em}.input-group{align-items:center;gap:.5em;display:flex}.searchbar{width:100%;position:relative}.searchbar input{width:100%}.searchbar .autocom-box{background-color:#393939;width:100%;max-height:12em;margin-top:-.5em;display:none;position:absolute;overflow:hidden auto}.searchbar .autocom-box.active{display:block}.searchbar .autocom-box h1{cursor:pointer;margin:0;padding:1em;font-size:1em}.searchbar .autocom-box h1.focus,.searchbar .autocom-box h1:hover{background-color:#4d4d4d}.dangerZone{outline:2px solid #510c0c;background-color:#261b1b!important}td,th{border:none;padding:8px}tr:nth-child(2n){background-color:#222}tr:hover{background-color:222}th{text-align:left;color:#fff;background-color:#111;padding-top:12px;padding-bottom:12px}.apiKeysTable{table-layout:fixed;border-collapse:collapse;border-radius:.5em;width:100%;overflow:hidden}.apiKeysTable td:nth-child(4){gap:.5em;display:flex}.apiKeysTable td:nth-child(4) button{padding:.5em}.apiKeysTable td{text-overflow:ellipsis;overflow:hidden}.collapsible-content{max-height:0;padding:0 18px;transition:max-height .2s ease-out;overflow:hidden auto}.collapsible-content>div:first-child{padding-top:18px}.ssoClients{flex-wrap:wrap;gap:1em;width:100%;display:flex}.ssoClients>div{cursor:pointer;background-color:#111;border-radius:.5em;width:100%;padding:1em}.ssoClients>div>.collapsible{align-items:center;gap:1em;display:flex}.ssoClients>div>.collapsible h1{font-size:1.5em}.ssoClients>div>.collapsible img{object-fit:contain;width:4em;height:4em}.ssoClients>div>.collapsible a{margin-left:auto;margin-right:0}.ssoClients a{color:#fff;text-decoration:none}.ssoRedirects>div{align-items:center;gap:1em;display:flex}.thirdPartyApps-container{flex-wrap:wrap;justify-content:center;gap:1em;width:100%;display:flex;overflow:hidden}.thirdPartyApps-container>div{background-color:#111;border-radius:.5em;align-items:center;gap:1em;width:calc(100% - 2em);padding:1em;display:flex;overflow:auto}.thirdPartyApps-container>div>img{object-fit:contain;border-radius:1em;height:4em}.thirdPartyApps-container>div>button{margin-left:auto;padding:.5em 2em}.thirdPartyApps-container>div>h1{margin:0;font-size:1.5em}button.success{background-color:#1dd05e;border:2px solid #1dd05e}button.error{background-color:#d01d1d;border:2px solid #d01d1d}a{color:#fff;text-decoration:none}.passkey{overflow:auto}.passkeys>div{background-color:#111;border-radius:.5em;justify-content:space-between;align-items:center;gap:1em;margin-bottom:1em;padding:1em;display:flex}.passkeys>div h1{font-size:1.5em}.passkeys>div p{font-size:.9em}.passkeys>div h1,.passkeys>div p{margin:0}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mobile-menu-toggle{z-index:1001;cursor:pointer;background-color:#1e1e1e;border:2px solid #4d4d4d;border-radius:.5em;width:calc(100% - 2em);padding:.75em;transition:all .2s ease-in-out;display:none;position:fixed;top:1em;left:1em}.mobile-menu-toggle:hover{background-color:#4d4d4d}.mobile-menu-toggle svg{width:24px;height:24px;display:block}@media screen and (width<=768px){.container{flex-direction:column;width:100vw}.mobile-menu-toggle{display:block}.sidebar{z-index:1000;background-color:#000;border-right:1px solid #4d4d4d;width:80vw;max-width:300px;height:100vh;transition:left .3s ease-in-out;position:fixed;top:0;left:-100%;overflow-y:auto}.sidebar.active{padding-left:1em;left:0}.sidebar>a{margin-top:3em}.settings-container{width:calc(100% - 2em);padding:4em 1em 1em}.settings-container>.item{width:calc(100% - 2em)}.connected-accounts .item{flex:100%;font-size:1.2em}.input-group{flex-direction:column}.input-group>div{width:100%}button{width:100%;padding:.5em 2em}.flex.end{flex-direction:column}.flex.end button,.passkeys>div button{width:100%}.apiKeysTable{font-size:.85em}.apiKeysTable td:nth-child(4){flex-direction:column;gap:.5em}.apiKeysTable td:nth-child(4) button{width:100%;padding:.5em}.ssoClients>div>.collapsible{flex-direction:column;align-items:flex-start}.ssoClients>div>.collapsible a{margin-left:0}.thirdPartyApps-container>div{flex-direction:column;align-items:flex-start}.thirdPartyApps-container>div>button{width:100%;margin-left:0}.passkeys>div{flex-direction:column;align-items:flex-start}}.mobile-overlay{z-index:999;background-color:#00000080;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}.mobile-overlay.active{display:block}@media screen and (width<=480px){.sidebar{width:90vw}}.dialog-container{z-index:2000;opacity:0;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100vh;animation:.5s forwards fadein;display:none;position:fixed;top:0;left:0}.dialog{opacity:0;background-color:#444;border-radius:1em;flex-direction:column;min-width:20%;padding-bottom:1em;animation:.5s forwards fadein;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes scale{0%{transform:scale(.75)}to{transform:scale(1)}}.dialog-container.visible{display:block}.dialog-container.visible .dialog{opacity:1}.dialog-title{color:#fff;width:100%;margin:0;padding:.5em;font-size:1.5rem;font-weight:600}.dialog-content{width:100%;margin-bottom:1rem;padding:.5em 2em}.dialog-button{cursor:pointer;color:#000;background-color:#fff;border:1px solid #ccc;border-radius:11em;align-self:center;width:30%;padding:.5rem 1rem}.dialog-button:hover{background-color:#ccc}.dialog.info .dialog-title{background-color:#3077d2}.dialog.error .dialog-title{background-color:#c11f1f}.dialog.warning .dialog-title{background-color:orange}.dialog.debug .dialog-title{background-color:#888}.dialog.pink .dialog-title{background:linear-gradient(124deg,#ff2400,#e81d1d,#e8b71d,#e3e81d,#1de840,#1ddde8,#2b1de8,#dd00f3,#dd00f3) 0 0/1800% 1800%;animation:18s infinite rainbow}@keyframes rainbow{0%{background-position:0 82%}50%{background-position:100% 19%}to{background-position:0 82%}}.custom-dialog{z-index:2100;background-color:#444;border-radius:1em;padding:1em;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.custom-dialog.visible{display:block}.copy-field{align-items:center;gap:.5em;margin-bottom:1em;display:flex}.copy-field input{flex:1;min-width:0;font-family:monospace}