@layer tokens,base,layout,components,utilities;@font-face{font-family:Montserrat;src:url(/static/app_assets/Montserrat-VariableFont_wght-DcaoeaBt.ttf) format("truetype-variations");font-weight:100 900;font-style:normal}@font-face{font-family:SpaceMono;src:url(/static/app_assets/SpaceMono-Regular-Ba0nOT4a.ttf) format("truetype");font-weight:400;font-style:normal}@layer tokens{:root{color-scheme:light dark;--bs-01: 0px 1px 1px 0px hsl(0deg 0% 0% / 14%), 0px 2px 1px -1px hsl(0deg 0% 0% / 12%), 0px 1px 3px 0px hsl(0deg 0% 0% / 20%);--bs-02: 0px 2px 2px 0px hsl(0deg 0% 0% / 14%), 0px 3px 1px -2px hsl(0deg 0% 0% / 12%), 0px 1px 5px 0px hsl(0deg 0% 0% / 20%);--bs-03: 0px 3px 4px 0px hsl(0deg 0% 0% / 14%), 0px 3px 3px -2px hsl(0deg 0% 0% / 12%), 0px 1px 8px 0px hsl(0deg 0% 0% / 20%);--bs-04: 0px 4px 5px 0px hsl(0deg 0% 0% / 14%), 0px 1px 10px 0px hsl(0deg 0% 0% / 12%), 0px 2px 4px -1px hsl(0deg 0% 0% / 20%);--bs-06: 0px 6px 10px 0px hsl(0deg 0% 0% / 14%), 0px 1px 18px 0px hsl(0deg 0% 0% / 12%), 0px 3px 5px -1px hsl(0deg 0% 0% / 20%);--bs-08: 0px 8px 10px 1px hsl(0deg 0% 0% / 14%), 0px 3px 14px 2px hsl(0deg 0% 0% / 12%), 0px 5px 5px -3px hsl(0deg 0% 0% / 20%);--bs-12: 0px 12px 17px 2px hsl(0deg 0% 0% / 14%), 0px 5px 22px 4px hsl(0deg 0% 0% / 12%), 0px 7px 8px -4px hsl(0deg 0% 0% / 20%);--bs-16: 0px 16px 24px 2px hsl(0deg 0% 0% / 14%), 0px 6px 30px 5px hsl(0deg 0% 0% / 12%), 0px 8px 10px -5px hsl(0deg 0% 0% / 20%);--bs-24: 0px 24px 38px 3px hsl(0deg 0% 0% / 14%), 0px 9px 46px 8px hsl(0deg 0% 0% / 12%), 0px 11px 15px -7px hsl(0deg 0% 0% / 20%);--primary-color-1: #caf0f8;--primary-color-2: #b6f3ff;--primary-color-3: #99f0ff;--primary-color-4: #55d5ef;--primary-color-5: #00b4d8;--primary-color-6: #0096c7;--primary-color-7: #0077b6;--primary-color-8: #023e8a;--primary-color-9: #03045e;--secondary-color-1: #fbf7b9;--secondary-color-2: #f3e495;--secondary-color-3: #f2dd7e;--secondary-color-4: #f0d767;--secondary-color-5: #eed04f;--secondary-color-6: #ecca38;--secondary-color-7: #ebc321;--secondary-color-8: #e9bd0a;--secondary-color-9: #c29c08;--grey-color-1: #fafafa;--grey-color-2: #f5f5f5;--grey-color-3: #eee;--grey-color-4: #e0e0e0;--grey-color-5: #bdbdbd;--grey-color-6: #757575;--grey-color-7: #616161;--grey-color-8: #424242;--grey-color-9: #212121;--green-color: #05af3d;--yellow-color: #f0ad4e;--red-color: #f55;--white-color: #fff;--input-color: #051923;--label-color: var(--grey-color-6);--focus-color: var(--primary-color-2);--main-color: var(--primary-color-5);--focus-outline: 3px solid var(--focus-color);--focus-outline-offset: -3px;--input-background: white;--invalid-background: #ffe9e9;--input-border-invalid: 1px solid var(--red-color);--header-background: var(--grey-color-3);--main-background: var(--grey-color-3);--sidebar-background: var(--grey-color-8);--navbar-background: var(--grey-color-9);--card-barckground: var(--grey-color-4);--sidebar-text: #f5f5f5;--sidebar-text-muted: #bdbdbd;--button-action-background: var(--grey-color-6);--switch-background: white;--switch-knob-background: linear-gradient( to bottom, #fff 0%, var(--grey-color-3) 100% );--switch-knob-background-hover: linear-gradient( to bottom, #fff 0%, var(--grey-color-4) 100% );--history-old-background: #fee2e2;--history-old-color: #991b1b;--history-new-background: #dcfce7;--history-new-color: #166534;--input-font: 400 1em Montserrat;--label-font: 500 1em Montserrat;--label-size: .75rem;--input-height: 50px;--navbar-size: 50px;--sidebar-size: 200px;--icon-size: 24px;--border-radius: .25rem;--border-radius-button: .75rem;--border: 1px solid var(--grey-color-4);--input-disabled-background: var(--grey-color-3);--footer-padding: 0 1rem;--input-padding-top: 1.25rem;--input-padding-right: .5rem;--input-padding-bottom: .25rem;--input-padding-left: .5rem;--input-padding: var(--input-padding-top) var(--input-padding-right) var(--input-padding-bottom) var(--input-padding-left);--main-transition: .25s;--input-z-index: 0;--label-z-index: 0;--input-autocomplete-z-index: 3;--header-z-index: 6;--sidebar-z-index: 7;--footer-z-index: 8;--modal-z-index: 9;--toast-z-index: 10;--dashboard-card-width: 20rem;--dashboard-card-border-radius: .5rem;--tile-size: 6rem;--xs-size: .25rem;--s-size: .5rem;--m-size: 1rem;--l-size: 2rem;--xl-size: 3rem;--xxs-font-size: .625rem;--xs-font-size: .75rem;--s-font-size: .875rem;--m-font-size: 1rem;--l-font-size: 1.125rem;--xl-font-size: 1.25rem}@media(prefers-color-scheme:dark){:root{--primary-color-1: #0b3945;--primary-color-2: #0e4a5a;--primary-color-3: #11607a;--secondary-color-1: #3a3208;--secondary-color-2: #4a400c;--secondary-color-3: #5a4e10;--secondary-color-4: #6a5c14;--grey-color-1: #121212;--grey-color-2: #1a1a1a;--grey-color-3: #242424;--grey-color-4: #2e2e2e;--grey-color-5: #757575;--grey-color-6: #9e9e9e;--grey-color-7: #b8b8b8;--grey-color-8: #d0d0d0;--grey-color-9: #ececec;--input-color: #e8eaed;--input-background: #363636;--invalid-background: #4a2026;--border: 1px solid #4a4a4a;--sidebar-background: #171717;--navbar-background: #101010;--button-action-background: #4f4f4f;--switch-background: #6f6f6f;--switch-knob-background: linear-gradient( to bottom, #e8e8e8 0%, #bdbdbd 100% );--switch-knob-background-hover: linear-gradient( to bottom, #fff 0%, #d0d0d0 100% );--history-old-background: #4c1d1d;--history-old-color: #fca5a5;--history-new-background: #163a26;--history-new-color: #86efac}}}@layer base{*{box-sizing:border-box}a{text-decoration:none;color:var(--input-color);cursor:pointer}body{font-family:Montserrat,sans-serif;-webkit-user-select:none;-ms-user-select:none;user-select:none;margin:0;background-color:var(--main-background);color:var(--input-color)}button{background:none;border:none;cursor:pointer;font-family:Montserrat,sans-serif;padding:var(--s-size);font-size:var(--m-font-size)}button:focus{outline:none}button:disabled{cursor:default;background-color:var(--input-disabled-background)}h1,h2,h3,h4,h5{margin:0;text-wrap:balance}h4{font-weight:600}input{border:none;color:var(--input-color);font:var(--input-font);min-height:var(--input-height)}input:focus{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}input:disabled{background-color:var(--input-disabled-background)}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}select{background-color:var(--input-background);border:none;border-radius:var(--border-radius);outline:none;cursor:pointer;color:var(--input-color);min-height:var(--input-height);padding:.3rem;font-family:var(--input-font)}select:focus{outline:var(--focus-outline)}select:disabled{cursor:default;opacity:1;background-color:var(--input-disabled-background)}textarea{border-radius:var(--border-radius);border:none;font-family:var(--input-font)}textarea:focus{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}textarea:disabled{background-color:var(--input-disabled-background)}ul{list-style-type:none;padding:0;margin:0}li{list-style-type:none}details{display:flex;flex-direction:column}details summary{cursor:pointer;transition:margin .15s ease-out;min-height:var(--input-height);line-height:3.1rem;color:var(--input-color)}select-all{width:var(--input-height);cursor:pointer}sign-user{cursor:pointer}}@layer layout{.body{display:grid;grid-template-areas:"nav content";grid-template-rows:none;grid-template-columns:var(--sidebar-size) 1fr}.main{grid-area:content;height:100dvh;overflow:hidden;background:var(--main-background);display:flex;flex-direction:column}#id_sidebar_toggle{display:none}#id_sidebar_toggle:checked+.sidebar{transform:translate(0)}#id_sidebar_toggle:checked~.navbar .bar1{transform:translateY(7px) rotate(-45deg)}#id_sidebar_toggle:checked~.navbar .bar2{opacity:0}#id_sidebar_toggle:checked~.navbar .bar3{transform:translateY(-7px) rotate(45deg)}.sidebar{grid-area:nav;background-color:var(--sidebar-background);height:100vh;height:100dvh;overflow-y:auto;padding:var(--m-size);position:sticky;top:0;transition:transform var(--main-transition) ease-in-out;width:var(--sidebar-size);z-index:var(--sidebar-z-index)}.sidebar header a{color:var(--sidebar-text)}.sidebar header a:hover{text-decoration:underline}.sidebar ul li{position:relative}.sidebar ul li a{position:relative;color:var(--sidebar-text)}.sidebar ul li .collapsible label{cursor:pointer}.sidebar ul li .collapsible label:after{position:absolute;color:var(--sidebar-text);content:"❯";width:1em;height:1em;text-align:center;transform:rotate(90deg);transition:all .35s;right:0;top:0}.sidebar ul li .collapsible input:checked+.collapsible__label:after{transform:rotate(270deg);right:.45rem}.sidebar ul li .collapsible input:checked~.collapsible__content{max-height:10rem;padding-top:1rem}.sidebar ul li .collapsible .collapsible__content{display:flex;flex-direction:column;gap:1rem;max-height:0;overflow:hidden;transition:all .35s;padding-left:1rem}.sidebar footer{margin-top:auto}.sidebar footer a{height:2rem;width:2rem;color:var(--white-color);position:relative}.sidebar footer notification-counter{display:flex}.sidebar footer .notification-badge{position:absolute;top:-.25rem;right:-.25rem;min-width:1rem;padding:0 .2rem;border-radius:1rem;background-color:var(--red-color);color:var(--white-color);font-size:.65rem;line-height:1rem;text-align:center}.sidebar .title{color:var(--sidebar-text-muted);font-weight:600;font-size:.7rem;margin-top:1rem}.sidebar .title:first-child{margin-top:0}.navbar{background-color:var(--navbar-background);position:sticky;bottom:0;grid-area:footer;max-height:var(--sidebar-size);padding:var(--footer-padding);z-index:var(--footer-z-index)}.navbar .navbar__option .navbar__text{font-size:var(--s-font-size);text-align:center;width:100%;color:var(--sidebar-text)}.navbar .navbar__hamburguer{margin:auto}.navbar .navbar__hamburguer .bar1,.navbar .navbar__hamburguer .bar2,.navbar .navbar__hamburguer .bar3{width:25px;height:2px;background-color:var(--sidebar-text);margin:5px 0;transition:.4s;border-radius:1rem}.main-body{flex:1;display:flex;padding:var(--s-size);height:calc(100dvh - var(--navbar-size));overflow:auto}@scope(.main-header){:scope{display:grid;grid-template-columns:3rem auto 3rem;grid-template-areas:"back content option";place-items:center center;height:var(--navbar-size);position:sticky;top:0;background-color:var(--header-background);z-index:var(--header-z-index)}.main-header-content{grid-area:content;width:100%;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center}h1{font-size:min(var(--l-font-size),5vw);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:500;display:block;width:100%;text-align:center}.breadcrumbs{display:none;position:absolute;top:100%;left:0;right:0;align-items:center;justify-content:center;gap:var(--xs-size);height:var(--navbar-size);padding:var(--xs-size) var(--s-size);font-size:var(--xs-font-size);color:var(--grey-color-6);background-color:var(--header-background);border-bottom:1px solid var(--grey-color-2, rgba(0, 0, 0, .08));white-space:nowrap;overflow:hidden}.breadcrumbs a{color:inherit;padding-top:.5rem;padding-bottom:.5rem}:scope.show-breadcrumbs .breadcrumbs{display:flex}:scope.has-breadcrumbs .main-header-content{cursor:pointer}.back-button{grid-area:back;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.header-option{grid-area:option;width:100%;height:100%;display:flex;align-items:center;justify-content:center}}@media(min-width:769px){.navbar{display:none!important}}@media(max-width:768px){.body{grid-template-areas:"content" "footer";grid-template-rows:1fr var(--navbar-size);grid-template-columns:none}.main{height:100vh;height:100dvh;max-height:calc(100vh - var(--navbar-size));max-height:calc(100dvh - var(--navbar-size));overflow:auto}.main--without-navbar{max-height:100vh;max-height:100dvh}.sidebar{height:calc(-webkit-fill-available - var(--navbar-size));height:calc(100vh - var(--navbar-size));height:calc(100dvh - var(--navbar-size));position:fixed;width:100%;transform:translate(-110%)}.main-body{height:calc(100dvh - var(--navbar-size) - var(--navbar-size))}}}@layer components{.button{color:#fff;background-color:var(--main-color);border-radius:var(--border-radius);border:none;box-sizing:border-box;cursor:pointer;display:flex;font-size:var(--l-font-size);line-height:2rem;min-height:var(--input-height);min-width:50px;width:fit-content;padding:var(--s-size) var(--m-size);text-align:center;transition:var(--main-transition);text-decoration:none;font-family:Montserrat,sans-serif}.button:focus{box-shadow:var(--bs-04);outline:none}.button:hover{box-shadow:var(--bs-04)}.delete-button{color:var(--red-color);font-weight:500}.delete-button:focus,.delete-button:hover{text-decoration:underline}.underline-button{color:var(--main-color);transition:var(--main-transition)}.underline-button:focus,.underline-button:hover{text-decoration:underline}}@layer components{.link{display:flex;align-items:center;gap:.25rem;transition:var(--main-transition);border-bottom:1px solid transparent;font-size:.8rem;margin-left:.75rem}.link:focus,.link:hover{border-bottom:1px solid currentColor}.link.active{font-weight:500;border-bottom:1px solid currentColor;width:fit-content}.link svg{width:.1rem;height:.1rem}}@layer components{@scope(.histories){:scope{color:var(--input-color);padding:var(--s-size);width:90vw;max-width:30rem}.history:first-child>.flex-row:first-child{padding-right:var(--l-size)}.history{border:1px solid var(--grey-color-4);background-color:var(--grey-color-3);padding:var(--s-size);border-radius:var(--border-radius);.history__user{font-weight:600}.history__date{font-size:var(--s-font-size);color:var(--grey-color-6)}.history-change__old{background:var(--history-old-background);color:var(--history-old-color)}.history-change__new{background:var(--history-new-background);color:var(--history-new-color);font-weight:500}}}}@layer components{@scope(:is(.input,input-text,input-color,input-time,input-date,input-password,select-single,input-number,text-area,input-autocomplete,input-autocomplete-multiple,input-datetime-quarter,input-datetime-local,input-signature,input-image,input-bucket)){:scope{position:relative;display:flex;min-height:var(--input-height);background-color:var(--input-background);border-radius:var(--border-radius);&[disabled],&[readonly]{background-color:var(--input-disabled-background)}}input,textarea,select{flex:1;padding:var(--input-padding);color:var(--input-color);width:100%;font-size:var(--m-font-size);border-radius:inherit;background-color:inherit}input:read-only:not([type=color]):not([type=file]):not([type=range]){background-color:var(--input-disabled-background);cursor:default}label{position:absolute;padding-top:var(--xs-size);left:var(--s-size);font-size:var(--label-size);color:var(--label-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:calc(100% - calc(var(--s-size) * 2));text-align:left;top:0;.required{color:var(--red-color)}}}@scope(input-date){input[type=date]{min-width:150px}input[type=date]::-webkit-calendar-picker-indicator{position:absolute;left:120px}}@scope(select-single){select{padding-left:var(--xs-size)}}@scope(input-color){input{background-color:var(--input-background)}}@scope(input-checkbox){label{display:flex;position:relative;cursor:pointer;color:var(--label-color);gap:.25rem;font-size:var(--label-size);flex-direction:column;border-radius:var(--border-radius);align-items:baseline;transition:background .2s;padding-left:var(--s-size);&:hover .switch:before{background:var(--switch-knob-background-hover);box-shadow:0 0 0 1px #0000007f}}.switch{display:inline-block;background:var(--switch-background);border-radius:16px;width:58px;height:32px;position:relative;vertical-align:middle;transition:all .25s;&:before,&:after{content:""}&:before{display:flex;justify-content:center;align-items:center;background:var(--switch-knob-background);border-radius:50%;box-shadow:0 0 0 1px #00000040;width:24px;height:24px;position:absolute;top:4px;left:4px;transition:all .25s}}input{position:absolute;visibility:hidden;display:grid;width:auto;&:checked+.switch{background:var(--primary-color-7)}&:checked+.switch:before{left:30px}}:scope[disabled] label{cursor:default;&:hover .switch:before{background:var(--switch-knob-background);box-shadow:0 0 0 1px #00000040}}}@scope(:is(input-autocomplete,input-autocomplete-multiple)){.field-button{display:flex;flex-wrap:wrap;gap:var(--xs-size);padding:var(--input-padding);border-radius:var(--border-radius);text-align:left;flex:1;&:focus{outline:var(--focus-outline)}&:has(input:invalid){border:var(--input-border-invalid)}}.all-option{color:var(--grey-color-6)}.field-button--multiple{padding-bottom:var(--input-height)}input{padding:var(--s-size)}.input{& label{width:calc(100% - calc(var(--s-size) * 2) - 1rem)}}:scope [data-selector=search_wrapper]{display:flex;flex-direction:column;padding:var(--s-size);gap:var(--s-size);position:absolute;max-height:28rem;height:fit-content;width:100%;top:100%;box-shadow:0 5px 5px 0 var(--grey-color-5);border-top:1px solid var(--grey-color-4);z-index:var(--input-autocomplete-z-index);-webkit-transform:translate3d(0,0,0)}.list{padding:var(--s-size);max-height:calc(28rem - var(--s-size) * 4);overflow:hidden auto;>li{display:flex;min-height:var(--input-height);color:var(--input-color);align-items:center;position:relative}&:has(.option){background-color:var(--input-background)}}.option{position:relative}:scope .list .new{width:var(--input-height);display:flex;color:var(--primary-color-6);height:var(--input-height);justify-content:center;align-items:center;margin-right:.25rem}:scope .list .edit{width:var(--input-height);height:var(--input-height);transition:var(--main-transition);position:absolute;top:0;right:0;&:hover{color:var(--primary-color-7)}& div{margin-right:5px}}[data-action=clear]{position:absolute;top:0;right:0;padding:0 0 2rem 2rem;&:before,&:after{content:"";position:absolute;top:11px;right:calc(var(--xs-size) + 1px);width:13px;height:1px;background-color:var(--grey-color-7)}&:before{transform:rotate(45deg)}&:after{transform:rotate(-45deg)}}.multiple-option{cursor:pointer;background-color:var(--grey-color-3);border-radius:var(--border-radius);width:fit-content;overflow:hidden;text-overflow:ellipsis;transition:all var(--main-transition);padding:.5rem;&:hover{box-shadow:var(--bs-02)}}.arrow{border:solid var(--grey-color-6);border-width:0 1px 1px 0;position:absolute;right:.5rem;bottom:.5rem;display:inline-block;padding:3px;transition:transform .2s ease-in-out;pointer-events:none}.right{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.left{transform:rotate(135deg);-webkit-transform:rotate(135deg)}.up{transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}.down{transform:rotate(45deg);-webkit-transform:rotate(45deg)}}@scope(input-password){button{position:absolute;right:0;height:100%;min-width:50px;padding:.7rem;width:50px}}@scope(input-datetime-quarter){label{cursor:pointer}button{border-radius:var(--border-radius);transition:var(--main-transition);background-color:var(--input-background);width:var(--input-height);height:var(--input-height);&:focus{box-shadow:var(--bs-04)}&:hover{box-shadow:var(--bs-04)}}}@scope(input-signature){dialog{background-color:var(--card-barckground)}canvas{border-radius:var(--border-radius);cursor:crosshair;background-color:#fff;width:100%;height:100%}@media(prefers-color-scheme:dark){canvas,img{filter:invert(1)}}[data-selector=field-button]{border-radius:var(--border-radius);cursor:pointer;display:flex;background-color:var(--input-background);width:100%;height:150px}:scope:is([disabled],[readonly]) [data-selector=field-button]{cursor:default;background-color:var(--input-disabled-background)}img{margin-left:auto;margin-top:var(--input-padding-top);object-fit:contain;width:100%;max-width:300px;height:calc(100% - var(--input-padding-top));border-radius:var(--border-radius)}}@scope(.count-bubble){:scope{position:absolute;background:var(--red-color);color:var(--white-color);border-radius:100%;font-size:.5rem;top:0;right:0;width:1rem;height:1rem;display:flex;align-items:center;justify-content:center}}.button-action{border-radius:var(--border-radius);transition:var(--main-transition);color:#fff;background-color:var(--button-action-background);width:var(--input-height);height:var(--input-height)}.button-action:hover{box-shadow:var(--bs-04)}@scope(input-project-line){:scope.is-signed>button[data-selector=show]{border-left:3px solid var(--green-color)}:scope.is-partially-signed>button[data-selector=show]{border-left:3px solid var(--yellow-color)}:scope.is-not-billable>button[data-selector=show]{border-left:3px solid var(--grey-color-5)}.signed-info{display:flex;align-items:center;gap:var(--xs-size);padding:var(--xs-size) var(--s-size);font-size:var(--xs-font-size);color:var(--grey-color-6);& a{color:var(--main-color);text-decoration:underline}}:scope.is-signed .signed-info svg{color:var(--green-color)}:scope.is-partially-signed .signed-info svg{color:var(--yellow-color)}.prices{font-size:var(--xs-font-size);display:flex;justify-content:space-between;>*{flex:2;text-align:right}.per,.minuts,.equal{flex:1;text-align:center;color:var(--grey-color-5)}}.free_reference{color:var(--grey-color-6);font-style:italic;font-size:var(--s-font-size)}}@scope(input-image){:scope{min-width:100px;display:flex;flex-direction:column;background-color:var(--input-background)}button{height:var(--input-height);padding:var(--s-size);>svg>g>path{stroke:var(--grey-color-7)}>svg>path{fill:var(--grey-color-7)}}input[type=file]::file-selector-button{border:2px solid var(--grey-color-3);padding:.2em .4em;border-radius:.2em;background-color:var(--grey-color-2);transition:1s;font-family:Montserrat,sans-serif;cursor:pointer}.preview{margin:auto;padding:var(--input-padding);max-height:12rem;max-inline-size:100%;block-size:auto;object-fit:contain;cursor:pointer}.dialog{max-inline-size:100%;block-size:auto;object-fit:contain}}@scope(input-bucket){:scope{flex-direction:column}.img-preview{width:100%;height:15rem;object-fit:contain;padding-top:var(--input-padding-top)}.img-dialog{width:100%;object-fit:contain}}.input-prefix{position:relative}.input-prefix>.prefix{font-family:SpaceMono,monospace;position:absolute;top:0;display:flex;align-items:center;padding:var(--input-padding);color:var(--grey-color-5);height:100%;z-index:calc(var(--input-z-index) + 1)}.input-prefix .prefix+*>input,.input-prefix .prefix+*>select{padding-left:2rem}.input-search{border-radius:var(--xl-size);width:100%;padding:var(--m-size)}.input-search::placeholder{color:var(--grey-color-5)}}@layer components{@scope(.card){:scope{background-color:var(--card-barckground);border-radius:var(--border-radius);max-width:30rem;min-height:0;max-height:100%;padding:var(--s-size);position:relative;width:min(90vw,100%);width:90vw;scroll-snap-align:center;overflow-y:auto}&.card--overflow{max-height:calc(100vh - var(--input-height) - 1px - 3rem);overflow-y:auto;& save-button{bottom:0!important}@media(max-width:768px){max-height:calc(100vh - var(--input-height) - 1px - var(--navbar-size) - 3rem)}}&.card--xl{max-width:80rem;width:100%}&.card--full{max-width:none;width:100%}.title{font-size:var(--m-font-size);line-height:2.4rem;padding-left:var(--s-size);font-weight:500;& a{transition:var(--main-transition);border-bottom:1px solid transparent;&:focus,&:hover{border-bottom:1px solid currentColor}}}.totals{padding-left:var(--s-size);&:empty{display:none}}dynamic-list-filter{position:relative;[data-selector=filter_search]{& input{width:100%;position:relative;padding:var(--m-size);border-radius:var(--xl-size);&::placeholder{color:var(--grey-color-5)}}& button{position:absolute;height:var(--input-height);width:var(--input-height);right:var(--xs-size);top:var(--xs-size);color:var(--grey-color-5);&.active{color:var(--main-color)}}}& *[data-selector=filter-menu]{width:90vw;max-width:30rem;padding:var(--s-size)}}.list{background-color:var(--card-barckground);border-radius:var(--border-radius);width:100%;padding:var(--s-size);&:has(button),&:has(.list-item-link){background-color:var(--input-background)}>li,>.list-item{>button,>.list-item-link{border-radius:var(--border-radius);min-height:var(--input-height);transition:background-color var(--main-transition);width:100%;text-align:left;padding:var(--s-size);&:focus,&:hover,&.highlight{background-color:var(--focus-color)}&.selected{outline-offset:-4px;outline:2px solid var(--main-color);&:focus,&:hover{outline:2px solid var(--main-color)}}&.disabled{background-color:var(--input-disabled-background)}&:has(.edit){padding-right:var(--l-size)}}.list-item-form{padding:var(--s-size)}&.edited .list-item-link{color:var(--secondary-color-9)}&.edited .list-item-form{background-color:var(--secondary-color-4)}&[readonly]>button,&[readonly]>.list-item-link{pointer-events:none}}}.nav{background-color:var(--card-barckground);position:sticky;display:flex;justify-content:flex-end;padding:var(--s-size) 0;gap:var(--m-size);bottom:-.52rem;align-items:center;margin-top:3px;.select_mode_checkbox{~.select_mode_options{overflow:hidden;max-height:0;transition:max-height var(--main-transition) ease-in-out}~.select_mode_checkbox_icon{cursor:pointer;width:var(--input-height);& svg{stroke:var(--grey-color-6)}}}.select_mode_checkbox:checked{~.select_mode_options{max-height:200px}~.select_mode_checkbox_icon svg{stroke:var(--main-color)}}.edit_mode_checkbox{~.edit_mode_options{overflow:hidden;max-height:0;transition:max-height var(--main-transition) ease-in-out}~.edit_mode_checkbox_icon{margin-right:auto;cursor:pointer;width:var(--input-height);& svg{stroke:var(--grey-color-6)}}}.edit_mode_checkbox:checked{~.edit_mode_options{max-height:200px}~.edit_mode_checkbox_icon svg{stroke:var(--main-color)}}.actions{display:flex;gap:var(--s-size);>*{cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;height:var(--input-height)}}.history-button{margin-right:auto;cursor:pointer;display:flex;align-items:center;height:var(--input-height);width:var(--input-height);transition:all var(--main-transition);& svg{stroke:var(--grey-color-6)}}}select-all>button{padding:0}&:has(.formset){max-width:none;width:100%}}.list.kbd-nav>li>button:hover:not(.highlight),.list.kbd-nav>li>.list-item-link:hover:not(.highlight){background-color:initial}}@layer components{modal-dialog:not([data-close-button=false])>.card{padding-top:calc(var(--l-size) + var(--xs-size))}}@layer components{dynamic-list-group{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;gap:var(--s-size);padding:var(--s-size)}dynamic-list-group>.title{font-size:var(--m-font-size);font-weight:500;padding-left:var(--s-size)}dynamic-list-group .dynamic-list-group-columns{display:flex;align-items:stretch;flex:1;gap:var(--m-size);min-height:0;overflow-x:auto;scroll-snap-type:x mandatory}dynamic-list-group .dynamic-list-group-column{display:flex;flex:0 0 min(90vw,24rem);min-height:0;scroll-snap-align:center}dynamic-list-group .dynamic-list-group-column.dynamic-list-group-column>.card{width:100%;max-width:none;max-height:100%;scroll-snap-align:none}dynamic-list-group .dynamic-list-group-column.drag-over>.card{outline:2px dashed var(--main-color);outline-offset:-2px}dynamic-list-group [data-selector=list-item][draggable=true]{cursor:grab}dynamic-list-group [data-selector=list-item].dragging{opacity:.5}}@layer components{[data-formset-instance][draggable=true]{cursor:grabbing}[data-formset-instance].dragging{opacity:.5}}@layer components{dynamic-calendar .calendar-controls{padding:0 var(--s-size)}dynamic-calendar .calendar-controls button{border-radius:var(--border-radius);min-height:var(--input-height);padding:0 var(--s-size);transition:background-color var(--main-transition)}dynamic-calendar .calendar-controls button:hover,dynamic-calendar .calendar-controls button:focus{background-color:var(--focus-color)}dynamic-calendar .calendar-view-modes{background-color:var(--input-background);border-radius:var(--border-radius)}dynamic-calendar .calendar-view-modes button.active{background-color:var(--main-color);color:var(--grey-color-1)}dynamic-calendar .calendar-period-label{font-weight:500;text-transform:capitalize;flex:1 1 auto;text-align:center}dynamic-calendar .calendar-pager{margin-left:auto}dynamic-calendar .calendar-controls button[data-action=select-range].active{background-color:var(--main-color);color:var(--grey-color-1)}dynamic-calendar .calendar-range-bar{padding:0 var(--s-size)}dynamic-calendar.selecting-range .calendar-cell,dynamic-calendar.selecting-range .calendar-mini-day{cursor:crosshair}dynamic-calendar .calendar-cell.in-range,dynamic-calendar .calendar-mini-day.in-range{background-color:var(--focus-color);outline:1px solid var(--main-color);outline-offset:-1px}dynamic-calendar .calendar-cell.range-edge,dynamic-calendar .calendar-mini-day.range-edge{outline-width:2px}dynamic-calendar .calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);color:var(--label-color);font-size:var(--xs-font-size);text-align:center;padding-bottom:var(--xs-size)}dynamic-calendar .calendar-week-row{display:grid;grid-template-columns:repeat(7,1fr);gap:1px}dynamic-calendar .calendar-month{background-color:var(--input-background);border-radius:var(--border-radius);padding:var(--s-size)}dynamic-calendar .calendar-cell{background-color:var(--grey-color-1);border-radius:var(--border-radius);cursor:pointer;display:flex;flex-direction:column;gap:var(--xs-size);min-height:6.5rem;min-width:0;padding:var(--xs-size);transition:background-color var(--main-transition)}dynamic-calendar .calendar-cell:hover{background-color:var(--focus-color)}dynamic-calendar .calendar-cell.outside{opacity:.4}dynamic-calendar .calendar-cell.today>.calendar-cell-date{background-color:var(--main-color);color:var(--grey-color-1)}dynamic-calendar .calendar-cell .calendar-cell-date{align-self:flex-start;border-radius:50%;font-size:var(--xs-font-size);line-height:1.5rem;min-width:1.5rem;text-align:center}dynamic-calendar .calendar-week-view .calendar-cell{min-height:14rem}dynamic-calendar .calendar-cell-events{display:flex;flex-direction:column;gap:2px;min-width:0}dynamic-calendar .calendar-chip{background-color:var(--primary-color-1);border-radius:var(--border-radius);display:flex;font-size:var(--xs-font-size);gap:var(--xs-size);overflow:hidden;padding:2px var(--xs-size);text-align:left;transition:background-color var(--main-transition);width:100%}dynamic-calendar .calendar-chip:hover,dynamic-calendar .calendar-chip:focus{background-color:var(--primary-color-3)}dynamic-calendar .calendar-chip.span-start{border-top-right-radius:0;border-bottom-right-radius:0}dynamic-calendar .calendar-chip.span-mid{border-radius:0}dynamic-calendar .calendar-chip.span-end{border-top-left-radius:0;border-bottom-left-radius:0}dynamic-calendar .calendar-chip .calendar-chip-time{color:var(--grey-color-7);flex-shrink:0}dynamic-calendar .calendar-chip .calendar-chip-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}dynamic-calendar .calendar-more{color:var(--label-color);font-size:var(--xs-font-size);padding:0 var(--xs-size);text-align:left;width:100%}dynamic-calendar .calendar-more:hover{color:var(--main-color)}dynamic-calendar .calendar-year{display:grid;gap:var(--m-size);grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));background-color:var(--input-background);border-radius:var(--border-radius);padding:var(--s-size)}dynamic-calendar .calendar-mini-month{background-color:var(--grey-color-1);border-radius:var(--border-radius);padding:var(--s-size)}dynamic-calendar .calendar-mini-month .calendar-mini-month-label{border-radius:var(--border-radius);font-weight:500;padding:var(--xs-size) var(--s-size);text-transform:capitalize;transition:background-color var(--main-transition);width:100%;text-align:left}dynamic-calendar .calendar-mini-month .calendar-mini-month-label:hover,dynamic-calendar .calendar-mini-month .calendar-mini-month-label:focus{background-color:var(--focus-color)}dynamic-calendar .calendar-mini-week{display:grid;grid-template-columns:repeat(7,1fr)}dynamic-calendar .calendar-mini-day{aspect-ratio:1;border-radius:50%;font-size:var(--xs-font-size);transition:background-color var(--main-transition);width:100%}dynamic-calendar .calendar-mini-day:hover,dynamic-calendar .calendar-mini-day:focus{outline:2px solid var(--main-color)}dynamic-calendar .calendar-mini-day.today{outline:2px solid var(--main-color)}dynamic-calendar .calendar-mini-day.level-1{background-color:var(--primary-color-1)}dynamic-calendar .calendar-mini-day.level-2{background-color:var(--primary-color-3)}dynamic-calendar .calendar-mini-day.level-3{background-color:var(--primary-color-5);color:var(--grey-color-1)}dynamic-calendar .calendar-mini-day.level-4{background-color:var(--primary-color-7);color:var(--grey-color-1)}dynamic-calendar .calendar-day-modal{min-width:min(24rem,80vw)}dynamic-calendar .calendar-day-modal .calendar-day-events{overflow-y:auto}dynamic-calendar .calendar-day-modal .calendar-day-events .calendar-chip-time{color:var(--label-color);margin-right:var(--xs-size)}dynamic-calendar .calendar-day-modal .calendar-day-empty{color:var(--label-color);padding:var(--s-size)}}@layer components{.permission-checkbox,.permission-check{background-color:var(--grey-color-1);border-radius:var(--border-radius);cursor:pointer;transition:background-color var(--main-transition)}.permission-checkbox:hover,.permission-check:hover{background-color:var(--secondary-color-1)}.permission-checkbox:has(input:checked),.permission-check:has(input:checked){background-color:var(--secondary-color-2)}.permission-checkbox{display:flex;flex-direction:column;gap:var(--s-size);width:var(--input-height);height:var(--input-height);justify-content:center;align-items:center}.permission-checkbox>div{width:20px;padding-top:var(--xs-size);display:flex;justify-content:center}.permission-checkbox>span{font-size:.7rem;line-height:.7rem}.permission-check{display:inline-flex;align-items:center;min-height:calc(var(--input-height) / 1.5);padding:var(--xs-size) var(--s-size);font-size:.85rem}}@layer components{input-icon{display:flex;flex-direction:column;gap:var(--xs-size)}.icon-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--input-height),1fr));gap:var(--xs-size);max-height:calc(var(--input-height) * 4);overflow-y:auto;padding:var(--xs-size);border:var(--border);border-radius:var(--border-radius)}.icon-option{display:flex;align-items:center;justify-content:center;aspect-ratio:1;width:100%;background-color:var(--grey-color-1);border:none;border-radius:var(--border-radius);color:inherit;cursor:pointer;transition:background-color var(--main-transition)}.icon-option:hover{background-color:var(--secondary-color-1)}.icon-option[aria-checked=true]{background-color:var(--secondary-color-2)}input-icon[disabled] .icon-picker{background-color:var(--input-disabled-background)}input-icon[disabled] .icon-option{cursor:default}input-icon[disabled] .icon-option:hover{background-color:var(--grey-color-1)}.icon-option__none{color:var(--grey-color-6)}}@layer components{.toast_list{display:flex;flex-direction:column-reverse;gap:var(--m-size);position:fixed;top:var(--m-size);left:var(--m-size);right:var(--m-size);margin-left:auto;max-width:25rem;z-index:var(--toast-z-index)}}@layer utilities{.icon--selected svg{stroke:var(--primary-color-5)}.grid-columns{display:grid;grid-auto-flow:column}.flex-column{display:flex;flex-direction:column}.flex-row{display:flex;flex-wrap:wrap}.flex{display:flex}.flex-1{flex:1}.flex-2{flex:2}.flex-3{flex:3}.flex-equal>*{flex:1}.justify-center-safe{justify-content:safe center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.items-center{align-items:center}.justify-evenly{justify-content:space-evenly}.gap-xs{gap:var(--xs-size)}.gap-s{gap:var(--s-size)}.gap-m{gap:var(--m-size)}.gap-l{gap:var(--l-size)}.column-gap-xs{column-gap:var(--xs-size)}.column-gap-s{column-gap:var(--s-size)}.column-gap-m{column-gap:var(--m-size)}.column-gap-l{column-gap:var(--l-size)}.padding-s{padding:var(--s-size)}.padding-m{padding:var(--m-size)}.padding-l{padding:var(--l-size)}.w-100{width:100%}.h-100{height:100%}.tile{display:flex;flex-direction:column;position:relative;background-color:var(--input-background);transition:all var(--main-transition);border-radius:var(--border-radius);overflow:hidden}.tile:not(.disabled):not([disabled]):hover{box-shadow:var(--bs-04);cursor:pointer}.tile-1x1{width:calc(var(--tile-size));height:calc(var(--tile-size));padding:var(--m-size) var(--s-size) var(--s-size) var(--s-size);justify-content:space-between;align-items:center;gap:var(--s-size);text-align:center}.tile-2x1{width:calc(var(--tile-size) * 2);height:calc(var(--tile-size));padding:var(--m-size)}.tile-2x2{width:calc(var(--tile-size) * 2);height:calc(var(--tile-size) * 2);padding:var(--m-size)}.tile-3x3{width:calc(var(--tile-size) * 3);height:calc(var(--tile-size) * 3);padding:var(--l-size)}.tile-4x4{width:calc(var(--tile-size) * 4);height:calc(var(--tile-size) * 4);padding:var(--l-size)}.text-center{text-align:center}.text-xxs{font-size:var(--xxs-font-size)}.text-xs{font-size:var(--xs-font-size)}.text-s{font-size:var(--s-font-size)}.text-l{font-size:var(--l-font-size)}.text-xl{font-size:var(--xl-font-size)}.text-green{color:var(--green-color)}.text-red{color:var(--red-color)}.text-grey-5{color:var(--grey-color-5)}.text-grey-6{color:var(--grey-color-6)}.text-grey-7{color:var(--grey-color-7)}.font-thin{font-weight:100}.font-light{font-weight:300}.font-medium{font-weight:500}.line-through{text-decoration:line-through}.hidden{display:none!important}.invisible{visibility:hidden!important}.input-invalid{background-color:var(--invalid-background)}.flip-horizontal{transform:scaleX(-1)}.pointer-events-none{pointer-events:none}.monospace{font-feature-settings:"tnum"}.text-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.obsolete{opacity:.25}.input-height{height:var(--input-height)}}