@charset "UTF-8";@font-face{font-family:Material Icons;font-style:normal;font-weight:400;font-display:block;src:url("./media/material-icons.woff2") format("woff2")}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:Material Icons Outlined;font-style:normal;font-weight:400;font-display:block;src:url("./media/material-icons-outlined.woff2") format("woff2")}.material-icons-outlined{font-family:Material Icons Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:Inter Regular;src:url("./media/Inter-Regular.ttf") format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Inter Regular;src:url("./media/Inter-SemiBold.ttf") format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Kone Information;src:url("./media/KONE_Information.ttf") format("truetype");font-weight:400;font-style:normal}:root{--transition-duration-0: 0s;--transition-duration-75: 75ms;--transition-duration-100: .1s;--transition-duration-150: .15s;--transition-duration-200: .2s;--transition-duration-300: .3s;--transition-duration-500: .5s;--transition-duration-700: .7s;--transition-duration-1000: 1s;--transition-duration: .15s;--box-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--box-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--box-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--box-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--box-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--box-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--box-shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--box-shadow-none: none;--font-weight-thin: 100;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-size-7xl: 4.5rem;--font-size-8xl: 6rem;--font-size-9xl: 8rem;--border-radius-none: 0px;--border-radius-sm: .125rem;--border-radius: .8rem;--border-radius-md: .375rem;--border-radius-lg: .5rem;--border-radius-xl: .75rem;--border-radius-2xl: 1rem;--border-radius-3xl: 1.5rem;--border-radius-full: 9999px;--border-radius-btn: 1.5rem;--border-radius-checkbox: .214rem;--border-radius-input: .5714rem;--border-radius-item: .5rem;--border-0: 0px;--border-2: 2px;--border-4: 4px;--border-8: 8px;--border: 1px;--font-family: "Inter Regular";--font-family-kone: "Kone Information";--divide-color: var(--divide-color);--page-min-width: 700px;--header-height: 70px;--menu-width: 240px;--button-height: 32px;--button-height-lg: 64px;--button-height-md: 40px;--button-height-sm: 32px;--button-height-xs: 18px;--icon-size: 20px;--page-margin: 1.57rem;--page-margin-sm: 1.2857rem;--padding-0: 0px;--padding-1: .25rem;--padding-2: .5rem;--padding-3: .75rem;--padding-4: 1rem;--padding-5: 1.25rem;--padding-6: 1.5rem;--padding-7: 1.75rem;--padding-8: 2rem;--padding-px: 1px;--padding-0-5: .125rem;--padding-1-5: .375rem;--padding-2-5: .625rem;--padding-3-5: .875rem;--padding-xs: var(--padding-3);--padding-sm: var(--padding-4);--padding-md: var(--padding-5);--padding-lg: var(--padding-7);--padding-item: var(--padding-5);--gap-page: var(--page-margin);--gap-page-sm: var(--page-margin-sm);--gap-item: var(--padding-item);--gap-item-xs: calc(var(--padding-item) / 2.5);--gap-item-sm: calc(var(--padding-item) / 2);--gap-item-lg: calc(var(--padding-item) * 1.5);--margin-0: 0px;--margin-1: .25rem;--margin-2: .5rem;--margin-3: .75rem;--margin-4: 1rem;--margin-5: 1.25rem;--margin-6: 1.5rem;--margin-7: 1.75rem;--margin-8: 2rem;--margin-9: 2.25rem;--margin-10: 2.5rem;--margin-11: 2.75rem;--margin-12: 3rem;--margin-14: 3.5rem;--margin-16: 4rem;--margin-20: 5rem;--margin-px: 1px;--margin-0-5: .125rem;--margin-1-5: .375rem;--margin-2-5: .625rem;--margin-3-5: .875rem;--margin-auto: auto;--margin-xs: var(--margin-3);--margin-sm: var(--margin-4);--margin-md: var(--margin-5);--margin-lg: var(--margin-7);--margin-page: var(--margin-6);--margin-item: var(--margin-4);--margin-item-xs: calc(var(--margin-item) / 2.5);--margin-item-sm: calc(var(--margin-item) / 2);--margin-item-lg: calc(var(--margin-item) * 1.5);--text-color-disabled: var(--text-color-disabled);--text-color-inverse: var(--text-color-inverse);--primary-50: #e9effe;--primary-100: #d3dffe;--primary-200: #a7bffd;--primary-300: #7b9ffc;--primary-400: #4f7ffb;--primary-500: #1450f5;--primary-600: #0b35b8;--primary-700: #08268a;--primary-800: #051769;--primary-900: #030c48;--primary-950: #020731;--primary: #1450f5;--primary-background: var(--primary-background);--warn-50: #fff2ed;--warn-100: #ffe0d6;--warn-200: #ffc1ad;--warn-300: #ffa285;--warn-400: #ff835c;--warn-500: #ff5f28;--warn-600: #e54515;--warn-700: #b83510;--warn-800: #8a280c;--warn-900: #5c1b08;--warn-950: #2e0d04;--warn: #ff5f28;--warn-background: var(--warn-background);--orange-50: #fff8ed;--orange-100: #fff0d9;--orange-200: #ffe0b3;--orange-300: #ffd08c;--orange-400: #ffc066;--orange-500: #ffa023;--orange-600: #e68600;--orange-700: #b36a00;--orange-800: #804c00;--orange-900: #4d2e00;--orange-950: #261700;--orange: #ffa023;--orange-background: var(--orange-background);--green-50: #e8fdf0;--green-100: #d1fbe1;--green-200: #a3f7c3;--green-300: #75f3a5;--green-400: #47ef87;--green-500: #1ed273;--green-600: #17a05a;--green-700: #127843;--green-800: #0d502c;--green-900: #083015;--green-950: #04180b;--green: #1ed273;--green-background: var(--green-background);--purple: #8f7ee7;--teal: #37b4c3;--yellow: #cf9f02;--magenta: #da62ac;--ice-blue: #d2f5ff;--excel: #217346;--glass: var(--glass);--glass-background: var(--glass-background);--btn-soft-grey: var(--btn-soft-grey);--btn-soft-grey-inverse: var(--btn-soft-grey-inverse);--black-white: var(--black-white);--inverse: var(--inverse);--disabled: var(--disabled);--border-color: var(--border-color);--text-color: var(--text-color);--text-color-soft: var(--text-color-soft);--hover-color: var(--hover-color);--hover-strong-color: var(--hover-strong-color);--layer-50: var(--layer-50);--layer-100: var(--layer-100);--layer-200: var(--layer-200);--layer-300: var(--layer-300);--layer-400: var(--layer-400);--layer-500: var(--layer-500);--layer-600: var(--layer-600);--layer-700: var(--layer-700);--layer-800: var(--layer-800);--layer-900: var(--layer-900);--layer-950: var(--layer-950);--layer: var(--layer);--layer-secondary: var(--layer-200);--layer-tertiary: var(--layer-400);--layer-quaternary: var(--layer-600)}.light{--font-weight-extralight: 200;--font-weight: 300;--border-color: rgba(0, 0, 0, .15);--divide-color: rgba(0, 0, 0, .15);--text-color-inverse: rgba(255, 255, 255, .96);--text-color: rgba(0, 0, 0, .9);--text-color-soft: rgba(0, 0, 0, .7);--text-color-disabled: rgba(0, 0, 0, .38);--primary-background: #f4f7fe;--warn-background: #ffe0d6;--orange-background: #fff0d9;--green-background: #e0f5e8;--glass: rgba(255, 255, 255, .4);--glass-background: rgba(255, 255, 255, .5);--btn-soft-grey-inverse: rgba(255,255,255,.11);--btn-soft-grey: rgba(0,0,0,.11);--black-white: #000000;--inverse: #000000;--disabled: rgba(0, 0, 0, .1);--hover-color: rgba(0, 0, 0, .06);--hover-strong-color: rgba(0, 0, 0, .12);--layer-50: #ffffff;--layer-100: #fafafa;--layer-200: #f5f5f5;--layer-300: #f0f0f0;--layer-400: #e8e8e8;--layer-500: #e0e0e0;--layer-600: #d6d6d6;--layer-700: #cccccc;--layer-800: #c2c2c2;--layer-900: #b8b8b8;--layer-950: #aeaeae;--layer: #ffffff}.dark{--border-color: rgba(255, 255, 255, .15);--divide-color: rgba(255, 255, 255, .15);--text-color-inverse: rgba(9, 9, 9, .9);--text-color: rgba(255, 255, 255, .96);--text-color-soft: rgba(255, 255, 255, .7);--text-color-disabled: rgba(255, 255, 255, .4);--primary-background: #16192f;--warn-background: #4d1c0c;--orange-background: #4d3009;--green-background: #0a1910;--glass: rgba(0, 0, 0, .4);--glass-background: rgba(0, 0, 0, .5);--btn-soft-grey-inverse: rgba(0,0,0,.11);--btn-soft-grey: rgba(255,255,255,.11);--black-white: #ffffff;--inverse: #ffffff;--disabled: rgba(255, 255, 255, .1);--hover-color: rgba(255, 255, 255, .08);--hover-strong-color: rgba(255, 255, 255, .12);--layer-50: #1a1a1a;--layer-100: #202020;--layer-200: #262626;--layer-300: #2c2c2c;--layer-400: #363636;--layer-500: #404040;--layer-600: #4a4a4a;--layer-700: #545454;--layer-800: #5e5e5e;--layer-900: #686868;--layer-950: #727272;--layer: #141414}@layer tailwind-base,primeng,tailwind-utilities;@layer tailwind-base{*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--border-color)}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}}@layer tailwind-utilities{.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.mb-item{margin-bottom:var(--margin-4)}.mb-item-sm{margin-bottom:calc(var(--margin-item) / 2)}.ml-item{margin-left:var(--margin-4)}.mr-item{margin-right:var(--margin-4)}.mt-item{margin-top:var(--margin-4)}.mt-item-sm{margin-top:calc(var(--margin-item) / 2)}.mt-page{margin-top:var(--margin-6)}.block{display:block}.flex{display:flex}.min-h-\[100px\]{min-height:100px}.w-fit{width:fit-content}.min-w-\[350px\]{min-width:350px}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-item{gap:var(--padding-item)}.gap-item-sm{gap:calc(var(--padding-item) / 2)}.gap-item-xs{gap:calc(var(--padding-item) / 2.5)}.gap-page{gap:var(--page-margin)}.text-wrap{text-wrap:wrap}.rounded{border-radius:.8rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-l-\[7px\]{border-left-width:7px}.bg-glass{background-color:var(--glass)}.bg-primary{--tw-bg-opacity: 1;background-color:rgb(20 80 245 / var(--tw-bg-opacity, 1))}.bg-primary-background{background-color:var(--primary-background)}.object-cover{object-fit:cover}.p-\[5px\]{padding:5px}.p-md{padding:var(--padding-5)}.p-sm{padding:var(--padding-4)}.p-xs{padding:var(--padding-3)}.text-center{text-align:center}.font-kone{font-family:Kone Information,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.leading-tight{line-height:1.25}.tracking-wider{letter-spacing:.05em}.text{color:var(--text-color)}.text-dark{color:#fffffff5}.text-light{color:#000000e6}.text-light-soft{color:#000000b3}.text-soft{color:var(--text-color-soft)}.text-warn{--tw-text-opacity: 1;color:rgb(255 95 40 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[transform\,background-color\]{transition-property:transform,background-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.button-height{height:32px}.button-height-lg{height:64px}.button-height-sm{height:32px}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}}:root{--top-area: env(safe-area-inset-top);--bottom-area: env(safe-area-inset-bottom);--right-area: env(safe-area-inset-right);--left-area: env(safe-area-inset-left)}body{margin:0;overflow:auto;height:100vh;color-scheme:light;padding:var(--top-area) var(--right-area) var(--bottom-area) var(--left-area);background:url("./media/login-img.jpg") no-repeat fixed center center;background-size:cover}body.christmas{background-image:url("./media/bg-christmas.jpg")}html.dark,body.dark{color-scheme:dark}html{font-family:var(--font-family),serif;font-size:14px}.kone-logo{width:90px}.kone-logo.md{width:100px}.kone-logo.lg{width:120px}a{color:var(--primary)}.hide-scroll::-webkit-scrollbar{display:none;scrollbar-width:none;-ms-overflow-style:none}.page-container{display:block;padding:var(--page-margin);padding-top:var(--header-height);position:relative}.glass-effect{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.hover\:scale-\[1\.003\]:hover{--tw-scale-x: 1.003;--tw-scale-y: 1.003;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:bg-glass-background:hover{background-color:var(--glass-background)}.hover\:hover\:bg-hover-strong-color:hover:hover{background-color:var(--hover-strong-color)}
