: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: #ecf9ff;--b1: #151b23;--b2: #252b32;--content-background: #0d1117;--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}.badge{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:1px 7px;border:1px solid var(--border-light);font-size:.85em;border-radius:9999px;background-color:transparent}.badge.info{color:var(--in);border-color:var(--in)}.badge.success{color:var(--su);border-color:var(--su)}.badge.warning{color:var(--wa);border-color:var(--wa)}.badge.error{color:var(--er);border-color:var(--er)}.badge.badge-solid{border:none}.badge.badge-solid.info{color:var(--b1);background-color:var(--in)}.badge.badge-solid.success{color:var(--b1);background-color:var(--su)}.badge.badge-solid.warning{color:var(--b1);background-color:var(--wa)}.badge.badge-solid.error{color:var(--b1);background-color:var(--er)}.btn{background-color:transparent;border:1px solid var(--border-light);border-radius:4px;color:inherit;cursor:pointer;font-size:inherit;font-weight:500;line-height:1em;min-width:120px;padding:5px 8px;text-align:center;text-decoration:none;transition:all .25s;display:flex;gap:6px;align-items:center;justify-content:center}.btn:disabled{cursor:default;opacity:.5}.btn:hover:not(:disabled){background-color:var(--form-hover-bg)}.btn.primary{background-color:var(--primary);border-color:var(--primary);color:var(--b1)}.btn.primary:hover:not(:disabled){background-color:var(--primary-dark)}.btn.success{background-color:var(--su);border-color:var(--su);color:var(--b1)}.btn.success:hover:not(:disabled){background-color:oklch(from var(--su) calc(l - .05) c h)}.btn.warning{background-color:var(--wa);border-color:var(--wa);color:var(--b1)}.btn.warning:hover:not(:disabled){background-color:oklch(from var(--wa) calc(l - .05) c h)}.btn.error{background-color:var(--er);border-color:var(--er);color:var(--b1)}.btn.error:hover:not(:disabled){background-color:var(--er-dark)}.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}.checkbox{--chkbg: var(--bc);--chkfg: var(--b1);flex-shrink:0;width:1.25rem;height:1.25rem;cursor:pointer;appearance:none;border-radius:.3rem;border:1px solid var(--chkbg)}.checkbox:checked{background-repeat:no-repeat;background-color:var(--chkbg);background-image:linear-gradient(-45deg,transparent 65%,var(--chkbg) 65.99%),linear-gradient(45deg,transparent 75%,var(--chkbg) 75.99%),linear-gradient(-45deg,var(--chkbg) 40%,transparent 40.99%),linear-gradient(45deg,var(--chkbg) 30%,var(--chkfg) 30.99%,var(--chkfg) 40%,transparent 40.99%),linear-gradient(-45deg,var(--chkfg) 50%,var(--chkbg) 50.99%);animation:checkmark .2s ease-out}.checkbox:indeterminate{background-repeat:no-repeat;background-color:var(--chkbg);background-image:linear-gradient(90deg,transparent 80%,var(--chkbg) 80%),linear-gradient(-90deg,transparent 80%,var(--chkbg) 80%),linear-gradient(0deg,var(--chkbg) 43%,var(--chkfg) 43%,var(--chkfg) 57%,var(--chkbg) 57%);animation:checkmark .2s ease-out}.checkbox:disabled{cursor:not-allowed;background-color:var(--bc);opacity:.2}@keyframes checkmark{0%{background-position-y:5px}50%{background-position-y:-2px}to{background-position-y:0}}.main{flex:1;display:flex;flex-direction:column;height:100%}.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}.radio{box-sizing:border-box;margin:0;opacity:1;cursor:pointer;appearance:none;vertical-align:middle;border:1px solid var(--border-light);width:1.25rem;height:1.25rem;border-radius:50%;flex-shrink:0;padding:3px;display:inline-block;position:relative;background-color:#fff;transition:border-color .2s ease-in-out}.radio:before{content:"";border-radius:50%;width:100%;height:100%;display:block}.radio:hover{border-color:var(--bc)}.radio:checked:before{background-color:var(--bc)}.radio:checked{border-color:var(--bc);animation:radiomark .1s ease-out}@keyframes radiomark{0%{padding:5px}to{padding:3px}}::-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:Roboto,sans-serif}html{overflow-y:auto}html,dialog{color:var(--bc);font-size:16px}p{margin-bottom:1em}.size-1em{width:1em;height:1em}.text-current{color:currentColor}.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{color:var(--text-secondary);transition:color .25s}.lucide.text-current{color:currentColor}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)}
