@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;}.bk-left-panel:not(.bk-panel-collapsed){button svg{rotate: 180deg;transition: rotate 1s ease;}}.bk-right-panel{grid-area: aside-right;}.bk-aside{width: clamp(70px,15svw, 250px);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;transition: background-color 1s ease;.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){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 svg {display: inline-block;     /* important so transform works */transition: transform 1s ease;}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;padding: 0;margin: 0;}nav ul{display: flex;list-style: none;margin: 0;padding: 0;height: 100%;}.bk-header-menu-item{display: flex;width: max-content;transition: background-color 1s ease;a{display: flex;align-items: center;justify-content: center;gap: 1ch;padding: 1ch;color: currentColor;text-decoration: none;width: clamp(50px,15svw, 250px);height: 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-dropdown-menu{position: relative;width: max-content;a{display: flex;align-items: center;justify-content: center;gap: 1ch;flex-wrap: nowrap;width: max-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: 1rem;}}}}li:empty{display: none;}}.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-theme-switcher{min-width: 50px;background-color: transparent;border: none;cursor: pointer;display: flex;align-items: center;justify-content: center;outline: none;svg{width: 24px;height: 24px;fill: currentColor;}} }
@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%;}} }
@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%;justify-content: center;align-items: center;border-radius: clamp(1rem, 2vw, 3rem);border: 1px solid var(--border-color);.bk-page-link-menu-link{height: 100%;width: 100%;display: flex;align-items: center;flex-direction: column;gap: 1ch;padding: 0 1rem;color: currentColor;text-decoration: none;cursor: pointer;@media (width > 576px) {justify-content: center;}span{width: clamp(50px, 15vw, 250px);font-size: clamp(0.75rem, 2vw, 1.25rem);text-align: center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;@media (width < 600px) {text-align: left;width: 100%;}}svg{@media (width < 600px) {width: 1.5rem;height: 1.5rem;}@media (width >= 600px) {width: clamp(50px, 8vw, 80px);height: clamp(50px, 8vw, 80px);}}}} }
@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: 1.5rem;}#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: min(300px, 90vw);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: 3rem;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: min(300px, 90vw);}#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;gap: 1rem;align-items: center;padding: 5px 5px 5px calc(1rem + 1svw);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: max-content;margin-right: 1svw;button{background-color: transparent;border: none;cursor: pointer;display: flex;align-items: center;justify-content: center;color: currentColor;width: max-content;}svg{width: 24px;height: 24px;fill: currentColor;}}.bk-page-icon{width: max-content;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-components { :root {/* Typography */--bk-size-tick: 12px;--bk-size-axis-title: 13px;--bk-size-chart-title: 16px;--bk-size-center-label: 14px;/* Timing / easing */--bk-dur-bar: 600ms;--bk-dur-line: 400ms;--bk-dur-donut: 500ms;--bk-dur-line-point: 200ms;--bk-ease-out: ease-out;/* Sizing */--bk-line-stroke-width: 2;--bk-axis-stroke-width: 1;--bk-grid-stroke-width: .6;--bk-grid-stroke-width-alt: .5;--bk-bar-hover-brightness: 120%;--bk-shadow: 0 0 2px 1px black;}/* Shared base */svg.combo-svg-chart,svg.svg-bar-chart,svg.donut-svg-chart {width: 100%;height: 100%;}.axis {stroke: var(--border-color);stroke-width: var(--bk-axis-stroke-width);shape-rendering: crispEdges;}.grid {stroke: var(--border-color);stroke-width: var(--bk-grid-stroke-width);shape-rendering: crispEdges;}.svg-bar-chart .grid {stroke: var(--border-color);stroke-width: var(--bk-grid-stroke-width-alt);}.tick-label {font-size: var(--bk-size-tick);fill: var(--border-color);}.axis-title {font-size: var(--bk-size-axis-title);fill: var(--fc);}.chart-title {font-size: var(--bk-size-chart-title);font-weight: 600;fill: var(--fc);}/* Bar */.bar {transition: height var(--bk-dur-bar) var(--bk-ease-out), y var(--bk-dur-bar) var(--bk-ease-out);cursor: pointer;}.bar:hover {filter: brightness(var(--bk-bar-hover-brightness));}.x-label {font-size: var(--bk-size-tick);fill: var(--fc);}/* Line */.line {fill: none;stroke-width: var(--bk-line-stroke-width);transition: opacity var(--bk-dur-line) var(--bk-ease-out);}.line-point {transition: r var(--bk-dur-line-point) var(--bk-ease-out);}.line-point:hover {r: 5%;}/* Donut */.center-label {font-size: var(--bk-size-center-label);fill: var(--fc);dominant-baseline: middle;}.donut-slice {transition: opacity var(--bk-dur-donut) var(--bk-ease-out), transform 150ms var(--bk-ease-out);}.donut-slice:hover {filter: brightness(var(--bk-bar-hover-brightness));}.legend {display: flex;justify-content: center;align-items: center;gap: 2rem;padding: 1rem;.legend-item {display: flex;align-items: center;margin-right: 10px;.legend-color {width: 15px;height: 15px;border-radius: 50%;margin-right: 5px;display: block;}}}.bk-chart {box-shadow: var(--bk-shadow);flex: 1;height: 100%;margin: 1ch;}.bk-chart-title {padding: 1rem;background-color: var(--bk-grid-stroke-width-alt);text-align: center;}.bk-donut-chart{display: flex;flex-direction: column;box-shadow: var(--bk-shadow);height: 100%;margin: 1ch;flex: 1;align-items: center;svg{flex: 1;}}.bk-donut-chart .legend{display: flex;flex-wrap: wrap;} }
@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-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;}.bk-form-fields{height: 100%;padding: 1rem;}svg{fill: currentColor;}/* MOBILE: <576px */@media (width < 576px) {.bk-hide-mobile { display: none !important; }.bk-only-tablet { display: none !important; }.bk-only-desktop { display: none !important; }.bk-display-grid{display: block;border: none;.bk-component-area:has(.bk-page-link-menu){height: min-content;.bk-page-link-menu{height: min-content;display: flex;flex-direction: column;gap:1rem;border:none;.bk-page-link-menu-link{display: flex;gap: 2ch;flex-direction: row;align-items: center;padding: 0.5rem 1rem;margin: 1ch;background-color: var(--bg-level-1);}}}}}/* TABLET: 576px–991px */@media (576px <= width <= 991px) {.bk-hide-tablet { display: none !important; }.bk-only-mobile { display: none !important; }.bk-only-desktop { display: none !important; }.bk-display-grid{display: grid;}}/* DESKTOP: >=992px */@media (width >= 992px) {.bk-hide-desktop { display: none !important; }.bk-only-mobile { display: none !important; }.bk-only-tablet { display: none !important; }.bk-display-grid{display: grid;}}li:empty{display: none;}.bk-home-link{text-decoration: auto;color: initial;display: flex;align-items: center;gap: 0.5ch;font-weight: bold;padding: 1ch;} }
@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;