@layer agk.reset, agk.tokens, agk.base, agk.components, agk.layout, agk.overlays, agk.theme;@layer agk.tokens{:root{--agk-space:20px; --agk-space-sm:calc(var(--agk-space) / 2); --agk-space-xs:4px; --agk-radius:15px; --agk-duration:350ms; --agk-page-transition-duration:300ms; --agk-font-family:sans-serif; --agk-font-family-code:monospace; --agk-font-size:14px; --agk-font-size-lg:24px; --agk-font-size-sm:12px; --agk-font-size-code:12px; --agk-line-height:1; --agk-icon-font-family:"Font Awesome 7 Duotone"; --agk-icon-font-weight:900; --agk-icon-size:12px; --agk-icon-spacing:10px; --agk-color-scheme:dark; --agk-color-text:white; --agk-color-text-inverse:black; --agk-color-muted:gray; --agk-color-primary:#021e45; --agk-color-heading:#f47d09; --agk-color-separator:var(--agk-color-muted); --agk-color-error:#ed4622; --agk-color-on-error:var(--agk-color-text); --agk-color-warning:#f47d09; --agk-color-on-warning:var(--agk-color-text-inverse); --agk-color-success:green; --agk-color-on-success:var(--agk-color-text); --agk-color-info:#e5007d; --agk-color-on-info:var(--agk-color-text); --agk-surface-page:white; --agk-surface:#021e45; --agk-link-color:#52bf61; --agk-link-color-hover:#118fd1; --agk-link-background-hover:transparent; --agk-link-decoration:underline; --agk-scrollbar-color:var(--agk-color-primary); --agk-nav-width:300px; --agk-nav-header-height:41px; --agk-main-max-width:1525px; --agk-nav-background:var(--agk-surface); --agk-nav-color:var(--agk-color-text); --agk-nav-font-size:16px; --agk-nav-font-size-sm:14px; --agk-nav-padding:10px; --agk-nav-link-background-hover:var(--agk-surface-page); --agk-title-color:var(--agk-color-primary); --agk-title-font-size:32px; --agk-title-line-height:2.2rem; --agk-title-description-color:var(--agk-color-muted); --agk-breadcrumbs-font-size:var(--agk-font-size); --agk-breadcrumbs-color-current:var(--agk-color-text); --agk-breadcrumbs-hint-color:var(--agk-color-muted); --agk-breadcrumbs-separator:"\203A"; --agk-breadcrumbs-separator-color:var(--agk-color-separator); --agk-breadcrumbs-gap:var(--agk-space-sm); --agk-button-color:var(--agk-color-text-inverse); --agk-button-background:var(--agk-link-color); --agk-button-color-hover:var(--agk-color-text-inverse); --agk-button-background-hover:var(--agk-link-color-hover); --agk-button-border:1px solid var(--agk-button-color); --agk-button-color-secondary:var(--agk-color-text); --agk-button-background-secondary:var(--agk-color-muted); --agk-button-color-hover-secondary:var(--agk-color-text); --agk-button-background-hover-secondary:color-mix(in srgb, var(--agk-color-muted) 80%, black); --agk-button-border-secondary:1px solid transparent; --agk-button-color-danger:var(--agk-color-on-error); --agk-button-background-danger:var(--agk-color-error); --agk-button-color-hover-danger:var(--agk-color-on-error); --agk-button-background-hover-danger:color-mix(in srgb, var(--agk-color-error) 80%, black); --agk-button-border-danger:1px solid transparent; --agk-button-color-disabled:var(--agk-color-muted); --agk-button-background-disabled:color-mix(in srgb, var(--agk-color-muted) 25%, transparent); --agk-button-border-disabled:1px solid transparent; --agk-button-radius:3px; --agk-button-font-size:var(--agk-font-size); --agk-button-font-size-lg:var(--agk-font-size-lg); --agk-button-font-size-sm:var(--agk-font-size-sm); --agk-button-padding:6px 12px; --agk-button-padding-lg:10px 20px; --agk-button-padding-sm:4px 8px; --agk-button-spinner-width:2px; --agk-label-color:var(--agk-color-text); --agk-input-color:var(--agk-color-text); --agk-input-background:var(--agk-color-primary); --agk-input-border-width:1px; --agk-input-border-color:var(--agk-color-text); --agk-input-border-color-focus:var(--agk-color-text); --agk-input-border-color-invalid:var(--agk-color-error); --agk-input-radius:5px; --agk-input-padding-block:8px; --agk-input-padding-inline:12px; --agk-input-padding-block-lg:10px; --agk-input-padding-inline-lg:14px; --agk-input-padding-block-sm:4px; --agk-input-padding-inline-sm:8px; --agk-input-validation-color:var(--agk-color-error); --agk-rating-color:var(--agk-color-heading); --agk-rating-color-empty:var(--agk-color-muted); --agk-rating-gap:2px; --agk-rating-font-size:16px; --agk-rating-font-size-lg:24px; --agk-rating-font-size-sm:12px; --agk-panel-background:var(--agk-surface); --agk-panel-padding:var(--agk-space); --agk-panel-border:0; --agk-panel-radius:20px; --agk-panel-shadow:0 4px 16px 0 rgba(0, 0, 0, 0.25); --agk-panel-title-font-size:calc(var(--agk-font-size) * 1.2); --agk-chart-colors:#52bf61, #f47d09, #118fd1, #e5007d, #f5c400, #8e6cef, #2ec4b6, #ed4622; --agk-chart-text-color:var(--agk-color-text); --agk-chart-axis-color:var(--agk-color-muted); --agk-chart-split-line-color:color-mix(in srgb, var(--agk-color-text) 15%, transparent); --agk-chart-tooltip-background:var(--agk-surface); --agk-tabs-background:color-mix(in srgb, var(--agk-color-text) 20%, var(--agk-panel-background)); --agk-tabs-font-size:var(--agk-font-size); --agk-tabs-padding-block:calc(var(--agk-space) + var(--agk-space-xs)); --agk-tabs-padding-inline:calc(var(--agk-space) * 2); --agk-tabs-color:var(--agk-color-text); --agk-tabs-color-selected:var(--agk-color-heading); --agk-tabs-indicator-color:var(--agk-panel-background); --agk-tabs-indicator-height:5px; --agk-tabs-content-padding:var(--agk-panel-padding); --agk-modal-width:600px; --agk-modal-width-lg:900px; --agk-modal-width-sm:400px; --agk-modal-shadow:0 8px 32px 0 rgba(0, 0, 0, 0.5); --agk-modal-backdrop:rgba(0, 0, 0, 0.6); --agk-modal-duration:200ms; --agk-notification-padding:var(--agk-space); --agk-notification-radius:var(--agk-radius); --agk-notification-icon-size:48px; --agk-table-font-size:var(--agk-font-size); --agk-table-cell-padding:var(--agk-space); --agk-table-radius:var(--agk-radius); --agk-table-row-background-alternate:color-mix(in srgb, var(--agk-color-text) 10%, transparent); --agk-table-row-background-hover:color-mix(in srgb, var(--agk-color-text) 20%, transparent); --agk-table-heading-color:var(--agk-color-text); --agk-table-heading-background:var(--agk-table-row-background-alternate); --agk-table-heading-font-size:12px; --agk-pagination-color:var(--agk-link-color); --agk-pagination-font-size:var(--agk-font-size); --agk-pagination-size:28px; --agk-pagination-gap:var(--agk-space-xs); --agk-iframe-border:1px solid var(--agk-color-primary); --agk-iframe-radius:var(--agk-radius); --agk-chat-gap:var(--agk-space-sm); --agk-chat-gap-sm:calc(var(--agk-space) / 4); --agk-chat-radius:10px; --agk-chat-question-color:var(--agk-button-color); --agk-chat-question-background:var(--agk-button-background); --agk-chat-answer-color:var(--agk-color-text); --agk-chat-answer-background:color-mix(in srgb, var(--agk-color-text) 10%, transparent); --agk-chat-info-color:var(--agk-color-muted); --agk-chat-dot-size:0.5em;}@media (max-width:700px){:root{--agk-space:10px; --agk-nav-width:100vw;}}}@layer agk.reset{*,::before,::after{box-sizing:border-box;}html{font-family:system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; line-height:1.15; -webkit-text-size-adjust:100%; tab-size:4;}body{margin:0;}b,strong{font-weight:bolder;}code,kbd,samp,pre{font-family:ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%; line-height:0; position:relative; vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}table{border-color:currentcolor;}button,input,optgroup,select,textarea{font-family:inherit; font-size:100%; line-height:1.15; margin:0;}button,[type='button'],[type='reset'],[type='submit']{-webkit-appearance:button;}legend{padding:0;}progress{vertical-align:baseline;}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto;}[type='search']{-webkit-appearance:textfield; outline-offset:-2px;}::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button; font:inherit;}summary{display:list-item;}}@layer agk.base{body{background:var(--agk-surface-page); min-height:100vh; color:var(--agk-color-text); font-family:var(--agk-font-family), sans-serif; font-size:var(--agk-font-size); line-height:var(--agk-line-height); scrollbar-color:var(--agk-scrollbar-color) transparent; scrollbar-width:thin; &::-webkit-scrollbar{width:8px;}&::-webkit-scrollbar-track{background:transparent;}&::-webkit-scrollbar-thumb{background:var(--agk-scrollbar-color); border-radius:4px;}}code, pre{font-size:var(--agk-font-size-code); font-family:var(--agk-font-family-code), monospace; overflow-x:auto; white-space:pre;}a{text-decoration:var(--agk-link-decoration); color:var(--agk-link-color); display:inline-block; transition:color var(--agk-duration), background-color var(--agk-duration); &:hover{background-color:var(--agk-link-background-hover); color:var(--agk-link-color-hover);}}aside{font-size:var(--agk-font-size-sm); color:var(--agk-color-muted);}@media (prefers-reduced-motion:reduce){*, *::before, *::after{animation-duration:0.01ms !important; animation-iteration-count:1 !important; transition-duration:0.01ms !important;}}}@layer agk.base{.fa::before, .fa::after{font-family:var(--agk-icon-font-family); font-weight:var(--agk-icon-font-weight); font-style:normal;}i.fa{display:inline-block; font-size:var(--agk-icon-size); margin:0 var(--agk-icon-spacing);}i.fa:first-child{margin-left:0;}}@layer agk.base{h1, h2{margin:0; font-weight:bold; color:var(--agk-color-heading); line-height:1.25rem;}}@layer agk.layout{body > nav{--agk-link-color:var(--agk-nav-color); --agk-link-background-hover:var(--agk-nav-link-background-hover); --agk-link-decoration:none; width:var(--agk-nav-width); background-color:var(--agk-nav-background); color:var(--agk-nav-color); font-size:var(--agk-nav-font-size); display:flex; flex-direction:column; height:100vh; position:fixed; top:0; left:0; z-index:1; b{display:block; color:var(--agk-color-heading); padding:calc(var(--agk-nav-padding) * 2) calc(var(--agk-nav-padding) * 2) 0;}ul{list-style-type:none; margin:0; padding:var(--agk-nav-padding); + ul{border-top:1px solid var(--agk-color-separator);}}li{--agk-icon-size:var(--agk-nav-font-size); white-space:nowrap; overflow-x:hidden; text-overflow:ellipsis; border-radius:var(--agk-button-radius); i.fa{width:1.25em; text-align:center;}a{padding:var(--agk-nav-padding); display:block;}&:not(:has(> a)){padding:var(--agk-nav-padding); &:has(> ul){padding-bottom:0; > ul{margin-inline:calc(var(--agk-nav-padding) * -1);}}}&:has(> a + ul){> a{padding-bottom:calc(var(--agk-nav-padding) * .5);}> ul{padding-top:0;}}ul{ padding-left:calc(var(--agk-icon-size) * 1.25 + var(--agk-icon-spacing)); padding-top:calc(var(--agk-nav-padding) * .5); li{--agk-icon-size:var(--agk-nav-font-size-sm); font-size:var(--agk-nav-font-size-sm);} li a, li:not(:has(> a)){padding-block:calc(var(--agk-nav-padding) * .75);}}}> header{--agk-link-background-hover:transparent; text-align:center; padding:var(--agk-space) 0; font-weight:bold; z-index:1; font-size:calc(var(--agk-nav-font-size) * 2); .hamburger{display:none; position:absolute; top:var(--agk-space); right:var(--agk-space); padding:0; color:var(--agk-nav-color); background:none; border:none; cursor:pointer;}}> main{flex:1; overflow-y:auto;}> footer{padding:var(--agk-space) 0; ul:first-child{border-top:1px solid var(--agk-color-separator);}div:last-child{color:var(--agk-color-muted); font-size:var(--agk-nav-font-size-sm); text-align:center; padding:var(--agk-space) var(--agk-space) 0; a{color:var(--agk-color-muted);}}}}@media (max-width:700px){body > nav{height:var(--agk-nav-header-height); > header{position:fixed; top:0; left:0; width:100%; height:var(--agk-nav-header-height); font-size:calc(var(--agk-nav-font-size) * 1.3); .hamburger{--agk-icon-size:1.3rem; display:block;}}> main{display:none; margin-top:calc(var(--agk-nav-header-height) + var(--agk-space));}> footer{display:none;}&.open{height:100vh; > main, > footer{display:block; animation:nav-fade-in 500ms ease;}.hamburger i::before{content:"\f00d" !important;}}}}@keyframes nav-fade-in{from{opacity:0; transform:translateY(-100px);}to{opacity:1; transform:translateY(0);}}}@layer agk.layout{body > main{width:var(--agk-main-max-width); max-width:100%; padding:var(--agk-space); padding-left:calc(var(--agk-space) + var(--agk-nav-width)); &, > form{> * + *{margin:var(--agk-space) 0 0 0;}> p:first-child{margin-block:0;}> :is(button, a.button) + :is(button, a.button){margin-top:var(--agk-space-xs);}}}@media (max-width:700px){body > main{padding-left:var(--agk-space); padding-top:calc(var(--agk-nav-header-height) + var(--agk-space));}}}@layer agk.layout{:is(body > main section, fieldset){container:agk-columns / inline-size; display:flex; flex-wrap:wrap; gap:var(--agk-space); align-items:flex-start; padding:0; border:0; margin-inline:0;}:where(body > main section, fieldset) > *{--_columns:4; --_children:4; --_per-row:min(var(--_columns), var(--_children)); flex:0 0 calc((100% - (var(--_per-row) - 1) * var(--agk-space)) / var(--_per-row)); min-width:0; margin-top:0;}:where(body > main section, fieldset) > :first-child:nth-last-child(1){--_children:1;}:where(body > main section, fieldset) > :where(:first-child:nth-last-child(2), :first-child:nth-last-child(2) ~ *){--_children:2;}:where(body > main section, fieldset) > :where(:first-child:nth-last-child(3), :first-child:nth-last-child(3) ~ *){--_children:3;}@container agk-columns (width < 800px){:where(body > main section, fieldset) > *{--_columns:2;}}@container agk-columns (width < 600px){:where(body > main section) > *{--_columns:1;}}@container agk-columns (width < 400px){:where(fieldset) > *{--_columns:1;}}}@view-transition{navigation:auto;}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none;}}@layer agk.base{body > nav{view-transition-name:agk-nav;}body > main{view-transition-name:agk-main;}::view-transition-group(agk-nav), ::view-transition-old(agk-nav), ::view-transition-new(agk-nav){animation:none;}::view-transition-group(agk-main){animation:none;}::view-transition-old(agk-main){animation:agk-page-out calc(var(--agk-page-transition-duration) * 0.3) ease-in both;}::view-transition-new(agk-main){animation:agk-page-in calc(var(--agk-page-transition-duration) * 0.7) ease-out calc(var(--agk-page-transition-duration) * 0.3) both;}@keyframes agk-page-out{to{opacity:0;}}@keyframes agk-page-in{from{opacity:0;}}}@layer agk.components{nav.breadcrumbs > ol{--agk-link-decoration:none; --agk-icon-size:var(--agk-breadcrumbs-font-size); display:flex; flex-wrap:wrap; align-items:baseline; row-gap:var(--agk-space-xs); margin:0; padding:0; list-style:none; font-size:var(--agk-breadcrumbs-font-size); > li{display:inline-flex; align-items:baseline; + li::before{content:var(--agk-breadcrumbs-separator); padding-inline:var(--agk-breadcrumbs-gap); color:var(--agk-breadcrumbs-separator-color);}> [aria-current]{color:var(--agk-breadcrumbs-color-current);}> .hint{margin-left:var(--agk-space-xs); color:var(--agk-breadcrumbs-hint-color);}}}}@layer agk.components{button, a.button{--_font-size:var(--agk-button-font-size); --_padding:var(--agk-button-padding); --_color:var(--agk-button-color); --_background:var(--agk-button-background); --_color-hover:var(--agk-button-color-hover); --_background-hover:var(--agk-button-background-hover); --_border:var(--agk-button-border); --agk-icon-size:var(--_font-size); --agk-link-decoration:none; display:inline-flex; align-items:center; justify-content:center; gap:var(--agk-space-sm); padding:var(--_padding); font-size:var(--_font-size); line-height:1; color:var(--_color); background:var(--_background); border:var(--_border); border-radius:var(--agk-button-radius); cursor:pointer; transition:color var(--agk-duration), background-color var(--agk-duration); > i.fa{margin:0;}&:hover:where(:not(:disabled, [aria-disabled="true"])){color:var(--_color-hover); background:var(--_background-hover);}&.secondary{--_color:var(--agk-button-color-secondary); --_background:var(--agk-button-background-secondary); --_color-hover:var(--agk-button-color-hover-secondary); --_background-hover:var(--agk-button-background-hover-secondary); --_border:var(--agk-button-border-secondary);}&.danger{--_color:var(--agk-button-color-danger); --_background:var(--agk-button-background-danger); --_color-hover:var(--agk-button-color-hover-danger); --_background-hover:var(--agk-button-background-hover-danger); --_border:var(--agk-button-border-danger);}&:disabled, &[aria-disabled="true"]{--_color:var(--agk-button-color-disabled); --_background:var(--agk-button-background-disabled); --_border:var(--agk-button-border-disabled); cursor:not-allowed; transition:none;}&.lg{--_font-size:var(--agk-button-font-size-lg); --_padding:var(--agk-button-padding-lg);}&.sm{--_font-size:var(--agk-button-font-size-sm); --_padding:var(--agk-button-padding-sm);}&.is-loading{cursor:progress; > i.fa{display:none;}&::before{content:"\200b"; line-height:calc(var(--agk-icon-size) - 2 * var(--agk-button-spinner-width)); width:var(--agk-icon-size); height:var(--agk-icon-size); border:var(--agk-button-spinner-width) solid currentColor; border-right-color:transparent; border-radius:50%; animation:spin 0.75s linear infinite;}}}p:has(> :is(button, a.button) + :is(button, a.button)){display:flex; flex-wrap:wrap; align-items:baseline; gap:var(--agk-space-xs);}@keyframes spin{to{transform:rotate(360deg);}}}@layer agk.components{.chart{width:100%; > script{display:none;}}}@layer agk.components{.chat{display:flex; flex-direction:column; align-items:flex-start; > * + *{margin-top:var(--agk-chat-gap);}> .question, > .answer{position:relative; max-width:75%; padding:var(--agk-input-padding-block) var(--agk-input-padding-inline); border-radius:var(--agk-chat-radius); overflow-wrap:anywhere; > :first-child{margin-top:0;}> :last-child{margin-bottom:0;}&::before{content:""; position:absolute; top:0; width:var(--agk-chat-radius); height:var(--agk-chat-radius); background:inherit;}}> .question{align-self:flex-end; color:var(--agk-chat-question-color); background:var(--agk-chat-question-background); border-top-right-radius:0; &::before{left:100%; clip-path:polygon(0 0, 100% 0, 0 100%);}}> .answer{color:var(--agk-chat-answer-color); background:var(--agk-chat-answer-background); border-top-left-radius:0; &::before{right:100%; clip-path:polygon(0 0, 100% 0, 100% 100%);}}> .is-loading{display:flex; gap:var(--agk-chat-dot-size); align-items:center; min-height:calc(var(--agk-chat-dot-size) * 4); > span{width:var(--agk-chat-dot-size); height:var(--agk-chat-dot-size); border-radius:50%; background:currentColor; opacity:0.4; animation:chat-typing 1.2s ease-in-out infinite;}> span:nth-child(2){animation-delay:0.2s;}> span:nth-child(3){animation-delay:0.4s;}}> .question + .question, > .answer + .answer{margin-top:var(--agk-chat-gap-sm); border-radius:var(--agk-chat-radius); &::before{display:none;}}> small{margin-top:var(--agk-chat-gap-sm); font-size:var(--agk-font-size-sm); color:var(--agk-chat-info-color);}> .question + small{align-self:flex-end; text-align:right;}}@keyframes chat-typing{0%, 60%, 100%{transform:translateY(0); opacity:0.4;}30%{transform:translateY(-40%); opacity:1;}}}@layer agk.components{.form-control{input[type="checkbox"]{width:1.25em; height:1.25em; padding:0; accent-color:var(--agk-button-background); cursor:pointer;}&:has(> input[type="checkbox"]){display:grid; grid-template-columns:auto 1fr; column-gap:var(--agk-space-sm); align-items:center; label:not(.placeholder){grid-row:1; grid-column:1 / -1;}label.placeholder{margin:0; font-size:var(--_font-size); cursor:pointer;}.muted, .field-validation-error{grid-column:2;}&:has(> label:not(.placeholder)){ > input[type="checkbox"]{grid-row:2; grid-column:1;}> label.placeholder{grid-row:2; grid-column:2;}> .muted{grid-row:3;}&::after{content:"\200b"; grid-row:2; grid-column:2; padding-block:var(--_padding-block); border-block:var(--agk-input-border-width) solid transparent; font-size:var(--_font-size); line-height:1.15; pointer-events:none;}}}}}@layer agk.components{.form-control{--_font-size:var(--agk-font-size); --_padding-block:var(--agk-input-padding-block); --_padding-inline:var(--agk-input-padding-inline); position:relative; &.lg{--_font-size:var(--agk-font-size-lg); --_padding-block:var(--agk-input-padding-block-lg); --_padding-inline:var(--agk-input-padding-inline-lg); --agk-icon-size:var(--agk-font-size-lg);}&.sm{--_font-size:var(--agk-font-size-sm); --_padding-block:var(--agk-input-padding-block-sm); --_padding-inline:var(--agk-input-padding-inline-sm); --agk-icon-size:var(--agk-font-size-sm);}label{display:block; margin:0 0 var(--agk-space-xs) 0; color:var(--agk-label-color);}:is(input, select, textarea){width:100%; font-size:var(--_font-size); color:var(--agk-input-color); background:var(--agk-input-background); border:var(--agk-input-border-width) solid var(--agk-input-border-color); border-radius:var(--agk-input-radius); padding:var(--_padding-block) var(--_padding-inline); color-scheme:var(--agk-color-scheme);}textarea{display:block; resize:vertical;}:is(input, select, textarea):focus{outline:none; border-color:var(--agk-input-border-color-focus); box-shadow:0 0 6px 2px color-mix(in srgb, var(--agk-input-border-color-focus) 50%, transparent);}.input-icon{position:relative; .fa{position:absolute; left:var(--_padding-inline); top:50%; transform:translateY(-50%); margin:0; color:var(--agk-input-color); pointer-events:none; z-index:1;}:is(input, select, textarea){padding-inline-start:calc(var(--_padding-inline) * 2 + var(--agk-icon-size));}&:has(textarea) .fa{top:calc(var(--_padding-block) + var(--agk-input-border-width) + (1.15 * var(--_font-size) - var(--agk-icon-size)) / 2); transform:none;}}.input-group{display:flex; flex-wrap:wrap; align-items:stretch; gap:var(--agk-space-sm); > :first-child{flex:1 1 calc(8 * var(--_font-size)); min-width:0;}> :is(button, a.button){flex-shrink:0; white-space:nowrap;}&:has(input:is([type="date"], [type="time"], [type="datetime-local"], [type="month"], [type="week"])){width:fit-content; max-width:100%;}}input:is([type="date"], [type="time"], [type="datetime-local"], [type="month"], [type="week"]){width:auto; max-width:100%; line-height:0.85;}input{&::-webkit-datetime-edit-fields-wrapper{padding-block:0;}&::-webkit-calendar-picker-indicator{padding-block:0; margin-block:0;}}.muted, .field-validation-error{display:block; margin-top:var(--agk-space-xs);}.muted{color:var(--agk-color-muted);}.field-validation-error{color:var(--agk-input-validation-color);}.field-validation-valid{display:none;}:is(input:not([type="checkbox"]), select, textarea).input-validation-error{border-color:var(--agk-input-border-color-invalid); box-shadow:0 0 6px 2px color-mix(in srgb, var(--agk-input-border-color-invalid) 50%, transparent);}}:is(.form-control, fieldset) + :is(.form-control, fieldset, button, a.button, p){margin-top:var(--agk-space);}}@layer agk.components{iframe{width:100%; border:var(--agk-iframe-border); border-radius:var(--agk-iframe-radius);}}@layer agk.components{.loading, .htmx-content.htmx-request{display:block; min-height:var(--agk-space); padding:var(--agk-space-xs); background:linear-gradient(90deg, var(--agk-color-muted) 25%, color-mix(in srgb, var(--agk-color-muted) 50%, transparent) 50%, var(--agk-color-muted) 75%); background-size:200% 100%; animation:loading-pulse 1.5s ease-in-out infinite, loading-text-fade 1.5s ease-in-out infinite; *{display:none;}}@keyframes loading-pulse{0%{background-position:200% 0;}100%{background-position:-200% 0;}}@keyframes loading-text-fade{0%, 100%{opacity:0.4;}50%{opacity:1;}}}@layer agk.overlays{article.modal{--_width:var(--agk-modal-width); margin:auto; width:min(var(--_width), calc(100vw - 2 * var(--agk-space))); max-height:calc(100dvh - 2 * var(--agk-space)); overflow:auto; padding:var(--agk-panel-padding); color:var(--agk-color-text); background:var(--agk-panel-background); border:var(--agk-panel-border); border-radius:var(--agk-panel-radius); box-shadow:var(--agk-modal-shadow); &.lg{--_width:var(--agk-modal-width-lg);}&.sm{--_width:var(--agk-modal-width-sm);}> button.modal-close{--agk-icon-size:var(--agk-panel-title-font-size); float:right; position:sticky; top:0; z-index:1; margin:calc(var(--agk-space-xs) * -1) calc(var(--agk-space-xs) * -1) 0 var(--agk-space); padding:var(--agk-space-xs); color:var(--agk-color-heading); background:var(--agk-panel-background); border:none; border-radius:50%; + *{margin-top:0;}}&::backdrop{background:var(--agk-modal-backdrop);}&, &::backdrop{opacity:0; transition:opacity var(--agk-modal-duration), display var(--agk-modal-duration) allow-discrete, overlay var(--agk-modal-duration) allow-discrete;}&:popover-open, &:popover-open::backdrop{opacity:1; @starting-style{opacity:0;}}}@media (prefers-reduced-motion:reduce){article.modal, article.modal::backdrop{transition:none;}}}@layer agk.components{.notification{display:flex; padding:var(--agk-notification-padding); border-radius:var(--agk-notification-radius); --agk-link-color:currentColor; --agk-link-color-hover:currentColor; --agk-link-background-hover:transparent; --agk-link-decoration:underline; > i.fa{font-size:var(--agk-notification-icon-size); padding-right:var(--agk-notification-padding);}> div{min-width:0; overflow:hidden; > *{margin-block:0;}> :is(p, ul, ol, dl, pre, table, div, form, fieldset, blockquote, h2, h3, h4) + *, > * + :is(p, ul, ol, dl, pre, table, div, form, fieldset, blockquote, h2, h3, h4){margin-top:var(--agk-space-sm);}}&.error{background-color:var(--agk-color-error); color:var(--agk-color-on-error);}&.success{background-color:var(--agk-color-success); color:var(--agk-color-on-success);}&.warning{background-color:var(--agk-color-warning); color:var(--agk-color-on-warning);}&.info{background-color:var(--agk-color-info); color:var(--agk-color-on-info);}}}@layer agk.components{nav.pagination{--agk-link-decoration:none; display:inline-flex; flex-wrap:wrap; align-items:center; gap:var(--agk-pagination-gap); vertical-align:middle; > a, > span{display:inline-flex; align-items:center; justify-content:center; min-width:var(--agk-pagination-size); height:var(--agk-pagination-size); padding:0 var(--agk-space-xs); font-size:var(--agk-pagination-font-size); line-height:1; border-radius:var(--agk-button-radius); transition:color var(--agk-duration), background-color var(--agk-duration); > i.fa{--agk-icon-size:var(--agk-pagination-font-size); margin:0;}}> a{color:var(--agk-pagination-color); &:hover{color:var(--agk-button-color-hover); background:var(--agk-button-background-hover);}}> a.is-loading{position:relative; color:transparent; transition:none; cursor:progress; &::before{content:""; position:absolute; inset:0; width:var(--agk-pagination-font-size); height:var(--agk-pagination-font-size); margin:auto; border:var(--agk-button-spinner-width) solid var(--agk-pagination-color); border-right-color:transparent; border-radius:50%; animation:spin 0.75s linear infinite;}}&:has(> a.is-loading){pointer-events:none;}> span[aria-current]{color:var(--agk-button-color); background:var(--agk-button-background); font-weight:bold;}> span[aria-disabled], > span.ellipsis{color:var(--agk-color-muted);}}tfoot nav.pagination{display:flex; justify-content:center;}}@layer agk.components{article{padding:var(--agk-panel-padding); border:var(--agk-panel-border); border-radius:var(--agk-panel-radius); background:var(--agk-panel-background); overflow-x:auto; box-shadow:var(--agk-panel-shadow); &, form{> * + *{margin-top:var(--agk-space);}> p{margin-bottom:0;}> p:first-child{margin-top:0;}> :is(button, a.button) + :is(button, a.button){margin-top:var(--agk-space-xs);}}&:has(> :is(button, a.button):first-child + :is(button, a.button)){padding-top:calc(var(--agk-panel-padding) - var(--agk-space-xs));}> h2{--agk-icon-size:var(--agk-panel-title-font-size); font-size:var(--agk-panel-title-font-size); > i.fa{margin-left:0;}}button.collapsible-toggle{--agk-icon-size:var(--agk-panel-title-font-size); float:right; color:var(--agk-color-heading); background:none; border:none; padding:0; margin-left:var(--agk-space); &:hover{color:var(--agk-color-heading); background:none;}i{transition:transform var(--agk-duration) ease;}}&.collapsed{> *:not(.collapsible-toggle):not(h2){display:none;}button.collapsible-toggle i{transform:rotate(180deg);}}}}@layer agk.components{.form-control{.password{position:relative; input{padding-inline-end:calc(var(--_padding-inline) * 2 + var(--agk-icon-size));}.password-toggle{position:absolute; right:var(--_padding-inline); top:50%; transform:translateY(-50%); padding:0; background:none; border:0; border-radius:0; color:var(--agk-input-color); --agk-icon-size:inherit; &:focus-visible{outline:1px solid var(--agk-input-border-color-focus); outline-offset:2px;} i.fa{position:static; transform:none; margin:0; pointer-events:none;}}}}}@layer agk.components{.form-control{--_rating-font-size:var(--agk-rating-font-size); &.lg{--_rating-font-size:var(--agk-rating-font-size-lg);}&.sm{--_rating-font-size:var(--agk-rating-font-size-sm);}.rating{display:flex; gap:var(--agk-rating-gap); :is(button, .star){background:none; border:0; border-radius:0; padding:0; line-height:1; cursor:pointer; color:var(--agk-rating-color-empty); font-size:var(--_rating-font-size); i.fa{margin:0; font-size:inherit;}}:is(button, .star).selected{color:var(--agk-rating-color);}.star{display:inline-block; cursor:default;}&:hover button{color:var(--agk-rating-color-empty);}&:hover button:hover, &:hover button:has(~ button:hover){color:var(--agk-rating-color);}button:focus-visible{outline:1px solid var(--agk-input-border-color-focus); outline-offset:2px;}}}}@layer agk.components{.form-control{.select{position:relative; select{appearance:none; padding-inline-end:calc(var(--_padding-inline) * 2 + var(--_font-size));}&::after{content:"\f107"; font-family:var(--agk-icon-font-family); font-weight:var(--agk-icon-font-weight); font-style:normal; font-size:var(--_font-size); line-height:1; position:absolute; right:var(--_padding-inline); top:50%; transform:translateY(-50%); color:var(--agk-input-color); pointer-events:none;}}}}@layer agk.components{table{width:100%; border-collapse:collapse; td, th{padding:var(--agk-table-cell-padding); font-weight:normal; text-align:left; font-size:var(--agk-table-font-size); &.number{text-align:right;}&.date{white-space:nowrap;}&.narrow{width:1px; white-space:nowrap;}}thead, tfoot{background-color:var(--agk-table-heading-background);}thead th, tfoot td{color:var(--agk-table-heading-color); font-size:var(--agk-table-heading-font-size);}thead{tr:first-child th{&:first-child{border-top-left-radius:var(--agk-table-radius);}&:last-child{border-top-right-radius:var(--agk-table-radius);}}}tbody{tr:nth-child(even){background-color:var(--agk-table-row-background-alternate);}td:last-of-type:has(button, a.button){text-align:right;}}&.hover-row > tbody > tr:hover{background-color:var(--agk-table-row-background-hover);}&.link-row > tbody > tr:has(a[href]){cursor:pointer;}tfoot{tr:last-child td{&:first-child{border-bottom-left-radius:var(--agk-table-radius);}&:last-child{border-bottom-right-radius:var(--agk-table-radius);}}}}* + table{margin-top:var(--agk-space);}}@layer agk.components{.tabs{background:var(--agk-panel-background); border-radius:var(--agk-panel-radius); box-shadow:var(--agk-panel-shadow); > [role=tablist]{display:flex; overflow-x:auto; scrollbar-width:thin; background:var(--agk-tabs-background); border-radius:var(--agk-panel-radius) var(--agk-panel-radius) 0 0; > [role=tab]{--agk-icon-size:var(--agk-tabs-font-size); position:relative; flex-shrink:0; padding:var(--agk-tabs-padding-block) var(--agk-tabs-padding-inline); font-size:var(--agk-tabs-font-size); color:var(--agk-tabs-color); background:none; border:0; border-radius:0; white-space:nowrap; &:hover, &[aria-selected="true"]{color:var(--agk-tabs-color-selected);} &::after{content:""; position:absolute; bottom:0; left:var(--agk-tabs-padding-inline); right:var(--agk-tabs-padding-inline); height:var(--agk-tabs-indicator-height); background:var(--agk-tabs-indicator-color); border-radius:calc(var(--agk-tabs-indicator-height) / 2) calc(var(--agk-tabs-indicator-height) / 2) 0 0; opacity:0; transition:opacity var(--agk-duration);}&[aria-selected="true"]::after{opacity:1;} &:focus-visible{outline:1px solid var(--agk-input-border-color-focus); outline-offset:-2px;}}}> [role=tabpanel]{padding:var(--agk-tabs-content-padding); &:focus-visible{outline:1px solid var(--agk-input-border-color-focus); outline-offset:-2px; border-radius:0 0 var(--agk-panel-radius) var(--agk-panel-radius);}&, > .htmx-content{> * + *{margin-top:var(--agk-space);}> p{margin-bottom:0;}> p:first-child{margin-top:0;}}> :is(button, a.button) + :is(button, a.button), > :is(.htmx-content, form) > :is(button, a.button) + :is(button, a.button){margin-top:var(--agk-space-xs);}&:has(> :is(button, a.button):first-child + :is(button, a.button)){padding-top:calc(var(--agk-tabs-content-padding) - var(--agk-space-xs));}}}}@layer agk.components{main{> h1, > hgroup{--agk-link-color:currentColor; --agk-link-color-hover:currentColor; --agk-link-background-hover:transparent; --agk-link-decoration:underline;}> h1, > hgroup > h1{color:var(--agk-title-color); font-size:var(--agk-title-font-size); line-height:var(--agk-title-line-height); text-transform:uppercase;}> h1{margin-bottom:var(--agk-space);}> hgroup > p{color:var(--agk-title-description-color); margin-top:0;}}}@layer agk.components{.form-control input[type="file"]{--_button-padding-block:4px; cursor:pointer; &::file-selector-button{margin:calc(var(--_button-padding-block) * -1) var(--_padding-inline) calc(var(--_button-padding-block) * -1) 0; padding:var(--_button-padding-block) 8px; font:inherit; font-size:var(--agk-button-font-size-sm); line-height:1; color:var(--agk-button-color-secondary); background:var(--agk-button-background-secondary); border:0; border-radius:var(--agk-button-radius); cursor:pointer;}&:hover::file-selector-button{color:var(--agk-button-color-hover-secondary); background:var(--agk-button-background-hover-secondary);}}}@font-face{font-family:Ubuntu; src:local("Ubuntu"), local("Ubuntu Regular"), local("Ubuntu-Regular"), url("fonts/Ubuntu-Regular.ttf") format("truetype"); font-weight:normal; font-display:swap;}@font-face{font-family:Ubuntu; src:local("Ubuntu Medium"), local("Ubuntu-Medium"), url("fonts/Ubuntu-Medium.ttf") format("truetype"); font-weight:bold; font-display:swap;}@layer agk.theme{:root{  --madx-night:rgba(17, 28, 36, 1);  --madx-sun:rgba(248, 232, 0, 1);  --madx-shadow:rgba(49, 59, 62, 1);  --madx-stone:rgba(137, 141, 141, 1);  --madx-grass:rgba(205, 196, 0, 1);  --madx-text-hover:#454E51;  --madx-dust:#D3D3D3;  --agk-font-family:Ubuntu, sans-serif;  --agk-color-text-inverse:var(--madx-night);  --agk-color-muted:var(--madx-stone);  --agk-color-primary:var(--madx-sun);  --agk-color-heading:var(--madx-sun);  --agk-color-error:rgba(220, 53, 69, 1);  --agk-color-on-error:var(--madx-dust);  --agk-color-warning:rgba(255, 193, 7, 1);  --agk-color-success:rgba(40, 167, 69, 1);  --agk-color-on-success:var(--madx-dust);  --agk-color-info:var(--madx-stone);  --agk-color-on-info:var(--madx-night);  --agk-surface:var(--madx-night);  --agk-surface-page:radial-gradient(100% 50% at 0% 0%, #516166 0%, #313B3E 100%);  --agk-link-color:var(--madx-dust);  --agk-link-color-hover:var(--madx-dust);  --agk-nav-link-background-hover:var(--madx-shadow);  --agk-button-background:var(--madx-sun);  --agk-button-background-hover:var(--madx-sun);  --agk-button-color-secondary:var(--madx-night);  --agk-button-color-hover-secondary:var(--madx-night);  --agk-button-background-hover-secondary:var(--madx-stone);  --agk-button-radius:5px;  --agk-input-background:var(--madx-shadow);  --agk-input-border-color-focus:var(--agk-color-primary);  --agk-chart-colors:var(--madx-sun), var(--madx-dust), var(--madx-stone), var(--madx-grass), #516166, rgba(40, 167, 69, 1), rgba(255, 193, 7, 1), rgba(220, 53, 69, 1);  --agk-chart-tooltip-background:var(--madx-shadow);  --agk-table-font-size:12px;  --agk-table-cell-padding:20px;  --agk-table-heading-background:var(--madx-shadow);  --agk-table-row-background-alternate:rgba(255, 255, 255, 0.05);  --agk-tabs-background:rgba(71, 85, 90, 1);  --agk-tabs-color:var(--madx-dust);   --madx-login-width:20rem;  --madx-login-background:var(--madx-night); }.form-control .field-validation-error{ font-size:var(--agk-font-size-sm);}div.madx-logo{ position:absolute;  top:0;  left:1330px;  background-color:var(--madx-night);  img{ display:block;  margin:10px;  width:120px; }} body > main > h1, body > main > hgroup{ padding-right:190px;}@media (max-width:1500px){ div.madx-logo{ display:none; } body > main > h1, body > main > hgroup{ padding-right:unset; }}div.madx-x{ position:fixed;  bottom:-470px;  right:-270px;  z-index:-1;  pointer-events:none;  img{ display:block;  width:1000px;  opacity:0.1; }} div.madx-login{ --_column:min(var(--madx-login-width), 100%);  display:grid;  grid-template-columns:1fr 1fr;  min-height:100dvh;   &:not(:has(> header)){ grid-template-columns:1fr;  > main{  justify-content:center; }} > header, > main{ display:grid;  grid-template-columns:var(--_column);  align-content:center;  gap:var(--agk-space);  padding:calc(var(--agk-space) * 3) calc(var(--agk-space) * 2); } > header{ justify-content:end;  img{  display:block;   max-width:100%; } > *{  margin:0; }} > main{ justify-content:start;  position:relative;  isolation:isolate;   background:var(--madx-login-background);  > form > * + *{  margin-top:var(--agk-space); }   > :is(button, a.button), > form > :is(button, a.button){  width:100%; }}  .madx-login-background{ position:absolute;  inset:0;  z-index:-1;  overflow:hidden;  pointer-events:none;  > img{  display:block;   width:100%;   height:100%;   object-fit:cover; } > img.madx-x{  position:absolute;   bottom:-40%;   right:-25%;   width:120%;   height:auto;   max-width:none;   object-fit:unset;   opacity:0.1; }}  > div.madx-logo{ display:block;  z-index:1;   left:unset;  right:calc(var(--agk-space) * 2); }}@media (max-width:700px){ div.madx-login{ grid-template-columns:1fr;  grid-template-rows:auto auto 1fr;  > header, > main{  justify-content:center;   padding:calc(var(--agk-space) * 2) var(--agk-space); } > header{  text-align:center;   padding-top:0;   img{   margin-inline:auto;  }} > main{  align-content:start; }   > div.madx-logo{  position:static;   justify-self:center;   background:none;   padding-top:var(--agk-space); }}}}