:root{--ion-color-primary: #0054e9;--ion-color-primary-rgb: 0, 84, 233;--ion-color-primary-contrast: #fff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #004acd;--ion-color-primary-tint: #1a65eb;--ion-color-secondary: #0163aa;--ion-color-secondary-rgb: 1, 99, 170;--ion-color-secondary-contrast: #fff;--ion-color-secondary-contrast-rgb: 255, 255, 255;--ion-color-secondary-shade: #015796;--ion-color-secondary-tint: #1a73b3;--ion-color-tertiary: #6030ff;--ion-color-tertiary-rgb: 96, 48, 255;--ion-color-tertiary-contrast: #fff;--ion-color-tertiary-contrast-rgb: 255, 255, 255;--ion-color-tertiary-shade: #542ae0;--ion-color-tertiary-tint: #7045ff;--ion-color-success: #2dd55b;--ion-color-success-rgb: 45, 213, 91;--ion-color-success-contrast: #000;--ion-color-success-contrast-rgb: 0, 0, 0;--ion-color-success-shade: #28bb50;--ion-color-success-tint: #42d96b;--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: #c5000f;--ion-color-danger-rgb: 197, 0, 15;--ion-color-danger-contrast: #fff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #ad000d;--ion-color-danger-tint: #cb1a27;--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;--ion-color-medium: #636469;--ion-color-medium-rgb: 99, 100, 105;--ion-color-medium-contrast: #fff;--ion-color-medium-contrast-rgb: 255, 255, 255;--ion-color-medium-shade: #57585c;--ion-color-medium-tint: #737478;--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}html.ios{--ion-default-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif}html.md{--ion-default-font: "Roboto", "Helvetica Neue", sans-serif}html{--ion-dynamic-font: -apple-system-body;--ion-font-family: var(--ion-default-font)}body{background:var(--ion-background-color);color:var(--ion-text-color)}body.backdrop-no-scroll{overflow:hidden}html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,html.ios ion-modal ion-footer ion-toolbar:first-of-type,html.ios ion-footer.modal-footer-moving ion-toolbar:first-of-type{padding-top:6px}html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type{padding-bottom:6px}html.ios ion-modal ion-toolbar,html.ios .modal-footer-moving ion-toolbar{padding-right:calc(var(--ion-safe-area-right) + 8px);padding-left:calc(var(--ion-safe-area-left) + 8px)}@media screen and (min-width: 768px){html.ios ion-modal.modal-card:first-of-type{--backdrop-opacity: .18}}ion-modal.modal-default.show-modal~ion-modal.modal-default{--backdrop-opacity: 0;--box-shadow: none}html.ios ion-modal.modal-card .ion-page{border-top-left-radius:var(--border-radius)}.ion-color-primary{--ion-color-base: var(--ion-color-primary, #0054e9) !important;--ion-color-base-rgb: var(--ion-color-primary-rgb, 0, 84, 233) !important;--ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-primary-shade, #004acd) !important;--ion-color-tint: var(--ion-color-primary-tint, #1a65eb) !important}.ion-color-secondary{--ion-color-base: var(--ion-color-secondary, #0163aa) !important;--ion-color-base-rgb: var(--ion-color-secondary-rgb, 1, 99, 170) !important;--ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-secondary-shade, #015796) !important;--ion-color-tint: var(--ion-color-secondary-tint, #1a73b3) !important}.ion-color-tertiary{--ion-color-base: var(--ion-color-tertiary, #6030ff) !important;--ion-color-base-rgb: var(--ion-color-tertiary-rgb, 96, 48, 255) !important;--ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-tertiary-shade, #542ae0) !important;--ion-color-tint: var(--ion-color-tertiary-tint, #7045ff) !important}.ion-color-success{--ion-color-base: var(--ion-color-success, #2dd55b) !important;--ion-color-base-rgb: var(--ion-color-success-rgb, 45, 213, 91) !important;--ion-color-contrast: var(--ion-color-success-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-success-shade, #28bb50) !important;--ion-color-tint: var(--ion-color-success-tint, #42d96b) !important}.ion-color-warning{--ion-color-base: var(--ion-color-warning, #ffc409) !important;--ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;--ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;--ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important}.ion-color-danger{--ion-color-base: var(--ion-color-danger, #c5000f) !important;--ion-color-base-rgb: var(--ion-color-danger-rgb, 197, 0, 15) !important;--ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-danger-shade, #ad000d) !important;--ion-color-tint: var(--ion-color-danger-tint, #cb1a27) !important}.ion-color-light{--ion-color-base: var(--ion-color-light, #f4f5f8) !important;--ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;--ion-color-contrast: var(--ion-color-light-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;--ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important}.ion-color-medium{--ion-color-base: var(--ion-color-medium, #636469) !important;--ion-color-base-rgb: var(--ion-color-medium-rgb, 99, 100, 105) !important;--ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-medium-shade, #57585c) !important;--ion-color-tint: var(--ion-color-medium-tint, #737478) !important}.ion-color-dark{--ion-color-base: var(--ion-color-dark, #222428) !important;--ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;--ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;--ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important}.ion-page{left:0;right:0;top:0;bottom:0;display:flex;position:absolute;flex-direction:column;justify-content:space-between;contain:layout size style;z-index:0}.ion-page.ion-page-overlay-passthrough{pointer-events:none}ion-modal>.ion-page{position:relative;contain:layout style;height:100%}.split-pane-visible>.ion-page.split-pane-main{position:relative}ion-route,ion-route-redirect,ion-router,ion-select-option,ion-nav-controller,ion-menu-controller,ion-action-sheet-controller,ion-alert-controller,ion-loading-controller,ion-modal-controller,ion-picker-controller,ion-popover-controller,ion-toast-controller,.ion-page-hidden{display:none!important}.ion-page-invisible{opacity:0}.can-go-back>ion-header ion-back-button{display:block}html.plt-ios.plt-hybrid,html.plt-ios.plt-pwa{--ion-statusbar-padding: 20px}@supports (padding-top: 20px){html{--ion-safe-area-top: var(--ion-statusbar-padding)}}@supports (padding-top: env(safe-area-inset-top)){html{--ion-safe-area-top: var(--safe-area-inset-top, env(safe-area-inset-top));--ion-safe-area-bottom: var(--safe-area-inset-bottom, env(safe-area-inset-bottom));--ion-safe-area-left: var(--safe-area-inset-left, env(safe-area-inset-left));--ion-safe-area-right: var(--safe-area-inset-right, env(safe-area-inset-right))}}ion-card.ion-color .ion-inherit-color,ion-card-header.ion-color .ion-inherit-color{color:inherit}.menu-content{transform:translateZ(0)}.menu-content-open{cursor:pointer;touch-action:manipulation;pointer-events:none;overflow-y:hidden}.menu-content-open ion-content{--overflow: hidden}.menu-content-open .ion-content-scroll-host{overflow:hidden}.ios .menu-content-reveal{box-shadow:-8px 0 42px #00000014}[dir=rtl].ios .menu-content-reveal{box-shadow:8px 0 42px #00000014}.md .menu-content-reveal,.md .menu-content-push{box-shadow:4px 0 16px #0000002e}ion-accordion-group.accordion-group-expand-inset>ion-accordion:first-of-type{border-top-left-radius:8px;border-top-right-radius:8px}ion-accordion-group.accordion-group-expand-inset>ion-accordion:last-of-type{border-bottom-left-radius:8px;border-bottom-right-radius:8px}ion-accordion-group>ion-accordion:last-of-type ion-item[slot=header]{--border-width: 0px}ion-accordion.accordion-animated>[slot=header] .ion-accordion-toggle-icon{transition:.3s transform cubic-bezier(.25,.8,.5,1)}@media (prefers-reduced-motion: reduce){ion-accordion .ion-accordion-toggle-icon{transition:none!important}}ion-accordion.accordion-expanding>[slot=header] .ion-accordion-toggle-icon,ion-accordion.accordion-expanded>[slot=header] .ion-accordion-toggle-icon{transform:rotate(180deg)}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-previous ion-item[slot=header]{--border-width: 0px;--inner-border-width: 0px}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanding:first-of-type,ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanded:first-of-type{margin-top:0}ion-input input::-webkit-date-and-time-value{text-align:start}.ion-datetime-button-overlay{--width: fit-content;--height: fit-content}.ion-datetime-button-overlay ion-datetime.datetime-grid{width:320px;min-height:320px}[ion-last-focus],header[tabindex="-1"]:focus,[role=banner][tabindex="-1"]:focus,main[tabindex="-1"]:focus,[role=main][tabindex="-1"]:focus,h1[tabindex="-1"]:focus,[role=heading][aria-level="1"][tabindex="-1"]:focus{outline:none}.popover-viewport:has(>ion-content){overflow:hidden}@supports not selector(:has(> ion-content)){.popover-viewport{overflow:hidden}}.container{text-align:center;position:absolute;left:0;right:0;top:50%;transform:translateY(-50%)}.container strong{font-size:20px;line-height:26px}.container p{font-size:16px;line-height:22px;margin:0}.container a{text-decoration:none}.top-half{height:50%;text-align:center;font-size:36px;font-weight:700}.error{color:red;margin-top:10px}.login-area{padding:10px;width:220px;min-height:200px;margin:0 auto}.login-area label{display:block;text-align:left;font-size:14px}.login-area input{border:1px solid grey;width:200px;border-radius:10px;height:30px;margin-bottom:5px}.login-area button{margin-top:5px;height:30px;width:200px;padding:7px;border:1px solid grey;border-radius:10px}.move{animation:rotate 3s infinite;transform-origin:50% 50%;transform-box:fill-box}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.audits-page{padding-bottom:60px}.top-search{display:flex;align-items:center;gap:12px}ion-searchbar.custom-search .searchbar-input{border:1px solid lightgray;background-color:#fff;border-radius:25px}.list-area{padding:12px;padding-bottom:calc(80px + env(safe-area-inset-bottom));display:grid;gap:12px}.audit-card{border-radius:12px;overflow:hidden;--box-shadow: 0 6px 18px rgba(2, 6, 23, .06);box-shadow:var(--box-shadow)}.sticky-header{position:sticky;top:0;z-index:1000;background:#fff}.sort-area{display:flex;justify-content:space-between;padding:8px 16px;background:#fff}.sort-area .sort-time{display:flex;align-items:center;cursor:pointer;padding:8px 12px;color:#666;font-size:14px;gap:4px}.sort-area .sort-time .arrows{display:flex;flex-direction:column;align-items:center;font-size:10px;line-height:8px}.arrows{margin-left:-10px;margin-bottom:-10px}.loading,.error,.empty{text-align:center;padding:16px;color:#666}@media (min-width: 768px){.list-area{padding:18px 40px;padding-bottom:calc(80px + env(safe-area-inset-bottom))}.top-search{padding:16px 40px}}.page-header-bar{display:flex;align-items:center;gap:10px;padding:16px 20px 8px;background:#fff}.page-header-bar .page-header-reap{font-size:20px;font-weight:700;letter-spacing:.2px}.audit-card{margin:8px 16px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.audit-title{font-size:16px;font-weight:600;color:#333;margin:0 0 14px;line-height:1.4}.audit-meta{display:flex;align-items:center;gap:16px;margin-bottom:18px}.audit-meta-item{display:flex;align-items:center;gap:4px;color:#999;font-size:12px}.audit-summary{font-size:16px;color:#333;margin:0 0 14px!important;line-height:1.65}.audit-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.audit-tag-chip{--padding-start: 8px;--padding-end: 8px;--color: #5a3a8a;--border-color: #d8c6f3;font-size:12px;background:#f4effc}.tag-overflow{font-size:12px;color:#666;align-self:center}.audit-status-row{display:flex;align-items:center;gap:12px;margin-bottom:18px}.status-box{display:flex;align-items:center;gap:8px}.audit-footer{display:flex;justify-content:space-between;align-items:center}.investigator{font-size:14px;color:#666}.view-button{--border-radius: 20px;--padding-start: 16px;--padding-end: 16px;--border-color: #ddd;--color: #666;font-size:10px;min-height:30px}.view-icon{font-size:16px;margin-right:6px}.filters-row{display:flex;width:100%;align-items:center;padding:0 16px;border-bottom:1px solid #e0e0e0}.status-tabs{display:flex;width:100%;justify-content:space-between;align-items:center;padding:0 16px}.top-tabs-row{width:100%;padding:0 16px;overflow:hidden}.top-tabs{display:flex;width:100%;justify-content:space-between;gap:0}.tab-item{flex:1;min-width:0;padding:10px 0;font-size:14px;font-weight:500;font-family:var(--ion-font-family, inherit);cursor:pointer;-webkit-user-select:none;user-select:none;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 420px){.tab-item{font-size:13px}}.default-layout{width:100%;font-family:var(--ion-font-family, inherit);display:flex;flex-direction:row;gap:24px;flex-wrap:wrap}.default-case-image-wrapper{width:796px;height:595px;max-width:100%;flex-shrink:0;overflow:hidden}.default-case-image-wrapper ion-img,.default-case-image-wrapper img{width:796px;height:595px;max-width:100%;object-fit:cover;display:block}@media (max-width: 900px){.default-layout{flex-direction:column}.default-case-image-wrapper{width:100%;height:auto;aspect-ratio:796 / 595}.default-case-image-wrapper ion-img,.default-case-image-wrapper img{width:100%;height:auto;aspect-ratio:796 / 595}}.default-case-content{flex:1;min-width:280px}.default-case-title{font-weight:700;padding:10px}.default-case-summary{padding:0 10px 15px;color:#333;font-weight:400;font-size:14px;line-height:1.5}.default-item-rows{display:flex;justify-content:start;gap:8px!important;padding:5px;text-align:left}.default-item-name{width:30%;font-weight:700;max-width:200px;text-align:left;padding:5px}.default-item-value{text-align:left;padding:5px}.default-buttons-container{display:flex!important;justify-content:flex-start!important;gap:15px!important;padding:5px!important}.default-reject-btn{--background: #4A7BFF;min-width:120px;height:40px;font-weight:700;font-size:16px}.default-fraud-btn{--background: #FF1500;min-width:120px;height:40px;font-weight:700;font-size:16px}.created-at-info{font-size:14px;padding:5px;color:gray}.title-detail{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px;padding:16px;font-family:var(--ion-font-family, inherit)}.title-detail-brand{display:flex;align-items:center;gap:10px}.title-detail-back-btn{--color: #333;font-weight:600;font-size:16px}.crm-fraud-layout{width:100%}.crm-fraud-container{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;margin-top:10px!important}.crm-fraud-image-section{padding-left:16px!important;width:496px!important;max-width:100%!important;display:flex!important;flex-direction:column!important;height:fit-content!important;align-items:flex-start!important}.crm-fraud-image{width:480px!important;height:480px!important;object-fit:cover!important;display:block!important}.crm-fraud-details-section{flex:1!important;padding-left:20px!important;min-width:300px!important}.crm-fraud-case-title{font-weight:700;padding:10px}.crm-fraud-case-summary{padding:0 10px 15px;color:#333;font-weight:400;font-size:14px;line-height:1.5}.crm-fraud-item-rows{display:flex;justify-content:start;gap:20px;padding:5px;text-align:left}.crm-fraud-item-name{width:120px;min-width:120px;flex-shrink:0;font-weight:700;text-align:left;padding:5px}.crm-fraud-item-value{flex:1;min-width:0;word-break:break-word;text-align:left;padding:5px}.crm-fraud-ai-value .crm-fraud-item-value,.crm-fraud-ai-value{text-align:left;padding:5px}.crm-fraud-ai-count-total{color:#ff1500;font-weight:600}.crm-fraud-pos-value{text-align:left;padding:5px;font-weight:600;color:#ff1500}.crm-fraud-pos-breakdown{color:#18181b;font-weight:400}.crm-fraud-buttons-container{display:flex!important;justify-content:flex-start!important;gap:15px!important;padding:5px!important}.crm-fraud-reject-btn{--background: #4A7BFF;min-width:120px;height:40px;font-weight:700;font-size:16px}.crm-fraud-fraud-btn{--background: #FF1500;min-width:120px;height:40px;font-weight:700;font-size:16px}.crm-fraud-created-at{font-size:14px;padding:5px;color:gray}.crm-fraud-ai-cards-section{padding:16px}.crm-fraud-ai-lane-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.crm-fraud-ai-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column}.crm-fraud-ai-card-image{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block;cursor:pointer;transition:opacity .2s ease}.crm-fraud-ai-card-image:hover{opacity:.85}.crm-fraud-ai-card-details{padding:12px;flex:1}.crm-fraud-ai-card-row{display:flex;gap:10px;padding:8px 0;width:100%;min-width:0;justify-content:flex-start;align-items:center}.crm-fraud-ai-card-label{font-weight:500;color:#18181b;min-width:60px;font-size:14px}.crm-fraud-ai-card-value{color:#18181b;font-size:14px;font-weight:400}.crm-fraud-image-preview-modal{--width: 100vw !important;--height: 100vh !important;--max-width: 100vw !important;--max-height: 100vh !important;--background: transparent;--backdrop-opacity: .8}.crm-fraud-image-preview-modal::part(backdrop){background:transparent!important;opacity:0!important}.crm-fraud-image-preview-modal::part(content){background:transparent!important;box-shadow:none!important;width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important}.crm-fraud-image-modal-container{display:flex!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;cursor:pointer;background:#000c!important;pointer-events:auto!important}.crm-fraud-image-modal-preview{max-width:90%;max-height:90%;object-fit:contain;border-radius:8px;cursor:default;transition:all .3s ease}@media (min-width: 1000px){.crm-fraud-image-modal-preview{width:80vw!important;height:80vh!important;object-fit:fill!important;border-radius:8px;cursor:default;transition:all .3s ease}}@media (max-width: 520px){.crm-fraud-image-section{width:100%!important;padding-left:8px!important;padding-right:8px!important}.crm-fraud-image{width:100%!important;max-width:480px!important;height:auto!important;aspect-ratio:1 / 1!important}}@media (max-width: 480px){.crm-fraud-ai-lane-cards{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.crm-fraud-ai-card-details{padding:8px}.crm-fraud-ai-card-row{flex-direction:row;justify-content:flex-start;align-items:center;gap:6px;padding:4px 0}.crm-fraud-ai-card-label{min-width:unset;font-size:12px}.crm-fraud-ai-card-value{font-size:12px}}@media (min-width: 481px) and (max-width: 768px){.crm-fraud-ai-lane-cards{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (min-width: 769px) and (max-width: 1024px){.crm-fraud-ai-lane-cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (min-width: 1025px){.crm-fraud-ai-lane-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}.data-generate-header{display:flex;flex-direction:column;align-items:flex-start}.data-generate-header-clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.data-generate-header-subtitle{font-size:18px;font-weight:700;color:#18181b;padding:0 20px 8px}.data-generate-cards-section{padding:16px}.data-generate-generate-btn-row{display:flex;justify-content:center;padding:16px;padding-bottom:calc(80px + env(safe-area-inset-bottom))}.data-generate-generate-btn{width:480px;max-width:100%;height:56px;--background: #BB64F1;--background-hover: #A54DE6;--background-activated: #A54DE6;--color: #FFFFFF;--border-radius: 40px;font-size:16px;font-weight:700;text-transform:none}.data-generate-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.data-generate-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;min-height:90px;cursor:pointer;transition:box-shadow .2s ease,border-color .2s ease;border:2px solid transparent;position:relative;outline:none}.data-generate-card:focus{outline:none}.data-generate-card:focus-visible{border-color:#bb64f1}@media (hover: hover){.data-generate-card:hover{border-color:#bb64f1}}.data-generate-card-selected{border-color:#bb64f1;box-shadow:0 0 0 2px #bb64f14d}.data-generate-card-selected .data-generate-card-title,.data-generate-card-selected .data-generate-card-title-store-sop{color:#bb64f1}.data-generate-card-placeholder{width:100%;aspect-ratio:16 / 9;background:#f5f5f5;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.data-generate-sheet-iframe{width:100%;height:100%;border:none;min-height:80px}.data-generate-camera-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.data-generate-camera-preview img{width:100%;height:100%;object-fit:cover}.data-generate-placeholder-text{color:#999;font-size:12px}.data-generate-store-content,.data-generate-sop-content{width:100%;padding:8px;font-size:16px;font-weight:700;text-align:left}.data-generate-store-content.data-generate-card-content-selected,.data-generate-sop-content.data-generate-card-content-selected{color:#bb64f1}.data-generate-store-row{display:flex;justify-content:space-between;gap:8px;padding:4px 0}.data-generate-store-row span:last-child{padding-right:6px;text-align:right}.data-generate-store-row span:first-child{color:inherit;opacity:.8}.data-generate-sop-content div{padding:4px 0}.data-generate-card-title-row{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.data-generate-card-check-inline{font-size:28px;color:#bb64f1;flex-shrink:0}.data-generate-card-title-store-sop{font-size:18px!important;font-weight:700!important}.data-generate-card-details{padding:8px;flex:1;min-height:48px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0}.data-generate-card-details:has(.data-generate-store-content),.data-generate-card-details:has(.data-generate-sop-content){flex-direction:column;align-items:stretch;justify-content:flex-start}.data-generate-card-title{font-weight:700;font-size:16px;color:#18181b;flex:1;min-width:0}.data-generate-preview-btn-wrap{display:flex;justify-content:flex-end;flex-shrink:0}.data-generate-preview-btn{--color: #BB64F1;--border-width: 0;--border-color: transparent;--background: transparent;--background-hover: rgba(0, 0, 0, .04);--background-activated: rgba(0, 0, 0, .06);--padding-start: 10px;--padding-end: 12px;height:32px;margin:0;font-size:12px;font-weight:600;border-radius:16px;box-shadow:0 2px 8px #00000026}.data-generate-preview-btn ion-icon{font-size:18px;margin-right:4px}.data-generate-image-modal{--width: 100vw;--height: 100vh;--max-width: 100vw;--max-height: 100vh;--background: transparent;--backdrop-opacity: .8}.data-generate-image-modal::part(content){background:transparent}.data-generate-image-modal-container{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;cursor:pointer;background:#000000d9}.data-generate-image-modal-preview{max-width:95%;max-height:95%;object-fit:contain;border-radius:8px;cursor:default}@media (max-width: 900px){.data-generate-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 520px){.data-generate-cards-grid{grid-template-columns:1fr}.data-generate-cards-section{padding:12px}.data-generate-generate-btn-row{padding:12px;padding-bottom:calc(76px + env(safe-area-inset-bottom))}}.app-footer{position:fixed;left:0;right:0;bottom:0;height:56px;padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid rgba(0,0,0,.08);display:flex;align-items:center;justify-content:space-between;z-index:9999}.app-footer-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;flex:1;width:auto;height:56px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#18181b;cursor:pointer}.app-footer-btn ion-icon{font-size:24px}.app-footer-label{font-size:11px;line-height:1;font-weight:400}.app-footer-btn.active{color:#bb64f1}.app-footer-btn:focus-visible{outline:2px solid #BB64F1;outline-offset:2px}.profile-info{margin-left:10px;margin-right:10px;display:flex;flex-direction:column;gap:12px}.profile-name-section{display:flex;justify-content:space-between;align-items:center}.profile-name{font-size:24px;font-weight:700;margin:0;color:#000;padding-left:10px}.edit-btn{border-left:1px solid lightgray;--color: black !important;--background: rgba(255, 255, 255, .1);--border-radius: 20px;font-size:16px;height:36px}.edit-btn ion-icon{margin-right:4px;color:#000!important}.profile-email{font-size:16px;margin:0;opacity:.9;color:#1a1819!important;padding-left:10px}.logout-btn{--color: #000 !important;--border-color: rgba(29, 22, 22, .976) !important;--border-radius: 25px !important;margin-top:8px!important;height:44px!important;font-weight:500!important;color:#000!important}.stats-section{display:flex;justify-content:space-around;margin:0 16px;padding:20px 0;transform:translateY(-20px);position:relative;z-index:1;margin-top:30px!important}.stat-item{text-align:center;flex:1}.stat-number{font-size:32px;font-weight:700;color:#333!important;margin-bottom:4px}.stat-label{font-size:14px;color:#666!important;text-transform:lowercase}.daily-tasks-card{margin:20px 16px;border-radius:16px;box-shadow:4px 4px 4px #00000040;background-color:#fce4f2;border:1px solid!important;border-color:#eba5de!important}.daily-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.daily-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:#1a1819}.daily-icon{color:#eba5de;font-size:20px}.completion-status{display:flex;border:1px solid #dbfadb;border-radius:25px;padding:4px;align-items:center;background-color:#dbfadb;gap:4px}.completed-count{font-size:16px;font-weight:700;color:#27c527}.completed-text{font-size:12px;color:#27c527;font-weight:600}.tasks-list{display:flex;flex-direction:column;gap:16px}.task-item{display:flex;align-items:center;justify-content:space-between;padding:0}.task-content{display:flex;justify-content:space-between;align-items:center;width:100%}.task-text{font-size:15px;color:#333!important;flex:1}.task-status{display:flex;align-items:center;gap:8px}.check-icon{color:#27c527;font-size:24px;font-weight:600}.pending-icon{color:#ef4444;font-size:24px;font-weight:600}.progress-icon{color:#f59e0b;font-size:24px;font-weight:600}.status-text.completed-status{color:#10b981;font-weight:600;font-size:14px}.status-text.pending-status{color:#ef4444;font-weight:600;font-size:14px}.posts-section{padding:0 16px 20px}.section-title{font-size:24px;font-weight:700;color:#333!important;margin:20px 0}.post-card{margin-bottom:16px;border-radius:16px;box-shadow:0 2px 20px #00000014;border:1px solid #e1e1e8;color:#1a1819!important}.post-header{margin-bottom:16px}.post-author{font-size:16px;font-weight:600;color:#1a1819!important}.achievement-content{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:12px;padding:20px;margin:16px 0}.achievement-info{display:flex!important;align-items:center!important;gap:15px!important}.achievement-badge{font-size:28px;font-weight:700;color:#ef81d3!important}.achievement-title{font-size:28px;font-weight:700;color:#000!important}.achievement-details{display:flex!important;align-items:center!important;gap:12px}.tasks-count,.streak-count{font-size:16px;color:#27c527;font-weight:600}.coins-section{text-align:right}.coins-amount{font-size:32px;font-weight:700;color:#bb64f1}.coins-label{font-size:12px;opacity:.8}.badge-content{display:flex;gap:16px;align-items:center;background:#fff;border-radius:12px;padding:20px;margin:16px 0}.badge-info{flex:1}.badge-title{font-size:28px!important;font-weight:700;color:#333!important;margin:0 0 8px}@media (max-width: 425px){.badge-title{font-size:16px!important}}.badge-description{font-size:14px!important;color:#000!important;margin-bottom:30px!important;margin-top:30px!important;line-height:1.4!important;font-weight:200!important}@media (max-width: 425px){.badge-description{margin-bottom:10px!important;margin-top:10px!important}}.earned-date{display:flex;align-items:center;gap:6px;font-size:16px!important;color:#27c527;font-weight:600}@media (max-width: 425px){.earned-date{font-size:12px!important;font-weight:300!important}}.earned-icon{font-size:16px!important;font-weight:600!important}.post-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.post-actions ion-button{--color: #666;--background: transparent}@media (max-width: 768px){.profile-name{font-size:28px}.profile-email{font-size:14px;color:#1a1819!important}.stat-number{font-size:28px}.achievement-content,.badge-content{padding:16px}.coins-amount{font-size:28px}}@media (prefers-color-scheme: dark){.profile-content{--background: #f7f7f7}.stats-section,.daily-tasks-card,.post-card{--background: #ffffff;border-color:#fff}.stat-number,.section-title,.task-text,.post-author,.badge-title{color:#fff}.stat-label,.badge-description{color:#ccc}}