:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;--body-bg-color: rgb(25,25,30);--body-font-color: rgba(250,250,255,.9);--body-font-color2: rgba(250,250,255,.6);--radius: 4px;--shadow-color: rgba(255,255,255,.1);--menu-bg-color: rgb(35,35,40);--menu-bghover-color: rgb(50,50,55);--menu-bgcontrast-color: rgb(55,55,60);--menu-font-color: #DDD;--menu-fonthover-color: #FFF;--table-top-color: #555;--table-bg-color: #333;--table-font-color: #DDD;--table-font-colorfade: #CCC;--table-font-size: 15px;--button-font-color: #CCC;--button-fonthover-color: #FFF;--separator-color: rgb(65,65,70);--btn-radius: 4px;--btn-text-primary: #fff;--btn-text-secondary: #000;--bg-gray: #444;--bg-gray-hover: #333;--bg-green: rgb(0, 150, 0);--bg-green-hover: rgb(0, 180, 0);--bg-red: rgb(239, 68, 68);--bg-red-hover: rgb(220, 38, 38);--bg-orange: #FFB347;--bg-orange-hover: #ffa000;--bg-blue: rgb(80, 80, 255);--bg-cyan: rgb(0, 125, 125);--bg-magenta: rgb(215, 100, 215);--bg-yellow: rgb(240, 215, 100);--shadow: 0 2px 4px rgba(255,255,255,.1)}@media (prefers-color-scheme: light){:root{--body-bg-color: rgb(247,247,250);--body-font-color: rgba(0,0,0,.9);--body-font-color2: rgba(0,0,0,.6);--shadow-color: rgba(0,0,0,.1);--menu-bg-color: rgb(235,235,238);--menu-bghover-color: rgb(225,225,228);--menu-bgcontrast-color: rgb(210,210,215);--menu-font-color: #444;--menu-fonthover-color: #000;--table-top-color: rgb(215,215,218);--table-bg-color: rgb(235,235,238);--table-font-color: #333;--table-font-colorfade: #666;--button-font-color: #555;--button-fonthover-color: #000;--separator-color: rgb(210,210,215);--btn-text-primary: #000;--bg-gray: rgb(225,225,228);--bg-gray-hover: rgb(200,200,205);--bg-green: rgb(100, 215, 100);--bg-green-hover: rgb(100, 225, 100);--bg-red: rgb(255, 90, 90);--bg-red-hover: rgb(255, 50, 50);--bg-orange: #FFA500;--bg-orange-hover: #e59400;--bg-blue: rgb(180, 180, 240);--bg-cyan: rgb(80, 215, 215);--bg-magenta: rgb(215, 100, 215);--bg-yellow: rgb(240, 215, 100);--shadow: 0 3px 10px rgba(0,0,0,.2)}}.bggray{background-color:var(--bg-gray)}.bggreen{background-color:var(--bg-green)!important}.bgred{background-color:var(--bg-red)!important}.bgblue{background-color:var(--bg-blue)!important}.bgcyan{background-color:var(--bg-cyan)!important}.bgmag{background-color:var(--bg-magenta)!important}.bgyel{background-color:var(--bg-yellow)!important}.status-dot{display:inline-block;width:1rem;height:1rem;border-radius:100%}.hint{font-size:13px;color:var(--body-font-color2)}.m0{margin:0;padding:0}.m10{margin:10px}.mtb10{margin:10px 0}.mlr10{margin:0 10px}.ml20{margin-left:20px}.mt10{margin-top:10px}.mr5{margin-right:5px}.mr10{margin-right:10px}.mt20{margin-top:20px}.mt30{margin-top:30px}.mb10{margin-bottom:10px}.mb20{margin-bottom:20px}.w50{width:50px}.w100{width:100px}.ar{justify-content:right}.sb{justify-content:space-between}.mid{align-items:center}.border{border:1px solid var(--separator-color);border-radius:5px;padding:10px}.nowrap{text-wrap:nowrap}.hidden{display:none}a{display:inline-flex;font-weight:600;color:#646cff;color:var(--menu-font-color);text-decoration:none}button{display:inline-flex;align-items:center;gap:.3rem;text-wrap:nowrap;cursor:pointer;border:none;border-radius:var(--btn-radius);background:none;color:var(--menu-font-color);font-weight:600;transition:background-color .3s ease;padding:5px 8px}button,button *{vertical-align:middle}a:hover,button:hover{color:var(--menu-fonthover-color)}.colorPreview{display:flex;justify-content:space-around;align-items:center;font-size:21px;color:var(--bod);border-radius:4px;cursor:pointer}body,html{margin:0;padding:0}body{background-color:var(--body-bg-color);color:var(--body-font-color)}.center{text-align:center}.right{display:flex;justify-content:right;align-items:end}.stretch{width:100%}h1{font-size:3.2em;line-height:1.1}.app-layout{display:flex;height:100vh}.sidebar{width:300px;background-color:var(--menu-bg-color);position:fixed;z-index:11;display:flex;flex-direction:column;height:100vh}.sidebar>div{display:flex;flex-direction:column;height:100%;padding:20px}.main-area{margin:50px 0 0 300px;position:relative;height:100%;width:100%}.main-area>header{position:fixed;top:0;right:0;width:100%;display:flex;align-items:end;justify-content:flex-end;padding:3px 0;background-color:var(--menu-bg-color);z-index:10}.main-area>header .dropdown{width:auto}.app-content{padding:0 20% 20%;margin:0}.account-menu{border:1px solid red}.submenu{position:absolute;top:100%;left:0;background:var(--menu-bg-color);border-radius:3px;z-index:1;display:flex;flex-direction:column;min-width:200px;width:100%}.submenu .nav-button{padding:10px 0;text-align:left}.adminmenu{display:flex;flex-direction:column;border-right:5px solid var(--bg-red)}.logo-wrapper{display:flex;align-items:center;align-self:center;text-decoration:none}.logo-wrapper>img,.logo-wrapper>svg{height:100px}.logo-wrapper>svg{stroke:none;fill:var(--menu-font-color);transition:fill .3s ease-in-out}.logo-wrapper>.phrase{position:absolute;margin:35px 0 0 32px;font-size:12px;font-weight:700;color:var(--menu-font-color);transition:color .3s ease-in-out}.logo-wrapper:hover svg,.logo-wrapper:hover .phrase{color:var(--menu-fonthover-color);fill:var(--menu-fonthover-color)}.container{display:flex;gap:20px;justify-content:flex-start}.column{display:flex;flex-direction:column}.row{display:flex;flex-direction:row;gap:5px}.middle{align-items:center}.container>div{flex:1;display:flex;flex-direction:column;gap:20px}.container>.wider{flex:1.5}.wrapper{display:flex;align-items:center;justify-content:space-between;gap:1rem}code{display:inline-block;background-color:#1e293b;color:#e8eaec;padding:.75rem 1rem;border-radius:8px;font-family:Source Code Pro,monospace,monospace;white-space:pre-wrap;word-break:break-word;-webkit-user-select:auto;user-select:auto}.tags-container{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.tag{background:var(--bg-gray);border-radius:16px;padding:3px 15px;display:flex;align-items:center;justify-content:center}.tag.all{background:#d1fae5}.remove-tag{display:flex;align-items:center;padding:0 4px;margin:0 0 0 6px;cursor:pointer}.remove-tag svg{stroke:var(--button-font-color)}.remove-tag:hover svg{stroke:var(--button-fonthover-color)}.mobile{display:none}@media (max-width: 1600px){.container{flex-direction:column}.app-content{padding:0 5% 5%}}@media (max-width: 768px){.mobile{display:block}.container{flex-direction:column}footer{display:none}.sidebar{width:100%;display:flex;position:absolute;flex-direction:row;height:auto}.sidebar>div{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:0 20px}.sidebar .logo-wrapper{align-self:center}.sidebar nav{display:flex;justify-content:flex-end}.main-area{margin:70px 10px;position:relative;height:100%;width:100%}.main-area>header{position:absolute;top:0;right:0;width:auto;display:none;justify-content:flex-end;padding:3px 0;background-color:var(--menu-bg-color);z-index:15}.app-content{padding:0}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:999}.modal-content{position:relative;background:var(--body-bg-color);padding:2rem;border-radius:8px;max-width:800px;max-height:90%;width:85%;box-shadow:0 4px 6px #0000001a,0 10px 20px #0003}.modal-content>h2{margin:0 0 10px;padding:0}.modal-content>.close{position:absolute;top:3px;right:3px}.nav-links{margin-top:30px;display:flex;gap:5px;vertical-align:middle;flex-direction:column}.nav-links a,.nav-links button,.nav-button{font-size:16px;padding:8px 0;text-indent:10px;width:100%}.mobile-button{display:none;background-color:transparent;padding:5px}.nav-links .mobile-button{display:none;justify-content:space-around;border-bottom:2px solid var(--separator-color)}.nav-links .mobile-button>div{display:flex;align-items:center}.nav-button svg{transition:fill 1s ease}.nav-button>div svg{margin:0 10px 0 0;stroke:var(--menu-font-color);fill:var(--menu-font-color);width:20px;height:20px}.nav-button>svg{margin:0 10px;stroke:var(--menu-font-color)}.nav-links button:hover,.nav-button:hover{background-color:var(--menu-bghover-color);color:var(--menu-fonthover-color)}.nav-button:hover svg{stroke:var(--menu-fonthover-color);fill:var(--menu-fonthover-color)}.dropdown-content{display:flex;flex-direction:column;margin:5px 0 0 20px;border-left:2px solid var(--separator-color);border-radius:5px}.mobile .dropdown-content,header .dropdown-content{position:absolute;right:0;margin:10px;padding:10px;background-color:var(--menu-bgcontrast-color);border:none;border-radius:5px;box-shadow:-2px 0 5px #0000001a}.dropdown-content>button,.dropdown-content>.nav-button{padding:5px 0}@media (max-width: 768px){.mobile-button,.nav-links .mobile-button{display:flex}.nav-links{display:none;position:absolute;top:-30px;right:0;width:50%;height:auto;background-color:var(--menu-bg-color);box-shadow:-2px 0 5px #0000001a;border-radius:0 0 0 10px;z-index:10;flex-direction:column;padding:3%;border:1px solid var(--menu-bghover-color)}.nav-links.open{display:flex}}.user-info-block{display:flex;align-items:center;gap:.2rem;padding:0 10px}.user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.user-details{display:flex;flex-direction:column}.user-name{font-weight:700}.user-email{font-size:.875rem;color:#666}.widget{min-width:300px;padding:10px;border:1px solid var(--table-top-color);border-radius:5px}.widget h2{font-size:1.5rem;font-weight:600;margin:0;color:var(--table-font-color)}.widget .image-wrapper{width:100%;height:180px;margin-top:20px}.widget .image{width:100%;height:100%;object-fit:cover;display:block}.widget .image-fallback{width:100%;height:100%;background-color:var(--table-bg-color);color:var(--table-font-colorfade);display:flex;align-items:center;justify-content:center;font-weight:700;border-radius:5px}.widget .wrapper{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;align-items:flex-start}.widget>.row{display:flex;justify-content:space-between;gap:2px;align-items:flex-start;margin-bottom:3px}.widget>.row>button,.widget>.row>a{font-size:15px;font-weight:600;color:var(--button-font-color);padding:5px}.widget>.row>button:hover,.widget>.row>a:hover{color:var(--button-fonthover-color)}.widget>.row>span{color:var(--table-font-colorfade)}.widget>.row>span:first-of-type{text-wrap:nowrap;font-weight:500;color:var(--table-font-color)}.widget>.row>.item{width:40%;padding:5px 10px;background-color:var(--table-bg-color);border-radius:0 5px 5px 0}.widget>.row>.item:first-of-type{width:60%;border-radius:5px 0 0 5px}.widget>.row:hover>.item{background-color:var(--table-top-color);cursor:pointer}@media (max-width: 768px){.widget{width:auto}}.table{display:table;width:100%;background-color:var(--table-bg-color);border-radius:5px;overflow:hidden;color:var(--table-font-color);font-size:var(--table-font-size)}.table>.header{display:table-row;background-color:var(--table-top-color)}.table>.header .cell-actions,.table>.header .cell{display:table-cell;padding:10px;font-weight:700;border-bottom:1px solid var(--table-bg-color)}.table>.row{display:table-row;transition:background-color .2s ease}.table>.row:hover{background-color:var(--table-top-color)}.table>.row .cell-actions,.table>.row .cell-center,.table>.row .cell{display:table-cell;padding:3px 10px;border-bottom:1px solid var(--table-top-color);border-right:1px solid var(--table-top-color);vertical-align:middle;cursor:pointer}.table>.row .cell-center{justify-content:space-around;text-align:center}.table>.header .cell-actions,.table>.row .cell-actions{width:1%;white-space:nowrap}.table span,.table .tag,.table .status{text-wrap:nowrap;text-align:center;text-decoration:none;font-weight:600;font-size:var(--table-font-size);color:var(--table-font-color);transition:background-color .3s ease;vertical-align:middle;padding:3px 10px;margin:0 3px}.table .button,.table button{margin:3px}.form-container{display:flex}.form-status{color:var(--btn-text-secondary);background-color:var(--bg-red);padding:5px 10px;border-radius:3px;font-size:14px;font-weight:700;margin-bottom:10px}.form-container>span,.form-container label{text-wrap:nowrap;text-indent:3px;font-weight:600;padding:3px 0;margin:0;-webkit-user-select:none;user-select:none}.form-value,.form-container select,.form-container textarea,.form-container input{display:block;padding:12px;background-color:var(--table-bg-color);box-sizing:border-box;border-radius:var(--btn-radius);font-size:15px;transition:background-color .3s ease}.form-container .inline{display:inline-flex;gap:10px;text-wrap:nowrap}.form-container .inline input{margin:0;padding:0;width:20px}.form-container select:hover,.form-container textarea:hover,.form-container input:hover{background-color:var(--table-top-color);color:var(--table-font-color)}.form-container select option{margin:0;padding:0}input,textarea,select{font-family:Arial;margin:1px;border:1px solid var(--separator-color);transition:background-color .2s ease}label:first-child{width:100%}input:focus,textarea:focus,select:focus{outline:none}input[type=text],input[type=date],textarea,select{width:100%}.form-group{align-items:center;padding:.5rem;gap:20px;border-top:1px solid var(--separator-color)}.form-value,.form-group input,.form-group select{flex:1}.group{display:flex;gap:20px;padding:.5rem;border-top:1px solid var(--separator-color)}.group>div{width:50%}.group .imagebox{display:flex;justify-content:space-around;align-items:center;border:1px solid var(--separator-color);border-radius:5px}.group .imagebox>img{width:100px;height:auto}.placeholder{color:var(--bg-gray);font-size:21px;text-wrap:nowrap;align-content:center}input.hidden{display:none}.checkbox-wrapper{display:flex;flex-direction:column;align-items:center}.checkbox-wrapper>input[type=checkbox]{display:block;width:24px;height:24px;accent-color:var(--table-font-color);cursor:pointer;margin:10px}input[type=checkbox]{display:block;width:24px;height:24px;accent-color:var(--table-font-color);cursor:pointer;margin:0;padding:0;border:1px solid blue}button.copy:hover,button.save,button.add{background-color:var(--bg-gray)}button.add:hover,button.save:hover{background-color:var(--bg-green-hover)}button.continue{color:var(--btn-text-secondary);background-color:var(--bg-orange)}button.continue:hover{background-color:var(--bg-orange-hover)}button.toggle,button.verify,button.restore,button.delete,button.edit,button.close{background-color:var(--bg-gray)}button.toggle:hover,button.close:hover{background-color:var(--bg-gray-hover)}button.edit:hover{background-color:var(--bg-orange-hover)}button.delete:hover{background-color:var(--bg-red-hover)}button.restore:hover,button.verify:hover{background-color:var(--bg-green-hover)}button:disabled,button:disabled:hover{opacity:.5;background-color:var(--bg-gray)}.separator,.v-separator{display:inline-block;vertical-align:middle;min-height:20px;width:1px;background-color:var(--separator-color)}.h-separator{display:inline-block;vertical-align:middle;min-width:20px;height:1px;background-color:var(--separator-color);margin:5px 0}@media (max-width: 768px){.separator{min-width:20px;min-height:1px;width:250px;height:1px;margin:5px 3%}}.dropdown{display:block;position:relative;width:100%}.dropdown-selected{border:1px solid var(--separator-color);border-radius:var(--btn-radius);padding:9px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;background:var(--table-bg-color)}.arrow svg{margin-left:10px;fill:var(--table-font-color)}.dropdown-list{position:absolute;top:100%;left:0;margin-top:1px;width:auto;border:1px solid var(--separator-color);border-radius:var(--btn-radius);border-top:none;background:var(--table-bg-color);max-height:600px;overflow-y:auto;z-index:100;box-shadow:var(--shadow)}.dropdown-item{display:flex;align-items:center;padding:4px 10px;cursor:pointer;color:var(--table-font-color)}.dropdown-item svg{fill:var(--table-top-color)}.dropdown-item:hover,.dropdown-item:hover svg{background:var(--table-top-color);fill:var(--table-font-colorfade);color:var(--table-fonthover-color)}.dropdown-item.selected,.dropdown-item.selected svg{background:var(--table-top-color);fill:var(--table-font-color);color:var(--table-fonthover-color)}.kb-table{width:100%;border-collapse:collapse}.kb-table th,.kb-table td{border:1px solid #ddd;padding:6px 12px;text-align:left}.kb-table th{background-color:#f7f7f7}.kb-empty{padding:12px;opacity:.7;text-align:center}.kb .section{padding:5px;margin:1rem 0;border:2px dashed var(--bg-gray);border-radius:var(--radius) var(--radius) var(--radius) 0}.kb .section .header{display:flex;flex-direction:row;gap:5px;background:var(--bg-gray);border-radius:var(--radius);padding:5px}.kb .section .header .tag{background-color:var(--bg-green);border-radius:var(--radius);font-weight:700;text-wrap:nowrap}.kb .section .label{display:flex;gap:5px;align-items:center;padding:5px 8px;font-weight:700;text-transform:capitalize;width:100%;border-bottom:1px solid var(--separator-color)}.kb .section .label select{padding:2px;margin:2px 0 0;width:auto}.kb .section .tab{position:absolute;margin-top:-52.5px;margin-left:-167px;padding:5px;border:2px dashed var(--bg-gray);border-right:none;border-radius:var(--radius) 0 0 var(--radius)}.kb .section:hover,.kb .section:hover .tab{border-color:var(--bg-green)}.kb .section .delete{padding:5px;margin:1px 5px;align-self:center}.kb .blockHeader{cursor:grab;margin-bottom:5px}.kb .block:hover .tag{background-color:var(--bg-green)}.kb .section .blocks-container{display:flex;gap:.5em;flex-wrap:wrap}.kb .block{flex:1 1 49%;margin:5px 0 0;border:1px solid var(--bg-gray);border-radius:var(--radius)}.kb .block.dragging{opacity:.8;z-index:999;border:1px dashed var(--bg-green);background:var(--table-bg-color)}.kb .align-left{flex:1 0 49%}.kb .align-right{flex:0 1 49%;margin-left:auto}.kb .align-full{flex:100%}.kb .image-wrapper{display:flex;gap:1rem;border:1px solid var(--bg-gray);padding:8px;margin:.5rem 0;border-radius:var(--radius);align-items:start}.kb .image-wrapper img{width:auto;height:100px;border-radius:var(--radius);object-fit:cover}.editor-container .toolbar{display:flex;gap:5px;padding:5px 0;border-radius:var(--radius)}.editor-container button{background:var(--menu-bg-color)}.editor-container button:hover{background:var(--menu-bgcontrast-color)}.editor-container .content{padding:0 10px;border:2px solid var(--menu-bg-color);border-radius:var(--radius)}.kb textarea{min-height:60px}@media (max-width: 1600px){.kb .section .tab{position:relative;margin-top:0;margin-left:0;border:none}}