:root{--font-style: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;--font-type-style: Menlo, Consolas, "Liberation Mono", "Courier New", monospace;--yellow-dark-clr: rgb(250, 175, 0);--green-dark-clr: rgb(1, 157, 157);--orange-dark-clr: rgb(255, 90, 31);--blue-dark-clr: rgb(15, 85, 235);--violet-dark-clr: rgb(127, 54, 221);--gray-dark-clr: rgb(159, 159, 159);--yellow-medium-clr: #ffbd02;--green-medium-clr: #02bbbd;--orange-medium-clr: #ff7c4b;--blue-medium-clr: #3971ff;--violet-medium-clr: #9e54ff;--gray-medium-clr: #bababa;--yellow-light-clr: #fbd97a;--green-light-clr: #8ad2d3;--orange-light-clr: #f6bc9a;--blue-light-clr: #b5e1ff;--violet-light-clr: #caa7ff;--gray-light-clr: #e5e5e5;--yellow-font-clr: #ffffff;--green-font-clr: #ffffff;--orange-font-clr: #ffffff;--blue-font-clr: #ffffff;--violet-font-clr: #ffffff;--gray-font-clr: white;--tbl-dark-clr: #d1d1d1;--tbl-medium-clr: #ebebeb;--tbl-light-clr: #dbdbdb;--tbl-font-clr: #898989;--th-font-weight: 400;--btn-dark-clr: #d7d7d7;--btn-medium-clr: #f8f8f8;--btn-light-clr: #dbdbdb;--btn-font-clr: #898989;--card-shadow: rgba(0, 0, 0, .16) 0px 1px 4px;--card-width: 100%;--card-fixed-width: 400px;--input-shadow: rgba(0, 0, 0, .05) 0px 6px 24px 0px, rgba(0, 0, 0, .08) 0px 0px 0px 1px;--input-dark-clr: #bfbfbf;--input-medium-clr: #cecece;--input-light-clr: #ffffff;--input-font-clr: #727272;--menubar-height: 68px;--menubar-set01-size: 120px;--menubar-set03-size: 120px;--menubar-bg: #ffffff;--menubar-bdr: #ececec;--menubar-logo-size: 32px;--menubar-logo-name: #000;--menubar-link: #7c7c7c;--menubar-active-bg: #4d4d4d7f;--menubar-active-text: #ffffff;--menubar-links-bdr: #ececec;--menubar-thumb: #000;--menubar-icons: #000;--menubar-profile-title: #000;--menubar-profile-content: #393939;--menubar-curv: unset;--navbar-icon-active: #000;--navbar-font-active: #000;--navbar-size: 260px;--navbar-set01-height: 68px;--navbar-resized: 80px;--navbar-trigger-bg: #ffffff;--navbar-trigger-font: #000;--navbar-bg: #ffffff;--navbar-bg-set01: unset;--navbar-bg-set02: unset;--navbar-bg-set03: unset;--navbar-bg-active: #e3e3e3;--navbar-bdr-full: unset;--navbar-bdr: #ececec;--navbar-bdr-set01: unset;--navbar-bdr-set02: unset;--navbar-bdr-set03: unset;--navbar-trigger-bdr: #ececec;--navbar-bdr-actve: #ececec;--navbar-seperater: #ececec;--navbar-font: #1f1e1e;--navbar-font-set01: unset;--navbar-font-set02: unset;--navbar-font-set03: unset;--navbar-curv: unset;--navbar-menu-icons: #757575;--navbar-menu-title: #757575;--navbar-thumb: #888;--navbar-thumb-active: #707070;--navbar-bdr-active: #e9e9e9;--navbar-bg-active: #fafafa;--app-layout-height: 100dvh;--app-content-bg: #fafafa;--neonflow-bg: linear-gradient(135deg, #0f0c29, #302b63, #24243e);--neonflow-content-bg: rgba(255, 255, 255, .05);--neonflow-content-bdr: #ffffff20;--typeeffect-font-size: 28px;--typeeffect-font-height: 40px;--typeeffect-font-weight: 600;--typeeffect-font-clr: #787878;--typeeffect-font-bg: transparent;--typeeffect-caret-clr: #808080;--cf-mode-primary: #ffffff;--cf-mode-secondary: #e3e3e3;--cf-mode-bdr: #ececec;--cf-mode-active: #e1e1e1;--cf-mode-font-primary: #1f1e1e;--cf-mode-font-secondary: #535151}.cf-dark{--cf-mode-primary: #02040a !important;--cf-mode-secondary: #212328 !important;--cf-mode-bdr: #3d444d !important;--cf-mode-active: #393939 !important;--cf-mode-font-primary: #fcfcfc !important;--cf-mode-font-secondary: #a1a1a1 !important}.accordion-grup{border:1px solid var(--cf-mode-active);box-sizing:border-box;padding:0;margin:0;display:flex;flex-direction:column;border-radius:8px;overflow:hidden}.accordion-grup .accordion-main{border-bottom:1px solid var(--cf-mode-active);background-color:var(--cf-mode-primary)}.accordion-grup .accordion-main .acc-head .acc-title{color:var(--cf-mode-font-primary)}.accordion-grup .accordion-main .acc-body .acc-content p{color:var(--cf-mode-font-secondary)}.accordion-grup .accordion-main .state-arrow{color:var(--cf-mode-font-primary)!important}.accordion-grup .accordion-main{font-family:var(--font-style);width:100%;padding:0;margin:0;box-sizing:border-box;overflow:hidden}.accordion-grup .accordion-main:last-child{border:none!important}.accordion-grup .accordion-main .acc-head{position:relative;display:flex;align-items:center;justify-content:space-between;padding:8px 14px;z-index:1}.accordion-grup .accordion-main .acc-head .acc-title{font-family:var(--font-style)!important;box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;gap:.8rem;padding:0;margin:0;font-size:16px;font-weight:400;cursor:pointer}.accordion-grup .accordion-main .acc-head .acc-title .acc-title-icon{font-size:20px!important}.accordion-grup .accordion-main .acc-body{height:0;overflow:hidden;transition:height .2s ease}.accordion-grup .accordion-main .acc-body .acc-content{font-family:var(--font-style)!important;padding:8px 18px 18px}.accordion-grup .accordion-main .state-arrow{display:flex;align-items:center;justify-content:center;transition:transform .5s ease}.accordion-grup .accordion-main .state-arrow.open{transform:rotate(180deg)}.acc-grid{min-width:260px;max-width:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;padding:10px!important}.acc-grid .accordion-main{height:-moz-fit-content;height:fit-content;border-radius:8px}.accordion-grup .accordion-yellow{border-bottom:1px solid var(--cf-mode-active);background-color:var(--yellow-dark-clr)}.accordion-grup .accordion-yellow .acc-head .acc-title{color:#fff}.accordion-grup .accordion-yellow .acc-body .acc-content p{color:#f4f4f4}.accordion-grup .accordion-yellow .state-arrow{color:#fff!important}.accordion-grup .accordion-green{border-bottom:1px solid var(--cf-mode-active);background-color:var(--green-dark-clr)}.accordion-grup .accordion-green .acc-head .acc-title{color:#fff}.accordion-grup .accordion-green .acc-body .acc-content p{color:#f4f4f4}.accordion-grup .accordion-green .state-arrow{color:#fff!important}.accordion-grup .accordion-orange{border-bottom:1px solid var(--cf-mode-active);background-color:var(--orange-dark-clr)}.accordion-grup .accordion-orange .acc-head .acc-title{color:#fff}.accordion-grup .accordion-orange .acc-body .acc-content p{color:#f4f4f4}.accordion-grup .accordion-orange .state-arrow{color:#fff!important}.accordion-grup .accordion-blue{border-bottom:1px solid var(--cf-mode-active);background-color:var(--blue-dark-clr)}.accordion-grup .accordion-blue .acc-head .acc-title{color:#fff}.accordion-grup .accordion-blue .acc-body .acc-content p{color:#f4f4f4}.accordion-grup .accordion-blue .state-arrow{color:#fff!important}.accordion-grup .accordion-violet{border-bottom:1px solid var(--cf-mode-active);background-color:var(--violet-dark-clr)}.accordion-grup .accordion-violet .acc-head .acc-title{color:#fff}.accordion-grup .accordion-violet .acc-body .acc-content p{color:#f4f4f4}.accordion-grup .accordion-violet .state-arrow{color:#fff!important}.accordion-grup .accordion-gray{border-bottom:1px solid var(--cf-mode-active);background-color:var(--gray-dark-clr)}.accordion-grup .accordion-gray .acc-head .acc-title{color:#fff}.accordion-grup .accordion-gray .acc-body .acc-content p{color:#f4f4f4}.accordion-grup .accordion-gray .state-arrow{color:#fff!important}.btn-fill{border:1.5px solid var(--btn-dark-clr);background-image:linear-gradient(var(--btn-medium-clr),var(--btn-dark-clr));color:var(--btn-font-clr)!important;min-width:38px;max-width:-moz-fit-content;max-width:fit-content;min-height:38px;max-height:-moz-fit-content;max-height:fit-content;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;font-size:16px;font-weight:400;font-family:var(--font-style);border-radius:6px;transition:all .1s}.btn-fill .btn-icon{display:flex;align-items:center;justify-content:center;font-size:20px}.btn-fill:has(.btn-icon){padding:0}.btn-fill:has(.btn-icon+.btn-txt),.btn-fill:has(.btn-txt+.btn-icon),.btn-fill:has(.btn-icon .btn-txt),.btn-fill:has(.btn-icon.btn-txt){padding:0 12px}.btn-fill:hover{filter:brightness(.95);box-shadow:0 0 4px var(--btn-medium-clr)}.btn-fill:active{filter:brightness(1)}.btn-fill:focus{box-shadow:0 0 4px var(--btn-dark-clr)}.btn-line{border:1.5px solid var(--btn-font-clr);box-shadow:inset 0 0 6px #00000017;background-color:transparent;color:var(--btn-font-clr)!important;min-width:38px;max-width:-moz-fit-content;max-width:fit-content;min-height:38px;max-height:-moz-fit-content;max-height:fit-content;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;font-size:16px;font-weight:400;font-family:var(--font-style);border-radius:6px;transition:all .1s}.btn-line .btn-icon{display:flex;align-items:center;justify-content:center;font-size:20px}.btn-line:has(.btn-icon){padding:0}.btn-line:has(.btn-icon+.btn-txt),.btn-line:has(.btn-txt+.btn-icon),.btn-line:has(.btn-icon .btn-txt),.btn-line:has(.btn-icon.btn-txt){padding:0 12px}.btn-line:hover{filter:brightness(.95);box-shadow:0 0 4px var(--btn-medium-clr)}.btn-line:active{filter:brightness(1)}.btn-line:focus{box-shadow:0 0 4px var(--btn-font-clr)}.btn-iconTxt{padding:0 10px 0 0!important;border:1.5px solid var(--btn-dark-clr);background-color:var(--btn-medium-clr);box-shadow:inset 0 0 6px #00000015;color:var(--btn-font-clr)!important;min-width:38px;max-width:-moz-fit-content;max-width:fit-content;min-height:38px;max-height:-moz-fit-content;max-height:fit-content;display:flex;align-items:center;justify-content:center;gap:6px;font-size:16px;font-weight:400;font-family:var(--font-style);border-radius:6px;transition:all .1s}.btn-iconTxt:hover{filter:brightness(.95)}.btn-iconTxt:active{filter:brightness(1)}.btn-iconTxt:focus{box-shadow:0 0 4px var(--btn-dark-clr)}.btn-iconTxt .btn-icon{border-right:1.5px solid var(--btn-dark-clr);box-shadow:1px 0 4px #00000015;background-color:var(--btn-dark-clr);color:var(--btn-font-clr);height:38px;padding-right:8px!important;padding-left:10px!important;margin-right:6px!important;display:flex;align-items:center;justify-content:center;font-size:22px;border-radius:4px 0 0 4px}.btn-icon{padding:0!important}.btn-round{border-radius:50px!important}.btn-fill-yellow{border:1.5px solid var(--yellow-dark-clr);background-image:linear-gradient(var(--yellow-medium-clr),var(--yellow-dark-clr));color:var(--yellow-font-clr)!important;min-width:38px;max-width:-moz-fit-content;max-width:fit-content;min-height:38px;max-height:-moz-fit-content;max-height:fit-content;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;font-size:16px;font-weight:400;font-family:var(--font-style);border-radius:6px;transition:all .1s}.btn-fill-yellow .btn-icon{display:flex;align-items:center;justify-content:center;font-size:20px}.btn-fill-yellow:has(.btn-icon){padding:0}.btn-fill-yellow:has(.btn-icon+.btn-txt),.btn-fill-yellow:has(.btn-txt+.btn-icon),.btn-fill-yellow:has(.btn-icon .btn-txt),.btn-fill-yellow:has(.btn-icon.btn-txt){padding:0 12px}.btn-fill-yellow:hover{filter:brightness(.95);box-shadow:0 0 4px var(--yellow-medium-clr)}.btn-fill-yellow:active{filter:brightness(1)}.btn-fill-yellow:focus{box-shadow:0 0 4px var(--yellow-dark-clr)}.btn-line-yellow{border:1.5px solid var(--yellow-dark-clr);box-shadow:inset 0 0 6px #00000017;background-color:transparent;color:var(--yellow-dark-clr)!important;min-width:38px;max-width:-moz-fit-content;max-width:fit-content;min-height:38px;max-height:-moz-fit-content;max-height:fit-content;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;font-size:16px;font-weight:400;font-family:var(--font-style);border-radius:6px;transition:all .1s}.btn-line-yellow .btn-icon{display:flex;align-items:center;justify-content:center;font-size:20px}.btn-line-yellow:has(.btn-icon){padding:0}.btn-line-yellow:has(.btn-icon+.btn-txt),.btn-line-yellow:has(.btn-txt+.btn-icon),.btn-line-yellow:has(.btn-icon .btn-txt),.btn-line-yellow:has(.btn-icon.btn-txt){padding:0 12px}.btn-line-yellow:hover{filter:brightness(.95);box-shadow:0 0 4px var(--yellow-medium-clr)}.btn-line-yellow:active{filter:brightness(1)}.btn-line-yellow:focus{box-shadow:0 0 4px var(--yellow-dark-clr)}.btn-iconTxt-yellow{padding:0 10px 0 0!important;border:1.5px solid var(--yellow-dark-clr);background-color:var(--yellow-medium-clr);box-shadow:inset 0 0 6px #00000015;color:var(--yellow-font-clr)!important;min-width:38px;max-width:-moz-fit-content;max-width:fit-content;min-height:38px;max-height:-moz-fit-content;max-height:fit-content;display:flex;align-items:center;justify-content:center;gap:6px;font-size:16px;font-weight:400;font-family:var(--font-style);border-radius:6px;transition:all .1s}.btn-iconTxt-yellow:hover{filter:brightness(.95)}.btn-iconTxt-yellow:active{filter:brightness(1)}.btn-iconTxt-yellow:focus{box-shadow:0 0 4px var(--yellow-dark-clr)}.btn-iconTxt-yellow .btn-icon{border-right:1.5px solid var(--yellow-dark-clr);box-shadow:1px 0 4px #00000015;background-color:var(--yellow-dark-clr);color:var(--yellow-font-clr);height:38px;padding-right:8px!important;padding-left:10px!important;margin-right:6px!important;display:flex;align-items:center;justify-content:center;font-size:22px;border-radius:4px 0 0 4px}.btn-fill-green{border:1.5px solid var(--green-dark-clr);background-image:linear-gradient(var(--green-medium-clr),var(--green-dark-clr));color:var(--green-font-clr)!important;min-width:38px;max-width:-moz-fit-content;max-width:fit-content;min-height:38px;max-height:-moz-fit-content;max-height:fit-content;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;font-size:16px;font-weight:400;font-family:var(--font-style);border-radius:6px;transition:all .1s}.btn-fill-green .btn-icon{display:flex;align-items:center;justify-content:center;font-size:20px}.btn-fill-green:has(.btn-icon){padding:0}.btn-fill-green:has(.btn-icon+.btn-txt),.btn-fill-green:has(.btn-txt+.btn-icon),.btn-fill-green:has(.btn-icon .btn-txt),.btn-fill-green:has(.btn-icon.btn-txt){padding:0 12px}.btn-fill-green:hover{filter:brightness(.95);box-shadow:0 0 4px var(--green-medium-clr)}.btn-fill-green:active{filter:brightness(1)}.btn-fill-green:focus{box-shadow:0 0 4px var(--green-dark-clr)}.btn-line-green{border:1.5px solid var(--green-dark-clr);box-shadow:inset 0 0 6px #00000017;background-color:transparent;color:var(--green-dark-clr)!important;min-width:38px;max-width:-moz-fit-content;max-width:fit-content;min-height:38px;max-height:-moz-fit-content;max-height:fit-content;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;font-size:16px;font-weight:400;font-family:var(--font-style);border-radius:6px;transition:all .1s}.btn-line-green .btn-icon{display:flex;align-items:center;justify-content:center;font-size:20px}.btn-line-green:has(.btn-icon){padding:0}.btn-line-green:has(.btn-icon+.btn-txt),.btn-line-green:has(.btn-txt+.btn-icon),.btn-line-green:has(.btn-icon .btn-txt),.btn-line-green:has(.btn-icon.btn-txt){padding:0 12px}.btn-line-green:hover{filter:brightness(.95);box-shadow:0 0 4px var(--green-medium-clr)}.btn-line-green:active{filter:brightness(1)}.btn-line-green:focus{box-shadow:0 0 4px var(--green-dark-clr)}.btn-iconTxt-green{padding:0 10px 0 0!important;border:1.5px solid var(--green-dark-clr);background-color:var(--green-medium-clr);box-shadow:inset 0 0 6px #00000015;color:var(--green-font-clr)!important;min-width:38px;max-width:-moz-fit-content;max-width:fit-content;min-height:38px;max-height:-moz-fit-content;max-height:fit-content;display:flex;align-items:center;justify-content:center;gap:6px;font-size:16px;font-weight:400;font-family:var(--font-style);border-radius:6px;transition:all .1s}.btn-iconTxt-green:hover{filter:brightness(.95)}.btn-iconTxt-green:active{filter:brightness(1)}.btn-iconTxt-green:focus{box-shadow:0 0 4px var(--green-dark-clr)}.btn-iconTxt-green .btn-icon{border-right:1.5px solid var(--green-dark-clr);box-shadow:1px 0 4px #00000015;background-color:var(--green-dark-clr);color:var(--green-font-clr);height:38px;padding-right:8px!important;padding-left:10px!important;margin-right:6px!important;display:flex;align-items:center;justify-content:center;font-size:22px;border-radius:4px 0 0 4px}.btn-fill-orange{border:1.5px solid var(--orange-dark-clr);background-image:linear-gradient(var(--orange-medium-clr),var(--orange-dark-clr));color:var(--orange-font-clr)!important;min-width:38px;max-width:-moz-fit-content;max-width:fit-content;min-height:38px;max-height:-moz-fit-content;max-height:fit-content;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;font-size:16px;font-weight:400;font-family:var(--font-style);border-radius:6px;transition:all .1s}.btn-fill-orange .btn-icon{display:flex;align-items:center;justify-content:center;font-size:20px}.btn-fill-orange:has(.btn-icon){padding:0}.btn-fill-orange:has(.btn-icon+.btn-txt),.btn-fill-orange:has(.btn-txt+.btn-icon),.btn-fill-orange:has(.btn-icon .btn-txt),.btn-fill-orange:has(.btn-icon.btn-txt){padding:0 12px}.btn-fill-orange:hover{filter:brightness(.95);box-shadow:0 0 4px var(--orange-medium-clr)}.btn-fill-orange:active{filter:brightness(1)}.btn-fill-orange:focus{box-shadow:0 0 4px var(--orange-dark-clr)}.btn-line-orange{border:1.5px solid var(--orange-dark-clr);box-shadow:inset 0 0 6px #00000017;background-color:transparent;color:var(--orange-dark-clr)!important;min-width:38px;max-width:-moz-fit-content;max-width:fit-content;min-height:38px;max-height:-moz-fit-content;max-height:fit-content;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;font-size:16px;font-weight:400;font-family:var(--font-style);border-radius:6px;transition:all .1s}.btn-line-orange .btn-icon{display:flex;align-items:center;justify-content:center;font-size:20px}.btn-line-orange:has(.btn-icon){padding:0}.btn-line-orange:has(.btn-icon+.btn-txt),.btn-line-orange:has(.btn-txt+.btn-icon),.btn-line-orange:has(.btn-icon .btn-txt),.btn-line-orange:has(.btn-icon.btn-txt){padding:0 12px}.btn-line-orange:hover{filter:brightness(.95);box-shadow:0 0 4px var(--orange-medium-clr)}.btn-line-orange:active{filter:brightness(1)}.btn-line-orange:focus{box-shadow:0 0 4px var(--orange-dark-clr)}.btn-iconTxt-orange{padding:0 10px 0 0!important;border:1.5px solid var(--orange-dark-clr);background-color:var(--orange-medium-clr);box-shadow:inset 0 0 6px #00000015;color:var(--orange-font-clr)!important;min-width:38px;max-width:-moz-fit-content;max-width:fit-content;min-height:38px;max-height:-moz-fit-content;max-height:fit-content;display:flex;align-items:center;justify-content:center;gap:6px;font-size:16px;font-weight:400;font-family:var(--font-style);border-radius:6px;transition:all .1s}.btn-iconTxt-orange:hover{filter:brightness(.95)}.btn-iconTxt-orange:active{filter:brightness(1)}.btn-iconTxt-orange:focus{box-shadow:0 0 4px var(--orange-dark-clr)}.btn-iconTxt-orange .btn-icon{border-right:1.5px solid var(--orange-dark-clr);box-shadow:1px 0 4px #00000015;background-color:var(--orange-dark-clr);color:var(--orange-font-clr);height:38px;padding-right:8px!important;padding-left:10px!important;margin-right:6px!important;display:flex;align-items:center;justify-content:center;font-size:22px;border-radius:4px 0 0 4px}.btn-fill-blue{border:1.5px solid var(--blue-dark-clr);background-image:linear-gradient(var(--blue-medium-clr),var(--blue-dark-clr));color:var(--blue-font-clr)!important;min-width:38px;max-width:-moz-fit-content;max-width:fit-content;min-height:38px;max-height:-moz-fit-content;max-height:fit-content;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;font-size:16px;font-weight:400;font-family:var(--font-style);border-radius:6px;transition:all .1s}.btn-fill-blue .btn-icon{display:flex;align-items:center;justify-content:center;font-size:20px}.btn-fill-blue:has(.btn-icon){padding:0}.btn-fill-blue:has(.btn-icon+.btn-txt),.btn-fill-blue:has(.btn-txt+.btn-icon),.btn-fill-blue:has(.btn-icon .btn-txt),.btn-fill-blue:has(.btn-icon.btn-txt){padding:0 12px}.btn-fill-blue:hover{filter:brightness(.95);box-shadow:0 0 4px var(--blue-medium-clr)}.btn-fill-blue:active{filter:brightness(1)}.btn-fill-blue:focus{box-shadow:0 0 4px var(--blue-dark-clr)}.btn-line-blue{border:1.5px solid var(--blue-dark-clr);box-shadow:inset 0 0 6px #00000017;background-color:transparent;color:var(--blue-dark-clr)!important;min-width:38px;max-width:-moz-fit-content;max-width:fit-content;min-height:38px;max-height:-moz-fit-content;max-height:fit-content;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;font-size:16px;font-weight:400;font-family:var(--font-style);border-radius:6px;transition:all .1s}.btn-line-blue .btn-icon{display:flex;align-items:center;justify-content:center;font-size:20px}.btn-line-blue:has(.btn-icon){padding:0}.btn-line-blue:has(.btn-icon+.btn-txt),.btn-line-blue:has(.btn-txt+.btn-icon),.btn-line-blue:has(.btn-icon .btn-txt),.btn-line-blue:has(.btn-icon.btn-txt){padding:0 12px}.btn-line-blue:hover{filter:brightness(.95);box-shadow:0 0 4px var(--blue-medium-clr)}.btn-line-blue:active{filter:brightness(1)}.btn-line-blue:focus{box-shadow:0 0 4px var(--blue-dark-clr)}.btn-iconTxt-blue{padding:0 10px 0 0!important;border:1.5px solid var(--blue-dark-clr);background-color:var(--blue-medium-clr);box-shadow:inset 0 0 6px #00000015;color:var(--blue-font-clr)!important;min-width:38px;max-width:-moz-fit-content;max-width:fit-content;min-height:38px;max-height:-moz-fit-content;max-height:fit-content;display:flex;align-items:center;justify-content:center;gap:6px;font-size:16px;font-weight:400;font-family:var(--font-style);border-radius:6px;transition:all .1s}.btn-iconTxt-blue:hover{filter:brightness(.95)}.btn-iconTxt-blue:active{filter:brightness(1)}.btn-iconTxt-blue:focus{box-shadow:0 0 4px var(--blue-dark-clr)}.btn-iconTxt-blue .btn-icon{border-right:1.5px solid var(--blue-dark-clr);box-shadow:1px 0 4px #00000015;background-color:var(--blue-dark-clr);color:var(--blue-font-clr);height:38px;padding-right:8px!important;padding-left:10px!important;margin-right:6px!important;display:flex;align-items:center;justify-content:center;font-size:22px;border-radius:4px 0 0 4px}.btn-fill-violet{border:1.5px solid var(--violet-dark-clr);background-image:linear-gradient(var(--violet-medium-clr),var(--violet-dark-clr));color:var(--violet-font-clr)!important;min-width:38px;max-width:-moz-fit-content;max-width:fit-content;min-height:38px;max-height:-moz-fit-content;max-height:fit-content;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;font-size:16px;font-weight:400;font-family:var(--font-style);border-radius:6px;transition:all .1s}.btn-fill-violet .btn-icon{display:flex;align-items:center;justify-content:center;font-size:20px}.btn-fill-violet:has(.btn-icon){padding:0}.btn-fill-violet:has(.btn-icon+.btn-txt),.btn-fill-violet:has(.btn-txt+.btn-icon),.btn-fill-violet:has(.btn-icon .btn-txt),.btn-fill-violet:has(.btn-icon.btn-txt){padding:0 12px}.btn-fill-violet:hover{filter:brightness(.95);box-shadow:0 0 4px var(--violet-medium-clr)}.btn-fill-violet:active{filter:brightness(1)}.btn-fill-violet:focus{box-shadow:0 0 4px var(--violet-dark-clr)}.btn-line-violet{border:1.5px solid var(--violet-dark-clr);box-shadow:inset 0 0 6px #00000017;background-color:transparent;color:var(--violet-dark-clr)!important;min-width:38px;max-width:-moz-fit-content;max-width:fit-content;min-height:38px;max-height:-moz-fit-content;max-height:fit-content;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;font-size:16px;font-weight:400;font-family:var(--font-style);border-radius:6px;transition:all .1s}.btn-line-violet .btn-icon{display:flex;align-items:center;justify-content:center;font-size:20px}.btn-line-violet:has(.btn-icon){padding:0}.btn-line-violet:has(.btn-icon+.btn-txt),.btn-line-violet:has(.btn-txt+.btn-icon),.btn-line-violet:has(.btn-icon .btn-txt),.btn-line-violet:has(.btn-icon.btn-txt){padding:0 12px}.btn-line-violet:hover{filter:brightness(.95);box-shadow:0 0 4px var(--violet-medium-clr)}.btn-line-violet:active{filter:brightness(1)}.btn-line-violet:focus{box-shadow:0 0 4px var(--violet-dark-clr)}.btn-iconTxt-violet{padding:0 10px 0 0!important;border:1.5px solid var(--violet-dark-clr);background-color:var(--violet-medium-clr);box-shadow:inset 0 0 6px #00000015;color:var(--violet-font-clr)!important;min-width:38px;max-width:-moz-fit-content;max-width:fit-content;min-height:38px;max-height:-moz-fit-content;max-height:fit-content;display:flex;align-items:center;justify-content:center;gap:6px;font-size:16px;font-weight:400;font-family:var(--font-style);border-radius:6px;transition:all .1s}.btn-iconTxt-violet:hover{filter:brightness(.95)}.btn-iconTxt-violet:active{filter:brightness(1)}.btn-iconTxt-violet:focus{box-shadow:0 0 4px var(--violet-dark-clr)}.btn-iconTxt-violet .btn-icon{border-right:1.5px solid var(--violet-dark-clr);box-shadow:1px 0 4px #00000015;background-color:var(--violet-dark-clr);color:var(--violet-font-clr);height:38px;padding-right:8px!important;padding-left:10px!important;margin-right:6px!important;display:flex;align-items:center;justify-content:center;font-size:22px;border-radius:4px 0 0 4px}.btn-fill-gray{border:1.5px solid var(--gray-dark-clr);background-image:linear-gradient(var(--gray-medium-clr),var(--gray-dark-clr));color:var(--gray-font-clr)!important;min-width:38px;max-width:-moz-fit-content;max-width:fit-content;min-height:38px;max-height:-moz-fit-content;max-height:fit-content;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;font-size:16px;font-weight:400;font-family:var(--font-style);border-radius:6px;transition:all .1s}.btn-fill-gray .btn-icon{display:flex;align-items:center;justify-content:center;font-size:20px}.btn-fill-gray:has(.btn-icon){padding:0}.btn-fill-gray:has(.btn-icon+.btn-txt),.btn-fill-gray:has(.btn-txt+.btn-icon),.btn-fill-gray:has(.btn-icon .btn-txt),.btn-fill-gray:has(.btn-icon.btn-txt){padding:0 12px}.btn-fill-gray:hover{filter:brightness(.95);box-shadow:0 0 4px var(--gray-medium-clr)}.btn-fill-gray:active{filter:brightness(1)}.btn-fill-gray:focus{box-shadow:0 0 4px var(--gray-dark-clr)}.btn-line-gray{border:1.5px solid var(--gray-dark-clr);box-shadow:inset 0 0 6px #00000017;background-color:transparent;color:var(--gray-dark-clr)!important;min-width:38px;max-width:-moz-fit-content;max-width:fit-content;min-height:38px;max-height:-moz-fit-content;max-height:fit-content;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;font-size:16px;font-weight:400;font-family:var(--font-style);border-radius:6px;transition:all .1s}.btn-line-gray .btn-icon{display:flex;align-items:center;justify-content:center;font-size:20px}.btn-line-gray:has(.btn-icon){padding:0}.btn-line-gray:has(.btn-icon+.btn-txt),.btn-line-gray:has(.btn-txt+.btn-icon),.btn-line-gray:has(.btn-icon .btn-txt),.btn-line-gray:has(.btn-icon.btn-txt){padding:0 12px}.btn-line-gray:hover{filter:brightness(.95);box-shadow:0 0 4px var(--gray-medium-clr)}.btn-line-gray:active{filter:brightness(1)}.btn-line-gray:focus{box-shadow:0 0 4px var(--gray-dark-clr)}.btn-iconTxt-gray{padding:0 10px 0 0!important;border:1.5px solid var(--gray-dark-clr);background-color:var(--gray-medium-clr);box-shadow:inset 0 0 6px #00000015;color:var(--gray-font-clr)!important;min-width:38px;max-width:-moz-fit-content;max-width:fit-content;min-height:38px;max-height:-moz-fit-content;max-height:fit-content;display:flex;align-items:center;justify-content:center;gap:6px;font-size:16px;font-weight:400;font-family:var(--font-style);border-radius:6px;transition:all .1s}.btn-iconTxt-gray:hover{filter:brightness(.95)}.btn-iconTxt-gray:active{filter:brightness(1)}.btn-iconTxt-gray:focus{box-shadow:0 0 4px var(--gray-dark-clr)}.btn-iconTxt-gray .btn-icon{border-right:1.5px solid var(--gray-dark-clr);box-shadow:1px 0 4px #00000015;background-color:var(--gray-dark-clr);color:var(--gray-font-clr);height:38px;padding-right:8px!important;padding-left:10px!important;margin-right:6px!important;display:flex;align-items:center;justify-content:center;font-size:22px;border-radius:4px 0 0 4px}.calendar-container{width:100%;max-width:360px;border:1px solid var(--calendar-bdr);background-color:var(--calendar-bg);padding:1.4rem 1rem;border-radius:1.2rem;font-family:Quicksand,serif}.calendar-container .header{display:flex;align-items:center;justify-content:space-between;margin:.4rem 0 2.4rem;padding:0 1rem}.calendar-container .header h3{font-size:1.8rem;font-weight:600}.calendar-container .header .header-btns{display:flex;align-items:center;justify-content:flex-end;gap:1.2rem}.calendar-container .header .header-btns p{cursor:pointer;font-weight:500}.calendar-container .header .header-btns button{border:.1rem solid var(--calendar-day-bdr)!important;background-color:var(--calendar-day-bg)!important;border-radius:1rem;width:3rem;height:3rem;border:none;display:flex;align-items:center;justify-content:center}.calendar-container .header .header-btns .material-symbols-outlined{color:var(--app-theme-font)!important}.calendar-container .weekdays{margin-bottom:1.8rem;font-weight:600}.calendar-container .weekdays,.calendar-container .days{font-family:Quicksand,serif;display:grid;grid-template-columns:repeat(7,1fr);row-gap:1rem;text-align:center;cursor:pointer}.calendar-container .day{font-family:Quicksand,serif;border:.1rem solid var(--calendar-day-bdr);background-color:var(--calendar-day-bg);flex-shrink:0;width:3.8rem;height:3.8rem;font-weight:500;text-align:center;border-radius:.8rem;display:flex;align-items:center;justify-content:center;margin:auto;cursor:pointer}.calendar-container .day:hover{background-color:var(--calendar-day-bg-hover)}.calendar-container .day.empty{background:transparent}.calendar-container .day.today{background-color:var(--app-theme-background)!important;color:#000!important}.calendar-container.horizontal{border:none;background-color:transparent;max-width:100%}.calendar-container.horizontal .header{padding:0!important;margin:.4rem 0 1.4rem!important}.calendar-container.horizontal .header .header-btns button{background-color:var(--calendar-day-hz-bg)!important}.calendar-container.horizontal .horizontal-scroll-wrapper{position:relative;display:flex;align-items:center;gap:2rem}.calendar-container.horizontal .horizontal-scroll-wrapper .scroll-btn{background-color:var(--calendar-day-hz-bg);border:none;border-radius:50%;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;z-index:2;cursor:pointer}.calendar-container.horizontal .horizontal-scroll-wrapper .scroll-btn.left{margin-right:.6rem}.calendar-container.horizontal .horizontal-scroll-wrapper .scroll-btn.right{margin-left:.6rem}.calendar-container.horizontal .horizontal-scroll-wrapper .scroll-btn span{font-size:2rem}.calendar-container.horizontal .horizontal-scroll-wrapper .days{flex:1;display:flex;overflow-x:auto;scroll-behavior:smooth;gap:1rem;padding:.8rem 0;scrollbar-width:none}.calendar-container.horizontal .horizontal-scroll-wrapper .days::-webkit-scrollbar{display:none}.calendar-container.horizontal .horizontal-scroll-wrapper .day{border:.1rem solid var(--calendar-day-bdr);background-color:var(--calendar-day-hz-bg);width:4.4rem;height:4.4rem;font-weight:500}.calendar-container.horizontal .horizontal-scroll-wrapper .day.empty{display:none}.day.selected{border:.2rem solid var(--app-theme-background);background-color:var(--app-theme-font)!important;color:var(--app-theme-background)!important;font-weight:700}.card-box{background-color:var(--cf-mode-primary);color:var(--cf-mode-font-primary);box-shadow:var(--card-shadow);border-radius:8px;min-width:auto;max-width:var(--card-width);height:-moz-fit-content;height:fit-content;font-family:var(--font-style);display:flex;flex-direction:column}.card-box .card-head{font-family:var(--font-style);display:flex;align-items:center;justify-content:space-between;padding:18px 18px 12px}.card-box .card-head .card-title h3{font-size:22px;font-weight:500}.card-box .card-body{font-family:var(--font-style);padding:0 18px 14px;font-size:16px;line-height:22px}.card-box .card-body ul,.card-box .card-body ol{margin-left:14px;margin-top:10px;line-height:24px}.card-box .card-footer{font-family:var(--font-style);padding:8px 18px 18px;display:flex;align-items:center;gap:10px}.card-fixed{min-width:auto;max-width:var(--card-fixed-width)}.card-lines{border:1.5px solid var(--cf-mode-bdr)}.card-lines .card-head{border-bottom:1.5px solid var(--cf-mode-bdr)}.card-lines .card-body{padding:14px 18px!important}.card-lines .card-footer{border-top:1.5px solid var(--cf-mode-bdr);padding:10px 18px}.chart-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px}.chart-cards .card-box,.chart-cards .card-box-yellow,.chart-cards .card-box-green,.chart-cards .card-box-orange,.chart-cards .card-box-blue,.chart-cards .card-box-violet,.chart-cards .card-box-gray{min-height:200px;max-height:auto;display:grid;grid-template-rows:auto 1fr auto}.chart-cards .card-box .card-body,.chart-cards .card-box-yellow .card-body,.chart-cards .card-box-green .card-body,.chart-cards .card-box-orange .card-body,.chart-cards .card-box-blue .card-body,.chart-cards .card-box-violet .card-body,.chart-cards .card-box-gray .card-body{display:flex;align-items:center;justify-content:center;padding-bottom:40px}.chart-cards .card-box .card-body .chart-num,.chart-cards .card-box-yellow .card-body .chart-num,.chart-cards .card-box-green .card-body .chart-num,.chart-cards .card-box-orange .card-body .chart-num,.chart-cards .card-box-blue .card-body .chart-num,.chart-cards .card-box-violet .card-body .chart-num,.chart-cards .card-box-gray .card-body .chart-num{font-size:34px;font-weight:500}.card-footer-center{justify-content:center}.card-footer-end{justify-content:flex-end}.card-box-yellow{background-color:var(--yellow-light-clr);color:var(--cf-mode-font-primary);box-shadow:var(--card-shadow);border-radius:8px;min-width:auto;max-width:var(--card-width);height:-moz-fit-content;height:fit-content;font-family:var(--font-style);display:flex;flex-direction:column}.card-box-yellow .card-head{font-family:var(--font-style);display:flex;align-items:center;justify-content:space-between;padding:18px 18px 12px}.card-box-yellow .card-head .card-title h3{font-size:22px;font-weight:500}.card-box-yellow .card-body{font-family:var(--font-style);padding:0 18px 14px;font-size:16px;line-height:22px}.card-box-yellow .card-body ul,.card-box-yellow .card-body ol{margin-left:14px;margin-top:10px;line-height:24px}.card-box-yellow .card-footer{font-family:var(--font-style);padding:8px 18px 18px;display:flex;align-items:center;gap:10px}.card-lines-yellow{border:1.5px solid var(--yellow-medium-clr)}.card-lines-yellow .card-head{border-bottom:1.5px solid var(--yellow-medium-clr)}.card-lines-yellow .card-body{padding:14px 18px!important}.card-lines-yellow .card-footer{border-top:1.5px solid var(--yellow-medium-clr);padding:10px 18px}.card-box-green{background-color:var(--green-light-clr);color:var(--cf-mode-font-primary);box-shadow:var(--card-shadow);border-radius:8px;min-width:auto;max-width:var(--card-width);height:-moz-fit-content;height:fit-content;font-family:var(--font-style);display:flex;flex-direction:column}.card-box-green .card-head{font-family:var(--font-style);display:flex;align-items:center;justify-content:space-between;padding:18px 18px 12px}.card-box-green .card-head .card-title h3{font-size:22px;font-weight:500}.card-box-green .card-body{font-family:var(--font-style);padding:0 18px 14px;font-size:16px;line-height:22px}.card-box-green .card-body ul,.card-box-green .card-body ol{margin-left:14px;margin-top:10px;line-height:24px}.card-box-green .card-footer{font-family:var(--font-style);padding:8px 18px 18px;display:flex;align-items:center;gap:10px}.card-lines-green{border:1.5px solid var(--green-medium-clr)}.card-lines-green .card-head{border-bottom:1.5px solid var(--green-medium-clr)}.card-lines-green .card-body{padding:14px 18px!important}.card-lines-green .card-footer{border-top:1.5px solid var(--green-medium-clr);padding:10px 18px}.card-box-orange{background-color:var(--orange-light-clr);color:var(--cf-mode-font-primary);box-shadow:var(--card-shadow);border-radius:8px;min-width:auto;max-width:var(--card-width);height:-moz-fit-content;height:fit-content;font-family:var(--font-style);display:flex;flex-direction:column}.card-box-orange .card-head{font-family:var(--font-style);display:flex;align-items:center;justify-content:space-between;padding:18px 18px 12px}.card-box-orange .card-head .card-title h3{font-size:22px;font-weight:500}.card-box-orange .card-body{font-family:var(--font-style);padding:0 18px 14px;font-size:16px;line-height:22px}.card-box-orange .card-body ul,.card-box-orange .card-body ol{margin-left:14px;margin-top:10px;line-height:24px}.card-box-orange .card-footer{font-family:var(--font-style);padding:8px 18px 18px;display:flex;align-items:center;gap:10px}.card-lines-orange{border:1.5px solid var(--orange-medium-clr)}.card-lines-orange .card-head{border-bottom:1.5px solid var(--orange-medium-clr)}.card-lines-orange .card-body{padding:14px 18px!important}.card-lines-orange .card-footer{border-top:1.5px solid var(--orange-medium-clr);padding:10px 18px}.card-box-blue{background-color:var(--blue-light-clr);color:var(--cf-mode-font-primary);box-shadow:var(--card-shadow);border-radius:8px;min-width:auto;max-width:var(--card-width);height:-moz-fit-content;height:fit-content;font-family:var(--font-style);display:flex;flex-direction:column}.card-box-blue .card-head{font-family:var(--font-style);display:flex;align-items:center;justify-content:space-between;padding:18px 18px 12px}.card-box-blue .card-head .card-title h3{font-size:22px;font-weight:500}.card-box-blue .card-body{font-family:var(--font-style);padding:0 18px 14px;font-size:16px;line-height:22px}.card-box-blue .card-body ul,.card-box-blue .card-body ol{margin-left:14px;margin-top:10px;line-height:24px}.card-box-blue .card-footer{font-family:var(--font-style);padding:8px 18px 18px;display:flex;align-items:center;gap:10px}.card-lines-blue{border:1.5px solid var(--blue-medium-clr)}.card-lines-blue .card-head{border-bottom:1.5px solid var(--blue-medium-clr)}.card-lines-blue .card-body{padding:14px 18px!important}.card-lines-blue .card-footer{border-top:1.5px solid var(--blue-medium-clr);padding:10px 18px}.card-box-violet{background-color:var(--violet-light-clr);color:var(--cf-mode-font-primary);box-shadow:var(--card-shadow);border-radius:8px;min-width:auto;max-width:var(--card-width);height:-moz-fit-content;height:fit-content;font-family:var(--font-style);display:flex;flex-direction:column}.card-box-violet .card-head{font-family:var(--font-style);display:flex;align-items:center;justify-content:space-between;padding:18px 18px 12px}.card-box-violet .card-head .card-title h3{font-size:22px;font-weight:500}.card-box-violet .card-body{font-family:var(--font-style);padding:0 18px 14px;font-size:16px;line-height:22px}.card-box-violet .card-body ul,.card-box-violet .card-body ol{margin-left:14px;margin-top:10px;line-height:24px}.card-box-violet .card-footer{font-family:var(--font-style);padding:8px 18px 18px;display:flex;align-items:center;gap:10px}.card-lines-violet{border:1.5px solid var(--violet-medium-clr)}.card-lines-violet .card-head{border-bottom:1.5px solid var(--violet-medium-clr)}.card-lines-violet .card-body{padding:14px 18px!important}.card-lines-violet .card-footer{border-top:1.5px solid var(--violet-medium-clr);padding:10px 18px}.card-box-gray{background-color:var(--gray-light-clr);color:var(--cf-mode-font-primary);box-shadow:var(--card-shadow);border-radius:8px;min-width:auto;max-width:var(--card-width);height:-moz-fit-content;height:fit-content;font-family:var(--font-style);display:flex;flex-direction:column}.card-box-gray .card-head{font-family:var(--font-style);display:flex;align-items:center;justify-content:space-between;padding:18px 18px 12px}.card-box-gray .card-head .card-title h3{font-size:22px;font-weight:500}.card-box-gray .card-body{font-family:var(--font-style);padding:0 18px 14px;font-size:16px;line-height:22px}.card-box-gray .card-body ul,.card-box-gray .card-body ol{margin-left:14px;margin-top:10px;line-height:24px}.card-box-gray .card-footer{font-family:var(--font-style);padding:8px 18px 18px;display:flex;align-items:center;gap:10px}.card-lines-gray{border:1.5px solid var(--gray-medium-clr)}.card-lines-gray .card-head{border-bottom:1.5px solid var(--gray-medium-clr)}.card-lines-gray .card-body{padding:14px 18px!important}.card-lines-gray .card-footer{border-top:1.5px solid var(--gray-medium-clr);padding:10px 18px}.dropdown-box .dd-menu{min-width:200px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;font-family:var(--font-style);background-color:var(--cf-mode-primary);color:var(--cf-mode-font-primary);padding:8px 10px;border-radius:6px;border:1.8px solid var(--cf-mode-bdr);box-shadow:0 0 4px #6161611c}.dropdown-box .dd-menu p{font-size:14px}.dropdown-box .dd-list{list-style:none;border:1.8px solid var(--cf-mode-bdr);font-size:14px;font-weight:400;font-family:var(--font-style);margin:0!important;padding:0!important;background-color:var(--cf-mode-primary);box-shadow:0 0 4px #6161611c;border-radius:6px;overflow:hidden;min-width:200px;width:100%;position:absolute;top:115%;left:0;max-height:250px;overflow-y:scroll;opacity:0;transform:translateY(-10px);visibility:hidden;transition:opacity .3s ease,transform .3s ease;z-index:999}.dropdown-box .dd-list li{color:var(--cf-mode-font-primary);padding:6px 10px;cursor:pointer}.dropdown-box .dd-list li:first-child{padding:12px 10px 6px}.dropdown-box .dd-list li:last-child{padding:6px 10px 12px}.dropdown-box .dd-list li:hover{background-color:var(--cf-mode-primary);filter:brightness(90%)}.dropdown-box .dd-list::-webkit-scrollbar{width:8px}.dropdown-box .dd-list::-webkit-scrollbar-track{background:transparent}.dropdown-box .dd-list::-webkit-scrollbar-thumb{background-color:#a2a2a2;border-radius:50px}.dropdown-box .dd-list::-webkit-scrollbar-thumb:hover{background-color:rgb(108,108,108) 2a2}.dropdown-box mat-icon,.dropdown-box .mat-icon{display:flex;align-items:center;justify-content:center}.dropdown-box .dd-open{opacity:1;transform:translateY(0);visibility:visible}.dropdown-box .dd-closing{opacity:0;transform:translateY(-10px);visibility:hidden}.dropdown-box{width:100%;max-width:-moz-fit-content;max-width:fit-content;display:flex;flex-direction:column;position:relative}.center{display:flex;align-items:center;justify-content:center}.input-box{font-family:var(--font-style);padding:8px;border-radius:6px;font-size:16px;min-width:220px;width:100%;max-width:100%;height:40px;border:1.8px solid var(--cf-mode-bdr);background-color:var(--cf-mode-primary);color:var(--cf-mode-font-primary)}.input-box:focus{outline:1.4px solid var(--input-dark-clr)}.input-box::-moz-placeholder{color:var(--cf-mode-bdr)}.input-box::placeholder{color:var(--cf-mode-bdr)}.form-grid-box{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.form-grid-box .grup-expand-04{grid-column:span 4}.form-grid-box .grup-expand-03{grid-column:span 3}.form-grid-box .grup-expand-02{grid-column:span 2}.form-grid-box .input-grup{min-width:220px;width:100%;max-width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px}.form-grid-box .input-grup label{font-family:var(--font-style);font-size:16px}.form-list-box{width:100%;display:flex;flex-direction:column;gap:26px}.form-list-box .input-grup{display:grid;grid-template-columns:minmax(150px,220px) 1fr;align-items:center;gap:20px}.form-list-box .input-grup label{font-family:var(--font-style);font-size:16px}.input-icon-grup{display:flex;align-items:center;border-radius:6px;border:1.8px solid var(--cf-mode-bdr)!important;overflow:hidden}.input-icon-grup .icon-prefix,.input-icon-grup .icon-suffix,.input-icon-grup .icon-prefix-bg,.input-icon-grup .icon-suffix-bg{min-width:42px;max-width:auto;height:40px;display:flex;align-items:center;justify-content:center;text-decoration:none;border:none;background-color:var(--cf-mode-primary);cursor:pointer}.input-icon-grup .icon-prefix-bg,.input-icon-grup .icon-suffix-bg{background-color:var(--cf-mode-secondary)!important}.input-icon-grup input{box-shadow:none;border:none!important;border-radius:0!important}.input-icon-grup input:focus{outline:none!important}.input-icon-grup:focus-within{outline:1.4px solid var(--input-medium-clr)}.input-block{display:flex;flex-direction:column;gap:20px}@media only screen and (max-width: 700px){.form-grid-box{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.form-grid-box .grup-expand-04{grid-column:span 2}.form-grid-box .grup-expand-03,.form-grid-box .grup-expand-02{grid-column:span 1}}@media only screen and (max-width: 550px){.form-grid-box{display:grid;grid-template-columns:repeat(1,1fr);gap:20px}.form-grid-box .grup-expand-04,.form-grid-box .grup-expand-03,.form-grid-box .grup-expand-02{grid-column:span 1}.form-list-box{width:100%;display:flex;flex-direction:column;gap:26px}.form-list-box .input-grup{display:grid;grid-template-columns:1fr;align-items:center;gap:10px}.form-list-box .input-grup label{font-family:var(--font-style);font-size:16px}}.menubar-box{background-color:var(--menubar-bg);border-bottom:1.6px solid var(--menubar-bdr);width:100%;height:var(--menubar-height);display:grid;grid-template-columns:var(--menubar-set01-size) 1fr var(--menubar-set03-size);padding:0 28px;border-radius:var(--menubar-curv)}.menubar-box .menubar-set-01{display:flex;align-items:center;justify-content:flex-start;gap:10px}.menubar-box .menubar-set-01 .menubar-logo{width:var(--menubar-logo-size);display:block}.menubar-box .menubar-set-01 .menubar-logo-name{color:var(--menubar-logo-name)}.menubar-box .menubar-set-02{margin:auto 0}.menubar-box .menubar-set-02 .menubar-link{font-family:var(--me-font-content);color:var(--menubar-link)!important;font-weight:500;padding:6px 10px;border-radius:.4rem;font-size:14px!important;letter-spacing:1px;text-decoration:none;cursor:pointer}.menubar-box .menubar-set-02 .menubar-link-center{height:-moz-fit-content;height:fit-content;display:flex;align-items:center;justify-content:center;gap:14px}.menubar-box .menubar-set-02 .menubar-link-left{border-left:2px solid var(--menubar-links-bdr);height:-moz-fit-content;height:fit-content;display:flex;align-items:center;justify-content:flex-start!important;gap:14px;padding-left:20px}.menubar-box .menubar-set-02 .menubar-link-right{border-right:2px solid var(--menubar-links-bdr);height:-moz-fit-content;height:fit-content;display:flex;align-items:center;justify-content:flex-end!important;gap:14px;padding-right:20px}.menubar-box .menubar-set-02 .active-link{background-color:var(--menubar-active-bg)!important;color:var(--menubar-active-text)!important}.menubar-box .menubar-set-03{display:flex;align-items:center;justify-content:flex-end;gap:1rem}.menubar-resizable{background-color:var(--menubar-bg);border-bottom:.1rem solid var(--menubar-bdr);width:100%;height:var(--menubar-height);display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 28px;border-radius:var(--menubar-curv)}.menubar-resizable .menubar-set-01{display:flex;align-items:center;justify-content:flex-start;gap:10px}.menubar-resizable .menubar-set-01 .menubar-logo{width:var(--menubar-logo-size);display:block}.menubar-resizable .menubar-set-01 .menubar-logo-name{color:var(--menubar-logo-name)}.menubar-resizable .menubar-set-02{display:flex;align-items:center;justify-content:flex-end;gap:1rem}.menubar-resizable .menubar-set-02 .menubar-icons{font-size:28px;color:var(--menubar-icons)}.menubar-resizable .menubar-set-02 .menubar-profile-box{display:flex;align-items:center;justify-content:flex-end;gap:14px}.menubar-resizable .menubar-set-02 .menubar-profile-box .profile-details{display:flex;flex-direction:column;justify-content:flex-start}.menubar-resizable .menubar-set-02 .menubar-profile-box .profile-details .profile-name{font-size:12px;line-height:14px;font-weight:500;color:var(--menubar-profile-title)}.menubar-resizable .menubar-set-02 .menubar-profile-box .profile-details .profile-role{color:var(--menubar-profile-content)}#menubar-thumb{font-size:2.6rem;color:var(--menubar-thumb);display:flex;align-items:center;justify-content:center}.menubar-lined{border:1.6px solid var(--menubar-bdr)!important}.type-effect{font-size:var(--typeeffect-font-size);line-height:var(--typeeffect-font-height);color:var(--typeeffect-font-clr);background-color:var(--typeeffect-font-bg);font-family:var(--font-type-style)!important;font-weight:var(--typeeffect-font-weight);white-space:normal;display:inline-block;position:relative}.type-effect:after{content:"";display:inline-block;width:6px;height:var(--typeeffect-font-height);background-color:var(--typeeffect-caret-clr);margin-left:2px;animation:blink 1s step-start infinite;vertical-align:bottom;position:absolute}@keyframes blink{50%{opacity:0}}.navbar-box{width:var(--navbar-size);height:var(--app-layout-height);font-family:var(--font-style);background-color:var(--navbar-bg);border-right:1.6px solid var(--navbar-bdr-full);color:var(--navbar-font);display:grid;grid-template-rows:var(--navbar-set01-height) 1fr auto;border-radius:var(--navbar-curv);overflow:hidden;z-index:999;transition:all .1s}.navbar-box .nav-menu{color:#757575}.navbar-box .nav-menu:not(:first-of-type){padding-top:16px}.navbar-box .navbar-set01{border-right:1.6px solid var(--navbar-bdr-set01);background-color:var(--navbar-bg-set01);display:flex;align-items:center;justify-content:space-between;position:relative;padding:0 14px}.navbar-box .navbar-set01:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:86%;height:1.6px;background-color:var(--navbar-seperater);border-radius:10px}.navbar-box .navbar-set01 h3{color:var(--navbar-font-set01);display:flex;align-items:center;justify-content:flex-start;font-size:16px;font-weight:500}.navbar-box .navbar-set01 h3 .material-symbols-outlined{color:var(--navbar-font-set01);font-size:28px}.navbar-box .navbar-set01 h3 .nav-txt{color:var(--navbar-font-set01);padding-left:8px}.navbar-box .navbar-set01 #navLeft-tigger{border:1.6px solid var(--navbar-trigger-bdr);color:var(--navbar-trigger-font);border-radius:4px;font-size:18px!important;cursor:pointer;padding:2px}.navbar-box .navbar-set02{border-right:1.6px solid var(--navbar-bdr-set02);background-color:var(--navbar-bg-set02);display:flex;flex-direction:column;gap:10px;padding:20px 12px 20px 14px;overflow-x:hidden;overflow-y:auto}.navbar-box .navbar-set02 .material-symbols-outlined{color:var(--navbar-menu-icons)}.navbar-box .navbar-set02 .nav-menu{color:var(--navbar-menu-title);font-weight:500;margin-bottom:4px}.navbar-box .navbar-set02 .navbar-link{border:1.5px solid transparent;font-family:var(--font-family);display:flex;align-items:center;justify-content:flex-start;padding:6px 8px;border-radius:6px;cursor:pointer}.navbar-box .navbar-set02 .navbar-link .nav-txt{padding-left:10px}.navbar-box .navbar-set02 .navbar-active{border:1.5px solid var(--navbar-bdr-active);background-color:var(--navbar-bg-active)}.navbar-box .navbar-set02 .navbar-active .nav-icon{color:var(--navbar-icon-active)}.navbar-box .navbar-set02 .navbar-active .nav-txt{color:var(--navbar-font-active)}.navbar-box .navbar-set02::-webkit-scrollbar{width:6px;height:6px}.navbar-box .navbar-set02::-webkit-scrollbar-track{background-color:transparent}.navbar-box .navbar-set02::-webkit-scrollbar-thumb{background-color:var(--navbar-thumb);border-radius:20px}.navbar-box .navbar-set02::-webkit-scrollbar-thumb:hover{background:var(--navbar-thumb-active)}.navbar-box .navbar-set03{border-right:1.6px solid var(--navbar-bdr-set03);background-color:var(--navbar-bg-set03);display:flex;align-items:center;justify-content:space-between;padding:14px;position:relative}.navbar-box .navbar-set03:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:86%;height:1.6px;background-color:var(--navbar-seperater);border-radius:10px}.navbar-box .navbar-set03 .material-symbols-outlined{color:var(--navbar-menu-icons)}.navbar-box .navbar-set03 .user{display:flex;align-items:center;justify-content:flex-start;gap:12px}.navbar-box .navbar-set03 .user .user-img{width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:30px}.navbar-box .navbar-set03 .user .user-info{display:flex;flex-direction:column;align-items:flex-start}.navbar-box .navbar-set03 .user .user-info .user-info-name{font-size:16px;line-height:16px}.navbar-box .navbar-set03 .user .user-info .user-info-desc{font-size:12px;color:var(--navbar-menu-title)}.navbar-box .navbar-set03 .more-icon{border:1.6px solid var(--navbar-bdr);color:var(--navbar-font);border-radius:4px;font-size:22px!important;cursor:pointer;padding:2px}.navbar-resize{width:var(--navbar-resized)!important}.navbar-resize .navbar-set01{flex-direction:column;justify-content:center;padding:0 14px!important;gap:4px}.navbar-resize .navbar-set01 h3{justify-content:center!important;gap:0!important}.navbar-resize .navbar-set02{display:flex;flex-direction:column;align-items:center!important}.navbar-resize .navbar-set02 .navbar-link{display:flex;align-items:center;justify-content:center!important;padding:10px}.navbar-resize .navbar-set02 .navbar-link .nav-txt{display:none;padding-left:0!important}.navbar-resize .navbar-set02 .nav-menu{display:inline-block;max-width:8ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar-resize .navbar-set03{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.navbar-resize .material-symbols-outlined{font-size:24px!important}.d-none{display:none!important;visibility:hidden}.tbl-responsive{min-height:auto;max-height:500px;overflow:scroll!important}.tbl-responsive table thead{position:sticky;top:0;z-index:10}.tbl-responsive table thead tr{border-bottom:none!important}thead .tbl-col-xxl{width:600px}thead .tbl-col-xl{width:500px}thead .tbl-col-lg{width:400px}thead .tbl-col-md{width:300px}thead .tbl-col-sm{width:200px}thead .tbl-col-xsm{width:100px}thead .tbl-sort{cursor:pointer}thead .tbl-sort b{font-weight:var(--th-font-weight);font-size:14px!important}thead .tbl-sort p{display:flex;align-items:center;justify-content:flex-start;gap:4px;transition:all .1s}thead .tbl-sort p:hover{filter:brightness(.8)}thead .tbl-sort p:active{filter:brightness(1)}thead .tbl-sort p .material-symbols-outlined{font-size:18px;padding:0;margin:0}.table-box{border-radius:6px;position:relative;overflow:hidden}.table-box::-webkit-scrollbar{width:8px;height:8px}.table-box::-webkit-scrollbar-track{background:transparent}.table-box::-webkit-scrollbar-thumb{background:var(--cf-mode-secondary);border-radius:50px}.table-box::-webkit-scrollbar-thumb:hover{background:var(--tbl-dark-clr)}.table-box table{width:100%;border-collapse:collapse;font-family:var(--font-style)}.table-box table thead tr{text-align:left}.table-box table thead th{background-color:var(--cf-mode-secondary);color:var(--tbl-font-clr);font-weight:var(--th-font-weight);font-size:16px;padding:12px}.table-box table tbody td{background-color:var(--cf-mode-primary);color:var(--cf-mode-font-primary);padding:12px}.table-btns{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:18px}.table-btns .page-count{background-color:#fafafa;border:1.5px solid var(--tbl-dark-clr);color:#898989;font-family:var(--font-style);font-size:16px;width:-moz-fit-content;width:fit-content;height:36px;display:flex;align-items:center;justify-content:center;gap:4px;border-radius:4px;padding:0 10px}.table-btns .page-count .active-page{color:#7a7a7a}.table-btns .page-btn{background-color:var(--tbl-medium-clr);border:1.5px solid var(--tbl-dark-clr);color:var(--tbl-font-clr);display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:4px;transition:all .1s}.table-btns .page-btn:hover{filter:brightness(.9)}.table-btns .page-btn:active{filter:none}.table-btns .page-btn p,.table-btns .page-btn span{font-size:20px}.tbl-bdr-btm{border:1.8px solid var(--cf-mode-bdr)}.tbl-bdr-btm table thead tr,.tbl-bdr-btm table tbody tr{border-bottom:1.8px solid var(--cf-mode-bdr)}.tbl-bdr-btm table tbody tr:last-child{border:none}.tbl-bdr-rect{border:1.5px solid var(--tbl-dark-clr)}.tbl-bdr-rect::-webkit-scrollbar-track{background:#f8f8f8}.tbl-bdr-rect table thead tr{border:none}.tbl-bdr-rect table thead th{border-right:1.5px solid var(--tbl-dark-clr);border-left:1.5px solid var(--tbl-dark-clr);border-bottom:none}.tbl-bdr-rect table thead th:first-child{border-left:none}.tbl-bdr-rect table thead th:last-child{border-right:none}.tbl-bdr-rect table tbody tr td{border-bottom:none}.tbl-bdr-rect table tbody td{border:1.5px solid var(--tbl-dark-clr)}.tbl-bdr-rect table tbody td:first-child{border-left:none}.tbl-bdr-rect table tbody td:last-child{border-right:none}.tbl-line-hover table tr td{transition:all 5ms}.tbl-line-hover table tr th:first-child{border-left:3px solid var(--tbl-medium-clr)!important}.tbl-line-hover table tr th:last-child{border-right:3px solid var(--tbl-medium-clr)!important}.tbl-line-hover table tr:hover td{background-color:var(--tbl-light-clr)!important;filter:brightness(1.13)}.tbl-line-hover table tr:hover td:first-child{border-left:3px solid var(--tbl-dark-clr)!important}.tbl-line-hover table tr:active td{background-color:#fff!important}.tbl-row-hover tr:hover td{background-color:var(--tbl-light-clr)!important;filter:brightness(1.13)}.tbl-row-hover tr:active td{background-color:#fff!important}.tbl-row-even{border:1.5px solid var(--tbl-dark-clr)}.tbl-row-even tr:nth-child(2n) td{background-color:var(--tbl-light-clr);filter:brightness(1.11)}.tbl-clm-even{border:1.5px solid var(--tbl-dark-clr)}.tbl-clm-even tr td:nth-child(2n){background-color:var(--tbl-light-clr);filter:brightness(1.11)}.tbl-row-odd{border:1.5px solid var(--tbl-dark-clr)}.tbl-row-odd tr:nth-child(odd) td{background-color:var(--tbl-light-clr);filter:brightness(1.11)}.tbl-clm-odd{border:1.5px solid var(--tbl-dark-clr)}.tbl-clm-odd tr td:nth-child(odd){background-color:var(--tbl-light-clr);filter:brightness(1.11)}.table-box-yellow{border-radius:6px;position:relative;overflow:hidden}.table-box-yellow::-webkit-scrollbar{width:8px;height:8px}.table-box-yellow::-webkit-scrollbar-track{background:transparent}.table-box-yellow::-webkit-scrollbar-thumb{background:var(--yellow-medium-clr);border-radius:50px}.table-box-yellow::-webkit-scrollbar-thumb:hover{background:var(--yellow-dark-clr)}.table-box-yellow table{width:100%;border-collapse:collapse;font-family:var(--font-style)}.table-box-yellow table thead tr{text-align:left}.table-box-yellow table thead th{background-color:var(--yellow-medium-clr);color:var(--yellow-font-clr);font-weight:var(--th-font-weight);font-size:16px;padding:12px}.table-box-yellow table tbody td{background-color:var(--cf-mode-primary);color:var(--cf-mode-font-primary);padding:12px}.table-btns-yellow{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:18px}.table-btns-yellow .page-count{background-color:#fafafa;border:1.5px solid var(--yellow-dark-clr);color:#898989;font-family:var(--font-style);font-size:16px;width:-moz-fit-content;width:fit-content;height:36px;display:flex;align-items:center;justify-content:center;gap:4px;border-radius:4px;padding:0 10px}.table-btns-yellow .page-count .active-page{color:#7a7a7a}.table-btns-yellow .page-btn{background-color:var(--yellow-medium-clr);border:1.5px solid var(--yellow-dark-clr);color:var(--yellow-font-clr);display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:4px;transition:all .1s}.table-btns-yellow .page-btn:hover{filter:brightness(.9)}.table-btns-yellow .page-btn:active{filter:none}.table-btns-yellow .page-btn p,.table-btns-yellow .page-btn span{font-size:20px}.tbl-bdr-btm-yellow{border:1.8px solid var(--yellow-dark-clr)}.tbl-bdr-btm-yellow table thead tr,.tbl-bdr-btm-yellow table tbody tr{border-bottom:1.8px solid var(--yellow-dark-clr)}.tbl-bdr-btm-yellow table tbody tr:last-child{border:none}.tbl-line-hover-yellow table tr td{transition:all 5ms}.tbl-line-hover-yellow table tr th:first-child{border-left:3px solid var(--yellow-medium-clr)!important}.tbl-line-hover-yellow table tr th:last-child{border-right:3px solid var(--yellow-medium-clr)!important}.tbl-line-hover-yellow table tr:hover td{background-color:var(--yellow-light-clr)!important;filter:brightness(1.13)}.tbl-line-hover-yellow table tr:hover td:first-child{border-left:3px solid var(--yellow-dark-clr)!important}.tbl-line-hover-yellow table tr:active td{background-color:#fff!important}.tbl-row-hover-yellow tr:hover td{background-color:var(--yellow-light-clr)!important;filter:brightness(1.13)}.tbl-row-hover-yellow tr:active td{background-color:#fff!important}.tbl-row-even-yellow{border:1.5px solid var(--yellow-dark-clr)}.tbl-row-even-yellow tr:nth-child(2n) td{background-color:var(--yellow-light-clr);filter:brightness(1.11)}.tbl-clm-even-yellow{border:1.5px solid var(--yellow-dark-clr)}.tbl-clm-even-yellow tr:nth-child(2n) td{background-color:var(--yellow-light-clr);filter:brightness(1.11)}.tbl-row-odd-yellow{border:1.5px solid var(--yellow-dark-clr)}.tbl-row-odd-yellow tr:nth-child(odd) td{background-color:var(--yellow-light-clr);filter:brightness(1.11)}.tbl-clm-odd-yellow{border:1.5px solid var(--yellow-dark-clr)}.tbl-clm-odd-yellow tr:nth-child(odd) td{background-color:var(--yellow-light-clr);filter:brightness(1.11)}.table-box-green{border-radius:6px;position:relative;overflow:hidden}.table-box-green::-webkit-scrollbar{width:8px;height:8px}.table-box-green::-webkit-scrollbar-track{background:transparent}.table-box-green::-webkit-scrollbar-thumb{background:var(--green-medium-clr);border-radius:50px}.table-box-green::-webkit-scrollbar-thumb:hover{background:var(--green-dark-clr)}.table-box-green table{width:100%;border-collapse:collapse;font-family:var(--font-style)}.table-box-green table thead tr{text-align:left}.table-box-green table thead th{background-color:var(--green-medium-clr);color:var(--green-font-clr);font-weight:var(--th-font-weight);font-size:16px;padding:12px}.table-box-green table tbody td{background-color:var(--cf-mode-primary);color:var(--cf-mode-font-primary);padding:12px}.table-btns-green{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:18px}.table-btns-green .page-count{background-color:#fafafa;border:1.5px solid var(--green-dark-clr);color:#898989;font-family:var(--font-style);font-size:16px;width:-moz-fit-content;width:fit-content;height:36px;display:flex;align-items:center;justify-content:center;gap:4px;border-radius:4px;padding:0 10px}.table-btns-green .page-count .active-page{color:#7a7a7a}.table-btns-green .page-btn{background-color:var(--green-medium-clr);border:1.5px solid var(--green-dark-clr);color:var(--green-font-clr);display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:4px;transition:all .1s}.table-btns-green .page-btn:hover{filter:brightness(.9)}.table-btns-green .page-btn:active{filter:none}.table-btns-green .page-btn p,.table-btns-green .page-btn span{font-size:20px}.tbl-bdr-btm-green{border:1.8px solid var(--green-dark-clr)}.tbl-bdr-btm-green table thead tr,.tbl-bdr-btm-green table tbody tr{border-bottom:1.8px solid var(--green-dark-clr)}.tbl-bdr-btm-green table tbody tr:last-child{border:none}.tbl-line-hover-green table tr td{transition:all 5ms}.tbl-line-hover-green table tr th:first-child{border-left:3px solid var(--green-medium-clr)!important}.tbl-line-hover-green table tr th:last-child{border-right:3px solid var(--green-medium-clr)!important}.tbl-line-hover-green table tr:hover td{background-color:var(--green-light-clr)!important;filter:brightness(1.13)}.tbl-line-hover-green table tr:hover td:first-child{border-left:3px solid var(--green-dark-clr)!important}.tbl-line-hover-green table tr:active td{background-color:#fff!important}.tbl-row-hover-green tr:hover td{background-color:var(--green-light-clr)!important;filter:brightness(1.13)}.tbl-row-hover-green tr:active td{background-color:#fff!important}.tbl-row-even-green{border:1.5px solid var(--green-dark-clr)}.tbl-row-even-green tr:nth-child(2n) td{background-color:var(--green-light-clr);filter:brightness(1.11)}.tbl-clm-even-green{border:1.5px solid var(--green-dark-clr)}.tbl-clm-even-green tr:nth-child(2n) td{background-color:var(--green-light-clr);filter:brightness(1.11)}.tbl-row-odd-green{border:1.5px solid var(--green-dark-clr)}.tbl-row-odd-green tr:nth-child(odd) td{background-color:var(--green-light-clr);filter:brightness(1.11)}.tbl-clm-odd-green{border:1.5px solid var(--green-dark-clr)}.tbl-clm-odd-green tr:nth-child(odd) td{background-color:var(--green-light-clr);filter:brightness(1.11)}.table-box-orange{border-radius:6px;position:relative;overflow:hidden}.table-box-orange::-webkit-scrollbar{width:8px;height:8px}.table-box-orange::-webkit-scrollbar-track{background:transparent}.table-box-orange::-webkit-scrollbar-thumb{background:var(--orange-medium-clr);border-radius:50px}.table-box-orange::-webkit-scrollbar-thumb:hover{background:var(--orange-dark-clr)}.table-box-orange table{width:100%;border-collapse:collapse;font-family:var(--font-style)}.table-box-orange table thead tr{text-align:left}.table-box-orange table thead th{background-color:var(--orange-medium-clr);color:var(--orange-font-clr);font-weight:var(--th-font-weight);font-size:16px;padding:12px}.table-box-orange table tbody td{background-color:var(--cf-mode-primary);color:var(--cf-mode-font-primary);padding:12px}.table-btns-orange{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:18px}.table-btns-orange .page-count{background-color:#fafafa;border:1.5px solid var(--orange-dark-clr);color:#898989;font-family:var(--font-style);font-size:16px;width:-moz-fit-content;width:fit-content;height:36px;display:flex;align-items:center;justify-content:center;gap:4px;border-radius:4px;padding:0 10px}.table-btns-orange .page-count .active-page{color:#7a7a7a}.table-btns-orange .page-btn{background-color:var(--orange-medium-clr);border:1.5px solid var(--orange-dark-clr);color:var(--orange-font-clr);display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:4px;transition:all .1s}.table-btns-orange .page-btn:hover{filter:brightness(.9)}.table-btns-orange .page-btn:active{filter:none}.table-btns-orange .page-btn p,.table-btns-orange .page-btn span{font-size:20px}.tbl-bdr-btm-orange{border:1.8px solid var(--orange-dark-clr)}.tbl-bdr-btm-orange table thead tr,.tbl-bdr-btm-orange table tbody tr{border-bottom:1.8px solid var(--orange-dark-clr)}.tbl-bdr-btm-orange table tbody tr:last-child{border:none}.tbl-line-hover-orange table tr td{transition:all 5ms}.tbl-line-hover-orange table tr th:first-child{border-left:3px solid var(--orange-medium-clr)!important}.tbl-line-hover-orange table tr th:last-child{border-right:3px solid var(--orange-medium-clr)!important}.tbl-line-hover-orange table tr:hover td{background-color:var(--orange-light-clr)!important;filter:brightness(1.13)}.tbl-line-hover-orange table tr:hover td:first-child{border-left:3px solid var(--orange-dark-clr)!important}.tbl-line-hover-orange table tr:active td{background-color:#fff!important}.tbl-row-hover-orange tr:hover td{background-color:var(--orange-light-clr)!important;filter:brightness(1.13)}.tbl-row-hover-orange tr:active td{background-color:#fff!important}.tbl-row-even-orange{border:1.5px solid var(--orange-dark-clr)}.tbl-row-even-orange tr:nth-child(2n) td{background-color:var(--orange-light-clr);filter:brightness(1.11)}.tbl-clm-even-orange{border:1.5px solid var(--orange-dark-clr)}.tbl-clm-even-orange tr:nth-child(2n) td{background-color:var(--orange-light-clr);filter:brightness(1.11)}.tbl-row-odd-orange{border:1.5px solid var(--orange-dark-clr)}.tbl-row-odd-orange tr:nth-child(odd) td{background-color:var(--orange-light-clr);filter:brightness(1.11)}.tbl-clm-odd-orange{border:1.5px solid var(--orange-dark-clr)}.tbl-clm-odd-orange tr:nth-child(odd) td{background-color:var(--orange-light-clr);filter:brightness(1.11)}.table-box-blue{border-radius:6px;position:relative;overflow:hidden}.table-box-blue::-webkit-scrollbar{width:8px;height:8px}.table-box-blue::-webkit-scrollbar-track{background:transparent}.table-box-blue::-webkit-scrollbar-thumb{background:var(--blue-medium-clr);border-radius:50px}.table-box-blue::-webkit-scrollbar-thumb:hover{background:var(--blue-dark-clr)}.table-box-blue table{width:100%;border-collapse:collapse;font-family:var(--font-style)}.table-box-blue table thead tr{text-align:left}.table-box-blue table thead th{background-color:var(--blue-medium-clr);color:var(--blue-font-clr);font-weight:var(--th-font-weight);font-size:16px;padding:12px}.table-box-blue table tbody td{background-color:var(--cf-mode-primary);color:var(--cf-mode-font-primary);padding:12px}.table-btns-blue{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:18px}.table-btns-blue .page-count{background-color:#fafafa;border:1.5px solid var(--blue-dark-clr);color:#898989;font-family:var(--font-style);font-size:16px;width:-moz-fit-content;width:fit-content;height:36px;display:flex;align-items:center;justify-content:center;gap:4px;border-radius:4px;padding:0 10px}.table-btns-blue .page-count .active-page{color:#7a7a7a}.table-btns-blue .page-btn{background-color:var(--blue-medium-clr);border:1.5px solid var(--blue-dark-clr);color:var(--blue-font-clr);display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:4px;transition:all .1s}.table-btns-blue .page-btn:hover{filter:brightness(.9)}.table-btns-blue .page-btn:active{filter:none}.table-btns-blue .page-btn p,.table-btns-blue .page-btn span{font-size:20px}.tbl-bdr-btm-blue{border:1.8px solid var(--blue-dark-clr)}.tbl-bdr-btm-blue table thead tr,.tbl-bdr-btm-blue table tbody tr{border-bottom:1.8px solid var(--blue-dark-clr)}.tbl-bdr-btm-blue table tbody tr:last-child{border:none}.tbl-line-hover-blue table tr td{transition:all 5ms}.tbl-line-hover-blue table tr th:first-child{border-left:3px solid var(--blue-medium-clr)!important}.tbl-line-hover-blue table tr th:last-child{border-right:3px solid var(--blue-medium-clr)!important}.tbl-line-hover-blue table tr:hover td{background-color:var(--blue-light-clr)!important;filter:brightness(1.13)}.tbl-line-hover-blue table tr:hover td:first-child{border-left:3px solid var(--blue-dark-clr)!important}.tbl-line-hover-blue table tr:active td{background-color:#fff!important}.tbl-row-hover-blue tr:hover td{background-color:var(--blue-light-clr)!important;filter:brightness(1.13)}.tbl-row-hover-blue tr:active td{background-color:#fff!important}.tbl-row-even-blue{border:1.5px solid var(--blue-dark-clr)}.tbl-row-even-blue tr:nth-child(2n) td{background-color:var(--blue-light-clr);filter:brightness(1.11)}.tbl-clm-even-blue{border:1.5px solid var(--blue-dark-clr)}.tbl-clm-even-blue tr:nth-child(2n) td{background-color:var(--blue-light-clr);filter:brightness(1.11)}.tbl-row-odd-blue{border:1.5px solid var(--blue-dark-clr)}.tbl-row-odd-blue tr:nth-child(odd) td{background-color:var(--blue-light-clr);filter:brightness(1.11)}.tbl-clm-odd-blue{border:1.5px solid var(--blue-dark-clr)}.tbl-clm-odd-blue tr:nth-child(odd) td{background-color:var(--blue-light-clr);filter:brightness(1.11)}.table-box-violet{border-radius:6px;position:relative;overflow:hidden}.table-box-violet::-webkit-scrollbar{width:8px;height:8px}.table-box-violet::-webkit-scrollbar-track{background:transparent}.table-box-violet::-webkit-scrollbar-thumb{background:var(--violet-medium-clr);border-radius:50px}.table-box-violet::-webkit-scrollbar-thumb:hover{background:var(--violet-dark-clr)}.table-box-violet table{width:100%;border-collapse:collapse;font-family:var(--font-style)}.table-box-violet table thead tr{text-align:left}.table-box-violet table thead th{background-color:var(--violet-medium-clr);color:var(--violet-font-clr);font-weight:var(--th-font-weight);font-size:16px;padding:12px}.table-box-violet table tbody td{background-color:var(--cf-mode-primary);color:var(--cf-mode-font-primary);padding:12px}.table-btns-violet{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:18px}.table-btns-violet .page-count{background-color:#fafafa;border:1.5px solid var(--violet-dark-clr);color:#898989;font-family:var(--font-style);font-size:16px;width:-moz-fit-content;width:fit-content;height:36px;display:flex;align-items:center;justify-content:center;gap:4px;border-radius:4px;padding:0 10px}.table-btns-violet .page-count .active-page{color:#7a7a7a}.table-btns-violet .page-btn{background-color:var(--violet-medium-clr);border:1.5px solid var(--violet-dark-clr);color:var(--violet-font-clr);display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:4px;transition:all .1s}.table-btns-violet .page-btn:hover{filter:brightness(.9)}.table-btns-violet .page-btn:active{filter:none}.table-btns-violet .page-btn p,.table-btns-violet .page-btn span{font-size:20px}.tbl-bdr-btm-violet{border:1.8px solid var(--violet-dark-clr)}.tbl-bdr-btm-violet table thead tr,.tbl-bdr-btm-violet table tbody tr{border-bottom:1.8px solid var(--violet-dark-clr)}.tbl-bdr-btm-violet table tbody tr:last-child{border:none}.tbl-line-hover-violet table tr td{transition:all 5ms}.tbl-line-hover-violet table tr th:first-child{border-left:3px solid var(--violet-medium-clr)!important}.tbl-line-hover-violet table tr th:last-child{border-right:3px solid var(--violet-medium-clr)!important}.tbl-line-hover-violet table tr:hover td{background-color:var(--violet-light-clr)!important;filter:brightness(1.13)}.tbl-line-hover-violet table tr:hover td:first-child{border-left:3px solid var(--violet-dark-clr)!important}.tbl-line-hover-violet table tr:active td{background-color:#fff!important}.tbl-row-hover-violet tr:hover td{background-color:var(--violet-light-clr)!important;filter:brightness(1.13)}.tbl-row-hover-violet tr:active td{background-color:#fff!important}.tbl-row-even-violet{border:1.5px solid var(--violet-dark-clr)}.tbl-row-even-violet tr:nth-child(2n) td{background-color:var(--violet-light-clr);filter:brightness(1.11)}.tbl-clm-even-violet{border:1.5px solid var(--violet-dark-clr)}.tbl-clm-even-violet tr:nth-child(2n) td{background-color:var(--violet-light-clr);filter:brightness(1.11)}.tbl-row-odd-violet{border:1.5px solid var(--violet-dark-clr)}.tbl-row-odd-violet tr:nth-child(odd) td{background-color:var(--violet-light-clr);filter:brightness(1.11)}.tbl-clm-odd-violet{border:1.5px solid var(--violet-dark-clr)}.tbl-clm-odd-violet tr:nth-child(odd) td{background-color:var(--violet-light-clr);filter:brightness(1.11)}.table-box-gray{border-radius:6px;position:relative;overflow:hidden}.table-box-gray::-webkit-scrollbar{width:8px;height:8px}.table-box-gray::-webkit-scrollbar-track{background:transparent}.table-box-gray::-webkit-scrollbar-thumb{background:var(--gray-medium-clr);border-radius:50px}.table-box-gray::-webkit-scrollbar-thumb:hover{background:var(--gray-dark-clr)}.table-box-gray table{width:100%;border-collapse:collapse;font-family:var(--font-style)}.table-box-gray table thead tr{text-align:left}.table-box-gray table thead th{background-color:var(--gray-medium-clr);color:var(--gray-font-clr);font-weight:var(--th-font-weight);font-size:16px;padding:12px}.table-box-gray table tbody td{background-color:var(--cf-mode-primary);color:var(--cf-mode-font-primary);padding:12px}.table-btns-gray{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:18px}.table-btns-gray .page-count{background-color:#fafafa;border:1.5px solid var(--gray-dark-clr);color:#898989;font-family:var(--font-style);font-size:16px;width:-moz-fit-content;width:fit-content;height:36px;display:flex;align-items:center;justify-content:center;gap:4px;border-radius:4px;padding:0 10px}.table-btns-gray .page-count .active-page{color:#7a7a7a}.table-btns-gray .page-btn{background-color:var(--gray-medium-clr);border:1.5px solid var(--gray-dark-clr);color:var(--gray-font-clr);display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:4px;transition:all .1s}.table-btns-gray .page-btn:hover{filter:brightness(.9)}.table-btns-gray .page-btn:active{filter:none}.table-btns-gray .page-btn p,.table-btns-gray .page-btn span{font-size:20px}.tbl-bdr-btm-gray{border:1.8px solid var(--gray-dark-clr)}.tbl-bdr-btm-gray table thead tr,.tbl-bdr-btm-gray table tbody tr{border-bottom:1.8px solid var(--gray-dark-clr)}.tbl-bdr-btm-gray table tbody tr:last-child{border:none}.tbl-line-hover-gray table tr td{transition:all 5ms}.tbl-line-hover-gray table tr th:first-child{border-left:3px solid var(--gray-medium-clr)!important}.tbl-line-hover-gray table tr th:last-child{border-right:3px solid var(--gray-medium-clr)!important}.tbl-line-hover-gray table tr:hover td{background-color:var(--gray-light-clr)!important;filter:brightness(1.13)}.tbl-line-hover-gray table tr:hover td:first-child{border-left:3px solid var(--gray-dark-clr)!important}.tbl-line-hover-gray table tr:active td{background-color:#fff!important}.tbl-row-hover-gray tr:hover td{background-color:var(--gray-light-clr)!important;filter:brightness(1.13)}.tbl-row-hover-gray tr:active td{background-color:#fff!important}.tbl-row-even-gray{border:1.5px solid var(--gray-dark-clr)}.tbl-row-even-gray tr:nth-child(2n) td{background-color:var(--gray-light-clr);filter:brightness(1.11)}.tbl-clm-even-gray{border:1.5px solid var(--gray-dark-clr)}.tbl-clm-even-gray tr:nth-child(2n) td{background-color:var(--gray-light-clr);filter:brightness(1.11)}.tbl-row-odd-gray{border:1.5px solid var(--gray-dark-clr)}.tbl-row-odd-gray tr:nth-child(odd) td{background-color:var(--gray-light-clr);filter:brightness(1.11)}.tbl-clm-odd-gray{border:1.5px solid var(--gray-dark-clr)}.tbl-clm-odd-gray tr:nth-child(odd) td{background-color:var(--gray-light-clr);filter:brightness(1.11)}.tabs-box .tab-list-start{width:100%;display:flex;align-items:center;justify-content:flex-start}.tabs-box .tab-list-center{width:100%;display:flex;align-items:center;justify-content:center}.tabs-box .tab-list-end{width:100%;display:flex;align-items:center;justify-content:flex-end}.tabs-box .tab-list{width:100%;max-width:-moz-fit-content;max-width:fit-content;display:flex;align-items:center;justify-content:flex-start;overflow-x:scroll;overflow-y:hidden;-ms-overflow-style:none;scrollbar-width:none}.tabs-box .tab-list::-webkit-scrollbar{display:none}.tabs-box .tab-list .tab-name{min-width:120px;width:100%;max-width:-moz-fit-content;max-width:fit-content;text-align:center;cursor:pointer;text-wrap:nowrap;flex-shrink:0;padding:0;margin:0}.tabs-box .tab-body-set .tab-body{display:none;margin-top:30px}.tabs-box .tab-body-set .tab-body .tab-title{font-size:20px;font-weight:500;margin-bottom:4px}.tabs-box .tab-body-set .tab-body .tab-content{color:var(--cf-mode-font-secondary)}.tabs-box .active-content{display:block!important}.tabs-box .scroll-arrow{cursor:pointer;color:#9a9a9a;width:40px;height:40px;position:relative}.tabs-box .scroll-arrow .tab-scroll-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tab-pill .tab-list{border:1.6px solid var(--cf-mode-bdr);border-radius:6px}.tab-pill .tab-list .tab-name{position:relative;padding:8px 18px;z-index:1}.tab-pill .tab-list .tab-name:before{content:"";position:absolute;top:50%;right:-3px;transform:translateY(-50%);width:1.5px;height:70%;background-color:var(--cf-mode-bdr)}.tab-pill .tab-list .tab-name:last-child:before{display:none}.tab-pill .active-tab{color:var(--cf-mode-font-primary)!important}.tab-pill .active-tab:after{content:"";position:absolute;top:0;right:0;width:100%;height:100%;transform-origin:center;background-color:var(--cf-mode-secondary)!important;animation-name:tabPill;animation-duration:.5s;animation-fill-mode:forwards;z-index:-1}@keyframes tabPill{0%{border-radius:200px;transform:scale(0)}to{border-radius:0;transform:scale(1.05)}}.tab-regular .tab-list-group{border-bottom:1.6px solid var(--cf-mode-bdr);display:flex;align-items:center;justify-content:space-between}.tab-regular .tab-list-group .tab-list{padding:0 8px}.tab-regular .tab-list-group .tab-list .tab-name{border-radius:6px 6px 0 0;padding:10px 0;overflow:hidden}.tab-regular .active-tab{transform:scale(1.05);color:var(--cf-mode-font-primary)!important;position:relative;transition:all .5s;z-index:1}.tab-regular .active-tab:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:gray}.tab-regular .active-tab:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:var(--cf-mode-secondary)!important;transform:scaleY(0);z-index:-1;transform-origin:bottom;animation-name:tabGeneralActive;animation-duration:.5s;animation-fill-mode:forwards}@keyframes tabGeneralActive{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.width-md{width:100%;max-width:360px}.width-lg{width:100%;max-width:480px}.width-xl{width:100%;max-width:640px}.width-xxl{width:100%;max-width:800px}@media (min-width: 576px){.width-md{max-width:400px}.width-lg{max-width:520px}.width-xl{max-width:720px}.width-xxl{max-width:960px}}@media (min-width: 768px){.width-md{max-width:480px}.width-lg{max-width:640px}.width-xl{max-width:840px}.width-xxl{max-width:1120px}}@media (min-width: 992px){.width-md{max-width:520px}.width-lg{max-width:720px}.width-xl{max-width:960px}.width-xxl{max-width:1280px}}@media (min-width: 1200px){.width-md{max-width:640px}.width-lg{max-width:840px}.width-xl{max-width:1120px}.width-xxl{max-width:1440px}}.dark-fusion{display:grid;grid-template-columns:auto 1fr}.dark-fusion .app-body{height:calc(var(--app-layout-height) - var(--menubar-height))}.dark-fusion .app-body .app-content{height:100%;background-color:var(--app-content-bg);overflow-y:auto}.minimal-edge .app-body{height:calc(var(--app-layout-height) - var(--menubar-height));display:grid;grid-template-columns:auto 1fr}.minimal-edge .app-body .navbar-box{height:calc(var(--app-layout-height) - var(--menubar-height))}.minimal-edge .app-body .app-content{background-color:var(--app-content-bg);overflow-y:auto}.neon-flow{background:var(--neonflow-bg);display:grid;grid-template-columns:auto 1fr;gap:10px;padding:10px}.neon-flow .app-body{height:calc(var(--app-layout-height) - (var(--menubar-height) + 10px))}.neon-flow .app-body .app-content{height:100%;margin-top:10px;background-color:var(--neonflow-content-bg);border:1.6px solid var(--neonflow-content-bdr);overflow-y:auto;color:#fff;border-radius:10px}html{--mat-sys-background: light-dark(#faf9fd, #121316);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f2f0f4, #2f3033);--mat-sys-inverse-primary: light-dark(#abc7ff, #005cbb);--mat-sys-inverse-surface: light-dark(#2f3033, #e3e2e6);--mat-sys-on-background: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #002f65);--mat-sys-on-primary-container: light-dark(#00458f, #d7e3ff);--mat-sys-on-primary-fixed: light-dark(#001b3f, #001b3f);--mat-sys-on-primary-fixed-variant: light-dark(#00458f, #00458f);--mat-sys-on-secondary: light-dark(#ffffff, #283041);--mat-sys-on-secondary-container: light-dark(#3e4759, #dae2f9);--mat-sys-on-secondary-fixed: light-dark(#131c2b, #131c2b);--mat-sys-on-secondary-fixed-variant: light-dark(#3e4759, #3e4759);--mat-sys-on-surface: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-surface-variant: light-dark(#44474e, #e0e2ec);--mat-sys-on-tertiary: light-dark(#ffffff, #0001ac);--mat-sys-on-tertiary-container: light-dark(#0000ef, #e0e0ff);--mat-sys-on-tertiary-fixed: light-dark(#00006e, #00006e);--mat-sys-on-tertiary-fixed-variant: light-dark(#0000ef, #0000ef);--mat-sys-outline: light-dark(#74777f, #8e9099);--mat-sys-outline-variant: light-dark(#c4c6d0, #44474e);--mat-sys-primary: light-dark(#005cbb, #abc7ff);--mat-sys-primary-container: light-dark(#d7e3ff, #00458f);--mat-sys-primary-fixed: light-dark(#d7e3ff, #d7e3ff);--mat-sys-primary-fixed-dim: light-dark(#abc7ff, #abc7ff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#565e71, #bec6dc);--mat-sys-secondary-container: light-dark(#dae2f9, #3e4759);--mat-sys-secondary-fixed: light-dark(#dae2f9, #dae2f9);--mat-sys-secondary-fixed-dim: light-dark(#bec6dc, #bec6dc);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#faf9fd, #121316);--mat-sys-surface-bright: light-dark(#faf9fd, #38393c);--mat-sys-surface-container: light-dark(#efedf0, #1f2022);--mat-sys-surface-container-high: light-dark(#e9e7eb, #292a2c);--mat-sys-surface-container-highest: light-dark(#e3e2e6, #343537);--mat-sys-surface-container-low: light-dark(#f4f3f6, #1a1b1f);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0d0e11);--mat-sys-surface-dim: light-dark(#dbd9dd, #121316);--mat-sys-surface-tint: light-dark(#005cbb, #abc7ff);--mat-sys-surface-variant: light-dark(#e0e2ec, #44474e);--mat-sys-tertiary: light-dark(#343dff, #bec2ff);--mat-sys-tertiary-container: light-dark(#e0e0ff, #0000ef);--mat-sys-tertiary-fixed: light-dark(#e0e0ff, #e0e0ff);--mat-sys-tertiary-fixed-dim: light-dark(#bec2ff, #bec2ff);--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}body{color-scheme:light;background-color:var(--mat-sys-surface);color:var(--mat-sys-on-surface);font:var(--mat-sys-body-medium);margin:0}@font-face{font-family:Agdasima-Regular;src:url("./media/Agdasima-Regular-GNMUL5PU.ttf") format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Agdasima-Bold;src:url("./media/Agdasima-Bold-ZFDSSBUT.ttf") format("truetype");font-weight:700;font-style:bold}:root{--layout-adjustment: 7rem;--app-theme-clr: #117ee5;--app-head-font: "Agdasima-Bold";--app-content-font: "Poppins", sans-serif;--app-header-bg: #ffffff;--app-header-bdr: #e0e0e0;--app-bg-clr: #fafafa;--app-font-clr: #000;--app-sub-font-clr: #000;--app-active-link: var(--app-theme-clr);--app-btn-bg: var(--app-theme-clr);--app-btn-font: #ffffff;--app-theme-dark-bg: var(--app-theme-clr);--app-theme-dark-font: #ffffff;--app-theme-light-bg: #ebf3f9;--app-theme-light-font: var(--app-theme-clr);--list-card-bg: #fafafa;--list-card-bdr: #e0e0e0;--list-card-font: #898989;--sidenav-bg: #ffffff;--sidenav-bdr: #e0e0e0;--sidenav-font: #ac9f9f;--stepper-number-active-bg: var(--app-theme-clr);--app-layout-height: 80dvh}.light-mode{--app-header-bg: #ffffff;--app-header-bdr: #e0e0e0;--app-bg-clr: #fafafa;--app-font-clr: #000;--app-btn-font: #ffffff;--list-card-bg: #ffffff;--list-card-bdr: #e0e0e0;--sidenav-bg: #ffffff;--sidenav-bdr: #e0e0e0;--sidenav-font: #ac9f9f;--stepper-number-bg: #737373}.dark-mode{--app-header-bg: #020408;--app-header-bdr: #3c434c;--app-bg-clr: #0c1116;--app-font-clr: #ffffff;--list-card-bg: #121212;--list-card-bdr: #3c434c;--sidenav-bg: #000;--sidenav-bdr: #3c434c;--sidenav-font: #ac9f9f;--stepper-number-bg: #303540}*{box-sizing:border-box;margin:0;padding:0;line-height:normal}html,body{height:100%}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif}html{font-size:10px}body{font-size:1.6rem}a,button{margin:0;padding:0;font-family:var(--app-content-font)}h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-family:var(--app-head-font)!important}p{margin:0;padding:0;font-family:var(--app-content-font)}.mat-mdc-menu-item-text{font-family:var(--app-content-font)!important;font-weight:500!important;font-size:1.4rem!important}.mat-mdc-menu-item{min-height:44px!important}.cdk-overlay-pane{margin-top:10px!important}.mat-ripple:hover,.mat-step-header-ripple:hover,.mat-focus-indicator:hover,.mat-step-header:hover,.mat-ripple:active,.mat-step-header-ripple:active,.mat-focus-indicator:active,.mat-step-header:active{background-color:transparent!important}.mat-ripple:focus,.mat-step-header-ripple:focus,.mat-focus-indicator:focus,.mat-step-header:focus{background-color:transparent!important}.mat-stepper-vertical,.mat-stepper-horizontal{background-color:transparent!important}.mat-step-text-label{color:var(--app-font-clr)!important}.mat-stepper-vertical-line:before{border-left-color:var(--app-font-clr)!important}.mat-step-icon{background-color:var(--stepper-number-bg)!important;color:#fff!important}.mat-step-icon-selected{background-color:var(--stepper-number-active-bg)!important;color:#fff!important}#component-container{height:calc(100dvh - var(--layout-adjustment));display:grid;grid-template-columns:20rem calc(100dvw - 20rem);overflow:hidden}#component-container #component-nav{padding:1.4rem 0 1.4rem 1.4rem}#component-container #component-nav .mobile-left-nav,#component-container #component-nav .mobile-right-nav{display:none}#component-container #component-nav .component-nav-list{height:100%;border:.1rem solid var(--sidenav-bdr);background-color:var(--sidenav-bg);color:var(--sidenav-font);border-radius:.8rem;display:flex;flex-direction:column;gap:2.8rem;padding:2.4rem 2.2rem}#component-container #component-nav a{display:flex;align-items:center;justify-content:flex-start;gap:.8rem;color:var(--list-card-font);text-decoration:none;font-size:1.3rem;font-weight:500}#component-container #component-nav a .material-symbols-outlined{border:.14rem solid var(--list-card-bdr);background-color:var(--list-card-bg);width:2.4rem;height:2.4rem;display:flex;align-items:center;justify-content:center;font-size:1.8rem;border-radius:.4rem}#component-container #component-nav .component-nav-active{position:relative;color:var(--app-active-link)}#component-container #component-nav .component-nav-active:before{content:"";position:absolute;top:50%;right:0;width:.4rem;height:.4rem;border-top:.2rem solid var(--app-active-link);border-right:.2rem solid var(--app-active-link);background-color:transparent;transform:translateY(-50%) rotate(44deg)}#component-container #app-components{height:calc(100dvh - var(--layout-adjustment));padding:0 2.8rem;overflow-y:auto}#component-container #app-components .app-intro-card{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 0 2rem}#component-container #app-components .app-intro-card .card-header{text-align:center}#component-container #app-components .app-intro-card .card-header h3{font-size:3.8rem;line-height:4rem;margin-bottom:1.4rem}#component-container #app-components .app-intro-card .card-header p{font-size:1.6rem;font-weight:500;margin-bottom:4rem}#component-container #app-components .app-intro-card .card-body{width:100%;max-width:70rem;display:flex;align-items:center;justify-content:center}#component-container #app-components .app-components-box{display:flex;flex-direction:column;gap:6rem;padding:2rem 0}#component-container #app-components .app-components-box-nav{width:100%;height:calc(100dvh - 7rem)!important;display:flex;justify-content:space-evenly;gap:4rem}.app-card .card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.app-card .card-header h3{font-size:2.8rem;margin-bottom:2rem}.app-card .card-header .card-header-box{display:flex;align-items:center;justify-content:flex-end;gap:1rem}.app-card .card-header .card-header-box .clr-blocks{display:block;width:2rem;height:2rem;border-radius:.4rem}.app-card .card-header .card-header-box .clr-green{background-color:#019d9d}.app-card .card-header .card-header-box .clr-yellow{background-color:#faaf00}.app-card .card-header .card-header-box .clr-orange{background-color:#ff5a1f}.app-card .card-header .card-header-box .clr-blue{background-color:#0f55eb}.app-card .card-header .card-header-box .clr-violet{background-color:#7f36dd}.app-card .card-header .card-header-box .clr-gray{background-color:#9f9f9f}.code-box{width:100%;border:.1rem solid var(--list-card-bdr);background-color:var(--list-card-bg);border-radius:1rem;margin-top:1.8rem;overflow:hidden}.code-box header{background-color:var(--app-bg-clr);border-bottom:.1rem solid var(--list-card-bdr);display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.8rem}.code-box header p{font-size:1.3rem;font-weight:500}.code-box header button{background-color:transparent;border:none;display:flex;align-items:center;justify-content:center;border-radius:.6rem}.code-box header button .material-symbols-outlined{font-size:1.8rem}.code-box pre[class*=language-]{padding:0 1.8rem;margin:0;overflow:auto!important;max-width:100%;box-sizing:border-box;white-space:pre}.code-box code{color:var(--app-font-clr);display:block;min-width:100%}.code-box code[class*=language-],.code-box pre[class*=language-]{text-shadow:none}.code-box:not(pre)>code[class*=language-],.code-box pre[class*=language-]{background:transparent!important}#template-container{height:calc(100dvh - var(--layout-adjustment));padding-top:4rem;overflow:hidden}#template-container #template-header{height:9rem;padding:0 4rem}#template-container #template-header h2{font-size:3.2rem;margin-bottom:.8rem}#template-container #template-header p{font-weight:500}#template-container #template-list{height:calc(100dvh - var(--layout-adjustment) - 13rem);padding:0 4rem 4rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(28rem,1fr));align-items:center;justify-content:start;gap:4rem;overflow:auto}#template-container #template-list a{height:28rem;background-color:var(--list-card-bg);color:var(--list-card-font);border:.1rem solid var(--list-card-bdr);border-radius:1rem;padding:2rem;text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;font-size:1.4rem;font-weight:500}#motion-container{display:flex;flex-direction:column;gap:2rem;padding:2rem}@media only screen and (max-width: 810px){#component-container{height:calc(100dvh - 6rem);display:grid;grid-template-columns:100dvw;grid-template-rows:9rem 1fr;overflow:hidden}#component-container #component-nav{border-bottom:1px solid var(--app-header-bdr);padding:1.4rem 5rem!important;position:relative}#component-container #component-nav::-webkit-scrollbar{display:none}#component-container #component-nav .mobile-left-nav,#component-container #component-nav .mobile-right-nav{background-color:transparent;border:none;width:2.8rem;height:2.8rem;display:flex;align-items:center;justify-content:center;position:absolute;top:50%;transform:translateY(-50%)}#component-container #component-nav .mobile-left-nav .material-symbols-outlined,#component-container #component-nav .mobile-right-nav .material-symbols-outlined{font-size:3.8rem;color:var(--sidenav-font)}#component-container #component-nav .mobile-left-nav{left:1rem}#component-container #component-nav .mobile-right-nav{right:1rem}#component-container #component-nav .component-nav-list{height:100%;display:flex;flex-direction:row;gap:2.8rem;padding:2.4rem 2.2rem;overflow-y:hidden;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}#component-container #component-nav a{flex-shrink:1}#component-container #component-nav .component-nav-active:before{display:none}#component-container #app-components{height:calc(100dvh - 15rem);padding:0 2.8rem;overflow-y:scroll}#component-container #app-components .app-components-box-nav{flex-direction:column!important}#component-container #app-components .app-components-box-nav nav{height:calc(100dvh - 15rem)!important}}code[class*=language-],pre[class*=language-]{color:#000;background:none;text-shadow:0 1px white;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection{text-shadow:none;background:#b3d4fc}pre[class*=language-]::selection,pre[class*=language-] ::selection,code[class*=language-]::selection,code[class*=language-] ::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#905}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#690}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#9a6e3a;background:#ffffff80}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.function,.token.class-name{color:#dd4a68}.token.regex,.token.important,.token.variable{color:#e90}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}