@charset "UTF-8";html{--mat-sys-background: #131617;--mat-sys-error: #ffb4ab;--mat-sys-error-container: #93000a;--mat-sys-inverse-on-surface: #2e3133;--mat-sys-inverse-primary: #00688a;--mat-sys-inverse-surface: #e2e2e6;--mat-sys-on-background: #e2e2e6;--mat-sys-on-error: #690005;--mat-sys-on-error-container: #ffdad6;--mat-sys-on-primary: #003547;--mat-sys-on-primary-container: #a9eaff;--mat-sys-on-primary-fixed: #001f2a;--mat-sys-on-primary-fixed-variant: #004e67;--mat-sys-on-secondary: #002882;--mat-sys-on-secondary-container: #dae1ff;--mat-sys-on-secondary-fixed: #001550;--mat-sys-on-secondary-fixed-variant: #0d3db5;--mat-sys-on-surface: #e2e2e6;--mat-sys-on-surface-variant: #dde4ea;--mat-sys-on-tertiary: #3b2948;--mat-sys-on-tertiary-container: #f4daff;--mat-sys-on-tertiary-fixed: #251431;--mat-sys-on-tertiary-fixed-variant: #533f60;--mat-sys-outline: #8b9298;--mat-sys-outline-variant: #41484d;--mat-sys-primary: #5cd3f2;--mat-sys-primary-container: #004e67;--mat-sys-primary-fixed: #a9eaff;--mat-sys-primary-fixed-dim: #5cd3f2;--mat-sys-scrim: #000000;--mat-sys-secondary: #b1c1ff;--mat-sys-secondary-container: #0d3db5;--mat-sys-secondary-fixed: #dae1ff;--mat-sys-secondary-fixed-dim: #b1c1ff;--mat-sys-shadow: #000000;--mat-sys-surface: #131617;--mat-sys-surface-bright: #37393c;--mat-sys-surface-container: #1d2022;--mat-sys-surface-container-high: #282a2c;--mat-sys-surface-container-highest: #323537;--mat-sys-surface-container-low: #191c1e;--mat-sys-surface-container-lowest: #0e1112;--mat-sys-surface-dim: #131617;--mat-sys-surface-tint: #5cd3f2;--mat-sys-surface-variant: #41484d;--mat-sys-tertiary: #d7bee7;--mat-sys-tertiary-container: #533f60;--mat-sys-tertiary-fixed: #f4daff;--mat-sys-tertiary-fixed-dim: #d7bee7;--mat-sys-neutral-variant20: #2a3236;--mat-sys-neutral10: #191c1e;--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 Inter;--mat-sys-body-large-font: Inter;--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 Inter;--mat-sys-body-medium-font: Inter;--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 Inter;--mat-sys-body-small-font: Inter;--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 Inter;--mat-sys-display-large-font: Inter;--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 Inter;--mat-sys-display-medium-font: Inter;--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 Inter;--mat-sys-display-small-font: Inter;--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 Inter;--mat-sys-headline-large-font: Inter;--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 Inter;--mat-sys-headline-medium-font: Inter;--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 Inter;--mat-sys-headline-small-font: Inter;--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 Inter;--mat-sys-label-large-font: Inter;--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 Inter;--mat-sys-label-medium-font: Inter;--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 Inter;--mat-sys-label-small-font: Inter;--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 Inter;--mat-sys-title-large-font: Inter;--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 Inter;--mat-sys-title-medium-font: Inter;--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 Inter;--mat-sys-title-small-font: Inter;--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;--mat-button-toggle-selected-state-background-color: green;--mat-expansion-container-shape: 25px;--mat-expansion-header-indicator-display: inline-block;--mat-expansion-header-indicator-color: var(--mat-sys-primary);--mat-expansion-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(0, 0, 0, .12);--mat-expansion-header-hover-state-layer-color: rgba(92, 211, 242, .08);--mat-expansion-header-collapsed-state-height: 115px;--mat-expansion-header-expanded-state-height: 130px;--mat-form-field-filled-container-shape: 20px;--mat-form-field-outlined-container-shape: 20px;--mat-form-field-container-height: 45px;--mat-form-field-container-vertical-padding: 10px;--mat-form-field-container-text-size: 15px;--mat-form-field-outlined-label-text-size: 15px;--mat-menu-container-shape: 16px;--mat-table-background-color: #1e232e;--mat-table-header-headline-color: #a0aab5;--mat-table-header-headline-weight: 600;--mat-table-header-headline-size: 12px;--mat-table-header-headline-tracking: 1px;--mat-table-header-container-height: 56px;--mat-table-row-item-label-text-color: #e4e4e7;--mat-table-row-item-label-text-weight: 400;--mat-table-row-item-label-text-size: 13px;--mat-table-row-item-container-height: 52px;--mat-table-row-item-outline-color: rgba(255, 255, 255, .05);--mat-table-row-item-outline-width: 1px;--mat-tab-active-indicator-height: 3px;--mat-tab-inactive-label-text-color: rgba(255, 255, 255, .5);--mat-tab-divider-color: rgba(255, 255, 255, .1);--mat-tab-divider-height: 1px;--mat-paginator-container-background-color: #1e232e;--mat-paginator-container-text-color: #a0aab5;--mat-paginator-enabled-icon-color: var(--mat-sys-primary);--mat-paginator-container-text-size: 12px;--mat-paginator-container-text-weight: 500;--mat-paginator-form-field-container-height: 36px;--mat-paginator-form-field-container-vertical-padding: 4px;--mat-button-filled-container-shape: 50px;--mat-button-outlined-container-shape: 50px;--mat-button-protected-container-shape: 50px;--mat-button-text-container-shape: 50px;--mat-button-filled-container-height: 40px;--mat-button-outlined-outline-width: 1px;--mat-button-filled-disabled-container-color: rgba(255, 255, 255, .05);--mat-button-filled-disabled-label-text-color: rgba(255, 255, 255, .3);--mat-icon-button-icon-size: 20px;--mat-icon-button-state-layer-size: 36px;--mat-icon-button-container-shape: 50px;--mat-icon-button-disabled-icon-color: rgba(255, 255, 255, .2);--mat-fab-container-shape: 16px;--mat-fab-container-color: var(--mat-sys-primary)}.container{padding-left:clamp(1rem,5vw,5rem);padding-right:clamp(1rem,5vw,5rem);padding-top:1.5rem;padding-bottom:1.5rem}body{margin:0;padding:0;font-family:Google Sans,sans-serif;height:100%;width:100%;overflow-x:hidden;background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);transition:background-color .3s ease,color .3s ease}body h1{font-weight:600;margin:0}body h2{font-weight:500;margin:0}body h3{font-weight:400;margin:0}body h4{font-weight:300;margin:0}body h5{font-weight:100;margin:0}body h6{margin:5px}body .text-primary{color:var(--mat-sys-primary)}body .text-muted{color:#a1a1aa}body .text-dim{color:#6b7280}body .fill{width:100vw;height:100vh}body .flex-100{flex:1 1 100%}body .flex-50{flex:1 1 50%}body .flex-30{flex:1 1 30%}body .flex-20{flex:1 1 20%}body .wrap{display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px}body .column{display:flex;flex-direction:column}body .row{display:flex;flex-direction:row}body .gap-1{gap:1rem}body .gap-05{gap:.5rem}body .w-100{width:100%}body .h-100{height:100%}body .start-center{display:flex;justify-content:start;align-items:center}body .space-between-center{display:flex;justify-content:space-between;align-items:center}body .space-between-stretch{display:flex;justify-content:space-between;align-items:stretch}body .space-evenly-center{display:flex;justify-content:space-evenly;align-items:center}body .center-center{display:flex;justify-content:center;align-items:center}body .end-center{display:flex;justify-content:end;align-items:center}body .space-around-stretch{display:flex;justify-content:space-around;align-items:stretch}body .bg-secondary{background:linear-gradient(to bottom,#17153b,#000)}@media(width<450px){body h1,body h2,body h3{font-weight:600;margin:0}body h4{font-weight:300;margin:0}body h5{font-weight:100;margin:0}body h6{margin:5px}body .chip-container{padding:0}body .subtitle-expanded-mobile{font-weight:300;margin:0}body .button-comment{background-color:#d3d3d3!important}body .mat-badge-content{background:#ff0;color:#000}body .layout-card-title-mobile{width:100%;height:25px;border-radius:5px}body .badge-card-title-mobile{width:100%;height:25px;border-radius:5px;margin-top:5px}body .button-change-status-mobile{width:100%!important;border-radius:20px!important;height:25px!important}body .avatar-menu-icon{font-size:36px;width:36px;height:36px;color:#f50e0e}body .icon-change-status-white{color:#fff}body .icon-status-padding{padding-left:10px}body .button-comment-mobile{width:100%!important;border-radius:20px!important;background-color:#d3d3d3!important;height:25px!important}body .floating-button{position:fixed;bottom:16px;right:16px;z-index:1000}body .mdc-dialog .mdc-dialog__content{padding:0}}body .background-login{background:linear-gradient(to bottom,#17153b,#000);position:absolute;width:100%;height:100%;background-position:center;background-size:cover}body .size-card-login{width:320px}body .logo-style{max-width:120px;height:auto}body .logo-login-style{width:220px;height:100px;height:auto;padding:50px}body .small-text-rol{font-size:12px}body .style-mat-sidenav{width:350px}body .company-profile{height:2.5rem;object-fit:contain}body .logo-img{height:1.4em;width:1.4em;font-size:1.4em;object-fit:contain}body .style-icon-azure{font-size:20px;height:20px;width:20px;padding-left:.5rem;padding-right:.5rem}body .profile-picture{height:150px;width:150px;border-radius:50%}body mat-icon.profile-icon{font-size:150px;height:150px;width:150px}body .profile-picture-container{position:relative;text-align:center;align-items:center}body .profile-picture-container button{position:absolute;bottom:10px;right:30%}body .cursor-click{cursor:pointer}body tr.detail-row{height:0}body .badge{background-color:green;color:#fff}body .deliverIdentification{color:#fff;background-color:red;font-size:12px}body .identificationGiven{color:#fff;background-color:green}body .padding{padding:1rem}body .padding-top{padding-top:1rem}body .qr-format-img{height:200px;width:200px}body .hover-photo:hover{cursor:pointer;color:#5cd3f2;border:3px solid #5cd3f2}body .img-expired-link{background-image:url("./media/expired_link-2TK7NSM3.jpg");position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-size:60%;background-repeat:no-repeat}body .user-list{padding:0rem 1.875rem;margin:.3rem}body .subtitle-drag-and-drop-container{font-size:14px;font-weight:200;margin:0 10px}body .progress-spinner{width:100%;height:80%}body .alert-global{color:#ff8f6d!important}body .restore-password{color:#fff;cursor:pointer}body .photos-of-the-access{height:300px;width:300px}body .table-users{padding-left:70px!important;padding-right:70px!important}body .style-version{bottom:0;left:10px;font-weight:800;position:fixed}body .autoAccessButton{background-color:#ff6e00!important;color:#fff!important}body .success-snackbar{--mat-snack-bar-container-color: #328b08;--mat-snack-bar-button-color: black}body .info-snackbar{--mat-snack-bar-container-color: #569aff;--mat-snack-bar-button-color: black}body .error-snackbar{--mat-snack-bar-container-color: red;--mat-snack-bar-button-color: black}body .package-snackbar{--mat-snack-bar-container-color: #ffc456;--mat-snack-bar-button-color: black}body .history-item{padding:16px 0;display:flex;flex-direction:column;gap:12px}body .timestamp{font-size:.85rem;color:#fff9;font-weight:500;margin:0}body .action-text{font-size:1rem;font-weight:400;margin:0;line-height:1.4}body .user-tag{display:flex;align-items:center;background:#ffffff0d;padding:4px 12px;border-radius:20px;width:fit-content;border:1px solid rgba(255,255,255,.1)}body .users-icon{font-size:18px;width:18px;height:18px;margin-right:8px;color:#5cd3f2}body .status-flow{display:flex;align-items:center;gap:8px;margin-top:4px}body .arrow-icon{color:#fff6}body .success-snackbar{--mat-snack-bar-container-color: green;--mat-snack-bar-supporting-text-color: white;--mat-snack-bar-button-color: white}body .error-snackbar{--mat-snack-bar-container-color: red;--mat-snack-bar-supporting-text-color: white;--mat-snack-bar-button-color: white}body .search-field{width:100%;max-width:calc(40vw - 35px)}body mat-icon.icon-sm{font-size:16px;height:16px;width:16px;line-height:16px}body .divider-vertical{height:30px}body .hub-grid{display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px;padding:16px 0;width:100%;height:calc(95vh - 260px);overflow-y:auto;overflow-x:auto}body .hub-card{border-radius:16px;min-width:300px;max-width:330px;flex:1 1 calc(20% - 16px);border:1px solid transparent;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease!important}body .hub-card .card-header-content{padding:16px!important;height:auto!important;position:relative;overflow:hidden}body .hub-card .card-expanded-content{padding:0 16px 16px}body .hub-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0006,0 4px 6px -2px #0003!important}body .hub-card:active{transform:translateY(-1px) scale(.99)}body .card-watermark{position:absolute;right:-20px;bottom:-30px;pointer-events:none;z-index:1}body .card-watermark mat-icon{font-size:180px;width:180px;height:180px;color:#fff;opacity:.04;transform:rotate(-30deg)}body .text-success{color:#4caf50!important}body .text-danger{color:#f44336!important}body .custom-filter-menu.mat-mdc-menu-panel{max-width:none;margin-top:10px}body .filter-menu-container{padding:16px;display:flex;flex-direction:column;gap:1rem}body *{scrollbar-width:thin;scrollbar-color:#45474a transparent}body ::-webkit-scrollbar{width:10px;height:10px}body ::-webkit-scrollbar-track{background:transparent;border-radius:10px}body ::-webkit-scrollbar-thumb{background:#45474a;border-radius:10px;border:3px solid #121212}body ::-webkit-scrollbar-thumb:hover{background:#4b70f5;border:2px solid #121212}body .no-scroll-visible{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}body .no-scroll-visible::-webkit-scrollbar{display:none}body .mat-mdc-header-cell{text-transform:uppercase!important;background-color:#151821!important}body .mat-mdc-row:hover{background-color:#ffffff08!important}body mat-paginator{border-top:1px solid rgba(255,255,255,.05);border-bottom-left-radius:12px;border-bottom-right-radius:12px;position:sticky;bottom:0;z-index:10}body .mat-mdc-paginator-page-size-select{margin:0 4px!important}body .mat-mdc-button:disabled,body .mat-mdc-icon-button:disabled,body .mat-mdc-raised-button:disabled,body .mat-mdc-flat-button:disabled{cursor:not-allowed!important;pointer-events:auto!important}body .mat-mdc-icon-button:not(:disabled):hover{background-color:#ffffff0d!important;transform:scale(1.1);transition:transform .2s ease}body .truncate-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;overflow:hidden;text-overflow:ellipsis;white-space:normal}body .btn-primary-action{--mat-icon-button-icon-color: var(--mat-sys-primary);--mat-icon-button-state-layer-color: var(--mat-sys-primary);--mat-icon-button-icon-size: 22px}body .btn-secondary-action{--mat-icon-button-icon-color: var(--mat-sys-on-surface-variant);--mat-icon-button-state-layer-color: var(--mat-sys-on-surface-variant);--mat-icon-button-icon-size: 18px}body .btn-danger-action{--mat-icon-button-icon-color: var(--mat-sys-error);--mat-icon-button-state-layer-color: var(--mat-sys-error)}body .infinite-scroll-footer{padding:24px 0;margin-top:16px;border-top:1px solid rgba(255,255,255,.05)}body .photo-card{border:2px dashed rgba(255,255,255,.15)!important;background:#ffffff05!important;transition:all .3s ease;border-radius:16px!important;box-shadow:none!important}body .photo-card:hover{border-color:var(--mat-sys-primary)!important;background:#5cd3f20d!important}body .photo-card mat-card-content{padding:20px!important}body .camera-icon{font-size:48px;width:48px;height:48px;margin-bottom:8px;opacity:.5}body .photo-label{margin:8px 0 0!important;font-weight:500;color:#fff9}body .camera-shots{width:100%;max-height:150px;object-fit:cover;border-radius:12px}body .info-card{background:#5cd3f20d;border:1px solid rgba(92,211,242,.15);border-left:4px solid var(--mat-sys-primary);border-radius:8px 16px 16px 8px;padding:16px;margin:12px 0}body .info-card .label{font-size:10px;font-weight:800;letter-spacing:1px;color:var(--mat-sys-primary);text-transform:uppercase}body .info-card .value{font-size:15px;font-weight:500;color:#fff}body .sticky-search-container{position:sticky;top:0;background:#1e1e1e;z-index:10;padding:8px;border-bottom:1px solid rgba(255,255,255,.1)}body .equipment-card{background:#ffffff08!important;border:1px solid rgba(255,255,255,.1)!important;position:relative;padding:24px 16px 16px!important;border-radius:12px}body .btn-remove-equipment{position:absolute;top:-10px;right:-10px;background:#2a2f3b!important;width:30px!important;height:30px!important;line-height:30px!important}body .btn-remove-equipment mat-icon{font-size:18px;width:18px;height:18px}body .empty-state{padding:40px 0;text-align:center;border:2px dashed rgba(255,255,255,.05);border-radius:16px}body .empty-state .empty-icon{font-size:48px;height:48px;width:48px;opacity:.2;margin-bottom:12px}body .gallery-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:24px;padding:20px 0;min-width:300px}body .photo-item{flex:1;min-width:320px;max-width:450px;display:flex;flex-direction:column;gap:12px}body .photo-label{display:flex;align-items:center;gap:8px;color:#5cd3f2;font-weight:500;text-transform:uppercase;font-size:12px;letter-spacing:1px;margin-left:4px}body .photo-label mat-icon{font-size:18px;width:18px;height:18px}body .image-wrapper{aspect-ratio:4/3;background:#000;border-radius:20px;border:1px solid rgba(255,255,255,.1);overflow:hidden;box-shadow:0 10px 30px #00000080;display:flex;justify-content:center;align-items:center}body .image-wrapper img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}body .image-wrapper img:hover{transform:scale(1.02)}body .no-photo{color:#fff3;text-align:center}body .no-photo mat-icon{font-size:48px;width:48px;height:48px}@media(max-width:700px){body .photo-item{min-width:100%}body .image-wrapper{aspect-ratio:1/1}}body .comments-scroll-area{min-height:250px;max-height:50vh;padding:20px!important;background-color:#0000001a;display:flex;flex-direction:column;gap:16px}body .message-wrapper{display:flex;width:100%;justify-content:flex-start}body .message-wrapper.my-message{justify-content:flex-end}body .message-wrapper.my-message .comment-bubble{background:#2a2f3b;border-radius:16px 16px 2px;border-right:3px solid #5cd3f2}body .comment-bubble{background:#1e232e;border:1px solid rgba(255,255,255,.05);border-radius:16px 16px 16px 2px;padding:12px 16px;max-width:80%;box-shadow:0 4px 10px #0000004d}body .comment-bubble .bubble-header{margin-bottom:4px;gap:12px}body .comment-bubble .bubble-header .author{font-size:10px;font-weight:700;color:#5cd3f2;text-transform:uppercase}body .comment-bubble .bubble-header .time{font-size:10px;opacity:.4}body .comment-bubble .message-text{margin:0;font-size:14px;line-height:1.4;color:#e4e4e7}body .comment-bubble .bubble-date{font-size:9px;opacity:.2;display:block;margin-top:4px;text-align:right}body .empty-state{margin:auto;opacity:.2}body .empty-state mat-icon{font-size:64px;width:64px;height:64px}body .action-area{padding:16px!important}body .info-card{background:#ffffff0a!important;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 16px;margin-bottom:8px}body .info-card.check-out-section{background:#5cd3f214!important;border:1px solid rgba(92,211,242,.2)}body .info-card.item-returned{opacity:.6;background:#4caf500d!important;border-color:#4caf5033}body .equipment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}body .equipment-grid .data-group{display:flex;flex-direction:column}body .equipment-grid .data-group .label{font-size:9px;font-weight:700;color:#fff6;text-transform:uppercase}body .equipment-grid .data-group .value{font-size:13px;color:#e4e4e7}body .equipment-grid .data-group .value.mono{font-family:Roboto Mono,monospace}body .empty-state{padding:30px 0;opacity:.2}body .empty-state mat-icon{font-size:48px;width:48px;height:48px}@media(max-width:600px){body .equipment-grid{grid-template-columns:1fr}}.watermark-access mat-icon{color:#4caf50}.watermark-package mat-icon{color:#ff9800}