:root{--proksi-sidebar-width:300px}.topbar-actions{align-items:center;gap:.65rem;display:flex}.topbar-utility-group,.user-account-group{background:#f8f9fc;border:1px solid #e8eaf2;border-radius:.85rem;align-items:center}.topbar-utility-group{gap:.15rem;height:44px;padding:.25rem}.topbar-language{color:#59627c;cursor:pointer;background:0 0;border:0;border-right:1px solid #e4e7ef;align-items:center;gap:.45rem;height:34px;padding:0 .7rem;font-size:.8rem;font-weight:600;display:inline-flex}.topbar-language i{color:#6757f5;font-size:1rem}.topbar-language-picker{position:relative}.topbar-language .language-chevron{color:#929ab1;font-size:.72rem}.language-dropdown{z-index:1100;background:#fff;border:1px solid #e6e9f1;border-radius:.85rem;width:215px;padding:.45rem;position:absolute;top:calc(100% + .7rem);right:0;box-shadow:0 1rem 2.5rem #232b4e29}.language-dropdown:before{content:"";background:#fff;border-top:1px solid #e6e9f1;border-left:1px solid #e6e9f1;width:11px;height:11px;position:absolute;top:-6px;right:22px;transform:rotate(45deg)}.language-dropdown button{z-index:1;color:#4f5873;text-align:left;background:0 0;border:0;border-radius:.65rem;align-items:center;gap:.65rem;width:100%;min-height:42px;padding:.5rem .6rem;font-size:.78rem;font-weight:600;display:flex;position:relative}.language-dropdown button:hover,.language-dropdown button.active{color:#5e54da;background:#f0efff}.language-dropdown button>i{margin-left:auto}.language-code{color:#6259ca;background:#edeaff;border-radius:.45rem;flex:0 0 30px;place-items:center;width:30px;height:26px;font-size:.67rem;font-weight:800;display:inline-grid}.topbar-icon-button,.topbar-logout{color:#65708a;cursor:pointer;background:0 0;border:0;border-radius:.65rem;place-items:center;width:34px;height:34px;padding:0;font-size:1rem;transition:background .18s,color .18s;display:grid;position:relative}.topbar-icon-button:hover,.topbar-icon-button:focus{color:#6757f5;background:#eeecff;outline:0}.notification-dot{background:#20b486;border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:6px}.user-account-group{background:#fff;height:48px;display:flex;overflow:hidden}.user-profile-summary{align-items:center;gap:.65rem;min-width:0;padding:.3rem .7rem;display:flex}.topbar-avatar{color:#fff;background:linear-gradient(135deg,#6757f5,#8578ff);border-radius:.7rem;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:.82rem;font-weight:800;display:grid}.user-profile-copy{min-width:0;max-width:180px;display:block}.user-profile-copy strong,.user-profile-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.user-profile-copy strong{color:#28314f;font-size:.78rem;font-weight:700}.user-profile-copy small{color:#8b93a9;margin-top:.12rem;font-size:.65rem}.topbar-logout{color:#8a92a8;border-left:1px solid #eceef4;border-radius:0;width:42px;height:100%}.topbar-logout:hover,.topbar-logout:focus{color:#d83c59;background:#fff0f2;outline:0}body.dark-mode .topbar-utility-group,body.dark-mode .user-account-group{background:#252b3f;border-color:#ffffff1a}body.dark-mode .topbar-language,body.dark-mode .topbar-icon-button,body.dark-mode .topbar-logout,body.dark-mode .user-profile-copy strong{color:#d8dced}body.dark-mode .topbar-language,body.dark-mode .topbar-logout{border-color:#ffffff1a}body.dark-mode .notification-dot{border-color:#252b3f}body.dark-mode .language-dropdown{background:#252b3f;border-color:#ffffff1a;box-shadow:0 1rem 2.5rem #05081c4d}body.dark-mode .language-dropdown:before{background:#252b3f;border-color:#ffffff1a}body.dark-mode .language-dropdown button{color:#d8dced}body.dark-mode .language-dropdown button:hover,body.dark-mode .language-dropdown button.active{color:#c8c3ff;background:#6757f52e}body.dark-mode .language-code{color:#b7afff;background:#6757f52e}body.dark-mode .stat-card,body.dark-mode .dashboard-card,body.dark-mode .monitoring-workspace{color:#f4f6ff!important;background:#2a2c4d!important;border-color:#ffffff14!important}body.dark-mode .stat-label,body.dark-mode .stat-helper,body.dark-mode .section-kicker,body.dark-mode .workspace-copy small,body.dark-mode .workspace-metrics span,body.dark-mode .item-type,body.dark-mode .attention-subtitle,body.dark-mode .attention-meta,body.dark-mode .status-row span,body.dark-mode .quick-action small,body.dark-mode .dashboard-table td,body.dark-mode .dashboard-table .text-muted,body.dark-mode .recent-mobile-card .text-muted,body.dark-mode .empty-state p{color:#aeb6d2!important}body.dark-mode .stat-value,body.dark-mode .dashboard-card-header .card-title,body.dark-mode .workspace-copy strong,body.dark-mode .workspace-metrics strong,body.dark-mode .attention-title,body.dark-mode .attention-meta strong,body.dark-mode .status-row strong,body.dark-mode .quick-action strong,body.dark-mode .dashboard-table td strong,body.dark-mode .recent-mobile-card strong,body.dark-mode .empty-state h4{color:#f4f6ff!important}body.dark-mode .dashboard-card-header,body.dark-mode .attention-item,body.dark-mode .dashboard-table th,body.dark-mode .dashboard-table td{border-color:#ffffff14!important}body.dark-mode .workspace-metrics>div,body.dark-mode .quick-action,body.dark-mode .recent-mobile-card,body.dark-mode .dashboard-table th{background:#232541!important;border-color:#ffffff12!important}body.dark-mode .dashboard-table th{color:#aeb6d2!important}body.dark-mode .dashboard-progress{background:#1e2039!important}body.dark-mode .workspace-count,body.dark-mode .queue-count{color:#c5c0ff!important;background:#6f65ff2e!important}body.dark-mode .workspace-icon,body.dark-mode .stat-primary,body.dark-mode .quick-primary{color:#a99fff!important;background:#6757f52e!important}body.dark-mode .workspace-blue .workspace-icon,body.dark-mode .stat-info,body.dark-mode .quick-info{color:#67c7f7!important;background:#2497d42b!important}body.dark-mode .workspace-green .workspace-icon,body.dark-mode .stat-success,body.dark-mode .quick-success,body.dark-mode .empty-icon{color:#51d6ad!important;background:#0ca6782b!important}body.dark-mode .stat-warning,body.dark-mode .quick-warning{color:#f2bc50!important;background:#e09b122b!important}body.dark-mode .stat-danger,body.dark-mode .quick-danger{color:#ff8589!important;background:#e5484d2b!important}body.dark-mode .stat-secondary,body.dark-mode .quick-secondary{color:#c2c9df!important;background:#aeb6d21f!important}body.dark-mode .workspace-error{color:#ff8ba1!important;background:#c8325024!important}body.dark-mode .workspace-arrow,body.dark-mode .quick-chevron{color:#858eae!important}body.dark-mode .monitor-header~.summary-grid .summary-card,body.dark-mode .monitor-header~.filter-card,body.dark-mode .monitor-header~.invoice-card,body.dark-mode .monitor-header~.delivery-card,body.dark-mode .monitor-header~.purchase-card,body.dark-mode .monitor-header~.detail-modal-backdrop .detail-modal{color:#f4f6ff!important;background:#2a2c4d!important;border-color:#ffffff14!important}body.dark-mode .monitor-header p,body.dark-mode .monitor-header~.filter-card .card-header p,body.dark-mode .monitor-header~.summary-grid .summary-card div span,body.dark-mode .monitor-header~.summary-grid .summary-card div small,body.dark-mode .monitor-header~.cell-sub,body.dark-mode .monitor-header~.description,body.dark-mode .monitor-header~.customer-name,body.dark-mode .monitor-header~.item-count span,body.dark-mode .monitor-header~.qty-cell small,body.dark-mode .monitor-header~.list-footer,body.dark-mode .monitor-header~.mobile-head>div span,body.dark-mode .monitor-header~.customer-block div span,body.dark-mode .monitor-header~.customer-block div small,body.dark-mode .monitor-header~.supplier-block div span,body.dark-mode .monitor-header~.item-block span,body.dark-mode .monitor-header~.mobile-meta span,body.dark-mode .monitor-header~.mobile-do>span,body.dark-mode .monitor-header~.mobile-due span,body.dark-mode .monitor-header~.amount-grid span,body.dark-mode .monitor-header~.qty-grid span,body.dark-mode .monitor-header~.eta-row div span,body.dark-mode .monitor-header~.mobile-footer>div span,body.dark-mode .monitor-header~.empty-state p,body.dark-mode .monitor-header~.detail-modal-backdrop .detail-modal-header p,body.dark-mode .monitor-header~.detail-modal-backdrop .detail-modal-meta span,body.dark-mode .monitor-header~.detail-modal-backdrop .modal-do-section>span,body.dark-mode .monitor-header~.detail-modal-backdrop .modal-do-list article div small,body.dark-mode .monitor-header~.detail-modal-backdrop .modal-no-do,body.dark-mode .monitor-header~.detail-modal-backdrop .modal-items td:first-child span,body.dark-mode .monitor-header~.detail-modal-backdrop .modal-mobile-head>div span,body.dark-mode .monitor-header~.detail-modal-backdrop .modal-qty-grid span{color:#aeb6d2!important}body.dark-mode .monitor-header~.filter-card .card-title,body.dark-mode .monitor-header~.summary-grid .summary-card div strong,body.dark-mode .monitor-header~.cell-title,body.dark-mode .monitor-header~.supplier-name,body.dark-mode .monitor-header~.item-count strong,body.dark-mode .monitor-header~.qty-cell,body.dark-mode .monitor-header~.mobile-head>div strong,body.dark-mode .monitor-header~.customer-block div strong,body.dark-mode .monitor-header~.supplier-block div strong,body.dark-mode .monitor-header~.mobile-meta strong,body.dark-mode .monitor-header~.mobile-due strong,body.dark-mode .monitor-header~.amount-grid strong,body.dark-mode .monitor-header~.qty-grid strong,body.dark-mode .monitor-header~.eta-row div strong,body.dark-mode .monitor-header~.mobile-footer>div strong,body.dark-mode .monitor-header~.empty-state h3,body.dark-mode .monitor-header~.detail-modal-backdrop .detail-modal-header h2,body.dark-mode .monitor-header~.detail-modal-backdrop .detail-modal-meta strong,body.dark-mode .monitor-header~.detail-modal-backdrop .modal-do-list article div strong,body.dark-mode .monitor-header~.detail-modal-backdrop .modal-qty-grid strong{color:#f4f6ff!important}body.dark-mode .monitor-header~.filter-card .filter-group label{color:#cbd2e8!important}body.dark-mode .monitor-header~.filter-card .form-control,body.dark-mode .monitor-header~.filter-card .form-select{color:#eef1ff!important;background-color:#232541!important;border-color:#484c70!important}body.dark-mode .monitor-header~.filter-card .form-control::placeholder{opacity:1;color:#858eae!important}body.dark-mode .monitor-header~.filter-card .form-select option{color:#eef1ff;background:#232541}body.dark-mode .monitor-header~.filter-card .search-control i{color:#99a3c3!important}body.dark-mode .monitor-header~.filter-card .btn-light{color:#eef1ff!important;background:#3a3d60!important;border-color:#484c70!important}body.dark-mode .monitor-header~.invoice-card .invoice-table,body.dark-mode .monitor-header~.delivery-card .delivery-table,body.dark-mode .monitor-header~.purchase-card .purchase-table,body.dark-mode .monitor-header~.detail-modal-backdrop .modal-items table{--bs-table-bg:transparent;--bs-table-color:#e5e9f8;--bs-table-hover-bg:#ffffff09;--bs-table-hover-color:#fff}body.dark-mode .monitor-header~.invoice-card thead th,body.dark-mode .monitor-header~.delivery-card thead th,body.dark-mode .monitor-header~.purchase-card thead th,body.dark-mode .monitor-header~.detail-modal-backdrop .modal-items th{color:#b8c0db!important;background:#22243f!important;border-color:#ffffff14!important}body.dark-mode .monitor-header~.invoice-card tbody td,body.dark-mode .monitor-header~.delivery-card tbody td,body.dark-mode .monitor-header~.purchase-card tbody td,body.dark-mode .monitor-header~.detail-modal-backdrop .modal-items td{color:#dfe4f5!important;background:#2a2c4d!important;border-color:#ffffff12!important}body.dark-mode .monitor-header~.money-cell.paid,body.dark-mode .monitor-header~.received,body.dark-mode .monitor-header~.shipped,body.dark-mode .monitor-header~.ready-qty,body.dark-mode .monitor-header~.reminder-sent{color:#43d3a5!important}body.dark-mode .monitor-header~.money-cell.outstanding,body.dark-mode .monitor-header~.outstanding{color:#ff728a!important}body.dark-mode .monitor-header~.pending,body.dark-mode .monitor-header~.booked-qty{color:#67c7f7!important}body.dark-mode .monitor-header~.mobile-list,body.dark-mode .monitor-header~.detail-modal-backdrop .detail-modal-meta,body.dark-mode .monitor-header~.detail-modal-backdrop .modal-mobile-items{background:#21233e!important}body.dark-mode .monitor-header~.mobile-invoice,body.dark-mode .monitor-header~.mobile-delivery,body.dark-mode .monitor-header~.mobile-purchase,body.dark-mode .monitor-header~.customer-block,body.dark-mode .monitor-header~.supplier-block,body.dark-mode .monitor-header~.item-block,body.dark-mode .monitor-header~.mobile-meta div,body.dark-mode .monitor-header~.mobile-do,body.dark-mode .monitor-header~.amount-grid div,body.dark-mode .monitor-header~.qty-grid div,body.dark-mode .monitor-header~.batch-summary,body.dark-mode .monitor-header~.detail-modal-backdrop .detail-modal-meta div,body.dark-mode .monitor-header~.detail-modal-backdrop .modal-do-list article,body.dark-mode .monitor-header~.detail-modal-backdrop .modal-mobile-items>article,body.dark-mode .monitor-header~.detail-modal-backdrop .modal-qty-grid div{background:#232541!important;border-color:#ffffff14!important}body.dark-mode .monitor-header~.amount-grid .outstanding-box,body.dark-mode .monitor-header~.qty-grid .outstanding-box{background:#d13a561a!important;border-color:#ff728a47!important}body.dark-mode .monitor-header~.mobile-due,body.dark-mode .monitor-header~.mobile-footer,body.dark-mode .monitor-header~.eta-row,body.dark-mode .monitor-header~.list-footer,body.dark-mode .monitor-header~.detail-modal-backdrop .detail-modal-header,body.dark-mode .monitor-header~.detail-modal-backdrop .modal-do-section{border-color:#ffffff14!important}body.dark-mode .monitor-header~.page-link:not(.active){color:#cbd2e8!important;background:#232541!important;border-color:#484c70!important}body.dark-mode .monitor-header~.detail-modal-backdrop .detail-modal-header button{color:#eef1ff!important;background:#3a3d60!important}body.dark-mode .monitor-header~* .cell-title,body.dark-mode .monitor-header~* .supplier-name,body.dark-mode .monitor-header~* .item-count strong,body.dark-mode .monitor-header~* .qty-cell,body.dark-mode .monitor-header~* .mobile-head>div strong,body.dark-mode .monitor-header~* .customer-block div strong,body.dark-mode .monitor-header~* .supplier-block div strong,body.dark-mode .monitor-header~* .mobile-meta strong,body.dark-mode .monitor-header~* .mobile-due strong,body.dark-mode .monitor-header~* .amount-grid strong,body.dark-mode .monitor-header~* .qty-grid strong,body.dark-mode .monitor-header~* .eta-row div strong,body.dark-mode .monitor-header~* .mobile-footer>div strong,body.dark-mode .monitor-header~* .empty-state h3{color:#f4f6ff!important}body.dark-mode .monitor-header~* .cell-sub,body.dark-mode .monitor-header~* .description,body.dark-mode .monitor-header~* .customer-name,body.dark-mode .monitor-header~* .item-count span,body.dark-mode .monitor-header~* .qty-cell small,body.dark-mode .monitor-header~* .list-footer,body.dark-mode .monitor-header~* .mobile-head>div span,body.dark-mode .monitor-header~* .customer-block div span,body.dark-mode .monitor-header~* .customer-block div small,body.dark-mode .monitor-header~* .supplier-block div span,body.dark-mode .monitor-header~* .item-block span,body.dark-mode .monitor-header~* .mobile-meta span,body.dark-mode .monitor-header~* .mobile-do>span,body.dark-mode .monitor-header~* .mobile-due span,body.dark-mode .monitor-header~* .amount-grid span,body.dark-mode .monitor-header~* .qty-grid span,body.dark-mode .monitor-header~* .eta-row div span,body.dark-mode .monitor-header~* .mobile-footer>div span,body.dark-mode .monitor-header~* .empty-state p{color:#aeb6d2!important}body.dark-mode .monitor-header~* .money-cell.paid,body.dark-mode .monitor-header~* .received,body.dark-mode .monitor-header~* .shipped,body.dark-mode .monitor-header~* .ready-qty,body.dark-mode .monitor-header~* .reminder-sent{color:#43d3a5!important}body.dark-mode .monitor-header~* .money-cell.outstanding,body.dark-mode .monitor-header~* .outstanding{color:#ff728a!important}body.dark-mode .monitor-header~* .pending,body.dark-mode .monitor-header~* .booked-qty{color:#67c7f7!important}body.dark-mode .monitor-header~* .mobile-list{background:#21233e!important}body.dark-mode .monitor-header~* .mobile-invoice,body.dark-mode .monitor-header~* .mobile-delivery,body.dark-mode .monitor-header~* .mobile-purchase,body.dark-mode .monitor-header~* .customer-block,body.dark-mode .monitor-header~* .supplier-block,body.dark-mode .monitor-header~* .item-block,body.dark-mode .monitor-header~* .mobile-meta div,body.dark-mode .monitor-header~* .mobile-do,body.dark-mode .monitor-header~* .amount-grid div,body.dark-mode .monitor-header~* .qty-grid div,body.dark-mode .monitor-header~* .batch-summary{background:#232541!important;border-color:#ffffff14!important}body.dark-mode .monitor-header~* .amount-grid .outstanding-box,body.dark-mode .monitor-header~* .qty-grid .outstanding-box{background:#d13a561a!important;border-color:#ff728a47!important}body.dark-mode .monitor-header~* .mobile-due,body.dark-mode .monitor-header~* .mobile-footer,body.dark-mode .monitor-header~* .eta-row,body.dark-mode .monitor-header~* .list-footer{border-color:#ffffff14!important}body.dark-mode .monitor-header~* .page-link:not(.active){color:#cbd2e8!important;background:#232541!important;border-color:#484c70!important}.app-sidebar{width:var(--proksi-sidebar-width)!important;overflow:hidden!important}.side-header{width:var(--proksi-sidebar-width)!important}.main-content.app-content{margin-left:var(--proksi-sidebar-width)!important;margin-top:74px!important}.main-sidemenu{height:calc(100vh - 80px)!important;padding-top:25px!important;overflow:hidden auto!important}.main-sidemenu::-webkit-scrollbar{width:6px}.main-sidemenu::-webkit-scrollbar-thumb{background:#d6d6e6;border-radius:10px}.app-sidebar .side-menu{margin-top:0!important;padding-bottom:60px!important}.side-menu__item,.slide-item,.sub-slide-item{cursor:pointer}.menu-count-badge,.menu-child-badge{color:#fff;background:#f0445e;border-radius:999px;justify-content:center;align-items:center;min-width:21px;height:21px;padding:0 .38rem;font-size:.66rem;font-weight:700;line-height:1;display:inline-flex}.menu-count-badge{margin-left:auto}.menu-child-badge{float:right;margin-left:.5rem}.header-brand-compact{display:none}.header-brand-full{object-fit:contain;width:auto;max-width:165px;height:42px;display:block}@media (width>=992px){.app-sidebar,.side-header,.main-content.app-content,.app-header{transition:width .2s,margin-left .2s,padding-left .2s}.desktop-sidebar-collapsed .app-sidebar,.desktop-sidebar-collapsed .side-header{width:80px!important}.desktop-sidebar-collapsed .main-content.app-content{margin-left:80px!important}.desktop-sidebar-collapsed .app-header{padding-left:95px!important}.desktop-sidebar-collapsed .side-header{padding-left:.5rem;padding-right:.5rem}.desktop-sidebar-collapsed .header-brand-full,.desktop-sidebar-collapsed .side-menu__label,.desktop-sidebar-collapsed .side-menu .sub-category,.desktop-sidebar-collapsed .side-menu .angle,.desktop-sidebar-collapsed .side-menu .slide-menu,.desktop-sidebar-collapsed .side-menu .sub-slide-menu{display:none!important}.desktop-sidebar-collapsed .header-brand-compact{object-fit:contain;width:48px;height:48px;padding:3px;display:block}.desktop-sidebar-collapsed .main-sidemenu{padding-top:1rem!important}.desktop-sidebar-collapsed .side-menu{padding-left:.5rem!important;padding-right:.5rem!important}.desktop-sidebar-collapsed .side-menu>.slide{width:100%}.desktop-sidebar-collapsed .side-menu__item{justify-content:center;align-items:center;width:100%;min-height:48px;display:flex;padding-left:.5rem!important;padding-right:.5rem!important}.desktop-sidebar-collapsed .side-menu__icon{font-size:1.25rem;margin:0!important}.desktop-sidebar-collapsed .menu-count-badge{min-width:18px;height:18px;padding:0 .25rem;font-size:.58rem;position:absolute;top:5px;right:3px}}@media (width<=991.98px){.main-content.app-content{margin-top:70px!important;margin-left:0!important}.main-content.app-content>.side-app{padding-top:1rem!important}.app-sidebar{transition:transform .2s;width:min(var(--proksi-sidebar-width), calc(100vw - 3rem))!important;z-index:1051!important;left:0!important;transform:translate(-100%)!important}.mobile-sidebar-open .app-sidebar{left:0!important;transform:translate(0)!important}.app-sidebar .main-sidemenu{height:calc(100dvh - 70px)!important;padding-top:.75rem!important;padding-bottom:1rem!important}.app-sidebar .side-menu{width:100%!important;padding-left:.5rem!important;padding-right:.5rem!important}.app-sidebar .side-menu__item,.app-sidebar .slide-item,.app-sidebar .sub-slide-item{white-space:normal;width:100%}.mobile-sidebar-backdrop{z-index:1050;background:#0f172a7a;border:0;width:100%;height:100%;padding:0;position:fixed;inset:0;display:block!important}}body.mobile-sidebar-locked{overflow:hidden}.mobile-sidebar-backdrop{display:none}@media (width<=767.98px){.topbar-actions{gap:.35rem}.topbar-utility-group{background:0 0;border:0;height:44px;padding:0}body.dark-mode .topbar-utility-group{background:0 0;border:0}.topbar-utility-group>.topbar-icon-button{display:none}.topbar-language{border:0;border-radius:.7rem;justify-content:center;width:40px;height:40px;padding:0}.topbar-language>span,.topbar-language .language-chevron{display:none}.language-dropdown{position:fixed;top:64px;right:.75rem}.user-account-group{height:44px}.user-profile-summary{padding:.25rem .4rem}.user-profile-copy{display:none}.topbar-logout{width:38px}.side-app .main-container{padding-left:.75rem!important;padding-right:.75rem!important}.side-app .page-header{gap:.75rem;margin-bottom:1rem;align-items:stretch!important}.side-app .page-header .ms-auto{flex-wrap:wrap;gap:.5rem;width:100%;display:flex;margin-left:0!important}.side-app .page-header .ms-auto .btn{flex:100%;margin-right:0!important}.side-app .page-title{line-height:1.3}.side-app .card{border-radius:.75rem;margin-bottom:1rem}.side-app .card-header,.side-app .card-body,.side-app .card-footer{padding:1rem}.side-app .form-control,.side-app .form-select,.side-app textarea,.side-app input[type=date],.side-app input[type=number]{font-size:16px!important}.side-app .btn:not(.btn-sm),.side-app .form-control,.side-app .form-select{min-height:44px}.side-app .form-check-input{width:1.25rem;height:1.25rem}.side-app .form-check-label{padding-left:.25rem;line-height:1.5}.side-app .mobile-stack{gap:.75rem;flex-direction:column!important;align-items:stretch!important}.side-app .card-footer.justify-content-end{flex-direction:column;gap:.5rem;align-items:stretch!important}.side-app .card-footer.justify-content-end .btn{width:100%;margin:0!important}}.vnp-auth-shell[data-v-4d737bfe]{color:#172044;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f5f6fb;grid-template-columns:minmax(430px,1.08fr) minmax(480px,.92fr);min-height:100svh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:grid}.vnp-auth-shell[data-v-4d737bfe] *{box-sizing:border-box}.vnp-auth-brand[data-v-4d737bfe]{color:#fff;background:linear-gradient(145deg,#261b74f5,#5e4aebf0),#5546d8;flex-direction:column;justify-content:space-between;min-height:100svh;padding:clamp(40px,6vw,82px);display:flex;position:relative;overflow:hidden}.vnp-auth-brand[data-v-4d737bfe]:before{content:"";background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(to bottom right,#000,#0000 80%);mask-image:linear-gradient(to bottom right,#000,#0000 80%)}.brand-orb[data-v-4d737bfe]{filter:blur(1px);background:#ffffff1c;border-radius:999px;position:absolute}.brand-orb-one[data-v-4d737bfe]{width:360px;height:360px;top:-130px;right:-100px}.brand-orb-two[data-v-4d737bfe]{width:420px;height:420px;bottom:-170px;left:-100px}.brand-content[data-v-4d737bfe],.brand-footer[data-v-4d737bfe]{z-index:1;position:relative}.brand-content[data-v-4d737bfe]{flex-direction:column;flex:1;justify-content:center;max-width:650px;display:flex}.brand-identity[data-v-4d737bfe]{align-items:center;gap:13px;display:flex;position:absolute;top:0}.brand-login-logo[data-v-4d737bfe]{object-fit:contain;background:#fff;border-radius:16px;width:128px;height:114px;padding:8px;box-shadow:0 12px 30px #110b4640}.brand-identity strong[data-v-4d737bfe],.brand-identity span[data-v-4d737bfe],.mobile-brand strong[data-v-4d737bfe],.mobile-brand span[data-v-4d737bfe]{display:block}.brand-identity strong[data-v-4d737bfe]{font-size:19px}.brand-identity span[data-v-4d737bfe]{color:#ffffffad;margin-top:2px;font-size:12px}.brand-copy[data-v-4d737bfe]{margin-top:86px}.brand-eyebrow[data-v-4d737bfe],.auth-kicker[data-v-4d737bfe]{letter-spacing:.17em;font-size:11px;font-weight:800}.brand-eyebrow[data-v-4d737bfe]{color:#d5d0ff}.brand-copy h1[data-v-4d737bfe]{letter-spacing:-.04em;max-width:600px;margin:17px 0 18px;font-size:clamp(36px,4.1vw,58px);line-height:1.08}.brand-copy p[data-v-4d737bfe]{color:#ffffffbd;max-width:580px;margin:0;font-size:16px;line-height:1.75}.brand-features[data-v-4d737bfe]{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:42px;display:grid}.brand-feature[data-v-4d737bfe]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff13;border:1px solid #ffffff21;border-radius:14px;min-width:0;padding:15px}.feature-icon[data-v-4d737bfe]{background:#ffffff24;border-radius:9px;place-items:center;width:30px;height:30px;margin-bottom:12px;display:grid}.feature-icon svg[data-v-4d737bfe],.auth-security-note svg[data-v-4d737bfe]{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:17px}.brand-feature strong[data-v-4d737bfe],.brand-feature span[data-v-4d737bfe]{overflow-wrap:anywhere;display:block}.brand-feature strong[data-v-4d737bfe]{font-size:13px}.brand-feature span[data-v-4d737bfe]{color:#ffffffa1;margin-top:4px;font-size:11px;line-height:1.45}.brand-footer[data-v-4d737bfe]{color:#ffffff80;letter-spacing:.08em;font-size:11px}.vnp-auth-form-panel[data-v-4d737bfe]{background:radial-gradient(circle at 100% 0,#6557ff17,#0000 30%),#f7f8fc;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:clamp(28px,5vw,76px);display:flex}.auth-card[data-v-4d737bfe]{background:#fff;border:1px solid #e4e6ef;border-radius:22px;width:min(100%,470px);padding:clamp(26px,4vw,42px);box-shadow:0 24px 70px #2c2a571c}.auth-card-header[data-v-4d737bfe]{margin-bottom:30px}.auth-kicker[data-v-4d737bfe]{color:#6557ff}.auth-card-header h2[data-v-4d737bfe]{color:#172044;letter-spacing:-.035em;margin:10px 0 8px;font-size:clamp(26px,3vw,33px);line-height:1.18}.auth-card-header p[data-v-4d737bfe]{color:#737c98;margin:0;font-size:13px;line-height:1.55}.auth-security-note[data-v-4d737bfe]{color:#8a92aa;border-top:1px solid #eceef5;justify-content:center;align-items:center;gap:8px;margin-top:26px;padding-top:20px;font-size:11px;display:flex}.auth-security-note svg[data-v-4d737bfe]{width:15px}.auth-copyright[data-v-4d737bfe]{color:#9ba1b5;margin:24px 0 0;font-size:11px}.mobile-brand[data-v-4d737bfe]{display:none}.mobile-login-logo[data-v-4d737bfe]{object-fit:contain;width:140px;height:auto}@media (width<=1120px){.vnp-auth-shell[data-v-4d737bfe]{grid-template-columns:minmax(380px,.9fr) minmax(460px,1.1fr)}.brand-features[data-v-4d737bfe]{grid-template-columns:1fr}.brand-feature[data-v-4d737bfe]{grid-template-columns:32px 1fr;column-gap:10px;display:grid}.feature-icon[data-v-4d737bfe]{grid-row:1/3;margin:0}}@media (width<=850px){.vnp-auth-shell[data-v-4d737bfe]{display:block}.vnp-auth-brand[data-v-4d737bfe]{display:none}.vnp-auth-form-panel[data-v-4d737bfe]{background:radial-gradient(circle at 90% 0,#6557ff29,#0000 34%),#f5f6fb;justify-content:flex-start;padding:28px 18px}.mobile-brand[data-v-4d737bfe]{align-items:center;gap:11px;width:min(100%,470px);margin:5px 0 22px;display:flex}.mobile-brand>span[data-v-4d737bfe]{color:#8189a2;border-left:1px solid #dfe2ed;padding-left:11px;font-size:12px;font-weight:700}.auth-card[data-v-4d737bfe]{border-radius:18px}}@media (width<=420px){.vnp-auth-form-panel[data-v-4d737bfe]{padding:20px 13px}.auth-card[data-v-4d737bfe]{padding:24px 19px}.auth-card-header[data-v-4d737bfe]{margin-bottom:24px}}