@layer bk-default { *{margin: 0;padding: 0;box-sizing: border-box;}html,body{height: 100%;width: 100%;font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;}#blazor-error-ui {color-scheme: light only;background: lightyellow;bottom: 0;box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);box-sizing: border-box;display: none;left: 0;padding: 0.6rem 1.25rem 0.7rem 1.25rem;position: fixed;width: 100%;z-index: 1000;}#blazor-error-ui .dismiss {cursor: pointer;position: absolute;right: 0.75rem;top: 0.5rem;} }
@layer bk-default {  }
@layer bk-layout { .bk-left-panel{grid-area: aside-left;button{svg{transform: rotate(180deg);}}}.bk-right-panel{grid-area: aside-right;}.bk-aside{min-width: 200px;display: flex;flex-direction: column;transition: width 0.5s ease;--hover-color:color-mix(in oklch, var(--accent), transparent 70%);ul{display: flex;flex-direction: column;list-style: none;padding: 0;margin: 0;li:hover{background-color: var(--hover-color);}}.bk-page-link{display: flex;align-items: center;padding: 1ch;text-decoration: none;color: currentColor;height: 3rem;.bk-page-link-icon{width:50px ;display: grid;place-items: center;}p{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;flex: 1;width: 100%;}svg{height: 30px;width: 30px;fill: currentColor;}i{font-size: 30px;}}.bk-panel-content{flex: 1;}.bk-panel-menu{display: flex;justify-content: center;padding: 0.5ch;height: 3rem;button{background-color: transparent;border: none;}svg{height: 1.5rem;width: 1.5rem;fill: currentColor;transition: rotate 0.5s ease;}}}.bk-aside:has(.bk-panel-collapsed){min-width: 70px;li:hover{background-color: var(--hover-color);}.bk-page-link{display: flex;flex-direction: column;align-items: center;padding: 1ch;text-decoration: none;color: currentColor;height: auto;p{width: 100%;font-size: 0.6rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-align: center;}}button.bk-panel-collapsed{svg{transform: rotate(180deg);}}} }
@layer bk-layout { .bk-header{display: flex;align-items: stretch;justify-content: space-between;z-index: 1000;grid-area: header;nav{display: flex;flex: 1;padding: 0;margin: 0;}nav ul{flex: 1;display: flex;list-style: none;margin: 0;padding: 0;height: 100%;&:before{content: "";flex: 3;display: block;}}.bk-header-menu-item{display: flex;container-type: inline-size;flex: 2;max-width:max-content;min-width:200px;a{flex: 1;display: flex;align-items: center;justify-content: center;gap: 1ch;padding: 1ch;color: currentColor;text-decoration: none;container-type: inline-size;width: max(150px, 100%);svg{height: 3ch;width: 3ch;}.bk-page-link-icon{display: flex;align-items: flex-start;}p{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}}}.bk-theme-switcher-button{flex: 0;display: flex;align-items: center;justify-content: center;width: 80px;button{background-color: transparent;color: currentColor;cursor: pointer;flex: 1;width: fit-content;padding:0 1rem;border:none;svg{width: 24px;height: 24px;fill: currentColor;}}}.bk-dropdown-menu{position: relative;flex: 2.5;a{display: flex;align-items: center;justify-content: center;gap: 1ch;flex-wrap: nowrap;width: min-content;text-wrap: nowrap;p{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}}ul{display: none;}.bk-dropdown-list{height: 0;overflow: hidden;transition: height 3s ease;}&:hover .bk-dropdown-list{display: block;position: absolute;top: 100%;left: 0;right: 0;width: max(200px, 100%);color: currentColor;list-style: none;padding: 0;margin: 0;gap: 1ch;height: auto;z-index: 100;.bk-dropdown-menu-item{display: flex;align-items: center;justify-content: flex-start;a{width: 100%;display: flex;justify-content: flex-start;padding: 1ch;}}}}li:empty{display: none;}} }
@layer bk-layout { .bk-footer{grid-area: footer;display: flex;justify-content: center;align-items: center;height: 3rem;gap:1rem;min-height: 50px;ul{display: flex;list-style: none;padding: 0;margin: 0;}.bk-page-link{display: flex;align-items: center;padding: 1ch;gap: 1ch;text-decoration: none;color: currentColor;height: 3rem;p{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;flex: 1;width: 100%;text-align: center;}svg{height: 30px;width: 30px;fill: currentColor;}i{font-size: 30px;}}} }
@layer bk-layout { .bk-page{grid-area: main;height: 100%;width: 100%;overflow-y: auto;.bk-page-content{height: 100%;width: 100%;}}.bk-page-content{counter-reset: placeholders;}.bk-component-area:has(.bk-placeholder){counter-increment: placeholders;display: grid;place-items: center;height: 100%;width: 100%;container-type: size;}.bk-placeholder h3:before{content:"<"counter(placeholders)">";font-size: calc(1rem + 5cqw + 5cqh);font-weight: bold;color:transparent;background:linear-gradient(90deg,color-mix(in oklch,orange,red 70%),color-mix(in oklch,orange,blue 70%)) ;background-clip: text;} }
@layer bk-layout { .bk-layout{height: 100%;width: 100%;overflow: hidden;display: grid;grid-template-areas:"header     header     header""aside-left page-title-bar page-title-bar""aside-left   main      aside-right""aside-left   footer     aside-right";grid-template-rows: min-content min-content 1fr min-content;grid-template-columns:min-content 1fr min-content;}.bk-layout .bk-layout{grid-area: main;.bk-layout-content{grid-area: main;}.bk-page-placeholder{overflow:hidden;display:grid;grid-template-rows: min-content 1fr;grid-template-areas: 'page-title-bar' 'main';gap:1ch;}} }
@layer bk-layout { .bk-container{width: 100%;height: 100%;container-type: size;.bk-component-area{height:100%;width:100%;container-type: size;}} }
@layer bk-components { .bk-alert{padding: 1ch;text-wrap: balance;line-height: 1.1rem;max-width: 400px;text-align: center;border-radius: 1ch;margin: 1ch;}.bk-alert-error{background-color: red;color: white;}.bk-alert-danger{background-color: tomato;color: white;}.bk-alert-success{background-color: green;color: white;}.bk-alert-warning{background-color: orange;color: white;}.bk-access-denied{svg{fill:red;height: 100px;width: 100px;margin: auto;}.bk-page-container-content{display: grid;place-items: center;gap:1rem;}a{text-decoration: none;color: white;background-color: green;padding: 1ch 5ch;}}.bk-auth{display: flex;flex-direction: column;height: 100%;--color-gradient: linear-gradient(90deg, rebeccapurple, orangered,green);.bk-section-header{padding: 1rem;display: flex;align-items: center;svg{height: 2.5rem;width: 2.5rem;}h1{text-indent: 1rem;font-size: 3rem;color: currentColor;flex: 1;text-align: left;}.bk-menu{display: flex;align-items: center;gap: 1rem;a{padding: 1rem;color: var(--fc);font-size: 1.1rem;text-decoration: none;border-radius: 0.5rem;transition: background-color 0.3s;&:hover{color: var(--fc);}}}}.bk-section-body{flex: 1;display: flex;flex-direction: column;justify-content: center;align-items: center;padding-bottom: min(4rem,4%);.bk-application-name{display: block;padding: 1rem;color: var(--accent);text-align: center;}.bk-centered{width: 40svw;flex-direction: column;}h2{padding: 3rem 0;text-wrap: balance;text-align: center;line-height: min(3rem,3%);strong{}}form{width: min(600px, 100%);}.bk-form-commands{display: flex;align-items: center;justify-content: space-around;gap:1rem;button{min-width: 6rem;height: 2rem;display: flex;justify-content: center;align-items: center;border-radius: 1ch;}.bk-btn-cancel{background-color: green;color: white;border: none;width: 150px;}.bk-btn-submit{background-color: goldenrod;color: black;border: none;width: 150px;}}}.bk-field-box{display: flex;flex-direction: column;gap: 0.5rem;padding: 1ch;label{font-size: 1.1rem;}input{padding: 0.5rem;font-size: 1.1rem;border: 1px solid var(--border-color);border-radius: 0.5rem;}input[type="checkbox"]{zoom: 1.6;}label:has(input[type="checkbox"]){display: flex;align-items: center;gap:1ch;padding: 1ch;}}}.bk-login-page{h1{background: var(--color-gradient);background-clip: text;font-size: 3rem;color: transparent;text-align: center;}p{text-align: center;}.bk-login-page-content{display: flex;align-items: center;flex-direction: column;width: min(600px, 100%);}.login-page-message{padding: 1rem;}.bk-login-form-section{display: grid;gap:1rem;padding: 1rem;min-width: min(600px, 100%);}.bk-login-form{min-width: min(600px, 100%);}.bk-edit-fields{display: grid;gap:1rem;padding: 1rem;min-width: min(600px, 100%);}.bk-external-login-buttons,form:has(.bk-login-providers){all: unset;width: min(30ch,100%);}.bk-login-providers{display: grid;gap: 1rem;padding: 1rem;place-items: center;width: 30ch;button{padding: 1ch;width: 100%;display: flex;align-items: center;gap: 1ch;}}}.bk-register-page{.bk-section-body{display: flex;align-items: center;justify-content: center;flex-direction: column;h1{background: var(--color-gradient);background-clip: text;font-size: 3rem;color: transparent;text-align: center;}p{text-align: center;}}.register-page-message{padding: 1rem;}.bk-register-form-section{width: min(400px, 100%);}.bk-form-editors{display: grid;gap:1rem;padding: 1rem;}}.bk-forgot-password-page{.bk-section-body h1{background: var(--color-gradient);background-clip: text;font-size: 2rem;color: transparent;text-align: center;padding: 2rem 0;}.bk-field-box{display: grid;input{padding: 1ch;}}}.bk-forgot-password-confirmation-page{h1{padding: 2rem 0;}p{text-wrap: balance;text-align: center;line-height: 2rem;}}.bk-reset-password-page{form{min-width: 500px;}}.admin-dashboard{height: 100%;width: 100%;display: flex;flex-direction: column;position: relative;header{background-color: var(--bg-level-3);display: flex;align-items: center;justify-content: space-between;padding: 1ch;}table{width: 100%;border-collapse: collapse;th{padding: 1ch;text-align: left;background-color: var(--bg-level-1);border: 1px solid var(--border-color);}td{padding: 1ch;border: 1px solid var(--border-color);button{padding: 1ch;width: 100%;}}}.bk-paginator{background-color: var(--bg-level-1);}.bk-admin-roles-dialog{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);min-width: 700px;min-height: 300px;display: flex;flex-direction: column;border-color: var(--border-color);outline: 3000px solid rgba(0,0,0,0.5);header{display: flex;align-items: center;justify-content: flex-start;background-color: var(--bg-level-1);strong{color: var(--accent);display: inline-block;padding: 1ch;font-size: 1.2rem;}}section{padding: 1rem;display: grid;grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));flex: 1;height: 100%;}footer{padding: 1rem;display: flex;align-items: center;justify-content: center;background-color: var(--bg-level-1);button{padding: 1ch;}}}}.bk-logout-title strong{color: green;text-decoration: underline;}.bk-logout-options{display: flex;gap: 3rem;align-items: center;justify-content: center;font-size: 0.8rem;.bk-logout-home{display: inline-block;padding: 2ch;width: 200px;background-color: light-dark(salmon,tomato);text-align: center;border-radius: 1ch;}.bk-logout-login{padding: 2ch;width: 200px;background-color: light-dark(lightgreen,green);;border: none;text-align: center;cursor: pointer;border-radius: 1ch;}} }
@layer bk-components { .bk-card-view{display:grid;grid-template-rows: min-content 1fr min-content;height: 100%;.bk-section-header{padding: 1ch;display: flex;align-items: center;justify-content: space-between;}.bk-section-body{display: flex;flex-direction: column;gap: 1ch;padding: 1ch;overflow-y: auto;height: 100%;}.bk-section-footer{padding: 1ch;display: flex;justify-content: space-between;align-items: center;button{background-color: transparent;border: none;cursor: pointer;line-height: 1;svg{height: 20px;width: 20px;fill: currentColor;}}}}.bk-search-group{display: flex;gap: 1ch;align-items: center;justify-content: space-between;label{font-size: 0.8rem;&:after{content: ":";}}.bk-search-input{padding:0.5ch 1ch;border-radius: 1ch;width: 30ch;}} }
@layer bk-components { .bk-detail-view{height: 100%;width: 100%;display: flex;flex-direction: column;.bk-detail-view-header{display: flex;flex: 0;padding: 1ch;gap: 1ch;align-items: center;justify-content: space-between;h2{margin: 0;}}.bk-detail-view-body{flex: 1;height: 100%;width: 100%;container-type: size;display: flex;overflow-y: auto;justify-content: center;align-items: center;dl{height: 100%;width: 100%;overflow-y: auto;padding: 1rem;.bk-detail-view-item{display: grid;dt{padding: 1ch;font-size: 0.8rem;}dd{padding: 1ch;font-size: 1.1rem;}}.bk-detail-view-item:has(.bk-view-image){border:none;display: flex;justify-content: center;.bk-view-image{margin: auto;}}.bk-view-complex-type{display: flex;flex-wrap: wrap;gap: 1rem;padding: 1rem;margin: 1rem 0;}}dl:has(.bk-view-image){display: flex;flex-direction: column;.bk-detail-view-item{width: auto;}.bk-view-complex-type{display: grid;grid-template-columns: 1fr 1fr;gap: 1rem;padding: 1rem;}}}} }
@layer bk-components { .bk-form{display: flex;flex-direction: column;margin: auto;height: 100%;.bk-section{height: 100%;display: flex;flex-direction: column;.bk-section-body{flex: 1;height: 100%;display: flex;overflow-y: auto;}}h3{padding: 1ch;}.bk-form-body{padding: 1rem;flex: 1;display: flex;flex-direction: column;justify-content: center;margin: auto;height: 100%;overflow-y: auto;.bk-form-sections{flex: 1;max-width: 100%;}.bk-form-sections:empty{display: none;}}.bk-field-box{width: 100%;display: flex;flex-direction: column;margin: auto;input,select,textarea{width: 100%;padding: 1ch;border-radius: 0.2rem;border:1px solid gray;}select, input:not([type="checkbox"]):not([type="radio"]){height: 2rem;}textarea{min-height: 15ch;field-sizing:content;}label{font-size: 0.8rem;padding: 0.5ch;}&:has(textarea){grid-column: 1/-1;}&:has([required]){label:after{content: '*';}}}.bk-form-commands{display: flex;align-items: center;justify-content: space-evenly;padding: 1rem 2rem;gap: 1rem;width: 100%;button{padding: 1ch;width: 25ch;max-width: 40ch;justify-self: center;border: none;border-radius: 1ch;cursor: pointer;&:hover{filter: brightness(1.2);}}@container (width<55ch){grid-template-columns: 1fr;button{width: 100%;}}}.bk-form-fields .bk-centered{display: flex;justify-content: center;align-items: center;flex-direction: column;gap:1rem;}.bk-form-fields{--width:40ch;--field-size:min(40ch, 100%);--columns:1;&:has(.bk-field-box:nth-of-type(4)){--width: calc(var(--field-size) * 3);}&:has(.bk-field-box:nth-of-type(9)){--width: calc(var(--field-size) * 4);}&:has(.bk-field-box:nth-of-type(12)){--width: calc(var(--field-size) * 5);}&:has(.bk-field-box:nth-of-type(15)){--width: calc(var(--field-size) * 6);}--max-width:var(--width);&:has(.bk-field-box){--max-width: calc(var(--width) + var(--field-size));.bk-field-box{}}&:has(.bk-image-box){--max-width: calc(var(--width) + var(--field-size));.bk-image-box{}}width: min(var(--max-width),80%);display: grid;grid-template-columns: repeat(auto-fill,minmax(var(--field-size), 1fr));grid-auto-rows: min-content;gap:2rem;padding: 2rem;margin: auto;border-radius: 1ch;}.bk-fieldset{width: 100%;display: grid;grid-template-columns: 1fr 1fr;padding: 1rem;gap: 1rem;grid-column: 1/-1;}.bk-image-box{margin: auto;grid-column: 1/-1;}.bk-field-box:has(input[type="checkbox"]){label{display: flex;gap:1ch;align-items: center;input{width: auto;margin: 0;zoom: 1.5;}}}} }
@layer bk-components { .bk-grid-view-container{width: 100%;height: 100%;container-type: inline-size;padding: 1rem;display: flex;flex-direction: column;}.bk-table-container{display: grid;align-items: flex-start;}table.bk-table{border-collapse: collapse;--th-height: 50px;--td-height: 40px;border-color: transparent;position: relative;z-index: 11;table-layout: fixed;max-width: 100%;td,th{max-width: 100%;}th{height: var(--td-height);position: relative;.bk-gv-new{width: 100%;height: var(--th-height);gap:1ch;}.bk-gv-header-cell-content{display: flex;.bk-gv-filter-buttons{flex: 1;display: flex;button{background-color: transparent;border: none;cursor: pointer;height: var(--th-height);text-align: left;display: flex;align-items: center;gap:1ch;padding: 0;line-height: 1;width: 100%;span{display: flex;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;flex: 1;max-width: 100%;}svg{height: 20px;width: 20px;fill: currentColor;}}.bk-btn-sort{flex: 1;}.bk-btn-filter{width: 30px;justify-content: center;}}}}th.bk-link-column{width: min(170px, 100%);}td{height: var(--td-height);padding: 0 1ch;p{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}.bk-default-value{width: 100%;word-wrap: anywhere;}}.bk-link-column{a{display: flex;align-items: center;gap: 1ch;text-decoration: none;padding:0 1ch;width: 100%;p{flex: 1;}}}.bk-command-column{padding: 0;width: 160px;.bk-row-actions{display: flex;justify-content: stretch;}}}.bk-grid-view-toolbar{display: flex;align-items: center;justify-content: space-between;padding: 1ch 1rem;border: none;button{background-color: transparent;border: none;}}.bk-paginator{display: flex;align-items: center;justify-content: space-between;padding:1ch 1rem;.bk-page-nav{display: flex;align-items: center;justify-content: center;button{background-color: transparent;border:none;line-height: 1;svg{width: 30px;height: 30px;fill: currentColor;}}input[type="number"]{width: 50px;text-align: center;background-color: transparent;border: none;}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}input[type="number"] {-moz-appearance: textfield;}input[type="number"]::-ms-clear {display: none;}}.bk-page-size{select{width: 80px;text-align: center;padding:3px 1ch;border: none;}}}.bk-filter-form{overflow: hidden;position: absolute;display: flex;flex-direction: column;top:100%;z-index: 100;width: clamp(150px, 100%, 250px);border:1px solid var(--border-color);input:not([type="checkbox"]){padding: .5ch;width: 90%;max-width: 30em;margin: auto;}button{text-align: center;padding:2px 0.5ch;display: block;font-size: 0.7rem;border-radius: 0.2rem;border: none;cursor: pointer;}label{font-size: 0.7rem;padding: 1ch;}.bk-filter-form-commands{height: 30px;display: flex;justify-content: center;align-items: center;gap:1ch;border:1px solid var(--border-color);background-color: var(--bg);button{flex: 1;margin: 0;display: flex;align-items: center;justify-content: center;padding: 1ch;&:hover{background-color: var(--accent);color: var(--accent-text);}}}.bk-filter-form-content{padding: 1ch;}.bk-filter-form-content:has(.bk-filter-items){max-height: 300px;overflow-y: auto;}.bk-bool-filters{display: grid;}}.bk-filter-items{flex: 1;.bk-filter-item{display: flex;align-items: center;gap: 0.5ch;padding: 0.5ch;cursor: pointer;overflow: hidden;&:hover{background-color: var(--accent);color: var(--accent-text);}input[type="checkbox"]{zoom: 1.5;}label{flex: 1;display: flex;align-items: center;gap: 1ch;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}}}.bk-table-no-items{display: flex;align-items: center;justify-content: center;height: 100px;font-size: 0.9rem;font-weight: bold;opacity: 0.6;}.bk-btn-gv{display: flex;align-items: center;justify-content: center;flex: 1;background-color: transparent;border: none;cursor: pointer;padding: 0 3px;gap: 1ch;height: var(--td-height);svg{width: 1rem;height: 1rem;fill: currentColor;}span{font-size: 0.7rem;}} }
@layer bk-components { .bk-mtm--editor{display: flex;flex-direction: column;height: calc(100% - 4ch);overflow: hidden;margin: 2ch;header{padding: 2ch;h3{text-align: center;}}input[type="search"]{padding: 1ch;margin: 1ch;border-radius: 1ch;border: none;}.bk-mtm-editor-body{display: grid;grid-template-columns: 1fr 200px 1fr;grid-template-rows: 1fr;padding: 1rem;gap:1rem;flex: 1;height: 100%;overflow: hidden;.bk-mtm-items-container{display: flex;flex-direction: column;height: 100%;overflow: hidden;padding: 1ch;.bk-mtm-items{flex: 1;overflow-y: auto;height: 100%;display: flex;flex-direction: column;counter-reset: item;gap: 1ch;}}.bk-mtm-commands{display: flex;flex-direction: column;gap: 1rem;justify-content: center;align-items: center;button{background-color: transparent;border: none;cursor: pointer;}svg{height: 4rem;width: 4rem;}}}.bk-mtm-item span{display: block;padding: 2ch;cursor: pointer;&::before{counter-increment: item;content: counter(item) ". ";margin-right: 1ch;}}.bk-mtm-total, .bk-items-title{padding: 1ch;text-align: left;margin: 0;}} }
@layer bk-components { .bk-page-link-menu{display: flex;list-style: none;flex: 1;height: 100%;width: 100%;container-type: size;.bk-page-link-menu-link{height: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 1ch;padding: 0 1rem;color: currentColor;text-decoration: none;cursor: pointer;span{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;}@container (width>0) {width: 100cqw;height: 100cqh;span{font-size: calc(0.5rem + 2cqw + 2cqh);}--icon-size: min(5rem,calc(1rem + 10cqw + 10cqh));svg{width: var(--icon-size);height: var(--icon-size);fill: currentColor;}i{font-size: var(--icon-size);}}}} }
@layer bk-components { #bk-custom-popup {--popup-header-color:lightgray;--popup-body-color:white;--popup-footer-color:darkgray;--popup-text-color:black;position: absolute;bottom: 20px;right: 20px;width: 350px;padding: 0;border-radius: 5px;box-shadow: 0 3px 10px black;z-index: 9999;isolation: isolate;display: flex;flex-direction: column;}#bk-custom-popup .bk-card-header {padding: 1rem;display: flex;align-items: center;gap:1rem;background-color: var(--popup-header-color);color: var(--popup-text-color);}#bk-custom-popup .bk-card-header i {margin-right: 5px;font-size: 40px;}#bk-custom-popup .bk-card-body {padding: 1rem;display: flex;align-items: center;justify-content: center;background-color: var(--popup-body-color);color: var(--popup-text-color);.bk-card-body-text{width: 300px;text-wrap: balance;text-align: center;padding: 5px;line-height: 1.5;color: currentColor;}}#bk-custom-popup .bk-card-footer {padding: 0;text-align: right;display: flex;flex-direction: column;background-color: var(--popup-footer-color);color: var(--popup-text-color);height: 30px;button{background-color: transparent;border: none;padding: 1ch;font-size: 0.8rem;color: currentColor;flex: 1;}}#bk-custom-popup .bk-progress-bar{background-color: var(--accent);height: 5px;width: 350px;}#bk-custom-popup .bk-popup-success {color: #3c763d;background-color: rgba(60, 118, 61, 0.53);border-color: #d6e9c6;}#bk-custom-popup .bk-popup-error {color: #a94442;background-color: red;border-color: #ebccd1;}#bk-custom-popup .bk-popup-warning {color: #8a6d3b;background-color:orange;border-color: #faebcc;}#bk-custom-popup .bk-popup-info {color: #31708f;background-color: #d9edf7;border-color: #bce8f1;}#bk-custom-popup .bk-warning-icon{width: 30px;height: 30px;background-color: orange;display: inline-block;border-radius: 50%;}#bk-custom-popup .bk-error-icon{width: 30px;height: 30px;background-color: tomato;display: inline-block;border-radius: 50%;}#bk-custom-popup .bk-success-icon{width: 30px;height: 30px;background-color: green;display: inline-block;border-radius: 50%;}.bk-confirmation-modal{position: fixed;top: 0; left: 0;width: 100vw;height: 100vh;background: rgba(0, 0, 0, 0.5);display: flex;flex-direction: column;align-items: center;justify-content: center;z-index: 10000;.bk-confirmation{min-width: min(500px,90svw);}.bk-confirmation-header{background-color: var(--bg-level-3);color:var(--fc);h3{padding: 1ch;}}.bk-confirmation-body{background-color: var(--bg-level-1);color:var(--accent);padding: 2rem 1ch;p{text-align: center;text-wrap: balance;}}.bk-confirmation-footer{background-color: var(--bg-level-3);color:var(--accent);display: flex;justify-content: space-around;padding: 1rem;button{background-color: var(--bg);border: none;padding: 1ch;border-radius: 1ch;display: flex;align-items: center;justify-content: center;cursor: pointer;gap:1ch;min-width: 15ch;span{font-size: 1.2rem;color: var(--fc);}&:hover{filter: brightness(1.2);background-color: var(--bg-level-1);}}#confirm-yes svg{fill: green;}#confirm-no svg{fill: red;}svg{height: 2rem;width: 2rem;fill: currentColor;}}} }
@layer bk-components { .bk-page-title-bar{grid-area: page-title-bar;display: flex;align-items: center;padding: 5px;width: 100%;h2{font-size: 1.2rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 100%;}p{font-size: 0.8rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 100%;}.bk-page-back{width: 50px;button{background-color: transparent;border: none;cursor: pointer;display: flex;align-items: center;justify-content: center;color: currentColor;width: 80px;}svg{width: 24px;height: 24px;fill: currentColor;}}.bk-page-icon{width: 100px;display: flex;align-items: center;justify-content: center;svg{width: 24px;height: 24px;fill: currentColor;}}.bk-page-title{flex: 2;width: 100%;}.bk-page-menu{display: flex;justify-content: flex-end;list-style: none;flex: 1;height: 100%;.bk-page-link{height: 100%;display: flex;align-items: center;justify-content: center;gap: 1ch;padding: 0 1rem;color: currentColor;text-decoration: none;cursor: pointer;p{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}}}} }
@layer bk-components {  }
@layer bk-components { .bk-image-box{display: inline-block;border: 1px dashed currentColor;text-align: center;cursor: pointer;position: relative;.bk-image-box-frame{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;font-size: 14px;}img{width: 100%;height: 100%;object-fit: cover;}.bk-image-box-editor{position: absolute;inset: 0;input{opacity: 0;width: 100%;height: 100%;cursor: pointer;display: none;}}}.bk-file-group{height: 2rem;background-color: var(--bg-level-1);display: flex;align-items: center;border-radius: 0.2rem;border: 1px solid var(--border-color);.bk-file-name{flex: 1;}button{height: 100%;padding: 1ch;border: none;&:hover{background-color: var(--bg-level-2);cursor: pointer;}}} }
@layer bk-utilities { .bk-centered{display: flex;flex-direction: column;justify-content: center;align-items: center;height: 100%;width: 100%;}button[disabled]{cursor: not-allowed;opacity: 0.3;color: gray;svg{fill: gray;}}.bk-display-grid{display: grid;}.bk-editor-readonly{user-select: none;pointer-events: none;}.bk-placeholder {height: 100%;width: 100%;display: flex;justify-content: center;align-items: center;border: 1px dashed red;}.bk-input-filters{display: flex;flex-direction: column;label{text-align: left;padding-left: 2ch;}}.bk-custom-filters{display: flex;flex-direction: column;gap: 0.2ch;border: 1px solid var(--border-color);background-color: var(--bg-level-1);border-radius: 0.5rem;margin-top: 1ch;max-height: 200px;overflow-y: auto;label{display: flex;align-items: center;gap: 0.2ch;input{width: 2ch;height: 2ch;right: 0.5ch;}span{flex: 1;text-align: left;display: flex;align-items: center;gap: 0.2ch;}.emoji{font-size: 1.25rem;}}}.emoji{font-style: normal;} }
@layer bk-mobile { @container (width<500px){.bk-table-container{height: 60cqh;overflow-y: auto;}.bk-table{thead{display: none;}tr{display: grid;grid-template-columns: 1fr 1fr;margin: 1rem;}.bk-command-column{grid-column: 1/-1;}.bk-link-column{width: 100%;display: flex;align-items: center;height: 100%;a{width: 100%;justify-content: flex-start;}}td{height: auto;padding: 1ch;span{max-width: 40cqw;}}td:before{content: attr(data-cell);font-weight: bold;}}}@media (width<600px){.bk-auth .bk-menu{display: none;}} }
@layer bk-default, bk-layout, bk-components, bk-utilities,bk-mobile;