.sidebar-item{display:flex;align-items:center;justify-content:flex-start;padding:3px var(--sidebar-padding);gap:10px;border:1px solid transparent;border-radius:18px 0 0 18px;align-self:stretch;cursor:pointer}.sidebar-item.modal-button{border-radius:18px;margin-right:5px}.sidebar-item:hover,.sidebar-item.active{background-color:var(--color-primary-l);position:relative;border-right-color:var(--color-primary)}.sidebar-item:hover:active,.sidebar-item.active:active{background-color:var(--color-primary-ll)}.sidebar-item.active{cursor:default;border-color:#fff2;border-right-color:transparent;box-shadow:-2px 2px 5px #0005;z-index:1}.sidebar-item .sidebar-icon{width:30px;height:30px;padding:5px;border-radius:15px;background-color:var(--color-layer-mid);display:none;text-align:center;flex-shrink:0}.sidebar-item .sidebar-icon:not(:empty){display:flex;align-items:centen;justify-content:center}.sidebar-item .sidebar-icon:not(:has(svg)){font-weight:700;font-size:14px;line-height:24px}.sidebar-item .sidebar-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#sidebar{overflow:hidden;--sidebar-icon-size: 24px;--sidebar-button-size: 30px;--sidebar-padding: calc( (-10px + var( --sidebar-width-collapsed) - var(--sidebar-button-size)) / 2 );padding:8px 0;position:relative;--gradient-color-start: hsl( calc(var(--bg-hue)) var(--bg-sat) calc(var(--bg-lgt) *.9) );--gradient-color-end: hsl( calc(var(--bg-hue)) var(--bg-sat) calc(var(--bg-lgt) *1.25) );background:linear-gradient(to top left,var(--gradient-color-start),var(--gradient-color-end));box-shadow:inset -2px 0 5px #0002}#sidebar:after{z-index:0;position:absolute;right:0;top:0;height:100vh;width:1px;background-color:#fff2;content:" "}#first-section{margin-top:45px}body:has(>main .content-tab.active .toolbar) #sidebar:after{background:linear-gradient(to bottom,#0002 40px,#fff2 40px)}#sidebar-inner{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;overflow:visible;flex:1;height:100%;width:var(--sidebar-width, 120px)}#sidebar section,.sidebar-section{display:flex;flex-direction:column;gap:3px;align-self:stretch;padding:0 5px;width:100%}#sidebar section:last-child,.sidebar-section:last-child{flex:1;justify-content:flex-end}#sidebar.open .sidebar-section,#sidebar.hoverable:hover .sidebar-section{padding-right:0}.demo-component{border:1px solid red;padding:20px;background-color:#daa;color:#000}.modal-wrapper{position:fixed;top:0;left:0;width:100dvw;height:100dvh;background-color:#0000001a;display:flex;justify-content:center;align-items:center}.modal{min-width:200px;--hue-offset: 2deg;--gradient-color-start: hsl( calc(var(--bg-hue) - var(--hue-offset)) var(--bg-sat) calc(var(--bg-lgt) *.9) );--gradient-color-end: hsl( calc(var(--bg-hue) - var(--hue-offset)) var(--bg-sat) calc(var(--bg-lgt) *1.5) );background:linear-gradient(to bottom right,var(--gradient-color-start),var(--gradient-color-end));border-radius:15px;border:1px solid black;border-color:hsl(calc(var(--bg-hue) - var(--hue-offset)) calc(var(--bg-sat) - 10%) calc(var(--bg-lgt) + 15%));box-shadow:-2px 2px 8px #0005}.modal header{padding:var(--padding-sm) var(--padding-md);font-weight:600}.modal section{padding:var(--padding-md) var(--padding-md);display:flex;flex-direction:column;gap:15px}.modal footer{padding:5px var(--padding-sm);display:flex;flex-direction:row;justify-content:flex-end;background-color:#0003;border-bottom-right-radius:15px;border-bottom-left-radius:15px;gap:10px}.toggle-switch[data-v-2c4eaedd]{position:relative;display:inline-block;width:50px;height:28px}.toggle-switch input[data-v-2c4eaedd]{opacity:0;width:0;height:0}.switch[data-v-2c4eaedd]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:hsl(var(--bg-hue) var(--bg-sat) min(90%,max(3%,calc(var(--bg-lgt) - 3%))));border-radius:34px;transition:background-color .3s}.switch[data-v-2c4eaedd]:before{content:"off";font-size:9px;line-height:20px;text-align:center;position:absolute;height:22px;width:22px;left:3px;top:2px;background-color:hsl(var(--bg-hue) var(--bg-sat) min(90%,max(3%,calc(var(--bg-lgt) - 6%))));border:1px solid #fff2;border-radius:50%;transition:transform .3s}input:checked+.switch[data-v-2c4eaedd]:before{text-align:center;content:"on"}input:checked+.switch[data-v-2c4eaedd]:before{transform:translate(20px)}.content-tab{display:flex;flex-direction:column;gap:20px}.collection-items{display:flex;flex-direction:row;gap:10px;overflow-x:auto}.collection-item{background-color:#0004;display:flex;flex-direction:column;flex-basis:170px;flex-shrink:0;align-items:center;border-top-right-radius:8px;border-top-left-radius:8px;overflow:hidden}.collection-item img{height:100px;width:170px;object-position:50% 90%;object-fit:cover;border-bottom-right-radius:8px;border-bottom-left-radius:8px}.collection-item .item-name{font-size:14px;font-weight:500;text-align:center;display:flex;align-items:center;min-height:36px}.checkbox-wrapper[data-v-f9150515]{display:block;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;width:24px;height:24px;border:1px solid #000a;border-radius:6px;background:radial-gradient(circle,#0002 10%,#2224 50%,#2228);box-sizing:content-box}.checkbox-wrapper.disabled[data-v-f9150515]{cursor:not-allowed;opacity:.6}.checkbox-wrapper[data-v-f9150515]:after{content:"";position:absolute;left:3px;top:3px;width:0px;transform-origin:9px 9px;scale:0;box-sizing:border-box;background:linear-gradient(to bottom right,#0005,#000a);border-radius:9px;transition:scale .3s ease;width:18px;height:18px;border:1px solid #ffffff1f}.checkbox-wrapper[data-v-f9150515]:has(input:checked):after{scale:1}.checkbox-input[data-v-f9150515]{position:absolute;opacity:0;width:0;height:0}.pagination{display:flex;flex-direction:row;align-items:center;gap:10px}.pagination .page-buttons{display:flex;flex-direction:row;align-items:center;overflow-x:auto;gap:5px;padding:0 5px 5px;flex:1;position:relative;scroll-snap-type:mandatory;scrollbar-width:thin}.pagination .page-buttons .page-button{font-size:16px;height:20px;flex-shrink:0;flex-grow:0;flex-basis:20px;padding:0 2px;display:flex;align-items:center;justify-content:center;border-radius:3px;background-color:#0002;cursor:pointer}.pagination .page-buttons .page-button:first-child{position:sticky;left:0}.pagination .page-buttons .page-button:first-child:before{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;content:"";background-color:inherit;border-radius:inherit}.pagination .page-buttons .page-button:first-child:after{position:absolute;top:0;left:-10px;width:calc(100% + 15px);height:100%;z-index:-2;content:"";background-color:var(--color-primary-l)}.pagination .page-buttons .page-button:last-child{position:sticky;right:0}.pagination .page-buttons .page-button:last-child:before{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;content:"";background-color:inherit;border-radius:inherit}.pagination .page-buttons .page-button:last-child:after{position:absolute;top:0;left:-5px;width:calc(100% + 10px);height:100%;z-index:-2;content:"";background-color:var(--color-primary-l)}.pagination .page-buttons .page-button.active{background-color:#0007}.data-table{display:flex;flex-direction:column;gap:5px}.data-table .pagination{margin-bottom:5px}.data-table-popup .column-option{display:flex;flex-direction:row;align-items:center;gap:5px}.dt-table{border-radius:8px;overflow:hidden}.dt-table.grid-table{grid-template-columns:min-content 1fr min-content;scrollbar-width:thin}.dt-table.grid-table.has-middle-columns{grid-template-columns:min-content max-content repeat(var(--middle-columns),minmax(250px,1fr)) min-content}.dt-table td{white-space:nowrap;overflow:hidden;display:flex;align-items:center}.dt-table td.badge-list small{padding:2px 6px;background-color:#0004;border-radius:15px;margin-right:5px}.dt-table td .td-inner{width:100%;displaY:contents}.dt-table td.actions,.dt-table th.actions{position:sticky;right:0}.dt-table td:nth-child(2),.dt-table td:first-child,.dt-table th:nth-child(2),.dt-table th:first-child{position:sticky;left:0}.dt-table td:nth-child(2),.dt-table th:nth-child(2){left:35px}.dt-table td:last-child,.dt-table th:last-child{overflow:visible}.dt-table td:last-child:after,.dt-table th:last-child:after{position:absolute;right:100%;top:0;opacity:0;transition:opacity .1s ease;content:"";width:40px;z-index:2;background:linear-gradient(to left,#0009,#0000);height:100%}.dt-table.scroll-right td:last-child:after,.dt-table.scroll-right th:last-child:after{opacity:1}.dt-table td:nth-child(2),.dt-table th:nth-child(2){overflow:visible}.dt-table td:nth-child(2):after,.dt-table th:nth-child(2):after{position:absolute;left:100%;top:0;opacity:0;transition:opacity .1s ease;content:"";width:40px;z-index:2;background:linear-gradient(to right,#0009,#0000);height:100%}.dt-table.scroll-left td:nth-child(2):after,.dt-table.scroll-left th:nth-child(2):after{opacity:1}.content-tab.shows{display:flex;flex-direction:column;gap:20px;position:relative}.form-row label{min-width:45px;display:inline-block}.form-row input{margin-right:5px}#generic-popup-zone{position:fixed;top:0;left:0;width:100vw;height:100vh;display:none;flex-direction:column;justify-content:center;align-items:center;background-color:#0005}#generic-popup-zone:has(>*){display:flex}main{position:relative}#messages-area{position:fixed;right:10px;bottom:10px;display:none;flex-direction:column;align-items:flex-end;gap:10px}#messages-area:has(*){display:flex}#messages-area .toast-message{background-color:#000d;padding:5px 15px;border-radius:15px;display:flex;flex-direction:column;align-items:flex-end;gap:5px;border:1px solid #000d;position:relative;max-width:300px}#messages-area .toast-message.error{background-color:#922d;border-color:#511d}#messages-area .toast-message.message{background-color:#499d;border-color:#277d}#messages-area .toast-message .toast-actions{display:flex;flex-direction:row;gap:5px}#messages-area .toast-message small{display:inline;position:relative;padding-right:18px}#messages-area .toast-message svg{position:absolute;right:-10px;top:0;cursor:pointer}#messages-area .toast-message button{background:linear-gradient(to bottom right,#0003,#0006);border-color:#fff3;justify-self:flex-start;display:inline-block;margin-right:auto}@font-face{font-family:montserrat;font-style:normal;src:url(/assets/Montserrat-VariableFont_wght-DcaoeaBt.ttf)}@font-face{font-family:montserrat;font-style:italic;src:url(/assets/Montserrat-Italic-VariableFont_wght-C-ARXqaC.ttf)}@font-face{font-family:plex-sans;font-style:normal;src:url(/assets/IBMPlexSans-VariableFont_wdth_wght-BTDN9bpA.ttf)}@font-face{font-family:plex-sans;font-style:italic;src:url(/assets/IBMPlexSans-Italic-VariableFont_wdth_wght-BXyyqPfs.ttf)}.card{background-color:#fff7;border:1px solid #fff8;box-shadow:-2px 2px 4px #0005;padding:var(--padding-sm) var(--padding-md);border-radius:8px;color:#1a1a1a;font-size:18px}.card.dark{background-color:#00000037;border:1px solid #00000044;color:#dedede}html,body{width:100vw;height:100vh;height:100dvh;overflow:hidden;margin:0;padding:0;font-family:montserrat;font-weight:500}:root{--bg-hue: var(--primary-hue, 230deg);--bg-sat: var(--primary-sat, 50%);--bg-lgt: var(--primary-lgt, 15%);--color-primary-d: hsl(var(--bg-hue) var(--bg-sat) calc(var(--bg-lgt) * .6));--color-primary: hsl(var(--bg-hue) var(--bg-sat) var(--bg-lgt));--color-primary-l: hsl(var(--bg-hue) calc(var(--bg-sat) * .85) calc(var(--bg-lgt) * 1.5));--color-primary-ll: hsl(var(--bg-hue) calc(var(--bg-sat) * .6) calc(var(--bg-lgt) * 1.5));--color-layer-lgt: #00000044;--color-layer-mid: #00000055;--color-layer-drk: #00000088;--border-l: solid 1px hsl(var(--bg-hue) var(--bg-sat) calc(var(--bg-lgt) * 1.25));--border-d: solid 1px hsl(var(--bg-hue) var(--bg-sat) calc(var(--bg-lgt) * .91));--header-height: 60px;--sidebar-width: 250px;--sidebar-width-collapsed: 50px;--padding-sm: 10px;--padding-md: 20px;--padding-lg: 30px}*{box-sizing:border-box;scrollbar-width:thin}body{background-color:#222;display:grid;grid-template-rows:60px 1fr;grid-template-columns:var(--sidebar-width-collapsed) 1fr;grid-template-areas:"header header" "sidebar main";color:var(--primary-text-color, #ebebeb);transition:grid-template-columns .2s ease-in-out}body:has(#sidebar.open),body:has(aside#sidebar.hoverable:hover){grid-template-columns:var(--sidebar-width) 1fr}body>header{grid-area:header;height:var(--header-height);background-color:var(--color-primary-d);position:sticky;top:0;left:0;display:flex;flex-direction:row;align-items:center;padding:0 var(--padding-md);font-weight:600;text-transform:capitalize}main{grid-area:main;height:calc(100dvh - var(--header-height));overflow-y:auto;overflow-x:auto;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;background-color:var(--color-primary-l)}main .content-tab{padding:var(--padding-md) var(--padding-lg);padding-bottom:100px}#sidebar{grid-area:sidebar;background-color:var(--color-primary)}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;--hue-offset: -0deg;--gradient-color-start: hsl( calc(var(--bg-hue) - var(--hue-offset)) var(--bg-sat) calc(var(--bg-lgt) *.9) );--gradient-color-end: hsl( calc(var(--bg-hue) - var(--hue-offset)) var(--bg-sat) calc(var(--bg-lgt) *1.5) );--button-height: 32px;color:#eaeaea;padding:2px 12px;min-height:var(--button-height);max-height:max-content;overflow:hidden;border:1px solid #eee2;box-shadow:-1px 1px 3px #0005;border-radius:calc(var(--button-height) / 4);background:linear-gradient(to bottom right,var(--gradient-color-start),var(--gradient-color-end));cursor:pointer;text-transform:Captialize}button:hover{--hue-offset: 5deg;--bg-lgt: 20%}button:active{--hue-offset: 5deg;--bg-lgt: 10%}label{font-weight:600}fieldset{border:1px solid #fff2}fieldset legend{margin-left:auto;margin-right:auto}.flip-vertical{transform:rotate(180deg)}.input-row{display:flex;flex-direction:row;gap:4px;align-items:center;justify-content:space-between}input[type=text],input[type=password]{background-color:hsl(var(--bg-hue) var(--bg-sat) calc(var(--bg-lgt) * .9));border:1px solid #fff2;border-radius:4px;color:#ababab;margin:0 5px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:hsl(var(--bg-hue) var(--bg-sat) min(90%,max(3%,calc(var(--bg-lgt) - 2%))));height:6px;border-radius:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:hsl(var(--bg-hue) var(--bg-sat) min(90%,max(5%,calc(var(--bg-lgt) - 6%))));border:1px solid #fff2;width:12px;height:12px;border-radius:6px}input[type=range]::-moz-range-thumb{background-color:hsl(var(--bg-hue) var(--bg-sat) min(90%,max(5%,calc(var(--bg-lgt) - 6%))));border:1px solid #fff2;width:12px;height:12px;border-radius:6px}table{border-collapse:collapse;table-layout:fixed}table thead{background-color:#0005}table.alternating tr:nth-child(2n) td{background-color:#0002}table td,table th{text-align:left;border:2px solid #0005;padding:3px 10px;overflow:hidden}table td:first-child,table th:first-child{padding-left:10px;border-left:none}table td:last-child,table th:last-child{text-align:right;padding-right:15px;border-right:none}table td.spad,table th.spad{padding:3px 4px}table th{border-top:none;padding:5px 10px}.card:has(>table,.data-table){padding:0;overflow:hidden;overflow-x:auto}.card:has(>table,.data-table) table{padding:0;margin:0;width:100%;border-radius:8px}table.grid-table{display:grid;grid-template-columns:max-content repeat(var(--columns),minmax(150px,1fr)) max-content;gap:0px;--bg-sat-cur: calc(var(--bg-sat));--bg-lgt-cur: calc(var(--bg-lgt) + 2%);overflow-x:auto;background-color:hsl(var(--bg-hue) var(--bg-sat-cur) var(--bg-lgt-cur));border:1px solid hsl(var(--bg-hue) var(--bg-sat) 6%)}table.grid-table thead,table.grid-table tbody,table.grid-table tr{display:contents}table.grid-table td,table.grid-table th{border:none;border-right:1px solid hsl(var(--bg-hue) var(--bg-sat) 8%);border-bottom:2px solid hsl(var(--bg-hue) var(--bg-sat) 8%)}table.grid-table td:last-child,table.grid-table th:last-child{border-right:none}table.grid-table tr:last-child td,table.grid-table tr:last-child th{border-bottom:none}table.grid-table th{padding-top:5px;background-color:hsl(var(--bg-hue) var(--bg-sat) 10%);line-height:26px}table.grid-table tr td{background-color:hsl(var(--bg-hue) var(--bg-sat) 20%)}table.grid-table.alternating tr:nth-child(2n) td{--bg-lgt: calc(var(--bg-lgt-cur) - 3%);--bg-sat: calc(var(--bg-sat-cur) - 5%);background-color:hsl(var(--bg-hue) var(--bg-sat) var(--bg-lgt))}table.shadow{box-shadow:-2px 2px 4px #0005}.toolbar{position:sticky;top:0;left:0;height:40px;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);margin-top:-20px;margin-left:-30px;margin-right:-30px;display:none;flex-direction:row;justify-content:flex-start;align-items:center;background-color:#0005;padding:8px;gap:8px}.toolbar:has(>*){display:flex}.toolbar .toolbar-item{background-color:#0005;padding:4px;border-radius:4px}.toolbar .toolbar-item label{cursor:pointer}.toolbar.floating{position:sticky;top:unset;margin-top:20px;bottom:40px;left:40px;background-color:#0004;-webkit-backdrop-filter:unset;backdrop-filter:unset;border-radius:12px;width:calc(100% - 40px);border:1px solid hsla(var(--bg-hue),var(--bg-sat),3%,.6);background-color:hsl(var(--bg-hue),var(--bg-sat),8%)}.toolbar .toolbar-item{position:relative;background-color:transparent}.toolbar .toolbar-item .toolbar-menu{z-index:3;position:absolute;bottom:calc(100% + 10px);background-color:hsla(var(--bg-hue),var(--bg-sat),var(--bg-lgt));padding:5px 0;display:flex;flex-direction:column;gap:5px;border:1px solid #fff3;border-radius:4px;box-shadow:4px -4px 5px #0005}.toolbar .toolbar-item .toolbar-menu .toolbar-menu-item{padding:2px 8px;cursor:pointer;white-space:nowrap}.toolbar .toolbar-item .toolbar-menu .toolbar-menu-item:hover{background-color:#fff2}.toolbar .toolbar-item .toolbar-button{border-radius:16px;display:flex;align-items:center;gap:4px}.filter-popup{background-color:#000a;padding:10px;border-radius:8px;display:flex;gap:5px;flex-direction:column;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);min-width:min(100%,250px)}.filter-popup .option-list{overflow-y:auto;max-height:500px;background-color:#0009;padding:8px}
