.modal-layer{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}.modal-layer .modal-backdrop{position:absolute;inset:0;z-index:1;background:#11182780;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.modal-layer .modal{position:relative;z-index:2;border-radius:12px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 10px 30px #00000026;overflow:hidden;max-height:calc(100vh - 32px)}.modal-layer .modal.xl{width:min(1280px,96vw);height:min(768px,calc(100vh - 32px))}.modal-layer .modal.lg{width:min(1024px,96vw);height:min(768px,calc(100vh - 32px))}.modal-layer .modal.md{width:min(768px,92vw);height:min(480px,calc(100vh - 32px))}.modal-layer .modal.sm{width:min(480px,92vw);height:min(360px,calc(100vh - 32px))}.modal-layer .modal.xs{width:min(450px,92vw);height:auto;min-height:120px}.modal-layer .modal.xs.confirm-modal,.modal-layer .modal.xs.deactivate-client-modal{width:min(520px,92vw);height:auto}.xs-modal-content{float:left;width:100%;display:flex;height:calc(100% - 45px);justify-content:center;align-items:end;padding:20px;box-sizing:border-box;gap:20px}.xs-modal-content button{margin:0}.modal-wizard-header{float:left;width:100%;padding:14px 56px 0 16px;box-sizing:border-box;border-bottom:1px solid #e5e7eb;position:relative}.modal-wizard-title{float:left;width:200px;margin:8px 20px 16px 4px;height:40px;font-size:16px;font-weight:700;color:#01396b}.modal-wizard-steps{float:left;width:calc(100% - 300px);margin-top:20px;position:relative}.modal-wizard-steps:before{content:"";position:absolute;height:3px;bottom:-12px;width:100%;background:#76bfff;opacity:50%}.modal-wizard-steps .modal-wizard-step{float:left;width:33.33%;position:relative}.modal-wizard-steps .modal-wizard-step.passed:before{content:"";position:absolute;bottom:-12px;height:3px;width:100%;background:#0bc568}.modal-wizard-steps .modal-wizard-step.current:before{content:"";position:absolute;bottom:-12px;height:3px;width:100%;background:#0076de}.modal-wizard-steps .modal-wizard-step .modal-wizard-step-number{float:left;width:100%;color:#01396b;opacity:50%;font-size:12px}.modal-wizard-steps .modal-wizard-step .modal-wizard-step-title{float:left;width:100%;font-weight:600;color:#002546}.modal-wizard-steps .modal-wizard-step .modal-wizard-step-state{float:left;width:100%;font-size:13px;font-weight:500;color:#01396b;opacity:.5}.modal-wizard-steps .modal-wizard-step.passed .modal-wizard-step-state{color:#0bc568;opacity:1}.modal-wizard-steps .modal-wizard-step.current .modal-wizard-step-state{color:#0076de;opacity:1}.modal-wizard-content{float:left;width:100%;height:calc(100% - 170px);overflow-y:auto}.modal-wizard-content .modal-wizard-selector-holder{float:left;width:100%;height:64px;background:#76bfff1a}.modal-wizard-content .modal-wizard-selector-icon{float:left;width:30px;height:30px;margin-top:20px;margin-left:20px}.modal-wizard-content .modal-wizard-selector-holder-title{float:left;height:64px;line-height:70px;margin-left:20px;font-size:20px;font-weight:600;color:#01396b}.modal-wizard-content .modal-wizard-action-btn{float:left;height:40px;line-height:40px;margin-top:14px;border:2px solid #BEE0FF;box-sizing:border-box;padding-left:20px;padding-right:20px;border-radius:10px;margin-left:20px;color:#0076de;font-weight:600;font-size:16px}.modal-wizard-content .modal-wizard-search-box{float:right;margin-right:20px;height:40px;position:relative;margin-top:12px}.modal-wizard-content .modal-wizard-search-box i{position:absolute;width:20px;height:20px;top:11px;left:10px;background-position:center;background-size:cover}.modal-wizard-content .modal-wizard-search-box input{float:left;width:240px;height:40px;box-sizing:border-box;border:1px solid #BEE0FF;border-radius:5px;padding-left:30px;line-height:40px;color:#0057a4;font-weight:500;font-size:14px}.modal-wizard-content .modal-wizard-search-box input::placeholder{color:#0057a499}.modal-wizard-content .modal-wizard-search-box select{float:left;height:40px;margin-left:40px;border:1px solid #BEE0FF;padding-left:10px;color:#01396b}.modal-wizard-content .modal-wizard-search-box .modal-wizard-search-dropdown{position:absolute;top:40px;width:100%;height:auto;background:#fff;max-height:200px;overflow:scroll;box-shadow:0 0 3px 1px #0000001a}.modal-wizard-content .modal-wizard-search-box .modal-wizard-search-dropdown>div{float:left;width:100%;height:42px;border-bottom:1px solid lightgray;cursor:pointer;transition:all .3s ease}.modal-wizard-content .modal-wizard-search-box .modal-wizard-search-dropdown>div:hover{background:#f2f8ff}.modal-wizard-content .modal-wizard-search-box .modal-wizard-search-dropdown>div .customer_name{float:left;margin-left:10px;font-size:14px;font-weight:700;margin-top:5px}.modal-wizard-content .modal-wizard-search-box .modal-wizard-search-dropdown>div .customer_details{float:left;margin-left:10px;font-size:12px;margin-top:5px}.modal-wizard-footer{float:left;width:100%;height:80px;border-top:1px solid #e5e7eb;background:#fff}.modal-wizard-footer .modal-wizard-footer-back{float:left;margin-left:30px;margin-top:20px}.modal-wizard-footer .modal-wizard-footer-back .icon{float:left;width:51px;height:38px}.modal-wizard-footer .modal-wizard-footer-back span{float:left;margin-left:20px;line-height:38px;font-size:12px;color:#01396b;font-weight:600}.modal-wizard-footer .primary-btn{float:right;text-align:center;height:38px;line-height:38px;width:220px;margin-right:30px;margin-top:20px;font-size:14px}.sm-modal-header{float:left;width:100%;min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;box-sizing:border-box;border-bottom:1px solid #e5e7eb;position:relative}.sm-modal-header span{float:none;line-height:1.3;font-size:16px;font-weight:700;color:#01396b;width:auto;text-align:left;flex:1}.sm-modal-header .close-ic,.modal-wizard-header .close-ic,.message-modal-header .close-ic,.submodal-layer .sm-modal-header .close-ic,.webcam-modal-layer .sm-modal-header .close-ic{position:relative;right:auto;top:auto;width:32px;height:32px;border-radius:9999px;background:#e5e7eb;background-image:none;cursor:pointer;z-index:1;flex:0 0 auto;transition:background-color .3s ease,transform .3s ease}.modal-wizard-header .close-ic{position:absolute;top:14px;right:16px}.sm-modal-header .close-ic:before,.sm-modal-header .close-ic:after,.modal-wizard-header .close-ic:before,.modal-wizard-header .close-ic:after,.message-modal-header .close-ic:before,.message-modal-header .close-ic:after,.submodal-layer .sm-modal-header .close-ic:before,.submodal-layer .sm-modal-header .close-ic:after,.webcam-modal-layer .sm-modal-header .close-ic:before,.webcam-modal-layer .sm-modal-header .close-ic:after{content:"";position:absolute;top:50%;left:50%;width:14px;height:2px;background:#374151;transform-origin:center}.sm-modal-header .close-ic:before,.modal-wizard-header .close-ic:before,.message-modal-header .close-ic:before,.submodal-layer .sm-modal-header .close-ic:before,.webcam-modal-layer .sm-modal-header .close-ic:before{transform:translate(-50%,-50%) rotate(45deg)}.sm-modal-header .close-ic:after,.modal-wizard-header .close-ic:after,.message-modal-header .close-ic:after,.submodal-layer .sm-modal-header .close-ic:after,.webcam-modal-layer .sm-modal-header .close-ic:after{transform:translate(-50%,-50%) rotate(-45deg)}.sm-modal-header .close-ic:hover,.modal-wizard-header .close-ic:hover,.message-modal-header .close-ic:hover,.submodal-layer .sm-modal-header .close-ic:hover,.webcam-modal-layer .sm-modal-header .close-ic:hover{background:#ef4444;transform:scale(1.05)}.sm-modal-header .close-ic:hover:before,.sm-modal-header .close-ic:hover:after,.modal-wizard-header .close-ic:hover:before,.modal-wizard-header .close-ic:hover:after,.message-modal-header .close-ic:hover:before,.message-modal-header .close-ic:hover:after,.submodal-layer .sm-modal-header .close-ic:hover:before,.submodal-layer .sm-modal-header .close-ic:hover:after,.webcam-modal-layer .sm-modal-header .close-ic:hover:before,.webcam-modal-layer .sm-modal-header .close-ic:hover:after{background:#fff}.sm-modal-divider{display:none}.sm-modal-content{height:calc(100% - 57px);float:left;width:100%}.sm-modal-content span{float:left;width:100%;margin:18px 0 0 20px;font-size:14px}.input-row select{float:left;width:91%;margin-left:4%}.date-pick-checkbox{float:left;width:100%;margin-top:30px;height:150px}.checkbox-row{float:left;width:100%}.checkbox-row input{width:5%;float:left}.checkbox-row span{float:left;width:30%;margin:0}.sm-modal-content button,.md-modal-content button{float:right;margin:12px 20px 0 0;background-color:#fff;border:1px solid grey;border-radius:4px;padding:2px 10px}.add-user-modal-content{padding:20px 22px;display:flex;flex-direction:column;gap:18px}.add-user-modal-content>div{display:flex;flex-direction:column}.add-user-modal-content span{font-size:13px;font-weight:500;color:#374151;margin-bottom:6px}.add-user-modal-content input{margin:0;width:100%}.add-user-modal-footer{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.add-user-modal-footer div{display:flex;align-items:center;justify-content:center;margin:0}.add-client-user-modal{position:relative;z-index:2;border-radius:12px;display:flex;flex-direction:column;padding-bottom:20px;width:min(550px,92vw);max-height:calc(100vh - 32px);background:#fff;border:1px solid #e5e7eb;box-shadow:0 10px 30px #00000026;overflow:hidden}.message-modal-container{position:relative;z-index:2;width:min(450px,92vw)}.message-modal{z-index:2;border-radius:12px;display:flex;flex-direction:column;width:100%;background:#fff;border:1px solid #e5e7eb;box-shadow:0 10px 30px #00000026;overflow:hidden;padding:0;gap:0}.message-modal-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid #e5e7eb}.message-modal-header span{flex:1}.message-modal-content{padding:16px}.message-modal-content span{color:#374151;font-weight:600;font-size:14px;line-height:1.5}@media screen and (max-width:1024px){.modal-layer .modal.lg{width:100%;height:100%;max-height:100%;border-radius:0}}@media screen and (max-width:768px){.modal-layer .modal.md{width:100%;height:100%;max-height:100%;border-radius:0}}@media screen and (max-width:480px){.modal-layer .modal.sm{width:100%;height:100%;max-height:100%;border-radius:0}}.submodal-layer{position:fixed;inset:0;z-index:20000;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}.submodal-layer .submodal-backdrop{position:absolute;inset:0;z-index:1;background:#11182780;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.submodal-layer .submodal{position:relative;z-index:2;border-radius:12px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 10px 30px #00000026;overflow:hidden;max-height:calc(100vh - 32px)}.submodal-layer .submodal.xl{width:min(1280px,96vw);height:min(768px,calc(100vh - 32px))}.submodal-layer .submodal.lg{width:min(1024px,96vw);height:min(768px,calc(100vh - 32px))}.submodal-layer .submodal.md{width:min(768px,92vw);height:min(480px,calc(100vh - 32px))}.submodal-layer .submodal.sm{width:min(480px,92vw);height:min(360px,calc(100vh - 32px))}@media screen and (max-width: 1024px){.submodal-layer .submodal.lg{width:100%;height:100%;max-height:100%;border-radius:0}}@media screen and (max-width: 768px){.submodal-layer .submodal.md{width:100%;height:100%;max-height:100%;border-radius:0}}@media screen and (max-width: 480px){.submodal-layer .submodal.sm{width:100%;height:100%;max-height:100%;border-radius:0}}.webcam-modal-layer{position:fixed;inset:0;z-index:15000;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}.webcam-modal-layer .webcam-modal-backdrop{position:absolute;inset:0;z-index:1;background:#11182780;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.webcam-modal-layer .webcam-modal{position:relative;z-index:2;border-radius:12px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 10px 30px #00000026;overflow:hidden;max-height:calc(100vh - 32px)}.webcam-modal-layer .webcam-modal.md{width:min(768px,92vw);height:min(540px,calc(100vh - 32px))}@media screen and (max-width: 768px){.webcam-modal-layer .webcam-modal.md{width:100%;height:100%;max-height:100%;border-radius:0}}.events-modal-container{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#11182780;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.events-modal{display:flex;flex-direction:column;width:min(600px,94vw);max-height:80vh;background:#fff;border-radius:14px;box-shadow:0 24px 48px -12px #01396b47;border:1px solid #e5e7eb;overflow:hidden}.events-modal-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid #e5e7eb}.events-modal .events-modal-header{padding:16px 20px;border-bottom-color:#edf1f6}.events-modal-header>span{font-size:16px;font-weight:700;color:#01396b}.events-modal-title{display:flex;flex-direction:column;gap:3px;min-width:0}.events-modal-title-row{display:flex;align-items:center;gap:8px}.events-modal-title-text{font-size:17px;font-weight:700;color:#01396b}.events-modal-count{min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:#eaf4ff;color:#0076de;font-size:12px;font-weight:700;line-height:22px;text-align:center}.events-modal-subtitle{font-size:12px;font-weight:500;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.events-modal-refs{display:flex;flex-wrap:wrap;align-items:center;gap:2px 0;min-width:0}.events-modal-refs .events-modal-subtitle+.events-modal-subtitle:before{content:"\2022";margin:0 8px;color:#cbd5e1}.events-modal-subtitle strong{color:#01396b;font-weight:700;font-variant-numeric:tabular-nums}.events-modal-header-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.events-refresh-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px 0 10px;border-radius:8px;border:1.5px solid #BEE0FF;background:#fff;color:#0076de;font-size:13px;font-weight:600;line-height:1;cursor:pointer;white-space:nowrap;transition:background-color .2s ease,border-color .2s ease}.events-refresh-ic{width:14px;height:14px;flex:0 0 14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230076DE' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a9 9 0 1 1-2.64-6.36'/%3E%3Cpath d='M21 3v6h-6'/%3E%3C/svg%3E") center / 14px no-repeat}.events-refresh-btn:hover:not(:disabled){background:#f0f7ff;border-color:#0076de}.events-refresh-btn.is-refreshing .events-refresh-ic{animation:events-refresh-spin .7s linear infinite}.events-refresh-btn:disabled{opacity:.7;cursor:default}@keyframes events-refresh-spin{to{transform:rotate(360deg)}}.events-modal-header .close-ic{position:relative;width:32px;height:32px;border-radius:9999px;background:#e5e7eb;cursor:pointer;transition:background-color .3s ease,transform .3s ease}.events-modal-header .close-ic:before,.events-modal-header .close-ic:after{content:"";position:absolute;top:50%;left:50%;width:14px;height:2px;background:#374151;transform-origin:center}.events-modal-header .close-ic:before{transform:translate(-50%,-50%) rotate(45deg)}.events-modal-header .close-ic:after{transform:translate(-50%,-50%) rotate(-45deg)}.events-modal-header .close-ic:hover{background:#ef4444;transform:scale(1.05)}.events-modal-header .close-ic:hover:before,.events-modal-header .close-ic:hover:after{background:#fff}.events-modal-content{flex:1 1 auto;min-height:0;overflow:auto;padding:20px 20px 8px;background:#f8fafc}.events-modal .event-card{display:flex;flex-direction:column;align-items:flex-start;position:relative;gap:8px;margin:0 0 12px 44px;padding:12px 14px;border:1px solid #e5eaf1;border-radius:10px;background:#fff;font-size:14px;font-weight:600;color:#374151;transition:border-color .2s ease,box-shadow .2s ease}.events-modal .event-card:hover{border-color:#cfd9e6;box-shadow:0 2px 8px #01396b0f}.events-modal .event-card.is-current{border-color:#bee0ff;box-shadow:0 4px 14px #0076de1a}.events-modal .event-card.not-last-event:before{content:"";position:absolute;left:-31px;top:38px;bottom:-22px;width:2px;border-radius:2px;background:#e2e8f0}.events-modal .event-card .time-line{display:flex;align-items:center;justify-content:center;position:absolute;z-index:1;left:-44px;top:10px;width:28px;height:28px;border-radius:50%;box-shadow:0 0 0 4px #f8fafc}:where(.events-modal .event-card .time-line){background:#94a3b8;color:#94a3b8}.events-modal .event-card.is-current .time-line{box-shadow:0 0 0 3px #f8fafc,0 0 0 5px currentColor}.events-modal .event-card .time-line i{display:inline-block;width:14px;height:14px;background-position:center;background-repeat:no-repeat;background-size:14px}.events-modal .event-card .time-line i.start-flag{background-image:url(/assets/icons/start-flag.svg)}.events-modal .event-card .time-line i.arrows-icon{background-image:url(/assets/icons/renew.svg)}.events-modal .event-card .time-line i.dollar-icon{background-image:url(/assets/icons/dollar-symbol-white.svg)}.event-card .event-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;width:100%}.event-card .event-title{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;min-width:0}.event-card .event-body{display:flex;flex-direction:column;gap:5px}.event-card .status-badge{padding:4px 10px;border-radius:8px;font-size:13px;line-height:1.35;white-space:normal;word-break:break-word}.events-modal .status-badge.status-21{background:#e0f2fe;color:#075985}.event-current-tag{padding:2px 8px;border-radius:999px;background:#eaf4ff;color:#0076de;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.event-card .event-date{flex-shrink:0;padding-top:3px;font-size:12px;font-weight:500;color:#6b7280;white-space:nowrap;font-variant-numeric:tabular-nums}.event-card .event-time{margin-left:4px;font-weight:700;color:#01396b}.event-author-holder{display:flex;align-items:center;gap:6px}.event-card .event-author{font-size:12px;font-weight:500;color:#6b7280}.event-author-icon{width:14px;height:14px;display:inline-block;-webkit-mask-image:url(/assets/icons/person-ic.svg);mask-image:url(/assets/icons/person-ic.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:12px;mask-size:12px;background-color:#9ca3af}.events-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px 16px 48px;font-size:14px;font-weight:600;color:#6b7280}.events-state-ic{width:44px;height:44px;border-radius:50%;background:#eaf4ff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230076DE' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center / 22px no-repeat}.events-state-spinner{width:28px;height:28px;border-radius:50%;border:3px solid #dbeafe;border-top-color:#0076de;animation:events-refresh-spin .8s linear infinite}@media (max-width: 640px){.events-modal{align-self:flex-end;width:100vw;max-height:90vh;border-radius:16px 16px 0 0}.events-modal .events-modal-header{padding:14px 16px}.events-modal-content{padding:16px 12px 4px}.event-card .event-header{flex-direction:column-reverse;gap:6px}.event-card .event-date{padding-top:0}}.event-status-30{background:#075985;color:#075985}.event-status-31{background:#0f766e;color:#0f766e}.event-status-1,.event-status-3{background:#92400e;color:#92400e}.event-status-4{background:#4c1d95;color:#4c1d95}.event-status-7,.event-status-15{background:#5b21b6;color:#5b21b6}.event-status-16{background:#6d28d9;color:#6d28d9}.event-status-19{background:#6b21a8;color:#6b21a8}.event-status-8{background:#065f46;color:#065f46}.event-status-9{background:#05946b;color:#047857}.event-status-11{background:#166534;color:#166534}.event-status-2{background:#991b1b;color:#991b1b}.event-status-12,.event-status-17{background:#7f1d1d;color:#7f1d1d}.event-status-18{background:#991b1b;color:#991b1b}.event-status-21{background:#075985;color:#075985}.confirm-modal-container{position:fixed;inset:0;background:#11182773;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000}.confirm-modal{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 30px #00000026;width:min(520px,92vw);padding:18px;z-index:1001}.confirm-modal .sm-modal-header{padding:0 0 10px;min-height:auto;margin-bottom:14px}.confirm-modal-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid #e5e7eb;margin-bottom:14px;color:#111827;font-weight:600}.confirm-modal .close-ic{position:relative;width:32px;height:32px;border-radius:9999px;background:#e5e7eb;cursor:pointer;flex:0 0 auto;transition:background-color .2s ease,transform .2s ease}.confirm-modal .close-ic:before,.confirm-modal .close-ic:after{content:"";position:absolute;top:50%;left:50%;width:14px;height:2px;background:#374151;transform-origin:center}.confirm-modal .close-ic:before{transform:translate(-50%,-50%) rotate(45deg)}.confirm-modal .close-ic:after{transform:translate(-50%,-50%) rotate(-45deg)}.confirm-modal .close-ic:hover{background:#ef4444;transform:scale(1.05)}.confirm-modal .close-ic:hover:before,.confirm-modal .close-ic:hover:after{background:#fff}.confirm-modal-content{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.confirm-modal .primary-btn{color:#fff;border:none;padding:8px 14px;border-radius:8px;font-weight:600;cursor:pointer}.primary-btn.negative{background:#ef4444}.confirm-modal .primary-btn:hover{opacity:.9}.confirm-modal .clear-btn{background:#f3f4f6;color:#111827;border:1px solid #e5e7eb;padding:8px 14px;border-radius:8px;font-weight:600;cursor:pointer}.confirm-modal .clear-btn:hover{background:#e5e7eb}html,body{width:100%;height:100%;padding:0;margin:0;color:#000;overflow:hidden;font-family:Roboto,sans-serif}.flex-back-button{display:flex;align-items:center;justify-content:center;gap:5px;width:32px;height:32px;padding:0;border:1px solid #dbe3ef;border-radius:8px;cursor:pointer;color:#01396b;background-color:#fff;box-shadow:0 1px 3px #01396b14;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}.flex-back-button:hover{background-color:#f0f7ff;border-color:#0076de}.flex-back-button .arrow-back-ic{background-image:url(/assets/icons/left-chevron.svg);display:inline-block;background-position:center;background-repeat:no-repeat;background-size:18px;width:20px;height:20px}.header{float:left;width:100%;height:60px;background:#0057a4}header{float:left;width:100%;height:60px;background:#0057a4}.header-logo{float:left;width:200px;height:50px;margin:5px 0 0 20px;background-image:url(/assets/logos/logo-shipvam.png);background-position:center;background-repeat:no-repeat;background-size:200px;cursor:pointer}.header-buttons{float:left;width:auto;height:43px;line-height:60px;list-style:none;padding:0;margin:0 0 0 100px}.header-buttons li{font-weight:350;font-size:13px;color:#fffc;float:left;padding:0 20px;position:relative;cursor:pointer;transition:all .3s ease}.header-buttons li:hover,.header-buttons li.active{color:#fff}.header-buttons li.active:before{position:absolute;content:"";width:20px;height:3px;background:#ffdc07;bottom:10px;left:calc(50% - 10px);border-radius:15%;box-shadow:0 0 6px 2px #ffdc0759}.dropdown-header{position:absolute;top:50px;left:-33px;background-color:#fff;color:#0e1f30;width:170px;height:auto;border:2px solid #0076DE;border-radius:8px;font-size:14px;line-height:40px;z-index:4}.dropdown-page{float:left;width:calc(100% - 15px);transition:background-color .3s ease,opacity .3s ease,padding .3s ease;padding-left:15px;position:relative}.dropdown-page:hover{background-color:#0057a4;color:#fff}.payments-badge{display:none;position:absolute;top:-5px;left:100%;background-color:#fff;color:#0e1f30;border:2px solid #0076DE;border-radius:8px;min-width:180px;height:auto;line-height:36px;padding:4px 0;z-index:1000;box-shadow:0 4px 12px #00000014}.dropdown-page:hover .payments-badge,.payments-badge:hover{display:block}.payments-badge>span{float:left;width:calc(100% - 20px);padding:0 10px;transition:background-color .2s ease,color .2s ease}.payments-badge>span:hover{background-color:#0057a4;color:#fff}.dropdown-divider{width:calc(100% - 15px);height:1px;background-color:#bee0ff;float:left}.dropdown{display:none}li:hover .dropdown{display:block}.mobile-menu-btn{float:left;display:none}.mobile-menu-btn .icon.menu{float:right;width:40px;height:60px;background-image:url(/assets/icons/menu-icon.svg);background-size:24px;background-position:center}.mobile-menu{position:fixed;background:#fff;width:100%;height:100%;z-index:10000;transition:all .3s ease;left:-100%}.mobile-menu.active{left:0}.mobile-menu .mobile-close{position:absolute;z-index:3;width:50px;height:50px;right:0;background-image:url(/assets/icons/close-white-ic.svg);background-size:18px;background-position:center;background-repeat:no-repeat}.mobile-menu .mobile-logo{float:left;width:100%;height:100px;background-color:#0057a4;background-size:60%;background-position:center;background-repeat:no-repeat;background-image:url(/assets/logos/logo-shipvam.png)}.mobile-menu .mobile-list{float:left;width:90%;list-style:none;padding:0;margin:0 0 0 5%}.mobile-list li{float:left;width:100%;height:40px;line-height:40px;text-align:center;border-top:1px solid lightgray;font-weight:700;font-size:14px;color:#525252}.mobile-list li:first-child{border-top:0px}.profile{float:right;width:260px;height:40px;line-height:60px;cursor:pointer}.notifications-icon{width:40px;height:40px;float:left;margin:10px 10px 0 0;background-repeat:no-repeat;background-position:center;cursor:pointer;position:relative;background:#0076de;border-radius:100%}.notification-icon-circle{width:16px;height:16px;position:absolute;top:-2px;right:-2px;border-radius:100%;background-color:#ff3838;color:#fff;font-size:12px;text-align:center;line-height:16px}.notifications-icon .notification-bell{background-position:center;background-size:18px;background-repeat:no-repeat;float:left;width:100%;height:100%}.profile-image{float:left;width:40px;height:40px;background-color:#0076de!important;border-radius:50%;margin-top:10px;background-image:url(/assets/images/Vector.png);background-position:center;background-size:15px;background-repeat:no-repeat}.profile-image:hover{opacity:.7}.profile-info{float:left;width:65%;height:40px;margin-top:15px}.profile-info:hover .dropdown-profile{display:block}.profile-name{float:left;width:100%;color:#fff;font-weight:400;font-size:14px;line-height:14px;margin-left:15px}.profile-title{float:left;width:100%;font-size:12px;line-height:12px;margin:3px 0 0 15px;color:#ffffff80}.dropdown-notifications{position:absolute;top:60px;right:220px;background-color:#fff;color:#0e1f30;width:300px;height:200px;border:1px solid #bee0ff;border-radius:8px}.notification-holder{width:calc(100% - 40px);float:left;height:60px;padding:0 20px;margin-top:10px;border-radius:8px}.notification-holder-item{float:left;width:100%;height:50px;border-bottom:1px solid #bee0ff}.notification-holder-item:hover{background-color:#e1f1ff}.notification-text-sm{float:left;font-size:10px;width:100%;line-height:20px;font-weight:200}.notification-text-md{float:left;width:100%;line-height:30px;height:30px}.notification-header{width:100%;float:left;height:35px}.notification-header span{float:left;width:100%;font-size:14px;line-height:35px;margin-left:15px}.notification-divider{width:100%;height:1px;float:left;background-color:#bee0ff}.notification-empty{float:left;width:100%;text-align:center;line-height:30px;height:30px;font-size:12px;color:#01396b}.dropdown-profile{display:none;position:absolute;right:10px;top:55px;background-color:#fff;border:1px solid #0057A4;border-radius:5px;width:140px;font-size:12px;padding:5px;cursor:pointer;z-index:10}.dropdown-profile div{line-height:0px;padding:15px 10px;border-radius:5px}.dropdown-profile div:hover{background-color:#0057a4;color:#fff}.container-header{float:left;width:96%;margin:2%}.container-name{float:left;width:fit-content;height:40px;font-size:20px;line-height:36px;color:#01396b;font-weight:600}.container-filter{float:left;height:40px;line-height:40px;padding:0 40px 0 15px;width:auto}.filter-ic{background-repeat:no-repeat;width:20px;height:20px;background-position:center;float:left;margin-top:10px;position:relative}.filter-badge{position:absolute;width:16px;height:16px;background:#0076de;top:-8px;right:-8px;color:#fff;line-height:16px;text-align:center;border-radius:100%;font-size:11px;font-weight:700}.filter-name{float:left;width:fit-content;margin:5px 0 0 5px;height:40px;line-height:31px;font-size:12px;color:#01396b;font-weight:500}.filter-arrow{float:left;width:20px;height:20px;margin:11px 0 0 5px;background-position:center;background-repeat:no-repeat;transform:rotate(0);transition:all .3s ease}.filter-arrow.collapsed{transform:rotate(180deg)}.container-buttons{width:auto;float:right;margin-top:2px}.btn{float:left;width:fit-content;height:30px;border:2px solid #0076DE;border-radius:8px;color:#0076de;font-size:14px;line-height:18px;font-weight:500;margin-left:10px;cursor:pointer;transition:all .3s ease}.btn.secondary{border:2px solid #0BC568;background:#0bc568;color:#fff}.btn.default:hover{border:2px solid #FFFFFF;color:#fff;background-color:#0076de}.btn.btn.secondary:hover{border-color:#0ca558;background-color:#0ca558}.btn>span{padding:0 6px 0 10px;line-height:30px}.btn-ic{float:left;background-position:center;background-repeat:no-repeat;width:30px;height:30px;transition:all .3s ease;background-size:22px;margin-left:5px}.diff-color{color:#01396b!important}.scrollable-table{width:100%;float:left}.scrollable-table thead,.scrollable-table tbody,.scrollable-table tr{display:table;width:100%;table-layout:fixed;transition:all .3s ease;cursor:pointer}.scrollable-table tbody tr:not(.no-hover):hover{background:#d3e7ff}.scrollable-table thead{width:100%}.scrollable-table tbody{display:block;max-height:320px;overflow-y:overlay}table{width:100%;border-spacing:0px;padding-top:20px}thead{background-color:#e8f0fe;font-size:10px;height:12px}th,td{font-size:12px;text-align:left;vertical-align:middle}th{font-size:11px}th{font-weight:600;background-color:#d3e7ff;height:30px}tbody tr:nth-child(2n){background-color:#f9f9f9}.status{color:#0bc568;font-weight:700}.icon-text{float:left;align-items:center}.icon{width:25px;float:left;height:25px}.table-header-icon{width:20px;float:left;height:20px;background-image:url(/assets/icons/arrows-gray.svg);background-size:19px;background-repeat:no-repeat;background-position:center;margin-right:3px}.table-header-icon.sort-asc{background-image:url(/assets/icons/arrows-blue-asc.svg)}.table-header-icon.sort-desc{background-image:url(/assets/icons/arrows-blue-desc.svg)}.blue-link{color:#0076de;font-weight:700;text-decoration:none}.payment{font-weight:700}.table-checkbox{width:15px;height:15px;border-radius:40px;margin-left:10px;cursor:default;appearance:auto;padding:initial;border:1px solid white}.icon-btn-holder{position:relative;display:inline-block;cursor:pointer}.icon-btn-holder span{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:6px;background:#0057a4;color:#fff;padding:5px 8px;border-radius:5px;white-space:nowrap;display:none;z-index:10}.icon-btn-holder:hover span{display:block}.table-row-actions-anchor{position:relative}.table-row-view-more-hover{position:relative;display:inline-block}.table-row-view-more-hover:after{content:"";position:absolute;left:auto;right:0;top:100%;width:min(320px,85vw);height:12px;z-index:99}.view-more-icons-container{position:absolute;top:calc(100% + 6px);inset-inline-end:0;z-index:100;display:flex;flex-direction:column;align-items:stretch;gap:2px;min-width:max-content;max-width:min(320px,85vw);padding:6px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:8px;box-shadow:0 4px 12px #00000014}.view-more-menu-item{display:flex;align-items:center;gap:8px;margin:0;padding:8px 10px;font-size:12px;line-height:1.35;color:#01396b;text-align:left;white-space:nowrap;border-radius:6px;cursor:pointer;transition:background-color .15s ease,color .15s ease}.view-more-menu-item .view-more-menu-ic{float:none;flex:0 0 16px;width:16px;height:16px;margin:0;background-size:16px;background-position:center;background-repeat:no-repeat}.view-more-menu-item:hover,.view-more-menu-item:focus{outline:none;background:#e8f0fe;color:#0076de}.view-more-menu-item-danger{color:#c62828}.view-more-menu-item-danger:hover,.view-more-menu-item-danger:focus{background:#ffebee;color:#b71c1c}td.table-cell-row-actions{vertical-align:top}input[type=checkbox i]{border:none;margin-left:12px}.info-table-with-icon{float:left;width:calc(100% - 40px);margin-left:10px}.info-table{float:left;width:calc(100% - 40px)}.info-table>span:first-child{float:left;width:100%}.info-table>span:nth-child(2){float:left;width:100%;color:#0076de;font-weight:500}.info-table-with-icon>span:first-child{float:left;width:100%}.info-table-with-icon>span:nth-child(2){float:left;width:100%;color:#0076de;font-weight:500}.order-box-ic{float:left;margin:7px 7px 0 0;background-position:center;background-repeat:no-repeat;background-size:15px;width:15px;height:15px;background-image:url(/assets/icons/order-box-ic.svg)}.order-text{line-height:29px;color:#01396b;font-weight:600}.order-office{width:90%;padding:3px;border-radius:4px;border:1px solid #BEE0FF}.address-order-ic{background-size:22px;width:25px;height:25px;background-image:url(/assets/icons/address-order-ic.svg)}.sender-white-ic{background-size:22px;width:25px;height:25px;background-image:url(/assets/icons/sender-white-ic.svg)}.sender-black-ic{background-size:22px;width:25px;height:25px;background-image:url(/assets/icons/sender-black-ic.svg)}.sender-blue-ic{background-size:22px;width:25px;height:25px;background-image:url(/assets/icons/sender-blue-ic.svg)}.blocked-user-white-ic{background-size:22px;width:25px;height:25px;background-image:url(/assets/icons/blocked-user-white-ic.svg)}.settings-white-ic{background-size:22px;width:25px;height:25px;background-image:url(/assets/icons/settings-white-ic.svg)}.settings-black-ic{background-size:22px;width:25px;height:25px;background-image:url(/assets/icons/settings-black-ic.svg)}.map-white-ic{background-size:22px;width:25px;height:25px;background-image:url(/assets/icons/map-white-ic.svg)}.contact-white-ic{background-size:22px;width:25px;height:25px;background-image:url(/assets/icons/contact-white-ic.svg)}.order-box-white-ic{background-size:22px;width:25px;height:25px;background-image:url(/assets/icons/order-box-white-ic.svg)}.order-box-black-ic{background-size:22px;width:25px;height:25px;background-image:url(/assets/icons/order-box-black-ic.svg)}.order-box-blue-ic{background-size:22px;width:25px;height:25px;background-image:url(/assets/icons/order-box-blue-ic.svg)}.calculator-white-ic{background-size:22px;width:25px;height:25px;background-image:url(/assets/icons/calculator-white-ic.svg)}.address-reciever-ic{background-size:24px;width:25px;height:25px;background-image:url(/assets/icons/address-reciever-ic.svg)}.delivery-ic-sm{float:left;margin:4px 5px 0 0;background-position:center;background-repeat:no-repeat;background-size:24px;width:25px;height:25px;background-image:url(/assets/icons/delivery-ic.svg)}.np-ic-sm{float:left;margin:4px 5px 0 0;background-position:center;background-repeat:no-repeat;background-size:24px;width:25px;height:25px;background-image:url(/assets/icons/cash-ic.svg)}.card-ic{float:left;margin:4px 5px 0 0;background-position:center;background-repeat:no-repeat;background-size:24px;width:25px;height:25px;background-image:url(/assets/icons/card-ic.svg);display:inline-block}.label-container{display:flex;align-items:center;gap:5px;background:#d3d3d352;width:fit-content;padding:2px 5px;border-radius:5px}.label-container:hover{background-color:#d3d3d3}.generate-label-ic{float:left;background-position:center;background-repeat:no-repeat;background-size:24px;width:25px;height:25px;background-image:url(/assets/icons/label-fill-ic.svg);margin-right:5px}.print-label-ic{float:left;background-position:center;background-repeat:no-repeat;background-size:24px;width:25px;height:25px;background-image:url(/assets/icons/print-fill-ic.svg);margin-right:5px}.restore-ic{float:left;background-position:center;background-repeat:no-repeat;background-size:24px;width:25px;height:25px;background-image:url(/assets/icons/settings-fill-ic.svg);margin-right:5px}.remove-ic{float:left;background-position:center;background-repeat:no-repeat;background-size:24px;width:25px;height:25px;background-image:url(/assets/icons/remove-ic.svg);margin-right:5px}.eye-ic{float:left;background-position:center;background-repeat:no-repeat;background-size:24px;width:25px;height:25px;background-image:url(/assets/icons/eye.svg);margin-right:5px}.send-ic{float:left;background-position:center;background-repeat:no-repeat;background-size:24px;width:25px;height:25px;background-image:url(/assets/icons/send-ic.svg);margin-right:5px}.view-more-ic{float:left;background-position:center;background-repeat:no-repeat;background-size:24px;width:25px;height:25px;background-image:url(/assets/icons/view-more-ic.svg);margin-right:5px}.edit-fill-ic{float:left;background-position:center;background-repeat:no-repeat;background-size:24px;width:25px;height:25px;background-image:url(/assets/icons/edit-fill-ic.svg);margin-right:5px}.dollar-ic{float:left;background-position:center;background-repeat:no-repeat;background-size:24px;width:25px;height:25px;background-image:url(/assets/icons/dollar-sign.svg);margin-right:5px}.dollar{float:left;background-position:center;background-repeat:no-repeat;background-size:24px;width:25px;height:25px;background-image:url(/assets/icons/dollar.svg);margin-right:5px}.kilogram-ic{float:left;background-position:center;background-repeat:no-repeat;background-size:24px;width:25px;height:25px;background-image:url(/assets/icons/kilogram.svg);margin-right:5px}.history-fill-ic{float:left;background-position:center;background-repeat:no-repeat;background-size:24px;width:25px;height:25px;background-image:url(/assets/icons/history-fill-ic.svg);margin-right:5px}.add-fill-ic{float:left;background-position:center;background-repeat:no-repeat;background-size:24px;width:25px;height:25px;background-image:url(/assets/icons/plus-fill-ic.svg);margin-right:5px}.add-user-ic{float:left;background-position:center;background-repeat:no-repeat;background-size:24px;width:25px;height:25px;background-image:url(/assets/icons/add-user.svg);margin-right:5px}.download-ic{float:left;background-position:center;background-repeat:no-repeat;background-size:24px;width:25px;height:25px;background-image:url(/assets/icons/download-fill-ic.svg);margin-right:5px}.download-pdf-ic{float:left;background-position:center;background-repeat:no-repeat;background-size:24px;width:25px;height:25px;background-image:url(/assets/icons/pdf-file.svg);margin-right:5px}.download-excel-ic{float:left;background-position:center;background-repeat:no-repeat;background-size:24px;width:25px;height:25px;background-image:url(/assets/icons/excel-file.svg);margin-right:5px}.check-ic{float:left;background-position:center;background-repeat:no-repeat;background-size:24px;width:25px;height:25px;background-image:url(/assets/icons/check.svg);margin-right:5px}.deactivate-ic{float:left;background-position:center;background-repeat:no-repeat;background-size:24px;width:25px;height:25px;background-image:url(/assets/icons/stop.svg);margin-right:5px}.copy-key-ic{float:left;background-position:center;background-repeat:no-repeat;background-size:24px;width:25px;height:25px;background-image:url(/assets/icons/copy.svg);margin-right:5px}.event-ic{float:left;background-position:center;background-repeat:no-repeat;background-size:24px;width:25px;height:25px;background-image:url(/assets/icons/calendar-fill-ic.svg);margin-right:5px}.copy-ic{float:left;background-position:center;background-repeat:no-repeat;background-size:20px;width:20px;height:20px;background-image:url(/assets/icons/copy.svg);margin-left:1px}.status-badge.status-paid{background:#d1fae5;color:#047857}.status-badge.status-partially-paid{background:#ffedd5;color:#c2410c}.status-badge.status-unpaid{background:#fee2e2;color:#991b1b}.status-badge.status-overdue{background:#a52d2d;color:#fff}.container-filters{float:left;width:96%;padding:0 2%;height:auto}.container-filters{overflow:hidden;transition:max-height .5s ease;max-height:250px}.container-filters.collapsed{max-height:40px}.filter-row:nth-child(2){float:left;width:100%;padding-top:10px}.filter-row:nth-child(3){float:left;width:100%;padding-top:10px}.filter-col{float:left}.margin-icon{margin-left:45px!important}.filter-icon{float:left;background-position:center;background-repeat:no-repeat;background-size:contain;width:30px;height:30px}.filter-col-title{float:left;width:calc(100% - 55px);margin-left:10px;line-height:30px;font-size:14px;font-weight:600;color:#01396b}.filter-input{float:left;margin-left:15px;width:calc(100% - 15px);height:34px;border-radius:6px;border:1px solid #0076DE;padding:2px 0 0 10px;font-size:12px;color:#01396b;font-weight:700;box-sizing:border-box}.filter-input::placeholder{color:#0057a499;font-weight:400}.filter-select{float:left;margin-left:15px;width:calc(100% - 70px);height:34px;border-radius:6px;border:1px solid #0076DE;padding:2px 0 0 5px;font-size:12px;color:#01396b;font-weight:700}.big{width:calc(100% - 60px)}.filter-select.placeholder{color:#0057a499;font-weight:400}.filter-textarea{float:left;height:52px;resize:none;width:calc(100% - 30px);margin-left:15px;border:1px solid #Bee0FF;color:#0057a4;margin-top:15px;padding:7px;border-radius:5px;font-size:12px}.filter-input.has-icon{width:calc(100% - 60px);margin-left:15px}.filter-input.has-icon-invoice{width:calc(100% - 80px);margin-left:15px}.filter-small-input.has-icon{width:calc(50% - 51px);margin-left:15px}.date-picker-input.has-icon{cursor:pointer}.filter-label{margin-left:15px;float:left;font-size:14px;margin-bottom:10px;color:#01396b}.filter-divider{float:left;width:30px;height:30px;text-align:center;line-height:30px}.small-input-addon{float:left;width:100%}.small-input-addon .checkbox-label{float:left;margin-left:15px;margin-top:15px;font-size:14px;color:#0057a4;font-weight:400;line-height:20px}.small-input-addon .checkbox{float:right;background:#e4e4e4;width:20px;height:20px;margin-top:15px;border-radius:5px}.small-input-addon .checkbox.selected{background-position:center;background-repeat:no-repeat;background-size:cover}.small-input-addon .filter-input-addon{font-size:12px;color:#0057a4;float:left;font-weight:600;margin-top:19px;margin-left:5px}.upload-image-holder{float:left;width:calc(100% - 13px);margin-left:11px;margin-top:10px;border:1px solid #BEE0FF;border-radius:5px}.upload-image-holder .upload-image-empty{float:left;width:30px;height:30px;background-repeat:no-repeat;margin-left:10px;margin-top:10px;margin-bottom:10px}.upload-image-holder>span{float:left;font-size:12px;width:calc(100% - 50px);margin-left:10px;margin-top:10px;color:#0057a4;opacity:.5}.upload-image-holder .upload-image-row{float:left;margin-left:5px;margin-top:5px;height:28px;border:1px solid #BEE0FF;margin-bottom:5px}.upload-image-holder .upload-image-row .upload-image{float:left;margin-left:3px;margin-top:4px}.upload-image-holder .upload-image-row span{float:left;margin-left:5px;line-height:28px;font-size:12px;color:#01396b;margin-right:5px}.upload-image-holder .upload-image-row .remove-upload-image{float:left;width:12px;height:12px;margin-top:8px;margin-right:5px}.primary-btn{float:left;width:calc(50% - 10px);margin-left:10px;border-radius:8px;height:34px;background-color:#0076de;color:#fff;border:none;cursor:pointer;transition:all .3s ease;font-weight:600}.clear-btn{float:left;width:calc(50% - 10px);margin-left:10px;border-radius:8px;height:34px;background-color:#fff;color:#0076de;border:2px solid #0076DE;cursor:pointer;transition:all .3s ease;font-weight:600}.primary-btn:hover,.clear-btn:hover{opacity:.7}.loyal-client{font-size:13px;line-height:34px}.pagination-holder{float:left;width:100%;height:60px;box-shadow:0 0 3px 1px #0000001a}.pagination-holder .pagination{float:right;overflow:hidden;padding-top:20px;font-size:10px;margin-right:20px}.per-page{float:left}.page-number{float:left;margin:0 20px}.p-num{float:left;margin-right:5px;padding:5px 10px;cursor:pointer;color:#01396b;transition:all .3s ease;border-radius:4px}.p-num.active{color:#0076de}.pagination-icon-back{float:left;margin:0 5px;width:30px;height:22px;cursor:pointer;background-image:url(/assets/icons/back-btn.svg)}.pagination-icon-forward{float:left;width:30px;height:22px;cursor:pointer;background-image:url(/assets/icons/next-btn.svg)}.pagination-icon-back.disabled,.pagination-icon-forward.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.p-num:hover,.pagination-icon-back:hover,.pagination-icon-forward:hover,.p-num.active{background-color:#bee0ff;transition:all .3s ease}.pages-total{float:left;line-height:20px;align-items:center;margin-left:10px}.pages-total span{float:left;line-height:22px}.max-page{float:left;margin-left:10px;line-height:22px}.current-page{padding:0 16px;margin-left:10px;border:1px solid #BEE0FF;border-radius:8px;float:left}.per-page-select{padding:2px 6px;margin-left:10px;border:1px solid #BEE0FF;font-size:12px;border-radius:8px}.client-table-container{width:100%;background:#fff;border-radius:10px;border:1px solid #ecf1f8;box-sizing:border-box}.client-table-search{padding:14px 16px;border-bottom:1px solid #ecf1f8;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;background:transparent;align-items:center;font-size:15px;font-weight:700;color:#01396b}.client-table-search>div{display:flex;gap:10px;align-items:center}.client-table-search input,.client-table-search select{height:38px;padding:0 12px;border:1.5px solid #dce4ec;border-radius:8px;background-color:#fafbfc;outline:none;font-size:13px;font-weight:400;color:#01396b;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.client-table-search input{width:280px}.client-table-search input::placeholder{color:#8fa3b8}.client-table-search input:hover,.client-table-search select:hover{border-color:#b0c4d8}.client-table-search input:focus,.client-table-search select:focus{border-color:#0076de;box-shadow:0 0 0 3px #0076de1a;background-color:#fff}.client-table-search select{cursor:pointer}.client-table{width:100%;border-collapse:collapse;padding-top:0}.client-table thead th{text-align:left;font-size:12px;font-weight:600;letter-spacing:.3px;color:#3d5a80;padding:14px 16px;background:#f0f5fb;border-bottom:2px solid #e0eaf3;height:auto}.client-table tbody tr:nth-child(2n){background-color:#fafcfe}.client-table tbody tr:hover{background-color:#edf4ff}.client-table tbody td{padding:10px 16px;border-bottom:1px solid #f0f4f8;font-size:12px;color:#01396b}.client-table tbody tr:last-child td{border-bottom:none}.status-badge{display:inline-block;padding:3px 8px;border-radius:999px;font-size:12px;font-weight:600;background:#e5e7eb;color:#374151}.status-30{background:#e0f2fe;color:#075985}.status-31{background:#ccfbf1;color:#0f766e}.status-1{background:#fef3c7;color:#92400e}.status-3{background:#fde68a;color:#92400e}.status-delayed{background:#fdd08a;color:#991b1b;margin-left:4px}.status-4{background:#ddd6fe;color:#4c1d95}.status-7{background:#e9d5ff;color:#5b21b6}.status-15{background:#ede9fe;color:#5b21b6}.status-16{background:#ede9fe;color:#6d28d9}.status-19{background:#f3e8ff;color:#6b21a8}.status-8{background:#d1fae5;color:#065f46}.status-9{background:#d1fae5;color:#047857}.status-11{background:#bbf7d0;color:#166534}.status-2{background:#fee2e2;color:#991b1b}.status-12,.status-17{background:#fecaca;color:#7f1d1d}.status-18{background:#fee2e2;color:#991b1b}.empty-table-message{padding:20px;text-align:center;color:gray}.action{float:left;margin-left:20px}.action-button{float:left;background-color:#0076de;color:#fff;border:none;padding:10px 20px;margin-right:15px;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;box-shadow:0 4px 12px #0000001a;transition:all .3s ease}.action-button:hover{background-color:#fff;color:#0076de;border:1px solid #0076de}.header-back{float:left;width:150px;height:30px}.header-back span{float:left;margin-left:20px;color:#01396b;line-height:34px}.icon-back{background-position:center;float:left;width:50px;height:30px;background-repeat:no-repeat;border-radius:8px;border:1px solid #BEE0FF;background-image:url(/assets/icons/header-back.svg);background-size:30px;cursor:pointer}.view-shipment-container{float:left;width:calc(25% - 40px);height:330px;margin-left:30px;border-radius:16px;border:1px solid #BEE0FF}.view-shipment-container:nth-child(n+6){margin-top:10px}@media (max-width:1280px) and (min-width:1025px){.view-shipment-container{float:left;width:calc(33% - 40px);height:340px;margin-left:30px;border-radius:16px;border:1px solid #BEE0FF}.view-shipment-container:nth-child(n+2){margin-top:10px}}@media (max-width:1024px) and (min-width:681px){.view-shipment-container{float:left;width:calc(50% - 40px);height:340px;margin-left:30px;border-radius:16px;border:1px solid #BEE0FF}.view-shipment-container:nth-child(n+2){margin-top:10px}.header-buttons{display:none!important}}@media (max-width:680px){.view-shipment-container{float:left;margin-left:10px;width:calc(100% - 30px);height:340px;border-radius:16px;border:1px solid #BEE0FF}.view-shipment-container:nth-child(n+2){margin-top:10px}.header-buttons{display:none!important}.header-logo{width:160px;background-size:160px}.profile{width:auto}.profile .profile-info{display:none}.container-filters,.container-buttons{display:none!important}.notifications-icon{border-radius:10px!important}}.icon-row{float:left;width:calc(100% - 5px);height:40px;margin:10px 0 0 5px}.view-shipment-content{float:left;width:calc(100% - 40px);margin:10px 0 0 20px}.view-shipment-content span{float:left;width:100%;margin-bottom:5px;font-size:12px;color:gray}.view-shipment-content-text{float:left;width:100%;font-size:12px;color:#000;font-weight:300}.blue{color:#01396b;font-size:14px;font-weight:600}.view-shipment-office{width:fit-content;padding:3px;border-radius:4px;border:1px solid #BEE0FF}.container{float:left;width:100%;height:calc(100% - 60px);overflow-y:auto;overflow-x:hidden}.container.no-header{height:100%!important}.container.ci-scroll-lock{overflow-y:hidden}.container.has-sidebar{margin-left:260px;width:calc(100% - 260px)!important;height:100%!important;float:none!important;transition:margin-left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1)}.container.has-sidebar.sidebar-collapsed{margin-left:72px;width:calc(100% - 72px)!important}.loader-holder{flex:1;height:100%;box-sizing:border-box;align-items:center;justify-content:center;display:flex}.loader{position:relative;display:block;width:85px;height:50px;margin:8px auto 14px;background-repeat:no-repeat;background-image:linear-gradient(#0076DE 50px,transparent 0),linear-gradient(#0076DE 50px,transparent 0),linear-gradient(#0076DE 50px,transparent 0),linear-gradient(#0076DE 50px,transparent 0),linear-gradient(#0076DE 50px,transparent 0),linear-gradient(#0076DE 50px,transparent 0);background-position:0px center,15px center,30px center,45px center,60px center,75px center,90px center;animation:rikSpikeRoll .65s linear infinite alternate}.underlined_text{text-decoration:underline}.underlined_text:hover{color:#0076de}@keyframes rikSpikeRoll{0%{background-size:10px 3px}16%{background-size:10px 50px,10px 3px,10px 3px,10px 3px,10px 3px,10px 3px}33%{background-size:10px 30px,10px 50px,10px 3px,10px 3px,10px 3px,10px 3px}50%{background-size:10px 10px,10px 30px,10px 50px,10px 3px,10px 3px,10px 3px}66%{background-size:10px 3px,10px 10px,10px 30px,10px 50px,10px 3px,10px 3px}83%{background-size:10px 3px,10px 3px,10px 10px,10px 30px,10px 50px,10px 3px}to{background-size:10px 3px,10px 3px,10px 3px,10px 10px,10px 30px,10px 50px}}@media (max-width: 1024px){.container.has-sidebar{margin-left:72px;width:calc(100% - 72px)!important}}@media (max-width: 680px){.container.has-sidebar,.container.has-sidebar.sidebar-collapsed{margin-left:0;width:100%!important;height:100%!important}}.sh-page-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 12px}.sh-page-title{font-size:22px;font-weight:700;color:#01396b;margin:0;letter-spacing:-.3px}.sh-header-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.sh-btn{display:inline-flex;align-items:center;gap:6px;padding:0 16px;height:36px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;white-space:nowrap}.sh-btn .btn-ic{width:18px;height:18px;background-size:16px;margin:0}.sh-btn-outline{background:#fff;color:#0076de;border:1.5px solid #BEE0FF}.sh-btn-outline:hover{background:#f0f7ff;border-color:#0076de}.sh-btn-outline .btn-ic{filter:none}.sh-btn-primary{background:#0076de;color:#fff}.sh-btn-primary:hover{background:#005bb5;box-shadow:0 4px 12px #0076de4d}.sh-btn-primary .btn-ic{filter:brightness(0) invert(1)}.sh-filter-card{margin:0 24px 16px;background:#fff;border-radius:12px;border:1px solid #e8eef4;box-shadow:0 1px 4px #0025460f}.sh-primary-filters{display:flex;align-items:center;gap:10px;padding:14px 16px;flex-wrap:wrap}.sh-filter-field{display:flex;flex-direction:column;min-width:0}.sh-primary-filters>.sh-filter-field{flex:1;min-width:120px}.sh-primary-filters>.sh-date-range{flex:1.6;flex-direction:row;align-items:center;gap:6px}.sh-date-separator{color:#8fa3b8;font-size:14px;flex-shrink:0}.sh-input{height:38px;padding:0 12px;border:1.5px solid #dce4ec;border-radius:8px;font-size:13px;color:#01396b;background:#fafbfc;transition:all .2s ease;outline:none;width:100%;box-sizing:border-box}.sh-input::placeholder{color:#8fa3b8;font-weight:400}.sh-input:hover{border-color:#b0c4d8}.sh-input:focus{border-color:#0076de;background:#fff;box-shadow:0 0 0 3px #0076de1a}.sh-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%238fa3b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px;cursor:pointer;color:#8fa3b8}.sh-select.sh-has-value{color:#01396b;font-weight:600}.sh-date-input{flex:1;min-width:0}.sh-filter-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.sh-btn-search{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 20px;background:#0076de;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.sh-btn-search:hover{background:#005bb5;box-shadow:0 4px 12px #0076de40}.sh-btn-icon{width:16px;height:16px;background-size:contain;background-repeat:no-repeat;background-position:center;filter:brightness(0) invert(1)}.sh-btn-clear{height:38px;padding:0 14px;background:transparent;color:#5a7a9a;border:1.5px solid #dce4ec;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.sh-btn-clear:hover{background:#f5f7fa;border-color:#b0c4d8;color:#01396b}@media (max-width: 768px){.sh-page-header{padding:16px;flex-wrap:wrap;gap:12px}.sh-page-title{font-size:18px}.sh-filter-card{margin:0 12px 12px}.sh-primary-filters{flex-direction:column;align-items:stretch}.sh-primary-filters>.sh-filter-field,.sh-primary-filters>.sh-date-range{flex:none;width:100%}.sh-filter-actions{width:100%}.sh-filter-actions .sh-btn-search,.sh-filter-actions .sh-btn-clear{flex:1}}@media (max-width: 480px){.sh-page-header{padding:12px}.sh-header-actions{width:100%}.sh-header-actions .sh-btn{flex:1;justify-content:center;font-size:12px;padding:0 10px}.sh-filter-card{margin:0 8px 8px;border-radius:10px}.sh-primary-filters{padding:12px}}.sh-page-heading{display:flex;flex-direction:row;align-items:center;gap:10px;min-width:0}.sh-page-heading .flex-back-button{order:-1;margin-top:0;align-self:center;flex-shrink:0}.sh-page-subtitle{font-size:13px;color:#5a7a9a;margin:0}.sh-form-page{display:flex;flex-direction:column;gap:14px;padding:20px;background:#f5f5f5;flex:1 1 auto;min-height:100%;box-sizing:border-box}.sh-form-page>.sh-page-header{padding:0;flex-wrap:wrap;gap:12px}.sh-form-page>.sh-filter-card,.sh-form-page .sh-table-card{margin:0}.sh-form-content{display:flex;flex-direction:column;gap:14px}.sh-form-block{background:#fff;border-radius:10px;border:1px solid #ecf1f8;padding:16px;box-sizing:border-box;min-width:0}.sh-form-block-header{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#01396b;margin-bottom:14px}.sh-form-block-header>span{flex:1}.sh-form-block-header .icon{width:28px;height:28px;min-width:28px;display:inline-block;float:none;border-radius:7px;background-color:#eef5ff;background-position:center;background-repeat:no-repeat;background-size:20px}.sh-form-block-actions{display:flex;gap:8px;align-items:center;margin-left:auto}.sh-form-grid{display:grid;gap:12px;margin-bottom:12px}.sh-form-grid:last-child{margin-bottom:0}.sh-form-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sh-form-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sh-form-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sh-form-field{display:flex;flex-direction:column;gap:6px;min-width:0}.sh-form-field-full{grid-column:1 / -1}.sh-form-field>label{font-size:12px;color:#5a7a9a;font-weight:600}.sh-form-field input:not([type=checkbox]):not([type=radio]),.sh-form-field select,.sh-form-field textarea{width:100%;height:auto;border:1px solid #dbe3ef;border-radius:8px;background:#fff;font-size:14px;color:#01396b;padding:10px 12px;box-sizing:border-box;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.sh-form-field input:not([type=checkbox]):not([type=radio]):focus,.sh-form-field select:focus,.sh-form-field textarea:focus{border-color:#0076de;box-shadow:0 0 0 3px #0076de1a}.sh-form-field input:disabled,.sh-form-field select:disabled,.sh-form-field textarea:disabled{background:#f5f7fa;color:#5a7a9a;cursor:not-allowed}.sh-form-value{font-size:14px;color:#01396b;font-weight:500;word-break:break-word}.sh-form-checkbox{display:flex;align-items:center;gap:8px;font-size:13px;color:#01396b;min-height:38px}.sh-form-checkbox-row{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px}.sh-form-checkbox input{width:18px;height:18px;margin:0!important;cursor:pointer}.sh-form-checkbox label{cursor:pointer}.sh-form-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap}.sh-form-error{color:#d93025;font-size:13px;font-weight:500}.sh-btn-sm{height:30px;padding:0 12px;font-size:12px}.sh-btn-danger{background:linear-gradient(180deg,#fff5f5,#ffecec);color:#c62828;border:1.5px solid #f5a8a8}.sh-btn-danger:hover{background:#ffecec;border-color:#ef4444}.sh-btn-success{background:#effcf5;color:#0a8f4c;border:1.5px solid #9fe3bf}.sh-btn-success:hover{background:#dcf7e8;border-color:#0bc568}.sh-btn.disabled-btn,.sh-btn:disabled{opacity:.5;pointer-events:none}.sh-tabs{display:inline-flex;align-self:flex-start;flex-wrap:wrap;gap:4px;padding:4px;background:#fff;border:1px solid #e8eef4;border-radius:10px;box-shadow:0 1px 4px #0025460f}.sh-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:7px;font-size:13px;font-weight:600;color:#5a7a9a;cursor:pointer;white-space:nowrap;transition:background-color .2s ease,color .2s ease}.sh-tab:hover{background:#f0f7ff;color:#01396b}.sh-tab.sh-tab-active{background:#0076de;color:#fff}.sh-tab-count{min-width:20px;padding:1px 6px;border-radius:10px;background:#eef5ff;color:#0076de;font-size:11px;text-align:center;box-sizing:border-box}.sh-tab.sh-tab-active .sh-tab-count{background:#ffffff40;color:#fff}.sh-table-card{background:#fff;border-radius:10px;border:1px solid #ecf1f8;overflow-x:auto}.sh-table-card>.sh-form-block-header{padding:16px 16px 0}.sh-table-card table,.sh-form-block table.sh-table{padding-top:0}.sh-table td input:not([type=checkbox]):not([type=radio]),.sh-table td select{width:100%;max-width:160px;height:32px;border:1px solid #dbe3ef;border-radius:6px;background:#fff;font-size:12px;color:#01396b;padding:0 8px;box-sizing:border-box}.sh-table td:has(>.currency-symbol){white-space:nowrap}.sh-table td:has(>.currency-symbol) input{width:calc(100% - 24px);min-width:64px}.sh-table td .currency-symbol{display:inline-block;width:18px;margin-left:4px;color:#5a7a9a;font-weight:600}.sh-table-scroll{overflow-x:auto;border:1px solid #ecf1f8;border-radius:8px}.sh-table-scroll>.sh-table{width:100%}.sh-table-scroll>.sh-table thead th{white-space:normal;text-wrap:balance;padding:10px 6px!important;line-height:1.3!important}.sh-table-scroll>.sh-table tbody td{padding:8px 6px}.sh-table-scroll>.sh-table td input:not([type=checkbox]):not([type=radio]){max-width:none;min-width:0}.sh-table-scroll>.sh-table td:has(>.currency-symbol) input{width:calc(100% - 18px);min-width:0}.sh-table-scroll>.sh-table td .currency-symbol{width:12px;margin-left:4px}.sh-form-subtitle{margin:18px 0 10px;font-size:13px;font-weight:700;color:#01396b}.sh-form-subtitle:first-child{margin-top:0}.sh-empty-state{padding:24px 16px;text-align:center;color:#8fa3b8;font-size:13px}@media (max-width: 1024px){.sh-form-grid-2,.sh-form-grid-3,.sh-form-grid-4{grid-template-columns:1fr}}@media (max-width: 768px){.sh-form-page{padding:12px}.sh-tabs{align-self:stretch}}.sh-table thead{background-color:#f0f5fb!important}.sh-table thead th{background-color:#f0f5fb!important;color:#3d5a80!important;font-size:12px!important;font-weight:600!important;letter-spacing:.3px;padding:14px 8px!important;border-bottom:2px solid #e0eaf3;line-height:1.4!important;height:auto!important;vertical-align:middle;white-space:nowrap}.sh-table thead th .table-header-icon{display:inline-block!important;float:none!important;width:14px!important;height:14px!important;background-size:13px!important;vertical-align:middle;margin-left:2px;margin-top:-1px;flex-shrink:0}.sh-table tbody{min-height:200px}.sh-table tbody tr{border-bottom:1px solid #f0f4f8}.sh-table tbody tr:nth-child(2n){background-color:#fafcfe!important}.sh-table tbody tr:not(.no-hover):hover{background:#edf4ff!important}.sh-table tbody td{padding:10px;font-size:12px;vertical-align:middle}.sh-pagination{position:fixed!important;bottom:0;left:260px;width:calc(100% - 260px)!important;height:52px!important;margin:0!important;padding:0 32px!important;background:#fff;border-top:1px solid #e8eef4;box-shadow:0 -2px 8px #0025460d;z-index:100;display:flex;align-items:center;box-sizing:border-box;transition:left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1)}.sidebar-collapsed~.container .sh-pagination{left:72px;width:calc(100% - 72px)!important}.sh-pagination .pagination{display:flex!important;align-items:center;justify-content:space-between;float:none!important;width:100%!important;padding:0!important;margin:0!important;height:auto}.sh-pagination .per-page{float:none!important;display:flex;align-items:center;gap:10px;width:auto!important;order:1;flex:1}.sh-pagination .per-page label{float:none!important;font-size:13px;color:#5a7a9a;white-space:nowrap;margin:0}.sh-pagination .per-page-select{height:30px;border-radius:6px;border:1.5px solid #dce4ec;padding:0 10px;font-size:13px;color:#01396b;font-weight:600;background:#fafbfc;cursor:pointer;transition:border-color .2s ease}.sh-pagination .per-page-select:hover{border-color:#0076de}.sh-pagination .page-number{float:none!important;display:flex;align-items:center;justify-content:flex-end;gap:6px;margin:0!important;order:3;flex:1}.sh-pagination .p-num{float:none!important;display:flex;align-items:center;justify-content:center;width:auto;min-width:12px;height:16px;border-radius:5px;border:1.5px solid #b8c8d8!important;font-size:11px;font-weight:600;color:#3d5a80;cursor:pointer;transition:all .15s ease;margin:0!important;padding:4px 8px;background:#f5f8fb;white-space:nowrap}.sh-pagination .p-num:hover{background:#e8f0fa!important;border-color:#0076de;color:#01396b}.sh-pagination .p-num.active{background:#0076de!important;color:#fff!important;font-weight:600;border-color:#0076de;box-shadow:0 2px 6px #0076de40}.sh-pagination .pagination-icon-first,.sh-pagination .pagination-icon-last,.sh-pagination .pagination-icon-back,.sh-pagination .pagination-icon-forward{float:none!important;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:0;border:none!important;background-color:transparent;background-image:none!important;cursor:pointer;transition:color .15s ease;margin:0!important;font-size:0;color:#5a7a9a}.sh-pagination .pagination-icon-first:after{content:"\ab";font-size:18px;font-weight:700;line-height:1;letter-spacing:-1px;color:inherit}.sh-pagination .pagination-icon-last:after{content:"\bb";font-size:18px;font-weight:700;line-height:1;letter-spacing:-1px;color:inherit}.sh-pagination .pagination-icon-back:after{content:"\2039";font-size:20px;font-weight:600;line-height:1;color:inherit}.sh-pagination .pagination-icon-forward:after{content:"\203a";font-size:20px;font-weight:600;line-height:1;color:inherit}.sh-pagination .pagination-icon-first+.pagination-icon-back,.sh-pagination .pagination-icon-forward+.pagination-icon-last{margin-left:-8px!important}.sh-pagination .pagination-icon-first:hover,.sh-pagination .pagination-icon-last:hover,.sh-pagination .pagination-icon-back:hover,.sh-pagination .pagination-icon-forward:hover{color:#0076de}.sh-pagination .pagination-icon-first.disabled,.sh-pagination .pagination-icon-last.disabled,.sh-pagination .pagination-icon-back.disabled,.sh-pagination .pagination-icon-forward.disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.sh-pagination .pages-total{float:none!important;display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;color:#5a7a9a;margin:0!important;order:2;flex:1}.sh-pagination .current-page{color:#01396b;font-weight:600;padding:4px 12px;border:1.5px solid #dce4ec;border-radius:6px;background:#fafbfc;font-size:13px;width:auto;white-space:nowrap}.sh-pagination .max-page{color:#01396b;font-weight:500;font-size:13px;margin-left:0}@media (max-width: 1024px){.sh-pagination{left:72px!important;width:calc(100% - 72px)!important}.sh-pagination .pagination{flex-wrap:wrap;gap:8px;justify-content:center}.sh-pagination .per-page,.sh-pagination .pages-total{display:none}}@media (max-width: 680px){.sh-pagination{left:0!important;width:100%!important}}.dark-theme{background-color:#041a2d;color:#e0e0e0}.dark-theme .header-buttons li:hover,.dark-theme .header-buttons li.active{color:#fff}.dark-theme .header-buttons li.active:before{background-color:#ffdc07;box-shadow:0 0 6px 2px #ffdc0759}.dark-theme .modal-layer .modal{background-color:#1b2a40;color:#fff}.dark-theme .container-name,.dark-theme .filter-name,.dark-theme .order-text,.dark-theme .table-text,.dark-theme .p-num,.dark-theme .status{color:#e0e0e0}.dark-theme .filter-input,.dark-theme .filter-select{background-color:#0e1f30;color:#e0e0e0;border:1px solid #3a7bd5}.dark-theme .filter-input::placeholder,.dark-theme .filter-select.placeholder{color:#ffffff80}.dark-theme .btn.default{border-color:#3a7bd5;color:#3a7bd5;background-color:transparent}.dark-theme .btn.default:hover{background-color:#3a7bd5;color:#fff}.dark-theme .btn.secondary{background-color:#0bc568;color:#fff}.dark-theme .btn.secondary:hover{background-color:#0ca558}.dark-theme thead{background-color:#01396b}.dark-theme th{background-color:#01396b;color:#fff}.dark-theme tbody tr:nth-child(2n){background-color:#01396b}.dark-theme .table-checkbox{border:1px solid #666}.dark-theme .current-page,.dark-theme .per-page-select{border:1px solid #3a7bd5;background-color:#0e1f30;color:#e0e0e0}.dark-theme .p-num.active{color:#3a7bd5}.dark-theme .p-num:hover,.dark-theme .pagination-icon-first:hover,.dark-theme .pagination-icon-last:hover,.dark-theme .pagination-icon-back:hover,.dark-theme .pagination-icon-forward:hover{background-color:#1a406a}.dark-theme .clear-btn{background-color:#041a2d}.login-background{background-color:#0057a4;width:100%;height:100%;position:relative;display:flex;flex-direction:column;justify-content:safe center;overflow-y:auto}.login-logo{flex-shrink:0;background-position:center;background-repeat:no-repeat;background-size:350px;width:600px;height:200px;margin-left:calc(50% - 300px);background-image:url(/assets/logos/logo-shipvam.png)}.login-boxes-left{z-index:1;position:absolute;left:260px;top:calc(50% + 110px);background-image:url(/assets/images/boxes-left.png);width:270px;height:270px;background-repeat:no-repeat;background-position:center}.login-boxes-right{z-index:1;position:absolute;right:260px;top:calc(50% + 110px);background-image:url(/assets/images/boxes-right.png);width:270px;height:270px;background-repeat:no-repeat;background-position:center}.login-panel{z-index:1000;width:460px;height:380px;flex-shrink:0;margin-left:calc(50% - 230px);border-radius:16px;background-color:#fff;position:relative;float:left}.forgot-password-panel{z-index:1000;width:460px;height:340px;flex-shrink:0;margin-left:calc(50% - 230px);border-radius:16px;background-color:#fff;position:relative;float:left}.login-input-row{float:left;margin-top:40px;width:76%;padding:0% 10%}.login-input-row span{float:left;width:100%;height:20px;font-size:13px;color:#01396b;font-weight:700}.login-input-row input{float:left;width:100%;padding-left:10px;height:40px;color:#0057a4;border-radius:6px;border:1px solid #BEE0FF;font-size:12px}.login-input-row input::placeholder{color:#0057a4}.login-text-right{float:right;width:auto;color:#0076de;font-size:12px;height:25px;margin-top:20px;font-weight:700;text-decoration:underline;cursor:pointer}.login-text-right:hover{opacity:.7}.login-btn{float:left;width:80%;margin-left:10%;margin-top:20px;background-color:#0076de;border:none;height:35px;color:#fff;border-radius:5px;cursor:pointer;transition:all .3s ease}.login-btn:hover{opacity:.7}.login-error{float:left;background:#ffe2e1;width:80%;margin-left:10%;height:34px;color:red;border:none;border-radius:5px;display:flex;align-items:center;justify-content:center}.package-list{float:left;width:calc(100% - 13px);margin-left:15px;margin-top:10px;max-height:240px;min-height:240px;overflow-y:auto}.package-list::-webkit-scrollbar{width:5px}.package-list::-webkit-scrollbar-thumb{background:#bee0ff;border-radius:5px}.package-list .package{float:left;width:calc(100% - 5px);height:90px;border:1px solid #BEE0FF;border-radius:5px}.package-list .package:not(:first-child){margin-top:10px}.package-list .package .package-description{float:left;margin-left:15px;width:240px;margin-right:100px}.package-list .package .package-weight{float:left;margin-left:15px}.package-list .package .package-size-weight,.package-list .package .package-size{float:left}.package-list .package>div>span:first-child{float:left;width:100%;font-size:12px;font-weight:700;color:#01396b;opacity:.5;margin-top:10px}.package-list .package>div>span:nth-child(2){float:left;width:100%;font-size:14px;color:#01396b}.calculation-table td:first-child{color:#01396b;font-size:12px;line-height:20px}.calculation-table td:nth-child(2),.calculation-table td:nth-child(3){line-height:20px;color:#0076de;font-weight:700;text-align:right}.other-fee-line{display:block;margin-top:2px;font-size:12px;font-weight:400;line-height:16px}.icon{float:left;background-position:center;background-repeat:no-repeat}.label-ic{background-image:url(/assets/icons/label-ic.svg)}.btn:hover>.label-ic{background-image:url(/assets/icons/label-active-ic.svg)}.adjust-weight-ic{background-size:25px;background-image:url(/assets/icons/adjust-weight-ic.svg)}.btn:hover>.adjust-weight-ic{background-image:url(/assets/icons/adjust-weight-active-ic.svg)}.return-order-ic{background-size:25px;background-image:url(/assets/icons/return-order-ic.svg)}.btn:hover>.return-order-ic{background-image:url(/assets/icons/return-order-active-ic.svg)}.request-ic{background-size:25px;background-image:url(/assets/icons/download-fill-ic.svg)}.btn:hover>.request-ic{background-image:url(/assets/icons/request-active-ic.svg)}.plus-ic{background-size:15px;background-image:url(/assets/icons/plus-ic.svg)}.filter-ic{background-image:url(/assets/icons/filter-ic.svg);background-size:16px}.arrow-up-ic{background-image:url(/assets/icons/arrow-up.svg);background-size:12px}.order-box-ic-lg{background-image:url(/assets/icons/order-box-ic.svg)}.order-box-blue-ic{background-image:url(/assets/icons/order-box-blue-ic.svg)}.sender-blue-ic{background-image:url(/assets/icons/sender-blue-ic.svg)}.packets-ic{background-image:url(/assets/icons/packets-ic.svg)}.calendar-ic{background-image:url(/assets/icons/calendar-ic.svg)}.person-ic{background-image:url(/assets/icons/person-ic.svg)}.delivery-ic{background-image:url(/assets/icons/delivery-ic.svg)}.delivery-blue-ic{background-image:url(/assets/icons/delivery-blue-ic.svg)}.cash-ic{background-image:url(/assets/icons/cash-ic.svg)}.photo-ic{background-image:url(/assets/icons/photo-ic.svg)}.calculator-ic{background-image:url(/assets/icons/calculator-ic.svg)}.edit-pen-ic{background-image:url(/assets/icons/edit-pen.svg)}.edit-pen-blue-ic{background-image:url(/assets/icons/edit-pen-blue-ic.svg)}.product-return-ic{background-image:url(/assets/icons/product-return.svg)}.add-box-ic{background-image:url(/assets/icons/add-box-ic.svg)}.map-ic{background-image:url(/assets/icons/map-ic.svg)}.phone-ic{background-image:url(/assets/icons/telephone-ic.svg)}.address-ic{background-image:url(/assets/icons/address-order-ic.svg)}.back-order-ic{background-image:url(/assets/icons/back-order-ic.svg)}.reciever-ic{background-image:url(/assets/icons/address-reciever-ic.svg)}.legend-ic{background-image:url(/assets/icons/legend-chart-ic.png)}.pie-chart-ic{background-image:url(/assets/icons/pie-chart-ic.svg)}.line-chart-ic{background-image:url(/assets/icons/line-chart-ic.svg)}.edit-clients-ic{background-image:url(/assets/icons/edit.svg);background-size:20px}.history-clients-ic{background-image:url(/assets/icons/history.svg);background-size:20px;margin-left:5px}.remove-clients-ic{background-image:url(/assets/icons/remove-ic.svg);background-size:25px}.print-ic{background-image:url(/assets/icons/print.svg);background-size:20px;margin-left:5px}.search-ic{background-image:url(/assets/icons/search-ic.svg)}.plus-blue-ic{background-image:url(/assets/icons/plus-blue-ic.svg)}.upload-file{background-image:url(/assets/icons/upload-file-ic.svg)}.webcam{background-image:url(/assets/images/webcam.png)}.upload-image-placeholder{background-image:url(/assets/icons/upload-image-placeholder-ic.svg)}.upload-image{background-image:url(/assets/icons/upload-image-ic.svg)}.remove-upload-image{background-image:url(/assets/icons/remove-upload-image-ic.svg)}.arrow-back{background-image:url(/assets/icons/arrow-back-ic.svg)}.selected-checkbox{background-image:url(/assets/icons/selected-checkbox.svg)!important}.notification-bell{background-image:url(/assets/icons/notification-bell-ic.svg)}.view-shipment-icon{float:left;width:35px;height:35px;margin:2px 0 0 15px;background-size:32px;background-position:center;background-repeat:no-repeat}.view-shipment-icon-right{float:right;border-radius:8px;margin-right:10px;width:35px;height:35px;border:1px solid #BEE0FF;background-position:center;background-repeat:no-repeat;background-size:18px}.disabled-btn{opacity:.5;cursor:not-allowed;pointer-events:none}.col-1{width:calc(8.33% - 2px)!important}.col-2{width:calc(16.66% - 2px)!important}.col-3{width:calc(25% - 2px)!important}.col-4{width:calc(33.33% - 2px)!important}.col-5{width:calc(41.66% - 2px)!important}.col-6{width:calc(50% - 2px)!important}.col-7{width:calc(58.33% - 2px)!important}.col-8{width:calc(66.66% - 2px)!important}.col-9{width:calc(75% - 2px)!important}.col-10{width:calc(83.33% - 2px)!important}.col-11{width:calc(91.66% - 2px)!important}.col-12{width:calc(100% - 2px)!important}.col-1-margin{width:calc(8.33% - 40px);margin-left:20px}.col-2-margin{width:calc(16.66% - 40px);margin-left:20px}.col-2-margin-custom{width:calc(16.66% - 70px);margin-left:20px}.col-3-margin{width:calc(25% - 40px);margin-left:20px}.col-3-bigger-margin-custom{width:calc(25% - 40px);margin-left:41px}.col-3-margin-custom{width:calc(25% - 23px)}.col-3-margin-dates{width:25%}.col-4-margin{width:calc(33.33% - 40px);margin-left:20px}.col-5-margin{width:calc(41.66% - 40px);margin-left:20px}.col-6-margin{width:calc(50% - 40px);margin-left:20px}.col-7-margin{width:calc(58.33% - 40px);margin-left:20px}.col-8-margin{width:calc(66.66% - 40px);margin-left:20px}.col-9-margin{width:calc(75% - 40px);margin-left:20px}.col-10-margin{width:calc(83.33% - 40px);margin-left:20px}.col-11-margin{width:calc(91.66% - 40px);margin-left:20px}.col-12-margin{width:calc(100% - 40px);margin-left:20px}@media (max-width:491px){.col-xs-1{width:calc(8.33% - 2px)!important}.col-xs-2{width:calc(16.66% - 2px)!important}.col-xs-3{width:calc(25% - 2px)!important}.col-xs-4{width:calc(33.33% - 2px)!important}.col-xs-5{width:calc(41.66% - 2px)!important}.col-xs-6{width:calc(50% - 2px)!important}.col-xs-7{width:calc(58.33% - 2px)!important}.col-xs-8{width:calc(66.66% - 2px)!important}.col-xs-9{width:calc(75% - 2px)!important}.col-xs-10{width:calc(83.33% - 2px)!important}.col-xs-11{width:calc(91.66% - 2px)!important}.col-xs-12{width:calc(100% - 2px)!important}.col-xs-hidden{display:none!important}.col-xs-1-margin{width:calc(8.33% - 40px);margin-left:20px}.col-xs-2-margin{width:calc(16.66% - 40px);margin-left:20px}.col-xs-3-margin{width:calc(25% - 40px);margin-left:20px}.col-xs-4-margin{width:calc(33.33% - 40px);margin-left:20px}.col-xs-5-margin{width:calc(41.66% - 40px);margin-left:20px}.col-xs-6-margin{width:calc(50% - 40px);margin-left:20px}.col-xs-7-margin{width:calc(58.33% - 40px);margin-left:20px}.col-xs-8-margin{width:calc(66.66% - 40px);margin-left:20px}.col-xs-9-margin{width:calc(75% - 40px);margin-left:20px}.col-xs-10-margin{width:calc(83.33% - 40px);margin-left:20px}.col-xs-11-margin{width:calc(91.66% - 40px);margin-left:20px}.col-xs-12-margin{width:calc(100% - 40px);margin-left:20px}}@media (max-width:767px) and (min-width:492px){.col-sm-1{width:calc(8.33% - 2px)!important}.col-sm-2{width:calc(16.66% - 2px)!important}.col-sm-3{width:calc(25% - 2px)!important}.col-sm-4{width:calc(33.33% - 2px)!important}.col-sm-5{width:calc(41.66% - 2px)!important}.col-sm-6{width:calc(50% - 2px)!important}.col-sm-7{width:calc(58.33% - 2px)!important}.col-sm-8{width:calc(66.66% - 2px)!important}.col-sm-9{width:calc(75% - 2px)!important}.col-sm-10{width:calc(83.33% - 2px)!important}.col-sm-11{width:calc(91.66% - 2px)!important}.col-sm-12{width:calc(100% - 2px)!important}.col-sm-hidden{display:none!important}.col-sm-1-margin{width:calc(8.33% - 40px);margin-left:20px}.col-sm-2-margin{width:calc(16.66% - 40px);margin-left:20px}.col-sm-3-margin{width:calc(25% - 40px);margin-left:20px}.col-sm-4-margin{width:calc(33.33% - 40px);margin-left:20px}.col-sm-5-margin{width:calc(41.66% - 40px);margin-left:20px}.col-sm-6-margin{width:calc(50% - 40px);margin-left:20px}.col-sm-7-margin{width:calc(58.33% - 40px);margin-left:20px}.col-sm-8-margin{width:calc(66.66% - 40px);margin-left:20px}.col-sm-9-margin{width:calc(75% - 40px);margin-left:20px}.col-sm-10-margin{width:calc(83.33% - 40px);margin-left:20px}.col-sm-11-margin{width:calc(91.66% - 40px);margin-left:20px}.col-sm-12-margin{width:calc(100% - 40px);margin-left:20px}}@media (min-width: 768px) and (max-width:991px){.col-md-1{width:calc(8.33% - 2px)!important}.col-md-2{width:calc(16.66% - 2px)!important}.col-md-3{width:calc(25% - 2px)!important}.col-md-4{width:calc(33.33% - 2px)!important}.col-md-5{width:calc(41.66% - 2px)!important}.col-md-6{width:calc(50% - 2px)!important}.col-md-7{width:calc(58.33% - 2px)!important}.col-md-8{width:calc(66.66% - 2px)!important}.col-md-9{width:calc(75% - 2px)!important}.col-md-10{width:calc(83.33% - 2px)!important}.col-md-11{width:calc(91.66% - 2px)!important}.col-md-12{width:calc(100% - 2px)!important}.col-md-hidden{display:none!important}.col-md-1-margin{width:calc(8.33% - 40px);margin-left:20px}.col-md-2-margin{width:calc(16.66% - 40px);margin-left:20px}.col-md-3-margin{width:calc(25% - 40px);margin-left:20px}.col-md-4-margin{width:calc(33.33% - 40px);margin-left:20px}.col-md-5-margin{width:calc(41.66% - 40px);margin-left:20px}.col-md-6-margin{width:calc(50% - 40px);margin-left:20px}.col-md-7-margin{width:calc(58.33% - 40px);margin-left:20px}.col-md-8-margin{width:calc(66.66% - 40px);margin-left:20px}.col-md-9-margin{width:calc(75% - 40px);margin-left:20px}.col-md-10-margin{width:calc(83.33% - 40px);margin-left:20px}.col-md-11-margin{width:calc(91.66% - 40px);margin-left:20px}.col-md-12-margin{width:calc(100% - 40px);margin-left:20px}}@media (min-width: 992px) and (max-width:1199px){.col-lg-1{width:calc(8.33% - 2px)!important}.col-lg-2{width:calc(16.66% - 2px)!important}.col-lg-3{width:calc(25% - 2px)!important}.col-lg-4{width:calc(33.33% - 2px)!important}.col-lg-5{width:calc(41.66% - 2px)!important}.col-lg-6{width:calc(50% - 2px)!important}.col-lg-7{width:calc(58.33% - 2px)!important}.col-lg-8{width:calc(66.66% - 2px)!important}.col-lg-9{width:calc(75% - 2px)!important}.col-lg-10{width:calc(83.33% - 2px)!important}.col-lg-11{width:calc(91.66% - 2px)!important}.col-lg-12{width:calc(100% - 2px)!important}.col-lg-hidden{display:none!important}.col-lg-1-margin{width:calc(8.33% - 40px);margin-left:20px}.col-lg-2-margin{width:calc(16.66% - 40px);margin-left:20px}.col-lg-3-margin{width:calc(25% - 40px);margin-left:20px}.col-lg-4-margin{width:calc(33.33% - 40px);margin-left:20px}.col-lg-5-margin{width:calc(41.66% - 40px);margin-left:20px}.col-lg-6-margin{width:calc(50% - 40px);margin-left:20px}.col-lg-7-margin{width:calc(58.33% - 40px);margin-left:20px}.col-lg-8-margin{width:calc(66.66% - 40px);margin-left:20px}.col-lg-9-margin{width:calc(75% - 40px);margin-left:20px}.col-lg-10-margin{width:calc(83.33% - 40px);margin-left:20px}.col-lg-11-margin{width:calc(91.66% - 40px);margin-left:20px}.col-lg-12-margin{width:calc(100% - 40px);margin-left:20px}}@media (min-width: 1200px){.col-xl-1{width:calc(8.33% - 2px)!important}.col-xl-2{width:calc(16.66% - 2px)!important}.col-xl-3{width:calc(25% - 2px)!important}.col-xl-4{width:calc(33.33% - 2px)!important}.col-xl-5{width:calc(41.66% - 2px)!important}.col-xl-6{width:calc(50% - 2px)!important}.col-xl-7{width:calc(58.33% - 2px)!important}.col-xl-8{width:calc(66.66% - 2px)!important}.col-xl-9{width:calc(75% - 2px)!important}.col-xl-10{width:calc(83.33% - 2px)!important}.col-xl-11{width:calc(91.66% - 2px)!important}.col-xl-12{width:calc(100% - 2px)!important}.col-xl-hidden{display:none!important}.col-xl-1-margin{width:calc(8.33% - 40px);margin-left:20px}.col-xl-2-margin{width:calc(16.66% - 40px);margin-left:20px}.col-xl-3-margin{width:calc(25% - 40px);margin-left:20px}.col-xl-4-margin{width:calc(33.33% - 40px);margin-left:20px}.col-xl-5-margin{width:calc(41.66% - 40px);margin-left:20px}.col-xl-6-margin{width:calc(50% - 40px);margin-left:20px}.col-xl-7-margin{width:calc(58.33% - 40px);margin-left:20px}.col-xl-8-margin{width:calc(66.66% - 40px);margin-left:20px}.col-xl-9-margin{width:calc(75% - 40px);margin-left:20px}.col-xl-10-margin{width:calc(83.33% - 40px);margin-left:20px}.col-xl-11-margin{width:calc(91.66% - 40px);margin-left:20px}.col-xl-12-margin{width:calc(100% - 40px);margin-left:20px}}.loader-container{float:left;margin-left:calc(50% - 75px);width:150px;height:150px;background-size:100px;background-position:center;background-repeat:no-repeat;background-image:url(/assets/images/Shipvam---Loader3.gif)}@keyframes rotate{to{transform:rotate(360deg)}}.selectable{cursor:pointer}.custom-checkbox-container{float:left;cursor:pointer;transition:all .3s ease}.custom-checkbox-container:hover{opacity:.6}.custom-checkbox-container input[type=checkbox]{display:none}.custom-checkbox-container .custom-checkbox{float:left;width:14px;height:14px;border:2px solid #0076de;border-radius:3px;position:relative;margin-left:50%}.custom-checkbox-container>input[type=checkbox]:checked+.custom-checkbox:before{content:"";position:absolute;width:10px;height:10px;left:2px;top:2px;background:#0076de}.custom-checkbox-container.is-disabled,.custom-checkbox-container:has(input:disabled){cursor:not-allowed;pointer-events:none;opacity:.4}.custom-checkbox-container.is-disabled:hover,.custom-checkbox-container:has(input:disabled):hover{opacity:.4}.status-new{color:#0076de;font-size:12px;line-height:30px}.status-canceled{color:red;font-size:12px;line-height:30px}.status-confirmed{color:#00b500;font-size:12px;line-height:30px}@media (max-width:480px){.mobile-menu-btn{display:block!important}.header-logo{margin-left:calc(50% - 135px)!important}.login-logo{width:90%;background-size:100%;margin-left:5%}.login-panel{width:calc(100% - 20px);margin-left:10px}}@media (max-width: 480px){.container-filters.collapsed{padding:0 5%;max-height:0px!important}.filter-row{display:flex;flex-direction:column;width:100%;padding-top:8px}.filter-col{float:none;width:90%!important;margin-bottom:12px;margin-left:0}.filter-input,.filter-select,.filter-input.has-icon,.filter-small-input.has-icon{width:100%!important;margin-left:0!important}.filter-divider{display:none}.margin-icon{margin-left:0!important}.filter-icon{display:none}.primary-btn,.clear-btn{width:100%!important;margin:5px 0}.loyal-client{display:block;margin-bottom:5px}.profile-image{display:none!important}}.warehouse{background-image:url(/assets/images/warehouse.svg)}.onboard-modal-layer{position:fixed;width:100%;height:100%;z-index:50000;top:0;left:0;display:flex;align-items:center;justify-content:center}.onboard-modal-layer .onboard-modal-backdrop{position:absolute;z-index:1;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.onboard-modal-layer .onboard-modal{position:relative;z-index:2;width:1000px;max-width:95vw;height:680px;max-height:90vh;background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;display:flex;overflow:hidden}.onboard-sidebar{width:380px;background:#f8f9fa;padding:32px 28px;display:flex;flex-direction:column;position:relative;overflow:hidden}.onboard-sidebar-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:40px;padding:16px;background:#fff;border-radius:12px;border:1px solid #e5e7eb}.onboard-info-icon{width:24px;height:24px;min-width:24px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.onboard-sidebar-header span{font-size:13px;color:#4b5563;line-height:1.5}.onboard-steps{display:flex;flex-direction:column;gap:24px;flex:1}.onboard-step{display:flex;gap:16px;align-items:flex-start}.onboard-step-icon{width:40px;height:40px;min-width:40px;border-radius:10px;background-color:#e5e7eb;background-position:center;background-repeat:no-repeat;background-size:20px}.onboard-step.active .onboard-step-icon{background-color:#0057a4}.onboard-step-icon.workspace-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z'/%3E%3C/svg%3E")}.onboard-step.active .onboard-step-icon.workspace-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z'/%3E%3C/svg%3E")}.onboard-step-icon.verification-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E")}.onboard-step.active .onboard-step-icon.verification-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E")}.onboard-step-icon.email-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 19l9 2-9-18-9 18 9-2zm0 0v-8'/%3E%3C/svg%3E")}.onboard-step.active .onboard-step-icon.email-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 19l9 2-9-18-9 18 9-2zm0 0v-8'/%3E%3C/svg%3E")}.onboard-step-icon.contacts-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z'/%3E%3C/svg%3E")}.onboard-step.active .onboard-step-icon.contacts-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z'/%3E%3C/svg%3E")}.onboard-step-icon.address-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 11a3 3 0 11-6 0 3 3 0 016 0z'/%3E%3C/svg%3E")}.onboard-step.active .onboard-step-icon.address-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 11a3 3 0 11-6 0 3 3 0 016 0z'/%3E%3C/svg%3E")}.onboard-step.passed .onboard-step-icon{background-color:#57e257}.onboard-step.passed .onboard-step-icon.workspace-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z'/%3E%3C/svg%3E")}.onboard-step.passed .onboard-step-icon.verification-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E")}.onboard-step.passed .onboard-step-icon.email-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 19l9 2-9-18-9 18 9-2zm0 0v-8'/%3E%3C/svg%3E")}.onboard-step.passed .onboard-step-icon.contacts-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z'/%3E%3C/svg%3E")}.onboard-step.passed .onboard-step-icon.address-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 11a3 3 0 11-6 0 3 3 0 016 0z'/%3E%3C/svg%3E")}.onboard-step-icon.issue-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z'/%3E%3C/svg%3E")}.onboard-step-content{display:flex;flex-direction:column;gap:4px}.onboard-step-title{font-size:14px;font-weight:600;color:#111827}.onboard-step-description{font-size:12px;color:#6b7280;line-height:1.5}.onboard-decoration{position:absolute;bottom:20px;left:20px;width:200px;height:150px}.decoration-shape{position:absolute;border:2px solid #d1d5db;opacity:.5}.decoration-shape.shape-1{width:60px;height:60px;bottom:0;left:0;border-radius:8px;transform:rotate(15deg)}.decoration-shape.shape-2{width:80px;height:80px;bottom:30px;left:50px;border-radius:12px;transform:rotate(-10deg);border-color:#9ca3af}.decoration-shape.shape-3{width:50px;height:50px;bottom:60px;left:20px;border-radius:6px;transform:rotate(25deg);background:#d1d5db4d}.onboard-content{flex:1;padding:40px 48px;display:flex;flex-direction:column;overflow-y:auto}.onboard-step-indicator{font-size:12px;font-weight:600;color:#0057a4;letter-spacing:.5px;margin-bottom:8px}.onboard-title{font-size:28px;font-weight:700;color:#111827;margin:0 0 16px}.onboard-description{font-size:14px;color:#6b7280;line-height:1.6;margin:0 0 32px}.onboard-form{display:flex;flex-direction:column;gap:24px;flex:1}.onboard-form-group{display:flex;flex-direction:column;gap:8px}.onboard-label{font-size:14px;font-weight:600;color:#111827}.onboard-label-hint{font-size:13px;color:#6b7280;line-height:1.5}.onboard-input{width:100%;height:48px;padding:0 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#111827;background:#f9fafb;transition:all .2s ease;box-sizing:border-box}.onboard-input:focus{outline:none;border-color:#0157a4;background:#fff;box-shadow:0 0 0 3px #0157a41a}.onboard-input::placeholder{color:#9ca3af}.onboard-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:16px;padding-right:48px;cursor:pointer}.onboard-select:focus{border-color:#0157a4;box-shadow:0 0 0 3px #0157a41a}.onboard-input-hint{font-size:12px;color:#9ca3af;line-height:1.5}.onboard-documentation{margin-top:8px}.onboard-doc-title{font-size:14px;font-weight:600;color:#111827;display:block;margin-bottom:12px}.onboard-doc-links{display:flex;gap:12px;flex-wrap:wrap}.onboard-doc-link{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;text-decoration:none;transition:all .2s ease}.onboard-doc-link:hover{border-color:#d1d5db;background:#f9fafb}.onboard-doc-link .doc-icon{width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.onboard-doc-link span{font-size:13px;color:#374151;font-weight:500}.onboard-submit-btn{width:fit-content;padding:14px 32px;background:linear-gradient(135deg,#0157a4,#0a84f1);color:#fff;font-size:14px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;margin-top:24px}.onboard-submit-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #0157a466}.onboard-submit-btn:disabled{background:#d1d5db;cursor:not-allowed;opacity:.7}.onboard-summary{display:flex;flex-direction:column;gap:24px;margin-top:24px}.summary-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.summary-section-title{font-size:16px;font-weight:600;color:#111827;margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid #e5e7eb}.summary-item{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 0;border-bottom:1px solid #f3f4f6}.summary-item:last-child{border-bottom:none}.summary-label{font-size:14px;font-weight:500;color:#6b7280;flex:0 0 40%}.summary-value{font-size:14px;font-weight:600;color:#111827;text-align:right;flex:1;word-break:break-word}.summary-value.status-uploaded{color:#065f46}.summary-value.status-pending{color:#92400e}.onboard-notification{display:flex;gap:16px;padding:20px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;margin-top:32px}.onboard-notification .notification-icon{width:24px;height:24px;min-width:24px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%231e40af'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center}.notification-content{flex:1}.notification-title{font-size:16px;font-weight:600;color:#1e40af;margin:0 0 8px}.notification-message{font-size:14px;color:#1e40af;line-height:1.6;margin:0;float:left}.onboard-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb}.onboard-back-btn{display:flex;align-items:center;gap:8px;padding:14px 24px;background:#fff;color:#0157a4;font-size:14px;font-weight:600;border:2px solid #0157a4;border-radius:8px;cursor:pointer;transition:all .2s ease}.onboard-back-btn:hover{background:#f3f4f6}.onboard-back-btn .back-arrow{width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%230157a4'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 19l-7-7 7-7'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center}.onboard-actions .onboard-submit-btn{margin-top:0;flex:1;max-width:300px;margin-left:auto}.onboard-contacts-list,.onboard-addresses-list{display:flex;flex-direction:column;gap:24px}.contact-item,.address-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.contact-header,.address-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.contact-number,.address-number{font-size:14px;font-weight:600;color:#0157a4}.remove-contact-btn,.remove-address-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#fef2f2;color:#dc2626;font-size:12px;font-weight:500;border:1px solid #fecaca;border-radius:6px;cursor:pointer;transition:all .2s ease}.remove-contact-btn:hover,.remove-address-btn:hover{background:#fee2e2;border-color:#f87171}.remove-contact-btn .remove-icon,.remove-address-btn .remove-icon{width:14px;height:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23dc2626'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.contact-item .onboard-form-group,.address-item .onboard-form-group{margin-bottom:16px}.contact-item .onboard-form-group:last-child,.address-item .onboard-form-group:last-child{margin-bottom:0}.add-item-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;background:#fff;color:#0157a4;font-size:14px;font-weight:600;border:2px dashed #0157a4;border-radius:8px;cursor:pointer;transition:all .2s ease;margin-top:16px}.add-item-btn:hover{background:#eff6ff;border-color:#0a84f1}.add-item-btn .add-icon{width:18px;height:18px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%230157a4'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 6v6m0 0v6m0-6h6m-6 0H6'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.summary-contact,.summary-address{margin-bottom:16px;padding-bottom:16px;border-bottom:1px dashed #e5e7eb}.summary-contact:last-child,.summary-address:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.summary-contact-header,.summary-address-header{font-size:13px;font-weight:600;color:#0157a4;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 900px){.onboard-modal-layer .onboard-modal{flex-direction:column;height:auto;max-height:95vh}.onboard-sidebar{width:100%;padding:24px}.onboard-steps{gap:16px}.onboard-decoration{display:none}.onboard-content{padding:24px}.onboard-title{font-size:22px}.summary-item{flex-direction:column;gap:8px}.summary-label{flex:1}.summary-value{text-align:left}.onboard-actions{flex-direction:column}.onboard-actions .onboard-submit-btn{max-width:100%;margin-left:0}.onboard-back-btn{width:100%;justify-content:center}}@media (max-width: 480px){.onboard-sidebar,.onboard-content{padding:16px}.onboard-doc-links{flex-direction:column}.onboard-submit-btn{width:100%}}.verification-modal{max-width:900px}.verification-sidebar{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 32px;background:#087ae1}.verification-icon-container{width:120px;height:120px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:32px}.verification-main-icon{width:64px;height:64px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center;animation:pulse-verification 2s ease-in-out infinite}@keyframes pulse-verification{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.verification-sidebar-text h2{color:#fff;font-size:24px;font-weight:700;margin:0 0 12px}.verification-sidebar-text p{color:#ffffffe6;font-size:14px;line-height:1.6;margin:0}.verification-content{display:flex;flex-direction:column;padding:48px}.verification-status-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#fef3c7;color:#92400e;font-size:12px;font-weight:600;border-radius:20px;width:fit-content;margin-bottom:24px}.status-badge-icon{width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2392400e'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.verification-info-box{display:flex;gap:16px;padding:24px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-top:24px}.info-box-icon{width:40px;height:40px;min-width:40px;background:#dbeafe;border-radius:10px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%230157a4'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;background-size:22px}.info-box-content h3{font-size:16px;font-weight:600;color:#111827;margin:0 0 16px}.verification-steps-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.verification-steps-list li{display:flex;align-items:center;gap:12px;font-size:14px;color:#374151}.step-check-icon{width:20px;height:20px;min-width:20px;background:#d1fae5;border-radius:50%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23065f46'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 13l4 4L19 7'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;background-size:12px}.verification-timeline{display:flex;align-items:center;gap:16px;padding:20px 24px;background:linear-gradient(135deg,#0157a4,#0a84f1);border-radius:12px;margin-top:24px}.timeline-icon{width:44px;height:44px;min-width:44px;background:#fff3;border-radius:10px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;background-size:24px}.timeline-content{display:flex;flex-direction:column;gap:4px}.timeline-title{font-size:12px;color:#fffc}.timeline-value{font-size:20px;font-weight:700;color:#fff}.verification-notification{margin-top:24px}@media (max-width: 900px){.verification-modal{flex-direction:column;height:auto;max-height:95vh}.verification-sidebar{width:100%;padding:32px 24px}.verification-icon-container{width:80px;height:80px;margin-bottom:20px}.verification-main-icon{width:44px;height:44px}.verification-content{padding:24px}}@media (max-width: 480px){.verification-sidebar{padding:24px 16px}.verification-content{padding:16px}.verification-info-box{flex-direction:column;text-align:center}.info-box-icon{align-self:center}.verification-steps-list li{justify-content:center}.verification-timeline{flex-direction:column;text-align:center}}.onboard-documents{display:flex;flex-direction:column;gap:16px}.document-row{display:flex;flex-direction:column;padding:20px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;gap:16px;transition:all .2s ease}.document-row:hover{border-color:#d1d5db;background:#f3f4f6}.document-info{display:flex;align-items:center;gap:16px}.document-icon{width:44px;height:44px;min-width:44px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%230057a4'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;background-size:24px}.document-details{display:flex;flex-direction:column;gap:4px;flex:1}.document-name{font-size:14px;font-weight:600;color:#111827}.document-instructions{font-size:12px;color:#6b7280}.document-row-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid #e5e7eb}.document-actions{display:flex;gap:8px}.document-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;border:none}.document-btn .btn-icon{width:16px;height:16px;background-size:contain;background-repeat:no-repeat;background-position:center}.download-btn{background:#fff;border:1px solid #e5e7eb;color:#374151}.download-btn:hover{background:#f3f4f6;border-color:#d1d5db}.download-btn .download-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23374151'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4'/%3E%3C/svg%3E")}.upload-btn{background:#0157a4;color:#fff}.upload-btn:hover{background:#014a8a}.upload-btn .upload-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12'/%3E%3C/svg%3E")}.view-btn{background:#0bc568;color:#fff}.view-btn:hover{background:#0ca558}.view-btn .view-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 12a3 3 0 11-6 0 3 3 0 016 0z'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z'/%3E%3C/svg%3E")}.document-status{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:20px;font-size:12px;font-weight:500;flex-shrink:0}.document-status .status-icon{width:14px;height:14px;background-size:contain;background-repeat:no-repeat;background-position:center}.document-status.pending{background:#fef3c7;color:#92400e}.document-status.pending .status-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2392400e'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E")}.document-status.uploaded{background:#d1fae5;color:#065f46}.document-status.uploaded .status-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23065f46'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 13l4 4L19 7'/%3E%3C/svg%3E")}.document-status.uploading{background:#e0f2fe;color:#0369a1}.document-status.uploading .status-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%230369a1'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12'/%3E%3C/svg%3E");animation:pulse 1.5s ease-in-out infinite}.document-status.approved{background:#dbeafe;color:#1e40af}.document-status.approved .status-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%231e40af'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z'/%3E%3C/svg%3E")}.onboard-help-text{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;margin-top:8px}.onboard-help-text .help-icon{width:20px;height:20px;min-width:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%233b82f6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.onboard-help-text span{font-size:13px;color:#1e40af;line-height:1.5}@media (max-width: 480px){.document-row-bottom{flex-direction:column;align-items:flex-start;gap:12px}.document-actions{width:100%}.document-btn{flex:1;justify-content:center}}.subuser-waiting-modal{max-width:900px}.subuser-sidebar{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 32px;background:linear-gradient(180deg,#6366f1,#4f46e5)}.subuser-icon-container{width:120px;height:120px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.subuser-waiting-icon{width:60px;height:60px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center}.subuser-sidebar-text h2{color:#fff;font-size:24px;font-weight:700;margin:0 0 12px}.subuser-sidebar-text p{color:#ffffffe6;font-size:14px;line-height:1.6;margin:0}.subuser-content{display:flex;flex-direction:column;padding:48px}.subuser-status-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#fef3c7;color:#92400e;font-size:13px;font-weight:600;border-radius:20px;width:fit-content;margin-bottom:24px}.subuser-status-badge .status-dot{width:8px;height:8px;background:#f59e0b;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.subuser-info-section{display:flex;flex-direction:column;gap:16px;margin-top:24px}.subuser-info-section .info-card{display:flex;gap:16px;padding:20px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px}.subuser-info-section .info-card-icon{width:40px;height:40px;min-width:40px;background-color:#6366f1;border-radius:10px;background-size:24px;background-repeat:no-repeat;background-position:center}.subuser-info-section .info-card-icon.clock-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E")}.subuser-info-section .info-card-icon.user-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z'/%3E%3C/svg%3E")}.subuser-info-section .info-card-icon.bell-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9'/%3E%3C/svg%3E")}.subuser-info-section .info-card-content h3{font-size:15px;font-weight:600;color:#111827;margin:0 0 6px}.subuser-info-section .info-card-content p{font-size:14px;color:#6b7280;line-height:1.5;margin:0}.subuser-contact-info{display:flex;align-items:center;gap:12px;margin-top:32px;padding:16px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px}.subuser-contact-info .contact-icon{width:24px;height:24px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%231e40af'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.subuser-contact-info .contact-text{display:flex;flex-direction:column;gap:2px}.subuser-contact-info .contact-text span{font-size:13px;color:#1e40af}.subuser-contact-info .contact-text a{font-size:14px;font-weight:600;color:#1e40af;text-decoration:none}.subuser-contact-info .contact-text a:hover{text-decoration:underline}.deactivated-sidebar{background:linear-gradient(180deg,#dc2626,#991b1b)!important}.deactivated-main-icon{width:80px;height:80px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18.364 18.364A9 9 0 005.636 5.636m12.728 12.728A9 9 0 015.636 5.636m12.728 12.728L5.636 5.636'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center}.deactivated-badge{background:#fef2f2!important;color:#dc2626!important}.deactivated-badge .deactivated-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23dc2626'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z'/%3E%3C/svg%3E")!important}.deactivated-info-box{border-color:#fecaca!important;background:#fef2f2!important}.deactivated-info-box .info-box-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23dc2626'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z'/%3E%3C/svg%3E")!important}.deactivated-info-box h3{color:#991b1b!important}.step-warning-icon{width:20px;height:20px;min-width:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23dc2626'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 18L18 6M6 6l12 12'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center}.deactivated-notification{border-color:#fecaca!important;background:#fef2f2!important}.deactivated-notification .notification-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23dc2626'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z'/%3E%3C/svg%3E")!important}.deactivated-notification .notification-title{color:#991b1b!important}