@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@300&display=swap);ion-tab-bar[data-v-48a6ac58]{position:relative;bottom:0;width:100%;height:60px;--background:#f3f3f3}ion-tab-bar ion-tab-button[data-v-48a6ac58]{font-size:13px;--color-selected:var(--ion-color-primary)}ion-tab-bar ion-tab-button ion-icon[data-v-48a6ac58]{font-size:1.5rem}ion-content.register[data-v-3cd8c010]{--background:#f5f5f3}.bp[data-v-3cd8c010]{position:fixed;bottom:0;width:90%;text-align:center;background-color:#0d47a1;color:#fff;padding:10px 0;box-shadow:0 -2px 5px rgba(0,0,0,.3)}ion-content.home-page[data-v-3ada77e2]{--background:#f4f6f9}.main-container[data-v-3ada77e2]{padding:16px;padding-bottom:80px}.header-section[data-v-3ada77e2]{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.logo-area[data-v-3ada77e2]{display:flex;align-items:center}.logo-img[data-v-3ada77e2]{width:50px;height:50px;margin-right:12px}.header-text .title[data-v-3ada77e2]{font-size:1.2rem;font-weight:700;color:#0d47a1;margin:0 0 2px 0}.header-text .subtitle[data-v-3ada77e2]{font-size:.9rem;color:#666;margin:0}.welcome-card[data-v-3ada77e2]{background:linear-gradient(135deg,#0d47a1,#1976d2);border-radius:20px;padding:24px;color:#fff;box-shadow:0 10px 20px rgba(13,71,161,.2);margin-bottom:24px}.date-text[data-v-3ada77e2]{font-size:.85rem;opacity:.9;margin:0 0 8px 0}.greeting[data-v-3ada77e2]{font-size:1.5rem;font-weight:700;margin:0 0 8px 0}.role-badge[data-v-3ada77e2]{background:hsla(0,0%,100%,.2);margin:0 8px 0 0}.role-badge[data-v-3ada77e2],.status-badge[data-v-3ada77e2]{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.85rem;text-transform:capitalize}.status-badge[data-v-3ada77e2]{margin:0;font-weight:600}.bg-success[data-v-3ada77e2]{background:#2dd36f;color:#fff}.bg-warning[data-v-3ada77e2]{background:#ffc409;color:#333}.badges-container[data-v-3ada77e2]{display:flex;align-items:center}.scan-area[data-v-3ada77e2]{margin-top:24px}.btn-scan[data-v-3ada77e2]{--background:#fff;--color:#0d47a1;--background-hover:#f0f0f0;--border-radius:12px;font-weight:700;height:54px;margin:0;--box-shadow:0 4px 12px rgba(0,0,0,.1)}.status-info[data-v-3ada77e2]{text-align:center;font-size:.85rem;margin:12px 0 0 0;opacity:.9}.section-title[data-v-3ada77e2]{font-size:1.1rem;font-weight:700;color:#333;margin-bottom:16px;margin-top:0}.quick-actions[data-v-3ada77e2]{margin-bottom:24px}.action-card[data-v-3ada77e2]{background:#fff;border-radius:16px;padding:16px;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,.03);cursor:pointer;transition:transform .2s}.action-card[data-v-3ada77e2]:active{transform:scale(.95)}.icon-wrapper[data-v-3ada77e2]{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px auto;font-size:1.5rem}.bg-blue[data-v-3ada77e2]{background:rgba(13,71,161,.1);color:#0d47a1}.bg-red[data-v-3ada77e2]{background:rgba(235,68,90,.1);color:#eb445a}.action-card p[data-v-3ada77e2]{margin:0;font-size:.9rem;font-weight:600;color:#444}.report-section[data-v-3ada77e2]{margin-bottom:20px}.custom-list[data-v-3ada77e2]{background:transparent;padding:0}.report-item[data-v-3ada77e2]{--padding-start:0;--inner-padding-end:0;--background:transparent;margin-bottom:12px}.record-card[data-v-3ada77e2]{width:100%;background:#fff;border-radius:16px;padding:16px;box-shadow:0 4px 12px rgba(0,0,0,.03)}.record-header[data-v-3ada77e2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.record-header h4[data-v-3ada77e2]{margin:0;font-size:.95rem;font-weight:600;color:#333}.record-details[data-v-3ada77e2]{display:flex;justify-content:space-between}.detail-box[data-v-3ada77e2]{flex:1;display:flex;flex-direction:column}.detail-box .label[data-v-3ada77e2]{font-size:.8rem;color:#888;margin-bottom:4px}.detail-box .time[data-v-3ada77e2]{font-size:1.1rem;font-weight:700;color:#333}.text-danger[data-v-3ada77e2]{color:#eb445a!important}.empty-state[data-v-3ada77e2]{text-align:center;padding:30px;color:#888;background:#fff;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.03)}body.scanner-active[data-v-3ada77e2]{--background:transparent;--ion-background-color:transparent}.sidebar-header[data-v-1d377106]{--background:linear-gradient(135deg,#0f172a,#1e3a8a);padding:24px 16px;border-bottom:none}.sidebar-logo[data-v-1d377106]{display:flex;align-items:center;gap:16px}.sidebar-logo img[data-v-1d377106]{width:54px;height:54px;background:#fff;border-radius:14px;padding:6px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.sidebar-logo h3[data-v-1d377106]{color:#1d4ed8;font-size:1.15rem;font-weight:800;margin:0 0 4px 0;letter-spacing:.3px}.sidebar-logo p[data-v-1d377106]{color:#1d4ed8;font-size:.85rem;margin:0;font-weight:700}.sidebar-content[data-v-1d377106]{--background:#fff}.sidebar-list[data-v-1d377106]{background:transparent;padding:16px 12px}.sidebar-list ion-item[data-v-1d377106]{--background:transparent;--border-radius:12px;margin-bottom:6px;font-weight:600;color:#475569;cursor:pointer;--min-height:50px;transition:all .2s ease}.sidebar-list ion-item[data-v-1d377106]::part(native){padding-left:12px}.sidebar-list ion-item[data-v-1d377106]:hover{--background:#f1f5f9}.sidebar-list ion-item ion-icon[data-v-1d377106]{color:#64748b;font-size:1.4rem;margin-right:16px}.sidebar-list ion-item.selected-item[data-v-1d377106]{--background:#eff6ff;color:#1d4ed8;position:relative}.sidebar-list ion-item.selected-item[data-v-1d377106]:before{content:"";position:absolute;left:0;top:10%;height:80%;width:4px;background:#2563eb;border-radius:0 4px 4px 0;z-index:2}.sidebar-list ion-item.selected-item ion-icon[data-v-1d377106]{color:#2563eb}.sidebar-footer[data-v-1d377106]{--background:#f8fafc;padding:16px;border-top:1px solid #e2e8f0}.logout-btn[data-v-1d377106]{--background:#fef2f2;--border-radius:12px;font-weight:700;color:#ef4444;--padding-start:16px}.logout-btn ion-icon[data-v-1d377106]{color:#ef4444}.logout-btn[data-v-1d377106]:hover{--background:#fee2e2}:root{--ion-font-family:"Ubuntu",sans-serif;--ion-color-primary:#f6bb42;--ion-color-primary-rgb:246,187,66;--ion-color-primary-contrast:#000;--ion-color-primary-contrast-rgb:0,0,0;--ion-color-primary-shade:#d8a43a;--ion-color-primary-tint:#f7c255;--ion-color-secondary:#960707;--ion-color-secondary-rgb:69,38,181;--ion-color-secondary-contrast:#fff;--ion-color-secondary-contrast-rgb:0,0,0;--ion-color-secondary-shade:#3d219f;--ion-color-secondary-tint:#583cbc;--ion-color-tertiary:#5260ff;--ion-color-tertiary-rgb:82,96,255;--ion-color-tertiary-contrast:#fff;--ion-color-tertiary-contrast-rgb:255,255,255;--ion-color-tertiary-shade:#4854e0;--ion-color-tertiary-tint:#6370ff;--ion-color-success:#2dd36f;--ion-color-success-rgb:45,211,111;--ion-color-success-contrast:#fff;--ion-color-success-contrast-rgb:255,255,255;--ion-color-success-shade:#28ba62;--ion-color-success-tint:#42d77d;--ion-color-warning:#ffc409;--ion-color-warning-rgb:255,196,9;--ion-color-warning-contrast:#000;--ion-color-warning-contrast-rgb:0,0,0;--ion-color-warning-shade:#e0ac08;--ion-color-warning-tint:#ffca22;--ion-color-danger:#eb445a;--ion-color-danger-rgb:235,68,90;--ion-color-danger-contrast:#fff;--ion-color-danger-contrast-rgb:255,255,255;--ion-color-danger-shade:#cf3c4f;--ion-color-danger-tint:#ed576b;--ion-color-dark:#222428;--ion-color-dark-rgb:34,36,40;--ion-color-dark-contrast:#fff;--ion-color-dark-contrast-rgb:255,255,255;--ion-color-dark-shade:#1e2023;--ion-color-dark-tint:#383a3e;--ion-color-medium:#92949c;--ion-color-medium-rgb:146,148,156;--ion-color-medium-contrast:#fff;--ion-color-medium-contrast-rgb:255,255,255;--ion-color-medium-shade:#808289;--ion-color-medium-tint:#9d9fa6;--ion-color-light:#f4f5f8;--ion-color-light-rgb:244,245,248;--ion-color-light-contrast:#000;--ion-color-light-contrast-rgb:0,0,0;--ion-color-light-shade:#d7d8da;--ion-color-light-tint:#f5f6f9}@font-face{font-family:Open-sans;src:url(/fonts/OpenSans-VariableFont_wdth,wght.d4380761.ttf)}@font-face{font-family:Soligan;src:url(/fonts/Soligant.39ff1e3c.ttf)}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Black.6ed32619.ttf)}@font-face{font-family:Oswald;src:url(/fonts/Oswald-Light.bd774bdc.ttf)}@font-face{font-family:Ubuntu;src:url(/fonts/Ubuntu-Light.b7fd3852.ttf)}@font-face{font-family:Raleway;src:url(/fonts/Raleway-VariableFont_wght.e1cc97cd.ttf)}ion-popover{--width:320px}ion-fab{bottom:10%;right:10%}ion-fab-button{--background:var(--ion-color-primary);--border-radius:15px;--box-shadow:0px 1px 2px 0px rgba(0,0,0,.3),0px 1px 3px 1px rgba(0,0,0,.15);--color:#000}.tooltipp .tooltiptext{visibility:hidden;width:120px;background-color:#fff;box-shadow:0 2px 12px 1px hsla(0,0%,55%,.5);color:#000;text-align:center;border-radius:10px;padding:5px 0;position:absolute;z-index:1;bottom:100%;left:0}.tooltipp:hover .tooltiptext{visibility:visible}.width30{width:30px!important;height:30px!important}.transparent-modal{--background:transparent!important}.card-radius25{border-radius:25px!important}.flex,.flex-between{display:flex;align-items:center}.flex-between{justify-content:space-between}.flex-center{display:flex;align-items:center;justify-content:center}.gap5{gap:5px!important}.gap10{gap:10px!important}.swiper-pagination-bullet{background-color:#000!important}.swiper-pagination-bullet-active{background-color:#ff9100!important}ion-refresher.refresher-active{z-index:1}ion-refresher{background-color:transparent!important}ion-refresher-content{background-color:#fff;background-color:transparent!important}ion-content{--background:#fff!important}ion-header{background:#fff!important}ion-toolbar{--background:#fff!important}ion-card-subtitle{color:#000;font-size:1rem}ion-badge{display:flex;justify-content:center;align-items:center;gap:5px;width:-moz-fit-content;width:fit-content;padding:7px 10px}.header-login{width:100%;height:45%;background:var(--ion-color-primary)}.logo{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.logo img{max-width:50%;height:auto}.top-radius{height:7%}.content-login,.top-radius{width:100%;margin-top:-35px;border-top-left-radius:35px;border-top-right-radius:35px;background:#fff}.content-login{height:60%}.input-group{margin-top:20px}.input-group .label{display:flex;align-items:center}.label h2{margin:0;font-size:1.2rem}.label span{color:var(--ion-color-danger);font-size:2rem}.input-group .input{display:flex;justify-content:space-between;align-items:center;border:1px solid grey;border-radius:10px;margin-bottom:15px;padding:2px;background:#fff;box-shadow:1px 8px 8px 0 rgba(0,0,0,.08)}.input-group .input ion-icon.start{font-size:25px;padding-left:10px}.input-group .input ion-icon.end{font-size:25px;padding-right:20px}ion-input.password,ion-input.username{font-size:1rem;margin-left:10px!important}ion-button.login{color:var(--ion-color-primary-contrast);margin-top:20px;--border-radius:10px;font-weight:600;--background:var(--ion-color-primary)}.ripple-parent{position:relative;overflow:hidden;border:1px solid #fff}ion-ripple-effect{border-radius:10px!important}.item-menu h5{margin:0;font-size:.9rem}.item-menu,.item-menu h5{text-align:center}.item-menu img{width:100%}.main_content_div{width:100%;height:100%;color:#000}.main_content_div .user_div{padding:60px 20px 20px 20px;width:100%;height:15%;background-image:linear-gradient(270deg,#c80036,#c80036,#c80036,#c80036,#c80036);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;gap:10px;color:#000}.main_content_div .content_div{width:100%;background:transparent!important}.main_content_div .user_div .ava{display:flex;justify-content:center;align-items:center;width:100px;height:100px;border:2px solid #fff;border-radius:50%;overflow:hidden}.ava img{width:100%;height:auto}.main_content_div .first_div .greetings{font-size:1.1rem;margin:10px 0 10px 0}.main_content_div .first_div .username{font-size:1.2rem;font-weight:600;margin:0 0 5px 0}.main_content_div .first_div .position{font-size:.9rem;margin:0 0 5px 0}.main_content_div .content_div .list{margin-left:0;margin-right:0;margin-top:20px;border-radius:15px;box-shadow:0 3px 12px 2px rgba(0,0,0,.16)}.inline{background:linear-gradient(270deg,#f0932b,#f1932b,#f3932b,#f4932b,#f1932b);width:30px;height:30px;border-radius:100%;border:1px solid #fff;position:absolute;top:130px;right:24px;display:flex;align-items:center;justify-content:center}.inline ion-icon{height:20px;width:20px;color:var(--ion-color-primary-contrast)}.swiper.banner-slider{padding:0 16px 16px 16px;max-width:100%;height:175px}.swiper.banner-slider .swiper-slide{border-radius:18px;display:flex;justify-content:center;align-items:center}.swiper.banner-slider .swiper-slide img{display:block;border-radius:18px;box-shadow:0 4px 16px rgba(0,0,0,.12);width:100%;height:100%}.swiper.banner-slider .swiper-pagination{bottom:0}.swiper.banner-slider .swiper-slide{width:100%}.card-heading{width:100%;padding:0 16px;margin-top:-100px}.card-heading ion-card ion-card-header{--background:#f5f5f3}.announcement{padding:16px}.announcement h2{margin:0 0 10px 0}.announcement-list h3{margin-bottom:7px;font-weight:600}ion-alert.my-custom-class{font-size:2rem}.my-custom-class .alert-wrapper .alert-head h2{font-size:1.3rem}.my-custom-class .alert-wrapper .alert-message{font-size:1rem}.container{width:100%;margin-top:30px;padding:0 26px}.swiper.card{margin:auto;max-width:280px;height:420px}.swiper-slide.card{display:flex;align-items:center;justify-content:center;border-radius:18px;font-size:22px;font-weight:700;color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover}.swiper-slide.card:nth-child(7n+1){background-image:url(/img/1.6e7968db.jpg)}.swiper-slide.card:nth-child(7n+2){background-image:url(/img/2.e3ea77eb.png)}.swiper-slide.card:nth-child(7n+3){background-image:url(/img/3.9c250225.png)}.swiper-slide.card:nth-child(7n+4){background-image:url(/img/4.5ae191f5.jpg)}.swiper-slide.card:nth-child(7n+5){background-image:url(/img/5.4b6f20aa.jpg)}.swiper-slide.card:nth-child(7n+6){background-image:url(/img/6.81004052.jpg)}.swiper-slide.card:nth-child(7n+7){background-image:url(/img/7.024d4395.jpg)}.img-thumb{display:block;box-sizing:border-box;width:50px;height:50px;padding-left:50px}ion-card.category .img-thumb:first-child{background:url(/img/presentation.47b79ff3.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}ion-card.category .img-thumb:nth-last-child(){background:url(/img/to-do.f6ed47ff.png);background-position:50%;background-repeat:no-repeat;background-size:cover}ion-segment{background:var(--ion-color-primary);color:#fff!important;border-radius:15px}ion-segment-button{--border-radius:13px;--padding-start:3px;--padding-end:3px;--padding-top:7px;--padding-bottom:7px;font-size:16px;--background-checked:var(--ion-color-primary)!important;--color-checked:var(--ion-color-primary)!important;font-weight:500}ion-card.card-listt{margin:10px 5px}ion-card.card-listt,ion-card.card-listt-reports{border-radius:30px;box-shadow:0 3px 7px 2px rgba(14,42,71,.5)}ion-card.card-listt-reports{margin:5px 5px 5px 5px}ion-card.card-listt-reports ion-icon{font-size:2rem;color:#000}ion-card.card-listt img,ion-card.card-listt-reports img{width:100%;height:120px;background-position:50%;background-repeat:no-repeat;background-size:cover}.add-card{display:flex;justify-content:center;align-items:center}.add-card ion-item{color:var(--ion-color-primary);font-weight:600;font-size:.9rem}.select-option{max-width:94%!important;--placeholder-color:#000;--placeholder-opacity:1}.select-option::part(placeholder),.select-option::part(text){color:#000;font-size:1.2rem}.select-option::part(icon){color:#000;opacity:1}.header-employee-project{text-align:center}.header-employee-project .title h1{margin:0;margin-bottom:5px}.card-project-employee ion-card-title{font-size:1rem}.card-summary{width:100%;border-radius:20px;padding:16px;box-shadow:0 4px 16px rgba(0,0,0,.12);margin:0 auto}.card-summary ion-badge{width:100px;height:30px}.card-summary h2{margin:10px 0 0 0;font-size:4vw;text-align:center}