:root{--primary: #3a70e6;--in: #17a2b8;--su: #28a745;--wa: #ffc107;--er: #e64942;--er-dark: oklch(from var(--er) calc(l - .05) c h);--primary-dark: oklch(from var(--primary) calc(l - .05) c h);--bc: #1f2328;--b1: #ffffff;--b2: #e6e9ec;--content-background: #f2f5f8;--text-secondary: #4f5b6c;--text-tertiary: #667085;--shadow-light: rgba(0, 0, 0, .05);--shadow-medium: rgba(0, 0, 0, .1);--shadow-dark: rgba(0, 0, 0, .15);--border-light: rgba(0, 0, 0, .1);--form-bg: #f5f5f5;--form-hover-bg: #e9ecef}:root.dark{--primary: #3a70e6;--in: #17a2b8;--su: #28a745;--wa: #ffc107;--er: #e64942;--er-dark: oklch(from var(--er) calc(l - .05) c h);--primary-dark: oklch(from var(--primary) calc(l - .05) c h);--bc: #f3f3f3;--b1: #0f1011;--b2: #18191d;--content-background: #070707;--text-secondary: #a0aab8;--text-tertiary: #667085;--shadow-light: rgba(0, 0, 0, .1);--shadow-medium: rgba(0, 0, 0, .2);--shadow-dark: rgba(0, 0, 0, .3);--border-light: rgba(255, 255, 255, .1);--form-bg: #252b32;--form-hover-bg: #2d3540}.card{display:flex;flex-direction:column;background-color:var(--b1);box-shadow:0 2px 8px var(--shadow-light);border-radius:8px;padding:12px;overflow:auto}@media screen and (max-width:800px){.card:not(.card-small){min-width:100%;min-height:100%;justify-content:center;border-radius:0;border:none}}.card h1{line-height:1em;font-size:2em;margin-bottom:20px;font-weight:300;color:var(--bc)}.card h2{line-height:1em;font-size:1.5em;margin:20px 0;font-weight:300;color:var(--bc)}.card-body{overflow-y:auto}.card-actions{border-top:1px solid var(--b2);padding-top:12px;margin-top:12px;display:flex;gap:8px}.main{flex:1;display:flex;flex-direction:column;height:100%;min-height:0;overflow:auto}.side-navigation{display:flex;flex-direction:column;width:200px;gap:10px}.side-navigation .pages{display:flex;flex-direction:column;gap:5px}.side-navigation .pages a{font-weight:300;text-decoration:none;color:inherit;display:flex;align-items:center}.side-navigation .router-link{border-radius:5px;position:relative;padding:4px 8px;transition:all .2s;display:flex;align-items:center;gap:8px}.side-navigation .router-link.router-link-active{font-weight:400;background-color:var(--b2)}.side-navigation .router-link.router-link-active:after{background:var(--primary);border-radius:6px;content:"";height:20px;left:-8px;position:absolute;top:calc(50% - 10px);width:4px}.side-navigation .router-link:hover{background-color:var(--form-hover-bg)}.indicator{position:relative;display:inline-flex;width:max-content}.indicator :where(.indicator-item){bottom:auto;inset-inline-end:0;inset-inline-start:auto;top:0;transform:translate(50%,-50%);position:absolute;z-index:1}::-webkit-scrollbar{-webkit-appearance:none;height:7px;width:7px}::-webkit-scrollbar-thumb{background-color:#cecece;border-radius:4px;box-shadow:0 0 1px #ffffff80}::-webkit-scrollbar-corner{background-color:transparent}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}html{overflow-y:auto}html,dialog{color:var(--bc);font-size:16px}p{margin-bottom:1em}.mx-auto{margin-left:auto;margin-right:auto}.mt-2{margin-top:.5em}.text-center{text-align:center}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:10px}.toolbar>.btn{min-width:unset}.input-box{border:1px solid var(--border-light);border-radius:4px;color:inherit;padding:3px 6px;transition:all .25s;background:none;outline:none;line-height:1em;font-size:1em}.input-box:disabled{opacity:.5}.input-box:focus{border-color:var(--primary)}.form-grid{display:grid;grid-template-columns:1fr 2fr;align-items:center;column-gap:12px;row-gap:12px}.form-grid>label{display:grid;grid-column:span 2;grid-template-columns:subgrid;align-items:baseline}.form-grid>label>:first-child{text-align:right}input{font-size:inherit}input[type=file]{cursor:pointer}input[type=file]::file-selector-button{display:none}.spring{flex-grow:1}.lucide{width:1em;height:1em;color:currentColor}.size-12{width:1.5rem;height:1.5rem}.size-16{width:2rem;height:2rem}.size-24{width:3rem;height:3rem}dialog{margin:auto;background:none;border:none;display:none;min-width:550px}@media screen and (max-width:800px){dialog{min-width:100%;padding:10px}}dialog>*{flex:1}dialog[open]{display:flex}dialog::backdrop{background-color:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}