*{margin:0;padding:0;box-sizing:border-box}html{height:100%;color-scheme:dark;font-size:16px}body{height:100%;font-family:sans-serif;color:var(--secondary);background:var(--background)}h1{color:var(--highlight)}h2{font-size:1.25rem;font-weight:700}a{color:var(--highlight)}.highlight{color:var(--highlight)}.secondary{color:var(--secondary)}.small{font-size:.85em}input,textarea,select,button{width:100%;padding:1em;margin:0;box-sizing:border-box;border-width:0;background-color:var(--secondary-background);color:var(--secondary)}input:focus{outline:var(--secondary)solid .1em}button{cursor:pointer;margin-top:.5em}button,input[type=submit]{background-color:var(--success);color:var(--background)}button.danger,input[type=submit].danger{background-color:var(--danger)}.attention-success{color:var(--success)}.attention-warning{color:var(--warning)}.attention-danger{color:var(--danger)}.message{padding:1em}.message.error{background-color:var(--danger);color:var(--background)}.message.info{background-color:var(--secondary-background);color:var(--secondary)}.message.warning{background-color:var(--warning);color:var(--background)}.message.success{background-color:var(--success);color:var(--background)}@keyframes fadeIn{from{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}.center-box{max-width:960px;margin:0 auto;padding:0 1rem}.content-box{max-width:700px;padding:2rem 0 2rem 2rem;animation:fadeIn .3s ease-out}.content-box.narrow{max-width:500px}.content-box.wide{max-width:none}.site-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;margin-top:1.25rem;padding:.5rem 0 .5rem 2rem;border-bottom:1px solid var(--secondary-background);background:var(--background)}.site-header+.content-box{padding-top:1.5rem}.site-header+.content-box>h2:first-child{margin-top:0}.site-header-left,.site-header-right{flex:1;display:flex;align-items:center;gap:.75rem;font-size:.9rem;font-weight:400;color:var(--secondary)}.site-header-left{justify-content:flex-start}.site-header-right{justify-content:flex-end}.site-header-brand{display:flex;align-items:baseline;gap:.5rem;text-decoration:none;color:var(--secondary);flex-shrink:0;margin:0 1.5rem}.site-header-brand:hover{color:var(--highlight)}.site-header-title{font-weight:700;font-size:1.1rem}.site-header-label{font-size:.75rem;font-weight:400;text-transform:uppercase;letter-spacing:.1em;opacity:.5}.site-header a.link{text-decoration:none;color:var(--secondary);display:inline-flex;align-items:center;gap:.4em;opacity:.7}.site-header a.link:hover{color:var(--highlight);opacity:1}.user-block{display:flex;flex-direction:column;align-items:flex-end;gap:.15rem}.user-block .username{font-size:.85rem;opacity:.7}.user-block .logout-btn{background:0 0;border:none;color:var(--secondary);padding:0;cursor:pointer;font-size:.85rem;font-weight:400;display:inline-flex;align-items:center;gap:.3em;width:auto;margin:0;opacity:.7}.user-block .logout-btn:hover{color:var(--highlight);opacity:1}.landing-nav{display:flex;justify-content:flex-end;padding:1rem 0}.landing-nav a{font-size:.9rem;display:inline-flex;align-items:center;gap:.4em;padding:.4em .9em;border:1px solid var(--secondary-background);border-radius:.25rem;text-decoration:none;color:var(--secondary)}.landing-nav a:hover{border-color:var(--highlight);color:var(--highlight)}.landing-footer{display:flex;justify-content:center;gap:.75em;padding:3rem 0 1rem;font-size:.85rem}.landing-footer a{color:var(--secondary);text-decoration:none}.landing-footer a:hover{color:var(--highlight)}.landing-footer span{color:var(--secondary-background)}.landing-hero{padding-top:4em}.landing-hero h1{font-size:2rem;margin-bottom:0}.landing-hero .welcome{font-size:1.1rem;opacity:.7;margin-top:.5em}.app-cards{display:grid;grid-template-columns:1fr;gap:.75rem;padding:0}.app-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:0 0;border:1px solid var(--secondary-background);border-radius:.5rem;text-decoration:none;color:var(--secondary);transition:border-color .15s,transform .1s}.app-card:hover{border-color:var(--highlight);transform:translateY(-1px)}.app-card-icon{font-size:1.75rem;width:2.5rem;text-align:center;flex-shrink:0;color:var(--highlight)}.app-card-body{flex:1;min-width:0}.app-card-name{font-weight:700;font-size:1.05rem}.app-card-group{color:var(--highlight);font-size:.85rem;margin-left:.4em;opacity:.8}.app-card-desc{font-size:.85rem;opacity:.7;margin-top:.2em}.app-separator{border:none;border-top:1px solid var(--secondary-background);margin:.25rem 0}.app-columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem}.app-column-title{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--secondary);opacity:.6;margin-bottom:.75rem}.app-column-empty{font-size:.85rem;color:var(--secondary);opacity:.5;padding:1rem 0}.app-card-star{flex-shrink:0;background:0 0;border:none;color:var(--secondary);font-size:1.1rem;cursor:pointer;padding:.25rem;margin:0;width:auto;opacity:.5;transition:opacity .15s,color .15s}.app-card-star:hover{opacity:1}.app-card-star.starred{color:var(--highlight);opacity:1}@media(max-width:48rem){.app-columns{grid-template-columns:1fr}}#form-container{max-width:400px;margin:1.5rem 0 0;padding:0}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:4px}.recovery-link{display:block;text-align:center;margin-top:1rem;font-size:.85rem}.avatar-widget{display:flex;flex-direction:column;gap:.75rem}.avatar-preview{width:128px;height:128px;border-radius:50%;border:2px solid var(--secondary-background);object-fit:cover}.avatar-buttons{display:flex;gap:.5rem}.avatar-upload-btn,.avatar-delete-btn{width:auto;padding:.5em 1em;font-size:.875rem}.avatar-upload-btn{background-color:var(--secondary-background);color:var(--secondary)}.avatar-delete-btn{background-color:var(--danger);color:var(--background)}.avatar-status{font-size:.85rem;padding:.5em}.prose{line-height:1.6;max-width:65ch}.prose p{margin-bottom:1em}.prose h1,.prose h2,.prose h3{margin-top:1.5em;margin-bottom:.5em}.prose a{text-decoration:underline;text-underline-offset:.15em}.tabs{display:flex}.tab{flex:30%;padding:.625rem 1.25rem;cursor:pointer;border:none;background:0 0;font-size:1rem;color:var(--secondary);border-bottom:.2em solid var(--secondary-background);transition:all .2s ease;margin-top:1em;margin-bottom:.5em}.tab:hover{border-bottom-color:var(--highlight)}.tab.active{border-bottom-color:var(--highlight);font-weight:700;color:var(--highlight)}#content{min-height:12.5rem;display:flex;height:40vh}#subcontent{flex:80%;padding:1em;overflow:auto;scrollbar-color:var(--highlight)var(--secondary-background);scrollbar-width:thin}.detail-list-panel{display:flex;margin-top:1em}#nav-pane{flex:30%;direction:rtl;padding:0;overflow-y:auto;overflow-x:hidden;scrollbar-color:var(--highlight)var(--secondary);scrollbar-width:thin}.list-pane{flex:100%;display:flex;flex-direction:column}.list-pane-header{display:flex;flex-direction:row;align-items:center;gap:1rem}.list-pane-header-entry{flex:100%;display:flex;flex-direction:column}.detail-data-item{display:flex;align-items:baseline;gap:1rem}.detail-data-item div:first-child{flex:20%}.detail-data-item div:nth-child(2){flex:90%}ul li{list-style-type:none}li.detail-link{display:flex;align-items:center;gap:.5em;color:var(--secondary);text-decoration:none;padding:1em;margin:1em;border-right:.1em solid var(--secondary-background)}li.detail-link i{font-size:1.25em;min-width:1.5em;text-align:center}li.detail-link .detail-link-name{white-space:nowrap}.detail-link-content{display:flex;flex-direction:column;gap:.25em}li.detail-link:hover{cursor:pointer;border-right-color:lightslategrey}li.detail-link.active{cursor:default;border-right-color:lightslategrey;color:var(--highlight)}@media(max-width:48rem){li.detail-link .detail-link-name{display:none}}section>header{border-top:.1em solid var(--secondary-background);border-bottom:.1em solid var(--secondary-background);font-weight:700}section>header,.row{padding-top:.5em;padding-bottom:.5em;display:flex}.col{flex:1;min-width:0;padding:0 .5em;overflow:hidden;text-overflow:ellipsis}.col:not(:last-child){border-right:1px solid var(--secondary-background)}button.delete{cursor:pointer;border:none;background:0 0;color:var(--secondary);margin:0;padding:.5em;white-space:nowrap}button.delete i{color:var(--danger)}button.add{cursor:pointer;border:none;background:0 0;color:var(--secondary);margin:0;padding:.5em;white-space:nowrap}button.add i{color:var(--success)}button.edit{cursor:pointer;border:none;background:0 0;color:var(--secondary);margin:0;padding:.5em;white-space:nowrap}button.edit i{color:var(--success)}button.save{cursor:pointer;border:none;background:0 0;color:var(--secondary);margin:0;padding:.5em;white-space:nowrap}button.save i{color:var(--success)}button.cancel{cursor:pointer;border:none;background:0 0;color:var(--secondary);margin:0;padding:.5em;white-space:nowrap}button.cancel i{color:var(--danger)}.actions-col{white-space:nowrap;overflow:visible;text-overflow:clip}.actions-col button{padding:.25em}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);z-index:3000;display:flex;align-items:center;justify-content:center}.modal-dialog{background:var(--background);border:1px solid var(--secondary-background);border-radius:.5rem;padding:1.5rem;min-width:20rem;max-width:90%;animation:fadeIn .2s ease-out}.modal-content{margin-bottom:1.5rem;color:var(--secondary)}.modal-content h3{color:var(--highlight);margin-bottom:.5rem}.modal-buttons{display:flex;justify-content:flex-end;gap:1rem}.notification{position:fixed;top:1rem;right:1rem;padding:.75rem 1.5rem;border-radius:.25rem;z-index:2000;animation:slideIn .3s ease-out}.notification.success{background:var(--secondary-background);border:1px solid var(--success);color:var(--success)}.notification.error{background:var(--secondary-background);border:1px solid var(--danger);color:var(--danger)}@keyframes slideIn{from{opacity:0;transform:translateX(1rem)}to{opacity:1;transform:translateX(0)}}.select-hint{margin:1em;padding:1em;color:var(--secondary)}.select-wrapper{position:relative;display:inline-block}.select-wrapper select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:0 0;border:none;border-bottom:.15em solid var(--secondary);color:var(--highlight);padding:.5rem .25rem;font-size:1rem;cursor:pointer;outline:none}.select-wrapper select:focus{border-bottom-color:var(--highlight)}.select-wrapper select option{background:var(--background);color:var(--secondary)}.input-wrapper input{background:0 0;border:none;border-bottom:.15em solid var(--secondary);color:var(--highlight);padding:.5rem .25rem;font-size:1rem;outline:none}.input-wrapper input:focus{border-bottom-color:var(--highlight)}.input-wrapper input::placeholder{color:var(--secondary);opacity:.6}.new-user-form{padding:1rem;margin:.5rem 0;border:1px solid var(--secondary-background);border-radius:.25rem}.new-user-form .detail-data-item{margin-bottom:1rem}.form-field{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.form-field label{color:var(--secondary);font-size:.875rem}.form-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end}.form-row .form-field{margin-bottom:0;flex:1 1 8rem;min-width:0}.form-row .form-field input{width:100%}.compact-form{display:flex;flex-direction:column;gap:1rem;max-width:100%}.checkbox-wrapper{display:flex;align-items:center;gap:.5rem;color:var(--secondary);cursor:pointer}.checkbox-wrapper input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--highlight);cursor:pointer}.form-buttons{display:flex;gap:.5rem;align-items:center;margin-left:auto}.state-badge{display:inline-block;padding:.15em .5em;border-radius:.25em;font-size:.75em;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.state-badge.state-active{color:var(--success);border:1px solid var(--success)}.state-badge.state-blocked{color:var(--danger);border:1px solid var(--danger)}.state-badge.state-managed{color:var(--info,var(--accent,#3a6ea5));border:1px solid;background:0 0}.user-managed-notice{margin:.5em 0 1em;padding:.6em .8em;border-left:3px solid var(--info,var(--accent,#3a6ea5));background:var(--surface-alt,rgba(58,110,165,8%));font-size:.9em}.user-managed-notice code{font-size:.95em;padding:.05em .3em;border-radius:.2em;background:var(--surface,rgba(0,0,0,5%))}button.managed-disabled{opacity:.45;cursor:not-allowed}@media(max-width:40rem){.center-box{padding-left:.5rem;padding-right:.5rem}.content-box,.site-header{padding-left:1rem}.site-header{margin-top:.25rem}.site-header-brand{margin:0 .75rem}}@media(max-width:28rem){.content-box,.site-header{padding-left:.5rem}.site-header{margin-top:0}.site-header-brand{margin:0 .5rem}.site-header-title{font-size:1rem}}.settings-tabs{display:flex;flex-wrap:wrap;gap:.25em;margin-bottom:1em;border-bottom:1px solid var(--secondary-background)}.settings-tab{width:auto;margin-top:0;padding:.6em 1em;background-color:transparent;color:var(--secondary);opacity:.65;border-bottom:.2em solid transparent}.settings-tab:hover{opacity:1;background-color:var(--secondary-background)}.settings-tab.active{opacity:1;font-weight:600;color:var(--highlight);border-bottom-color:var(--highlight)}.settings-tab:focus-visible{outline:var(--highlight)solid .1em}