@font-face{font-family:BDO Grotesk;src:url(/assets/BDOGrotesk-Light-BF648a656f91fcb-1m9X3dQL.ttf)format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:BDO Grotesk;src:url(/assets/BDOGrotesk-Regular-BF648a656fd543a-CWbQc9Oe.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:BDO Grotesk;src:url(/assets/BDOGrotesk-Medium-BF648a656fc86b8-BfgMeyZV.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:BDO Grotesk;src:url(/assets/BDOGrotesk-DemiBold-BF648a656f9c460-GqEPqfD0.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:BDO Grotesk;src:url(/assets/BDOGrotesk-Bold-BF648a656f8559f-uJP0P-Hu.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:BDO Grotesk;src:url(/assets/BDOGrotesk-ExtraBold-BF648a656f91fd9-BgZcurTk.ttf)format("truetype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:BDO Grotesk;src:url(/assets/BDOGrotesk-Black-BF648a656f81fe9-nV4aldch.ttf)format("truetype");font-weight:900;font-style:normal;font-display:swap}:root{--color-primary:#73ded6;--color-text:#fff;--color-heading:#fff;--color-bg:#050a12;--color-border:#73ded6;--container-max:1200px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background:linear-gradient(#050a12 0%,#14282d 28%,#1f3d41 50%,#14282d 72%,#050a12 100%) fixed;min-height:100vh;font-family:BDO Grotesk,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:400;line-height:1.6}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{padding:0;list-style:none}h1,h2,h3,h4,h5,h6{color:#fff;font-family:BDO Grotesk,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-weight:600;line-height:1.15}p{margin:0}#root{isolation:isolate;min-height:100vh}.app-shell{min-height:100vh}.server-error-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:280px;padding:40px 24px;display:flex}.server-error-state__icon{color:#ef4444;background:#ef44441a;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:16px;font-size:1.4rem;font-weight:700;display:flex}.server-error-state__title{color:#0f172a;margin:0 0 8px;font-size:1.0625rem;font-weight:700}.server-error-state__message{color:#64748b;max-width:420px;margin:0 0 20px;font-size:.75rem;line-height:1.6}.server-error-state__refresh-btn{color:#0f172a;background:linear-gradient(135deg,#73ded6,#2ebdb4);border-radius:10px;padding:10px 20px;font-size:.75rem;font-weight:600;box-shadow:0 4px 14px #73ded640}.tracking-navbar{width:100%;margin-bottom:60px;padding:20px 24px 0}.tracking-navbar__inner{isolation:isolate;background:0 0;border:1px solid #ffffffdb;border-radius:10px;justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin-inline:auto;padding:20px 24px;display:flex;position:relative;box-shadow:0 12px 30px #02375238,inset 0 1px #ffffffd1}.tracking-navbar__inner:before{z-index:0;content:"";pointer-events:none;border-radius:inherit;-webkit-backdrop-filter:blur(36px)saturate(.65);background:linear-gradient(145deg,#e8f9ffc7,#b9e2f09e);position:absolute;inset:0}.tracking-navbar__logo-link{align-items:center;display:inline-flex}.tracking-navbar__logo{z-index:3;mix-blend-mode:normal;width:90px;height:auto;image-rendering:-webkit-optimize-contrast;position:relative;transform:translateZ(0);filter:none!important;opacity:1!important}.tracking-navbar__actions{align-items:center;gap:12px;display:flex;position:relative}.tracking-navbar__site-control{align-items:stretch;display:inline-flex}.tracking-navbar__site-link{z-index:2;opacity:1;color:#050a12;background:#73ded6;border-radius:11px;justify-content:center;align-items:center;width:48px;height:48px;padding:0;transition:background .2s,transform .2s;display:inline-flex;position:relative;box-shadow:0 8px 20px #73ded633}.tracking-navbar__site-link:hover{background:#3bb8b0;transform:translateY(-1px)}.tracking-navbar__globe-icon{z-index:3;width:27px;height:27px;position:relative;opacity:1!important;filter:none!important}.tracking-navbar__sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tracking-navbar__menu-toggle{z-index:30;color:#07153b;-webkit-backdrop-filter:blur(28px);background:linear-gradient(145deg,#e8f9ffc7,#b9e2f085);border:1px solid #ffffffd1;border-right:0;border-radius:12px 0 0 12px;justify-content:center;align-items:center;width:34px;height:82px;padding:0;transition:width .2s,background .2s;display:flex;position:fixed;top:192px;right:0;box-shadow:-8px 12px 28px #0237523d,inset 0 1px #fffc}.tracking-navbar__menu-toggle svg{width:25px;height:25px;transition:transform .2s}.tracking-navbar__menu-toggle:hover,.tracking-navbar__menu-toggle.is-open{background:#e1f7fceb;width:37px}.tracking-navbar__menu-toggle.is-open{border-left:1px solid #ffffffd1;border-radius:12px 0 0 12px;width:34px;box-shadow:-8px 12px 28px #0237523d}.tracking-navbar__menu-toggle.is-open svg{transform:rotate(180deg)}.tracking-navbar__dropdown{z-index:30;-webkit-backdrop-filter:blur(40px)saturate(.62);background:linear-gradient(145deg,#e8f9ffdb,#b9e2f0b8);border:1px solid #ffffffd1;border-radius:13px;flex-direction:column;justify-content:center;gap:3px;width:220px;height:auto;min-height:112px;padding:8px;display:flex;position:fixed;top:170px;right:44px;box-shadow:0 18px 40px #0237524d,inset 0 1px #fffc}.tracking-navbar__dropdown a{color:#07153b;background:0 0;border-radius:8px;flex:none;justify-content:flex-start;align-items:center;width:100%;min-height:42px;padding:8px 14px;font-size:.9rem;font-weight:600;transition:color .15s,background .15s;display:flex}.tracking-navbar__dropdown a:hover,.tracking-navbar__dropdown a:focus-visible,.tracking-navbar__dropdown a.is-active{color:#07153b;background:#ffffff5c}.tracking-navbar__user{color:#a8b8c8;font-size:.88rem;font-weight:500}.tracking-navbar__btn{border-radius:8px;justify-content:center;align-items:center;padding:10px 18px;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.tracking-navbar__btn--primary{color:#050a12;background:#73ded6}.tracking-navbar__btn--primary:hover{background:#3bb8b0}.tracking-navbar__menu{flex-direction:column;justify-content:center;align-items:flex-end;gap:5px;width:40px;height:40px;padding:0;display:flex}.tracking-navbar__menu-line{background:#73ded6;border-radius:2px;height:4px;display:block}.tracking-navbar__menu-line--first{width:32px;margin-left:6px;margin-right:0}.tracking-navbar__menu-line--second{width:25px}@media (width<=768px){.tracking-navbar{margin-bottom:40px;padding:16px 20px 0}.tracking-navbar__inner{padding:18px 20px}.tracking-navbar__logo{width:80px}.tracking-navbar__site-link{width:42px;height:42px;padding:0}.tracking-navbar__globe-icon{width:24px;height:24px}.tracking-navbar__menu-toggle{width:31px;height:64px;top:169px}.tracking-navbar__menu-toggle:hover,.tracking-navbar__menu-toggle.is-open{width:34px}.tracking-navbar__menu-toggle.is-open{width:31px}.tracking-navbar__dropdown{width:min(190px,100vw - 40px);height:auto;min-height:100px;padding:7px;top:145px;right:41px}.tracking-navbar__dropdown a{min-height:38px;padding:7px 12px;font-size:.82rem}}.tracking-navbar__inner>*{z-index:1;opacity:1;position:relative}.tracking-search{align-items:stretch;gap:5px;width:100%;max-width:570px;display:flex}.tracking-search__group{background:#ffffff7a;border:1px solid #73ded6;border-radius:11px;flex:1;align-items:stretch;min-width:0;display:flex;overflow:hidden}.tracking-search__label{color:#050a12;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;background:#73ded6;flex-shrink:0;align-items:center;padding:11px 20px;font-size:.82rem;font-weight:600;display:inline-flex}@media (width<=480px){.tracking-search__label{padding:12px 14px;font-size:.75rem}}.tracking-search__input{color:#183b54;background:0 0;border:none;flex:1;min-width:0;padding:11px 18px;font-size:.875rem}.tracking-search__input::placeholder{color:#42657d;opacity:.5}.tracking-search__input:focus{outline:none}.tracking-search__input:disabled{opacity:.7;cursor:not-allowed}.tracking-search__icon-btn{color:#050a12;background:#73ded6;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:48px;min-height:46px;padding:0;transition:opacity .2s,transform .2s;display:flex}.tracking-search__icon-btn:hover:not(:disabled){opacity:.92}.tracking-search__icon-btn:active:not(:disabled){transform:translateY(1px)}.tracking-search__icon-btn:disabled{opacity:.7;cursor:not-allowed}.tracking-search__icon{width:20px;height:20px}.tracking-search__icon--loading{animation:.8s linear infinite tracking-search-spin}@keyframes tracking-search-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=480px){.tracking-search__icon-btn{width:44px;min-height:44px}.tracking-search__input{padding:11px 14px}}.subscribe-updates{z-index:1200;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.subscribe-updates__overlay{background:#0000008c;border:0;position:absolute;inset:0}.subscribe-updates__dialog{background:#0d1f2d;border:1px solid #73ded659;border-radius:10px;width:min(100%,420px);padding:24px;position:relative;box-shadow:0 20px 50px #00000059}.subscribe-updates__title{color:#fff;margin:0 0 8px;font-size:1.25rem;font-weight:600}.subscribe-updates__subtitle{color:#ffffffbf;margin:0 0 18px;font-size:.875rem}.subscribe-updates__label{color:#ffffffd9;margin-bottom:8px;font-size:.8125rem;font-weight:500;display:block}.subscribe-updates__input{color:#fff;background:#0d1f2dcc;border:1px solid #73ded673;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:.875rem}.subscribe-updates__input:focus{border-color:#73ded6;box-shadow:0 0 0 3px #73ded633}.subscribe-updates__error{color:#f87171;margin:8px 0 0;font-size:.8125rem}.subscribe-updates__actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.subscribe-updates__cancel-btn,.subscribe-updates__submit-btn{border-radius:8px;padding:10px 16px;font-size:.875rem;font-weight:600}.subscribe-updates__cancel-btn{color:#fffc;background:#ffffff14}.subscribe-updates__submit-btn{color:#fff;background:#73ded6}.subscribe-updates__submit-btn:disabled{opacity:.65;cursor:not-allowed}.tracking-result{isolation:isolate;color:#07153b;border:1px solid #ffffffdb;border-radius:20px;width:100%;max-width:1200px;margin-inline:auto;padding:clamp(16px,3vw,32px);position:relative;box-shadow:0 18px 40px #02375247,inset 0 1px #ffffffd1}.tracking-result:before{content:"";z-index:-1;pointer-events:none;border-radius:inherit;-webkit-backdrop-filter:blur(36px)saturate(.65);backdrop-filter:blur(36px)saturate(.65);background:linear-gradient(145deg,#e8f9ffe0,#b9e2f0db);position:absolute;inset:0}.tracking-result__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.tracking-result__po-number{color:#000;margin:0;font-size:clamp(1.5rem,4vw,2rem);font-weight:600}.tracking-result__updates-btn{color:#0a1525;background:linear-gradient(135deg,#73ded6,#3bb8b0);border-radius:8px;padding:10px 16px;font-size:.875rem;font-weight:600;box-shadow:0 8px 20px #73ded659}.tracking-result__updates-btn:hover{opacity:.92}.tracking-result__status{margin-bottom:16px}.tracking-result__status-label{margin-bottom:10px;font-size:.9375rem}.tracking-result__progress{background:#07153b1f;border:1px solid #397b87;border-radius:10px;width:100%;height:28px;overflow:hidden}.tracking-result__progress-fill{background:#73ded6;border-radius:10px;height:100%;transition:width .4s}.tracking-result__line-count{margin-bottom:20px;font-size:.9375rem}.tracking-result__table-wrap{margin-bottom:20px;overflow-x:auto}.tracking-result__table{border-collapse:collapse;width:100%;min-width:640px;font-size:.8125rem;line-height:1.6}.tracking-result__table th,.tracking-result__table td{text-align:left;vertical-align:top;border:1px solid #26586e4d;padding:10px 12px}.tracking-result__table th{color:#07153b;background:#71b0c34d;font-weight:600}.tracking-result__table td{color:#07153b;background:#ffffff47}.tracking-result__table th:nth-child(5),.tracking-result__table td:nth-child(5){white-space:nowrap;min-width:120px}.tracking-result__table tbody tr:nth-child(2n) td{background:#ffffff7a}.tracking-result__po-closing-date{font-size:.9375rem;font-weight:500}.tracking-result__tracking-link{color:#075766;word-break:break-all;text-decoration:underline}.tracking-result__tracking-link:hover{opacity:.85}@media (width<=768px){.tracking-result__table{min-width:560px;font-size:.75rem}.tracking-result__table th,.tracking-result__table td{padding:8px 10px}}.tracking-footer{text-align:center;color:#a8b8c8;padding:24px 24px 32px;font-size:.75rem}.tracking-page{background-image:linear-gradient(#020d1752, #020d1780), var(--tracking-background);background-position:50%;background-size:cover;background-attachment:fixed;flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.tracking-page__body{flex:1;width:100%;max-width:1200px;margin-inline:auto;padding-inline:24px}@media (width<=768px){.tracking-page__body{padding-inline:16px}}.tracking-page__body{flex-direction:column;justify-content:center;gap:28px;padding-bottom:40px;display:flex}.tracking-card{isolation:isolate;text-align:center;-webkit-backdrop-filter:blur(34px)saturate(.72);background:linear-gradient(145deg,#e8f9ffe6,#b9e2f0d1);border:1px solid #ffffffc7;border-radius:28px;width:min(100%,700px);margin:0 auto;padding:26px 42px 32px;position:relative;overflow:hidden;box-shadow:0 24px 60px #02375247,inset 0 1px #ffffffd1}.tracking-card:before{z-index:0;content:"";background-image:var(--tracking-background);filter:blur(32px)saturate(.62);opacity:.58;background-position:50%;background-size:cover;position:absolute;inset:-24px;transform:scale(1.06)}.tracking-card>*{z-index:1;position:relative}.tracking-card__shipment-icon{filter:drop-shadow(0 8px 12px #00000059);width:56px;height:50px;margin:0 auto 6px}.tracking-page__hero{text-align:center;padding-top:0}.tracking-page__body .tracking-brand-mark{align-self:flex-start;margin-top:auto;padding-top:48px}.tracking-page__title{color:#07153b;margin-bottom:8px;font-size:clamp(1.85rem,4vw,2.4rem);font-weight:700}.tracking-page__subtitle{color:#42657d;max-width:500px;margin-inline:auto;font-size:.9rem;line-height:1.5}.tracking-page__search-row{flex-wrap:nowrap;justify-content:center;align-items:center;gap:5px;width:100%;margin-top:24px;display:flex}.tracking-progress{grid-template-columns:repeat(3,1fr);margin-top:26px;display:grid;position:relative}.tracking-progress:before{content:"";background:#42657a;height:3px;position:absolute;top:19px;left:16.666%;right:16.666%}.tracking-progress__step{z-index:1;color:#36566d;flex-direction:column;align-items:center;gap:10px;display:flex;position:relative}.tracking-progress__circle{color:#a8d9e8;background:#093048d6;border:3px solid #557d96;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 0 18px #51b0cc2e}.tracking-progress__circle svg{width:23px;height:23px}.tracking-progress__label{font-size:.9rem}.tracking-page__search-row--secondary{margin-top:8px}.tracking-page__home-btn{color:#050a12;white-space:nowrap;background:#73ded6;border:1px solid #73ded6;border-radius:10px;justify-content:center;align-items:center;padding:12px 22px;font-size:.8125rem;font-weight:600;transition:opacity .2s;display:inline-flex}.tracking-page__home-btn:hover{opacity:.9}.tracking-page__message{color:#a8b8c8;text-align:center;border:1px solid #73ded666;border-radius:10px;width:100%;max-width:520px;margin-inline:auto;padding:14px 18px;font-size:.875rem;line-height:1.6}.tracking-page__message p+p{margin-top:4px}.tracking-page__message strong{color:#fff}@media (width<=768px){.tracking-page{overflow:auto}.tracking-card{border-radius:20px;padding:28px 22px 34px}.tracking-page__search-row{margin-top:32px}.tracking-progress{margin-top:38px}.tracking-page__home-btn{width:100%;max-width:520px;margin-inline:auto}}@media (width<=480px){.tracking-card{padding-inline:14px}.tracking-card__shipment-icon{width:65px;height:60px}.tracking-page__title{font-size:2.15rem}.tracking-page__subtitle{font-size:.88rem}.tracking-progress__label{font-size:.72rem}}.dashboard-header{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border-bottom:1px solid #0f172a14;justify-content:space-between;align-items:center;height:64px;padding:0 28px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 14px #0f172a0f}.dashboard-header__brand{align-items:center;display:inline-flex}.dashboard-header__logo{width:72px;height:auto}.dashboard-header__user{align-items:center;gap:12px;display:flex}.dashboard-header__account-icon{color:#1a9e96;flex-shrink:0;font-size:1.75rem}.dashboard-header__avatar{object-fit:cover;object-position:center top;border:0;border-radius:50%;flex-shrink:0;width:42px;height:42px;display:block}.dashboard-header__user-info{text-align:left}.dashboard-header__user-name{color:#0f172a;margin:0;font-size:.875rem;font-weight:600}.dashboard-header__user-role{color:#1a9e96;text-transform:capitalize;margin:0;font-size:.68rem;font-weight:500}@media (width<=768px){.dashboard-header{padding:0 16px}.dashboard-header__account-icon{font-size:1.5rem}.dashboard-header__user-name{font-size:.75rem}.dashboard-header__user-role{font-size:.68rem}}.dashboard-header{background:#fffffff0;border-bottom-color:#e7edf2;height:72px;padding:0 34px;box-shadow:0 1px #0f273905}.dashboard-header__brand{gap:14px}.dashboard-header__logo{width:84px}.dashboard-header__brand-divider{background:#dbe4ea;width:1px;height:24px}.dashboard-header__brand-context{color:#6d7b89;letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:700}.dashboard-header__user{background:#fbfcfd;border:1px solid #e6edf1;border-radius:12px;gap:10px;padding:6px 12px 6px 8px}.dashboard-header__user-name{font-size:13px}.dashboard-header__user-role{color:#087f75;letter-spacing:.04em;font-size:10px}.dashboard-header__account-icon{color:#119e95;font-size:31px}.dashboard-header__user-info{align-self:center}@media (width<=768px){.dashboard-header{height:64px;padding:0 16px}.dashboard-header__brand-context,.dashboard-header__brand-divider{display:none}.dashboard-header__logo{width:70px}.dashboard-header__user{background:0 0;border:0;padding:4px}.dashboard-header__avatar{width:36px;height:36px}.dashboard-header__user-info{display:none}}.dashboard-header__actions{align-items:center;gap:16px;display:flex}.dashboard-header__account-menu{position:relative}.dashboard-header__user{cursor:pointer}.dashboard-header__account-chevron{color:#6d7b89;flex-shrink:0;font-size:20px;transition:transform .2s}.dashboard-header__account-chevron.is-open{transform:rotate(180deg)}.dashboard-header__account-dropdown{z-index:1;background:#fff;border:1px solid #e2eaee;border-radius:10px;width:172px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 28px #0f273924}.dashboard-header__account-dropdown button{color:#314252;text-align:left;border-radius:7px;align-items:center;gap:10px;width:100%;padding:10px;font-size:13px;font-weight:600;display:flex}.dashboard-header__account-dropdown button svg{color:#119e95;font-size:18px}.dashboard-header__account-dropdown button:hover{background:#f0f8f8}.dashboard-header__account-dropdown button.is-logout,.dashboard-header__account-dropdown button.is-logout svg{color:#c43e3e}.dashboard-header__account-dropdown button.is-logout:hover{background:#fff3f3}.notification-bell{position:relative}.notification-bell button{cursor:pointer;font:inherit}.notification-bell button:focus-visible{outline-offset:3px;outline:2px solid #1a9e96}.notification-bell button:disabled{cursor:wait;opacity:.65}.notification-bell__trigger{color:#1a9e96;background:#fff;border:1px solid #0f172a14;border-radius:12px;place-items:center;width:42px;height:42px;display:grid;position:relative;font-size:26px!important}.notification-bell__badge{color:#fff;background:#087f75;border-radius:12px;min-width:18px;padding:2px 5px;font-size:10px;position:absolute;top:-5px;right:-6px}.notification-bell__panel{color:#0f172a;scrollbar-width:none;overscroll-behavior-y:contain;background:#fff;border:1px solid #0f172a14;border-radius:14px;width:370px;max-width:calc(100vw - 32px);max-height:min(70vh,520px);font-size:13px;position:absolute;top:52px;right:0;overflow-y:auto;box-shadow:0 12px 32px #0f172a1a}.notification-bell__panel::-webkit-scrollbar{display:none}.notification-bell__panel>p{padding:12px 16px}.notification-bell__panel ul{margin:0;padding:0;list-style:none}.notification-bell__panel li{border-top:1px solid #0f172a14;padding:12px 16px}.notification-bell__panel li.is-unread{background:#eefaf8}.notification-bell__heading{justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.notification-bell__heading button{color:#64748b;background:0 0;border:0;font-size:20px}.notification-bell__item{text-align:left;color:#0f172a;overflow-wrap:anywhere;background:0 0;border:0;width:100%;padding:0;display:block}.notification-bell__item time{color:#64748b;margin-top:6px;font-size:11px;display:block}.notification-bell__read{color:#087f75;background:0 0;border:0;margin-top:8px;padding:0;font-size:11px!important}.notification-bell__error{color:#b42318}@media (width<=768px){.notification-bell__panel{position:fixed;top:68px;right:16px}}.dashboard-layout{background:linear-gradient(145deg,#eef4f8 0%,#e4f0f5 45%,#dceef0 100%);min-height:100vh;padding-top:64px;font-size:.8125rem;line-height:1.45}.dashboard-layout__body{min-height:calc(100vh - 64px);display:flex}.dashboard-layout__sidebar{background-image:linear-gradient(#061c2d6b,#05182a94),url(/assets/Neon%20Ocean%20Ships%20in%20Glassy%20Waves-elDJ_ZPX.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-right:1px solid #73ded61f;flex-direction:column;flex-shrink:0;width:248px;height:calc(100vh - 64px);padding:20px 14px 16px;display:flex;position:sticky;top:64px;overflow:hidden}.dashboard-layout__nav{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex;overflow-y:auto}.dashboard-layout__nav-item{color:#ffffffb8;text-align:left;border-radius:10px;align-items:center;gap:12px;width:100%;padding:11px 14px;font-size:.875rem;font-weight:500;transition:background .2s,color .2s,transform .2s;display:flex}.dashboard-layout__nav-item .icon{color:#73ded6;flex-shrink:0;font-size:1rem}.dashboard-layout__nav-item:hover{color:#fff;background:#73ded61a}.dashboard-layout__nav-item.is-active{color:#fff;background:linear-gradient(90deg,#73ded638,#73ded614);font-weight:600;box-shadow:inset 3px 0 #73ded6}.dashboard-layout__nav-item.is-active .icon{color:#a8efe9}.dashboard-layout__sidebar-footer{border-top:1px solid #73ded61f;flex-shrink:0;margin-top:auto;padding-top:12px}.dashboard-layout__nav--footer{flex:none;overflow:visible}.dashboard-layout__logout{color:#ffffffd9;text-align:left;border-radius:10px;align-items:center;gap:12px;width:100%;margin-top:8px;padding:11px 14px;font-size:.875rem;font-weight:600;transition:background .2s,color .2s;display:flex}.dashboard-layout__logout:hover{color:#fff;background:#ef44442e}.dashboard-layout__logout-icon{flex-shrink:0;font-size:1.05rem}.dashboard-layout__content{flex:1;min-width:0;padding:22px;overflow-y:auto}@media (width<=768px){.dashboard-layout__body{flex-direction:column}.dashboard-layout__sidebar{border-bottom:1px solid #73ded61f;border-right:none;flex-direction:column;align-items:stretch;width:100%;height:auto;padding:12px 14px;position:static}.dashboard-layout__nav{flex-direction:row;flex:none;overflow-x:auto}.dashboard-layout__sidebar-footer{border-top:none;align-items:center;gap:8px;margin-top:0;padding-top:0;display:flex}.dashboard-layout__nav--footer{flex-direction:row}.dashboard-layout__logout{white-space:nowrap;flex-shrink:0;width:auto;margin-top:0;margin-left:auto}.dashboard-layout__nav-item{white-space:nowrap}.dashboard-layout__nav-item.is-active{box-shadow:inset 0 -3px #73ded6}.dashboard-layout__content{padding:16px}}.dashboard-layout{background-image:linear-gradient(#effafc6b,#effafc8f),url(/assets/Teal%20Cargo%20Ships%20on%20Global%20Waves-CX9-7_d-.png);background-position:50%;background-size:cover;background-attachment:fixed;padding-top:72px;font-family:BDO Grotesk,Inter,Segoe UI,sans-serif}.dashboard-layout__body{min-height:calc(100vh - 72px)}.dashboard-layout__sidebar{background-image:linear-gradient(#061c2d6b,#05182a94),url(/assets/Neon%20Ocean%20Ships%20in%20Glassy%20Waves-elDJ_ZPX.png);background-position:50%;background-size:cover;width:264px;height:calc(100vh - 72px);padding:24px 14px 16px;top:72px}.dashboard-layout__nav{gap:6px}.dashboard-layout__nav-item{border-radius:9px;min-height:48px;padding:12px 16px;font-size:14px}.dashboard-layout__nav-item .icon{font-size:18px}.dashboard-layout__nav-item:hover{transform:translate(2px)}.dashboard-layout__nav-item.is-active{background:linear-gradient(90deg,#41c0b53d,#41c0b514);box-shadow:inset 3px 0 #66ddd0}.dashboard-layout__logout{min-height:46px;padding:11px 16px;font-size:14px;font-weight:600}.dashboard-layout__content{padding:36px}@media (width<=768px){.dashboard-layout{padding-top:64px}.dashboard-layout__body{min-height:calc(100vh - 64px)}.dashboard-layout__content{padding:20px 14px}.dashboard-layout__sidebar{padding:10px}}.circular-stat{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.circular-stat__ring-wrap{place-items:center;display:grid;position:relative}.circular-stat__svg{filter:drop-shadow(0 4px 12px #2ebdb426);display:block}.circular-stat__track{fill:none;stroke:#73ded61f}.circular-stat__progress{fill:none;stroke-linecap:round;transition:stroke-dashoffset .8s cubic-bezier(.4,0,.2,1)}.circular-stat__center{flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.circular-stat__value{color:#0f172a;letter-spacing:-.02em;font-weight:700;line-height:1}.circular-stat__mini{color:#64748b;font-size:.68rem;font-weight:600}.circular-stat__meta{width:100%}.circular-stat__label{color:#0f172a;margin:0 0 3px;font-size:.75rem;font-weight:600}.circular-stat__count{color:#64748b;margin:0;font-size:.68rem}.circular-stat__count strong{color:#1a9e96;font-size:.875rem;font-weight:700}.circular-stat__of{color:#94a3b8}.circular-stat__sublabel{color:#94a3b8;margin:4px 0 0;font-size:.68rem}.circular-stat--lg .circular-stat__label{font-size:.875rem}.circular-stat--sm .circular-stat__label{font-size:.68rem;line-height:1.35}.circular-stat--sm .circular-stat__count strong{font-size:.75rem}.dashboard-overview__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.dashboard-overview__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#1a9e96;background:#73ded624;border-radius:999px;margin-bottom:6px;padding:3px 10px;font-size:.68rem;font-weight:700;display:inline-block}.dashboard-overview__title{letter-spacing:-.03em;color:#0f172a;margin:0 0 6px;font-size:1.35rem;font-weight:700}.dashboard-overview__subtitle{color:#64748b;max-width:520px;margin:0;font-size:.75rem;line-height:1.5}.dashboard-overview__head-badge{background:linear-gradient(135deg,#73ded62e,#73ded60f);border:1px solid #73ded659;border-radius:14px;flex-direction:column;align-items:flex-end;padding:12px 16px;display:flex;box-shadow:0 0 0 1px #73ded626}.dashboard-overview__head-badge-value{color:#1a9e96;font-size:1.2rem;font-weight:800;line-height:1}.dashboard-overview__head-badge-label{color:#64748b;margin-top:2px;font-size:.68rem;font-weight:600}.dashboard-overview__hero-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px;display:grid}.dashboard-overview__hero-card{background:#fff;border:1px solid #0f172a14;border-radius:20px;padding:20px 18px 16px;transition:transform .25s,box-shadow .25s;box-shadow:0 8px 24px #2ebdb414}.dashboard-overview__hero-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0f172a1a}.dashboard-overview__secondary-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:36px;display:grid}.dashboard-overview__secondary-card{background:#fff;border:1px solid #0f172a14;border-radius:14px;padding:16px 14px 14px;box-shadow:0 4px 14px #0f172a0f}.dashboard-overview__section-head{margin-bottom:18px}.dashboard-overview__section-title{color:#0f172a;margin:0 0 4px;font-size:.9375rem;font-weight:700}.dashboard-overview__section-subtitle{color:#64748b;margin:0;font-size:.75rem}.dashboard-overview__status-grid{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.dashboard-overview__status-card{background:#fff;border:1px solid #0f172a14;border-radius:14px;padding:16px 12px 14px;transition:border-color .2s,box-shadow .2s;box-shadow:0 4px 14px #0f172a0f}.dashboard-overview__status-card:hover{border-color:#73ded659;box-shadow:0 8px 24px #2ebdb414}.dashboard-overview__state{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:280px;font-size:.75rem;display:flex}.dashboard-overview__loader{border:3px solid #73ded633;border-top-color:#73ded6;border-radius:50%;width:44px;height:44px;animation:.8s linear infinite dash-spin}.dashboard-overview__error{color:#ef4444;padding:24px;font-size:.75rem}@keyframes dash-spin{to{transform:rotate(360deg)}}@media (width<=1400px){.dashboard-overview__status-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=1100px){.dashboard-overview__hero-grid{grid-template-columns:1fr}.dashboard-overview__secondary-grid,.dashboard-overview__status-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.dashboard-overview__head-badge{align-items:flex-start;width:100%}.dashboard-overview__secondary-grid,.dashboard-overview__status-grid{grid-template-columns:1fr}}.confirm-toast-overlay{z-index:10000;background:#0f172a00;justify-content:center;align-items:center;padding:20px;animation:.22s forwards confirmToastFadeIn;display:flex;position:fixed;inset:0}.confirm-toast-overlay.is-exiting{animation:.22s forwards confirmToastFadeOut}.confirm-toast-modal{color:#0f172a;background:#fff;border:1px solid #0f172a14;border-radius:14px;width:min(420px,100%);padding:24px 24px 20px;animation:.22s forwards confirmToastModalIn;position:relative;transform:scale(.96)translateY(8px);box-shadow:0 12px 32px #0f172a1a}.confirm-toast-overlay.is-exiting .confirm-toast-modal{animation:.22s forwards confirmToastModalOut}.confirm-toast-modal.is-danger{border-color:#ef444433;box-shadow:0 16px 40px #ef44441f}.confirm-toast-modal__close{color:#64748b;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s,color .2s;display:flex;position:absolute;top:14px;right:14px}.confirm-toast-modal__close:hover{color:#0f172a;background:#73ded61f}.confirm-toast-modal__title{color:#0f172a;margin:0 32px 8px 0;font-size:.9375rem;font-weight:700}.confirm-toast-modal__message{color:#64748b;margin:0 0 20px;font-size:.75rem;line-height:1.5}.confirm-toast-modal__actions{gap:10px;display:flex}.confirm-toast-modal__cancel-btn,.confirm-toast-modal__confirm-btn{border-radius:10px;flex:1;padding:10px 14px;font-size:.75rem;font-weight:600}.confirm-toast-modal__cancel-btn{color:#64748b;background:#eef4f8}.confirm-toast-modal__confirm-btn{color:#0f172a;background:linear-gradient(135deg,#73ded6,#2ebdb4);box-shadow:0 4px 14px #73ded640}.confirm-toast-modal__confirm-btn.is-danger{color:#fff;background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 4px 14px #ef444440}@keyframes confirmToastFadeIn{0%{background:#0f172a00}to{background:#0f172a73}}@keyframes confirmToastFadeOut{0%{background:#0f172a73}to{background:#0f172a00}}@keyframes confirmToastModalIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes confirmToastModalOut{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.96)translateY(8px)}}.user-management__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.user-management__title{color:#0f172a;margin:0 0 4px;font-size:1.2rem;font-weight:600}.user-management__subtitle{color:#64748b;margin:0;font-size:.75rem}.user-management__add-btn{color:#0f172a;background:linear-gradient(135deg,#73ded6,#2ebdb4);border-radius:10px;padding:8px 14px;font-size:.75rem;font-weight:600;box-shadow:0 4px 14px #73ded64d}.user-management__add-btn:hover{box-shadow:0 6px 18px #73ded666}.user-management__table-wrap{background:#fff;border:1px solid #0f172a14;border-radius:14px;overflow-x:auto;box-shadow:0 4px 14px #0f172a0f}.user-management__table{border-collapse:collapse;color:#0f172a;width:100%;min-width:720px}.user-management__name-cell{white-space:nowrap;align-items:center;gap:10px;display:flex}.user-management__avatar{object-fit:cover;object-position:center top;border-radius:50%;flex:0 0 32px;width:32px;height:32px;display:block}.user-management__avatar--fallback{color:#119e95;background:#e8f8f7;place-items:center;font-size:21px;display:grid}.user-management__table th,.user-management__table td{text-align:left;color:#0f172a;border-bottom:1px solid #0f172a14;padding:10px 12px;font-size:.75rem}.user-management__table th{color:#ffffffe0;background:#0f2233;font-weight:600}.user-management__table tbody tr:hover{background:#73ded60a}.user-management__badge{color:#1a9e96;background:#73ded626;border-radius:999px;padding:3px 8px;font-size:.68rem;font-weight:600;display:inline-block}.user-management__badge.is-blocked{color:#ef4444;background:#ef44441f}.user-management__actions{flex-wrap:wrap;gap:8px;display:flex}.user-management__action-btn{color:#1a9e96;background:#73ded61f;border-radius:10px;padding:5px 8px;font-size:.68rem;font-weight:600}.user-management__action-btn.is-danger{color:#ef4444;background:#ef44441a}.user-management__panel-overlay{z-index:1001;background:0 0;transition:background .32s;position:fixed;inset:0}.user-management__panel-overlay.is-active{background:#0006}.user-management__panel{z-index:1002;color:#0f172a;background:#fff;border-left:1px solid #0f172a14;width:min(560px,100%);height:100vh;padding:28px 28px 24px;transition:transform .32s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:auto;right:0;overflow-y:auto;transform:translate(100%);box-shadow:0 12px 32px #0f172a1a}.user-management__panel.is-active{transform:translate(0)}.user-management__panel-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.user-management__panel-title{color:#0f172a;margin:0;font-size:1.0625rem;font-weight:700}.user-management__panel-close{color:#64748b;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s,color .2s;display:flex}.user-management__panel-close:hover{color:#0f172a;background:#73ded61f}.user-management__form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px;display:grid}.user-management__form-grid--single{grid-template-columns:1fr}.user-management__panel-note{color:#64748b;margin:0 0 18px;font-size:.75rem;line-height:1.5}.user-management__field{flex-direction:column;gap:6px;min-width:0;display:flex}.user-management__field--full{grid-column:1/-1}.user-management__label{color:#64748b;font-size:.68rem;font-weight:600}.user-management__input,.user-management__select{color:#0f172a;background:#fff;border:1px solid #0f172a14;border-radius:10px;outline:none;width:100%;padding:9px 12px;font-size:.75rem;transition:border-color .2s,box-shadow .2s}.user-management__input::placeholder,.user-management__select::placeholder{color:#94a3b8}.user-management__input:focus,.user-management__select:focus{border-color:#73ded6;box-shadow:0 0 0 3px #73ded626}.user-management__select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2364748b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:12px 8px;padding-right:2.75rem}.user-management__error{color:#ef4444;margin:0;font-size:.78rem}.user-management__panel-actions{border-top:1px solid #0f172a14;gap:12px;margin-top:28px;padding-top:20px;display:flex}.user-management__save-btn{color:#0f172a;background:linear-gradient(135deg,#73ded6,#2ebdb4);border-radius:10px;flex:1;padding:10px;font-size:.75rem;font-weight:600;box-shadow:0 4px 14px #73ded640}.user-management__save-btn:disabled{opacity:.65;cursor:not-allowed}.user-management__cancel-btn{color:#64748b;background:#eef4f8;border-radius:10px;flex:1;padding:10px;font-size:.75rem;font-weight:600}.user-management__empty{color:#64748b;padding:24px;font-size:.75rem}.user-management__state{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:220px;font-size:.75rem;display:flex}.user-management__loader{border:3px solid #73ded633;border-top-color:#73ded6;border-radius:50%;width:44px;height:44px;animation:.8s linear infinite user-management-spin}@keyframes user-management-spin{to{transform:rotate(360deg)}}@media (width<=768px){.user-management__form-grid{grid-template-columns:1fr}.user-management__field--full{grid-column:auto}}.po-date-input{width:100%}.po-date-input__control{align-items:center;display:flex;position:relative}.po-date-input__control .po-management__input,.po-date-input__control .po-filters__input{padding-right:42px}.po-date-input__calendar-btn{z-index:2;color:#1a9e96;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.po-date-input__calendar-btn:hover:not(:disabled){background:#73ded624}.po-date-input__calendar-btn:disabled{opacity:.5;cursor:not-allowed}.po-date-input__native-picker{opacity:0;pointer-events:none;width:42px;height:100%;position:absolute;top:0;right:0}.po-filters{background:#fff;border:1px solid #0f172a14;border-radius:14px;margin-bottom:16px;padding:16px;box-shadow:0 4px 14px #0f172a0f}.po-filters__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 16px;display:grid}.po-filters__search-row{border-top:1px solid #0f172a14;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;margin-top:14px;padding-top:14px;display:grid}.po-filters__field{flex-direction:column;gap:6px;min-width:0;display:flex}.po-filters__label{color:#64748b;font-size:.68rem;font-weight:600}.po-filters__input,.po-filters__select,.po-filters__check-control{color:#0f172a;background:#fff;border:1px solid #0f172a14;border-radius:10px;outline:none;width:100%;min-height:42px;padding:9px 12px;font-size:.75rem}.po-filters__input:focus,.po-filters__select:focus{border-color:#73ded6;box-shadow:0 0 0 3px #73ded626}.po-filters__input:disabled,.po-filters__select:disabled{opacity:.6;cursor:not-allowed}.po-filters__check-control{cursor:pointer;align-items:center;gap:10px;transition:border-color .15s,box-shadow .15s,background .15s;display:inline-flex}.po-filters__check-control input{accent-color:#2ebdb4;flex-shrink:0;width:16px;height:16px}.po-filters__check-control span{color:#64748b;font-size:.75rem;font-weight:600}.po-filters__check-control:hover{border-color:#73ded68c}.po-filters__check-control.is-checked{background:#73ded614;border-color:#73ded6}.po-filters__check-control.is-checked span{color:#1a9e96}.po-filters__check-control:focus-within{border-color:#73ded6;box-shadow:0 0 0 3px #73ded626}.po-filters__actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.po-filters__reset-btn,.po-filters__apply-btn{border-radius:10px;padding:9px 16px;font-size:.75rem;font-weight:600}.po-filters__reset-btn{color:#64748b;background:#eef4f8}.po-filters__apply-btn{color:#0f172a;background:linear-gradient(135deg,#73ded6,#2ebdb4);box-shadow:0 4px 14px #73ded640}@media (width<=1100px){.po-filters__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.po-filters__grid,.po-filters__search-row{grid-template-columns:1fr}}.po-management__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.po-management__title{color:#0f172a;margin:0 0 4px;font-size:1.2rem;font-weight:600}.po-management__subtitle{color:#64748b;margin:0;font-size:.75rem}.po-management__add-btn{color:#0f172a;background:linear-gradient(135deg,#73ded6,#2ebdb4);border-radius:10px;padding:8px 14px;font-size:.75rem;font-weight:600;box-shadow:0 4px 14px #73ded64d}.po-management__add-btn:hover{box-shadow:0 6px 18px #73ded666}.po-management__filters{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.po-management__search{color:#0f172a;background:#fff;border:1px solid #0f172a14;border-radius:10px;outline:none;flex:1;min-width:200px;padding:9px 12px;font-size:.75rem}.po-management__search:focus{border-color:#73ded6;box-shadow:0 0 0 3px #73ded626}.po-management__filter-select{min-width:140px}.po-management__search-btn{color:#0f172a;background:#73ded633;border-radius:10px;padding:9px 16px;font-size:.75rem;font-weight:600}.po-management__table-wrap{background:#fff;border:1px solid #0f172a14;border-radius:14px;overflow-x:auto;box-shadow:0 4px 14px #0f172a0f}.po-management__table-wrap--nested{margin-top:12px}.po-management__table-wrap--nested .po-management__table--lines{table-layout:fixed;width:100%;min-width:1100px}.po-management__table-wrap--nested .po-management__table th,.po-management__table-wrap--nested .po-management__table td{white-space:nowrap;vertical-align:middle;overflow:hidden}.po-management__table-wrap--nested .po-management__col-line{width:64px}.po-management__table-wrap--nested .po-management__col-desc{width:auto}.po-management__table-wrap--nested .po-management__col-qty{width:56px}.po-management__table-wrap--nested .po-management__col-price{width:90px}.po-management__table-wrap--nested .po-management__col-currency{width:78px}.po-management__table-wrap--nested .po-management__col-status{width:230px}.po-management__table-wrap--nested .po-management__col-eta{width:110px}.po-management__table-wrap--nested .po-management__col-tracking{width:96px}.po-management__table-wrap--nested .po-management__col-actions{width:148px}.po-management__table{border-collapse:collapse;color:#0f172a;width:100%;min-width:720px}.po-management__table th,.po-management__table td{text-align:left;color:#0f172a;border-bottom:1px solid #0f172a14;padding:10px 12px;font-size:.75rem}.po-management__table th{color:#ffffffe0;background:#0f2233;font-weight:600}.po-management__table tbody tr:hover{background:#73ded60a}.po-management__badge{color:#1a9e96;background:#73ded626;border-radius:999px;padding:3px 8px;font-size:.68rem;font-weight:600;display:inline-block}.po-management__badge.is-closed{color:#10b981;background:#10b9811f}.po-management__actions{flex-wrap:wrap;gap:8px;display:flex}.po-management__action-menu{display:inline-flex;position:relative}.po-management__more-btn{color:#1a9e96;background:#73ded61f;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:inline-flex}.po-management__more-btn svg{width:21px;height:21px}.po-management__more-btn:hover,.po-management__more-btn:focus-visible{background:#73ded633}.po-management__action-dropdown{z-index:1200;background:#fff;border:1px solid #0f172a14;border-radius:10px;width:124px;min-width:112px;padding:4px;position:fixed;box-shadow:0 12px 32px #0f172a1a}.po-management__action-dropdown button{color:#0f172a;text-align:left;border-radius:8px;width:100%;padding:8px 10px;font-size:.68rem;font-weight:600;display:block}.po-management__action-dropdown button:hover,.po-management__action-dropdown button:focus-visible{background:#73ded61f}.po-management__action-dropdown button.is-danger{color:#ef4444}.po-management__action-dropdown button.is-danger:hover,.po-management__action-dropdown button.is-danger:focus-visible{background:#ef44441a}.po-management__action-btn{color:#1a9e96;background:#73ded61f;border-radius:10px;padding:5px 8px;font-size:.68rem;font-weight:600}.po-management__action-btn.is-danger{color:#ef4444;background:#ef44441a}.po-management__pagination{color:#64748b;justify-content:center;align-items:center;gap:16px;margin-top:16px;font-size:.75rem;display:flex}.po-management__pagination button{color:#1a9e96;background:#73ded61f;border-radius:10px;padding:6px 12px;font-size:.75rem;font-weight:600}.po-management__pagination button:disabled{opacity:.45;cursor:not-allowed}.po-management__panel-overlay{z-index:1001;background:0 0;transition:background .32s;position:fixed;inset:0}.po-management__panel-overlay.is-active{background:#0006}.po-management__panel{z-index:1002;color:#0f172a;background:#fff;border-left:1px solid #0f172a14;width:min(560px,100%);height:100vh;padding:28px 28px 24px;transition:transform .32s cubic-bezier(.4,0,.2,1);position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:0 12px 32px #0f172a1a}.po-management__panel.is-active{transform:translate(0)}.po-management__panel.is-wide{width:min(920px,100%)}.po-management__panel.is-detail{width:min(1180px,100%)}.po-management__panel-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.po-management__panel-heading{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.po-management__panel-title{color:#0f172a;margin:0;font-size:1.0625rem;font-weight:700}.po-management__panel-close{color:#64748b;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s,color .2s;display:flex}.po-management__panel-close:hover{color:#0f172a;background:#73ded61f}.po-management__form-grid,.po-management__line-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px;display:grid}.po-management__field{flex-direction:column;gap:6px;min-width:0;display:flex}.po-management__field--full{grid-column:1/-1}.po-management__label{color:#64748b;font-size:.68rem;font-weight:600}.po-management__label-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.po-management__text-btn{color:#2ebdb4;cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:0;font-size:.68rem;font-weight:600;text-decoration:underline}.po-management__text-btn:hover{color:#73ded6}.po-management__hint{color:#94a3b8;margin:0;font-size:.75rem;line-height:1.35}.po-management__input,.po-management__select,.po-management__textarea{color:#0f172a;background:#fff;border:1px solid #0f172a14;border-radius:10px;outline:none;width:100%;padding:9px 12px;font-size:.75rem;transition:border-color .2s,box-shadow .2s}.po-management__input:focus,.po-management__select:focus,.po-management__textarea:focus{border-color:#73ded6;box-shadow:0 0 0 3px #73ded626}.po-management__select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2364748b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:12px 8px;padding-right:2.75rem}.po-management__textarea{resize:vertical;min-height:72px}.po-management__error{color:#ef4444;margin:0;font-size:.78rem}.po-management__panel-actions,.po-management__line-form-actions{border-top:1px solid #0f172a14;gap:12px;margin-top:28px;padding-top:20px;display:flex}.po-management__save-btn{color:#0f172a;background:linear-gradient(135deg,#73ded6,#2ebdb4);border-radius:10px;flex:1;padding:10px;font-size:.75rem;font-weight:600;box-shadow:0 4px 14px #73ded640}.po-management__save-btn:disabled{opacity:.65;cursor:not-allowed}.po-management__cancel-btn{color:#64748b;background:#eef4f8;border-radius:10px;flex:1;padding:10px;font-size:.75rem;font-weight:600}.po-management__empty{color:#64748b;padding:24px;font-size:.75rem}.po-management__tracking-link{color:#1a9e96;word-break:break-all;text-decoration:underline}.po-management__tracking-link:hover{opacity:.85}.po-management__state{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:220px;font-size:.75rem;display:flex}.po-management__loader{border:3px solid #73ded633;border-top-color:#73ded6;border-radius:50%;width:44px;height:44px;animation:.8s linear infinite po-management-spin}@keyframes po-management-spin{to{transform:rotate(360deg)}}.po-management__lines-section{margin-top:24px}.po-management__lines-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.po-management__lines-head--end{justify-content:flex-end}.po-management__dark-btn{color:#fff;background:linear-gradient(135deg,#0f2233 0%,#0c1824 100%);border:1px solid #73ded633;border-radius:10px;padding:8px 14px;font-size:.75rem;font-weight:600;transition:background .2s,box-shadow .2s;box-shadow:0 4px 14px #0c182447}.po-management__dark-btn:hover{background:linear-gradient(135deg,#152a3d 0%,#101f2e 100%);box-shadow:0 6px 18px #0c18245c}.po-management__cell-text{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.po-management__status-slot{align-items:center;width:206px;height:32px;display:flex}.po-management__status-cell,.po-management__status-edit{white-space:nowrap;align-items:center;gap:6px;width:100%;height:32px;display:inline-flex}.po-management__status-cell .po-management__badge{box-sizing:border-box;align-items:center;height:24px;line-height:1;display:inline-flex}.po-management__status-select{box-sizing:border-box;color:#0f172a;background:#fff;border:1px solid #73ded659;border-radius:10px;outline:none;flex:auto;width:138px;min-width:0;height:28px;padding:0 8px;font-size:.68rem;line-height:26px}.po-management__status-select:focus{border-color:#2ebdb4;box-shadow:0 0 0 3px #73ded626}.po-management__icon-btn{box-sizing:border-box;color:#64748b;background:#0f172a0a;border:1px solid #0f172a14;border-radius:10px;flex:0 0 28px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:color .15s,background .15s,border-color .15s;display:inline-flex}.po-management__icon-btn:hover:not(:disabled){color:#1a9e96;background:#73ded61f;border-color:#73ded659}.po-management__icon-btn.is-confirm{color:#10b981;background:#10b9811a;border-color:#10b98140}.po-management__icon-btn.is-confirm:hover:not(:disabled){color:#0e9d6d;background:#10b98129}.po-management__icon-btn:disabled{opacity:.5;cursor:not-allowed}.po-management__section-title{color:#0f172a;margin:0 0 12px;font-size:.875rem;font-weight:600}.po-management__line-form{background:#73ded60a;border:1px solid #0f172a14;border-radius:10px;margin-bottom:16px;padding:16px}.po-management__line-form-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.po-management__line-form-header .po-management__section-title{margin:0}.po-management__detail-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.po-management__detail-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.po-management__detail-text{color:#64748b;font-size:.75rem}.po-management__info-grid{background:#73ded60a;border:1px solid #0f172a14;border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;margin-bottom:20px;padding:16px;display:grid}.po-management__info-grid>div{flex-direction:column;gap:4px;display:flex}.po-management__info-grid>div span{color:#64748b;font-size:.68rem}.po-management__info-grid>div strong{color:#0f172a;font-size:.75rem;font-weight:600}.po-management__info-full{grid-column:1/-1}.po-management__tabs{border-bottom:1px solid #0f172a14;gap:8px;margin-bottom:16px;display:flex}.po-management__tab{color:#64748b;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 14px;font-size:.75rem;font-weight:600}.po-management__tab.is-active{color:#1a9e96;border-bottom-color:#73ded6}.po-management__activity-list{margin:0;padding:0;list-style:none}.po-management__activity-item{color:#0f172a;border-bottom:1px solid #0f172a14;padding:12px 0;font-size:.75rem}.po-management__activity-item p{color:#64748b;margin:4px 0}.po-management__activity-top{justify-content:space-between;gap:12px;display:flex}.po-management__activity-top strong{text-transform:capitalize}.po-management__activity-top span,.po-management__activity-by{color:#94a3b8;font-size:.68rem}@media (width<=768px){.po-management__form-grid,.po-management__line-form-grid,.po-management__info-grid{grid-template-columns:1fr}.po-management__field--full,.po-management__info-full{grid-column:auto}}.po-management__pdf-import{margin-bottom:24px}.po-management__pdf-import p{margin:8px 0;font-size:14px}.po-management__pdf-import summary{cursor:pointer;color:#087f80;margin-top:12px;font-size:14px}.po-management__pdf-import pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:240px;overflow:auto}.po-management__pdf-buttons{flex-wrap:wrap;gap:12px;display:flex}.po-management__pdf-button{color:#fff;min-height:44px;font:inherit;cursor:pointer;background:#087f80;border:1px solid #087f80;border-radius:10px;justify-content:center;align-items:center;padding:12px 22px;font-weight:600;display:inline-flex}.po-management__pdf-button.is-secondary{color:#087f80;background:#f3fbfb}.po-management__pdf-button:hover:not(:disabled){filter:brightness(.94)}.po-management__pdf-button:focus-visible{outline-offset:3px;outline:3px solid #15a6a6}.po-management__pdf-button:disabled{opacity:.5;cursor:not-allowed}@media (width<=540px){.po-management__pdf-button{width:100%}}.po-management__pdf-filename{overflow-wrap:anywhere}.reporting__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.reporting__title{color:#0f172a;margin:0 0 4px;font-size:1.2rem;font-weight:600}.reporting__subtitle{color:#64748b;margin:0;font-size:.75rem}.reporting__count{color:#1a9e96;background:#73ded626;border-radius:999px;padding:6px 12px;font-size:.68rem;font-weight:600}.reporting__head-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.reporting__export{position:relative}.reporting__export-btn{color:#fff;background:linear-gradient(135deg,#0f2233 0%,#0c1824 100%);border:1px solid #73ded633;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:.75rem;font-weight:600;transition:background .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 14px #0c182447}.reporting__export-btn:hover:not(:disabled){background:linear-gradient(135deg,#152a3d 0%,#101f2e 100%);box-shadow:0 6px 18px #0c18245c}.reporting__export-btn:disabled{opacity:.65;cursor:not-allowed}.reporting__export-menu{z-index:20;background:#fff;border:1px solid #0f172a14;border-radius:10px;min-width:190px;padding:6px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 32px #0f172a1a}.reporting__export-menu button{text-align:left;color:#0f172a;border-radius:8px;width:100%;padding:8px 10px;font-size:.75rem;font-weight:600;display:block}.reporting__export-menu button:hover{color:#1a9e96;background:#73ded61f}.reporting__table-wrap{background:#fff;border:1px solid #0f172a14;border-radius:14px;overflow-x:auto;box-shadow:0 4px 14px #0f172a0f}.reporting__table{border-collapse:collapse;color:#0f172a;width:100%;min-width:1240px}.reporting__table th,.reporting__table td{text-align:left;border-bottom:1px solid #0f172a14;padding:10px 12px;font-size:.75rem}.reporting__table th{color:#ffffffe0;background:#0f2233;font-weight:600}.reporting__table tbody tr:hover{background:#73ded60a}.reporting__badge{color:#1a9e96;background:#73ded626;border-radius:999px;padding:3px 8px;font-size:.68rem;font-weight:600;display:inline-block}.reporting__badge.is-closed{color:#047857;background:#10b98126}.reporting__eta{white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.reporting__eta.is-overdue{color:#c62828;font-weight:700}.reporting__overdue-label{color:#b42318;text-transform:uppercase;background:#fef3f2;border:1px solid #fecdca;border-radius:999px;padding:2px 6px;font-size:9px;font-weight:700;line-height:1.3;display:inline-flex}.reporting__amount{white-space:nowrap;font-variant-numeric:tabular-nums;min-width:135px;font-weight:600;color:#203a50!important}.reporting__state{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:220px;font-size:.75rem;display:flex}.reporting__loader{border:3px solid #73ded633;border-top-color:#73ded6;border-radius:50%;width:44px;height:44px;animation:.8s linear infinite reporting-spin}@keyframes reporting-spin{to{transform:rotate(360deg)}}.reporting__empty{color:#64748b;padding:24px;font-size:.75rem}.reporting__pagination{color:#64748b;justify-content:center;align-items:center;gap:16px;margin-top:16px;font-size:.75rem;display:flex}.reporting__pagination button{color:#0f172a;background:#73ded633;border-radius:10px;padding:8px 14px;font-size:.75rem;font-weight:600}.reporting__pagination button:disabled{opacity:.5;cursor:not-allowed}.reporting{max-width:1540px;margin:0 auto}.reporting .reporting__head{gap:20px;margin-bottom:30px}.reporting .reporting__eyebrow{color:#16867f;letter-spacing:.16em;margin:0 0 11px;font-size:10px;font-weight:700}.reporting .reporting__title{letter-spacing:-1.1px;color:#102838;font-size:clamp(27px,2.2vw,34px);font-weight:700;line-height:1.1}.reporting .reporting__subtitle{color:#687989;margin-top:10px;font-size:14px}.reporting .reporting__count{color:#087b70;white-space:nowrap;background:#e6f8f5;padding:7px 12px;font-size:11px}.reporting .reporting__export-btn{background:#102b3b;border-radius:9px;gap:8px;padding:12px 18px;font-size:12px;box-shadow:0 8px 18px #102b3b1c}.reporting .po-filters{border:1px solid #e1e9ed;border-radius:14px;margin-bottom:28px;padding:26px;box-shadow:0 10px 30px #1b37490f}.reporting .po-filters__heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.reporting .po-filters__heading h2,.reporting .reporting__table-heading h2{color:#1d3748;margin:0;font-size:15px;font-weight:700}.reporting .po-filters__heading p,.reporting .reporting__table-heading p{color:#7b8797;margin:5px 0 0;font-size:12px}.reporting .po-filters__heading>span{letter-spacing:1.4px;color:#83909e;font-size:9px;font-weight:700}.reporting .po-filters__grid{gap:18px 20px}.reporting .po-filters__label{color:#526174;font-size:11px;font-weight:600}.reporting .po-filters__input,.reporting .po-filters__select,.reporting .po-filters__check-control{background:#fff;border-color:#dfe7eb;border-radius:8px;min-height:42px;padding:10px 12px;font-size:12px;transition:border-color .15s,box-shadow .15s,background .15s}.reporting .po-filters__input:hover,.reporting .po-filters__select:hover,.reporting .po-filters__check-control:hover{border-color:#b9ced3}.reporting .po-date-input__control .po-filters__input{padding-right:40px}.reporting .po-filters__input::placeholder{color:#929cab}.reporting .po-filters__check-control span{font-size:12px;font-weight:400}.reporting .po-filters__search-row{border-color:#edf0f4;gap:20px;margin-top:20px;padding-top:18px}.reporting .po-filters__actions{border-top:1px solid #edf0f4;margin-top:22px;padding-top:18px}.reporting .po-filters__reset-btn,.reporting .po-filters__apply-btn{border-radius:8px;min-height:40px;padding:10px 18px;font-size:12px}.reporting .po-filters__reset-btn{color:#526174;background:#fff;border:1px solid #dfe5ec}.reporting .po-filters__apply-btn{color:#fff;background:#087f75;box-shadow:0 2px 3px #087f7515}.reporting .po-filters__apply-btn:hover{background:#06685f}.reporting button:focus-visible{outline-offset:3px;outline:3px solid #59bcb3}.reporting .reporting__table-wrap{border-color:#e1e9ed;border-radius:14px;box-shadow:0 10px 30px #1b37490d}.reporting .reporting__table-heading{justify-content:space-between;align-items:center;gap:16px;padding:22px 24px;display:flex}.reporting .reporting__table{min-width:1320px}.reporting .reporting__table th{color:#637685;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;background:#f4f8f9;border-top:1px solid #edf0f4;padding:14px 16px;font-size:10px}.reporting .reporting__table td{color:#526174;border-color:#edf1f3;padding:17px 16px;font-size:12px}.reporting .reporting__table tbody tr{transition:background .15s}.reporting .reporting__table td:first-child{color:#203a50;font-weight:600}.reporting .reporting__table td:nth-child(7),.reporting .reporting__table td:nth-child(8){white-space:nowrap;font-variant-numeric:tabular-nums}.reporting .reporting__table tbody tr:last-child td{border-bottom:0}.reporting .reporting__badge{color:#087f75;background:#edf8f5;align-items:center;gap:6px;padding:4px 9px;font-size:10px;display:inline-flex}.reporting .reporting__badge:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.reporting .reporting__badge.is-closed{color:#627084;background:#f0f3f7}.reporting .reporting__pagination{justify-content:flex-end;font-size:12px}.reporting .reporting__pagination button{background:#fff;border:1px solid #dfe5ec;border-radius:6px;font-size:12px}@media (width<=768px){.reporting .reporting__title{font-size:23px}.reporting .po-filters{padding:16px}.reporting .reporting__head-actions{justify-content:space-between;width:100%}.reporting .po-filters__heading>span{display:none}.reporting .reporting__table-heading{padding:16px}}.sales-persons__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.sales-persons__title{color:#0f172a;margin:0 0 4px;font-size:1.2rem;font-weight:600}.sales-persons__subtitle{color:#64748b;margin:0;font-size:.75rem}.sales-persons__add-btn{color:#0f172a;background:linear-gradient(135deg,#73ded6,#2ebdb4);border-radius:10px;padding:8px 14px;font-size:.75rem;font-weight:600;box-shadow:0 4px 14px #73ded64d}.sales-persons__add-btn:hover{box-shadow:0 6px 18px #73ded666}.sales-persons__table-wrap{background:#fff;border:1px solid #0f172a14;border-radius:14px;overflow-x:auto;box-shadow:0 4px 14px #0f172a0f}.sales-persons__table{border-collapse:collapse;color:#0f172a;width:100%;min-width:480px}.sales-persons__name-cell,.sales-persons__pic-row{align-items:center;gap:10px;display:flex}.sales-persons__avatar{object-fit:cover;object-position:center top;border-radius:50%;flex:0 0 32px;width:32px;height:32px;display:block}.sales-persons__avatar--fallback,.sales-persons__avatar--preview{color:#119e95;background:#e8f8f7;place-items:center;font-size:21px;display:grid}.sales-persons__avatar--preview{flex-basis:56px;width:56px;height:56px;overflow:hidden}.sales-persons__avatar--preview img{object-fit:cover;object-position:center top;width:100%;height:100%}.sales-persons__upload-btn{color:#087f75;background:#e8f8f7;border-radius:8px;padding:7px 12px;font-size:12px;font-weight:600}.sales-persons__table th,.sales-persons__table td{text-align:left;color:#0f172a;border-bottom:1px solid #0f172a14;padding:10px 12px;font-size:.75rem}.sales-persons__table th{color:#ffffffe0;background:#0f2233;font-weight:600}.sales-persons__table tbody tr:hover{background:#73ded60a}.sales-persons__badge{color:#10b981;background:#10b9811f;border-radius:999px;padding:3px 8px;font-size:.68rem;font-weight:600;display:inline-block}.sales-persons__badge.is-inactive{color:#64748b;background:#64748b1f}.sales-persons__actions{flex-wrap:wrap;gap:8px;display:flex}.sales-persons__action-btn{color:#1a9e96;background:#73ded61f;border-radius:10px;padding:5px 8px;font-size:.68rem;font-weight:600}.sales-persons__action-btn.is-danger{color:#ef4444;background:#ef44441a}.sales-persons__state,.sales-persons__empty{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:48px 20px;font-size:.75rem;display:flex}.sales-persons__loader{border:3px solid #73ded633;border-top-color:#2ebdb4;border-radius:50%;width:28px;height:28px;animation:.7s linear infinite sales-persons-spin}@keyframes sales-persons-spin{to{transform:rotate(360deg)}}.sales-persons__panel-overlay{z-index:1001;background:0 0;transition:background .32s;position:fixed;inset:0}.sales-persons__panel-overlay.is-active{background:#0006}.sales-persons__panel{z-index:1002;color:#0f172a;background:#fff;border-left:1px solid #0f172a14;width:min(420px,100%);height:100vh;padding:28px;transition:transform .32s cubic-bezier(.4,0,.2,1);position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:0 12px 32px #0f172a1a}.sales-persons__panel.is-active{transform:translate(0)}.sales-persons__panel-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.sales-persons__panel-title{color:#0f172a;margin:0;font-size:1.0625rem;font-weight:700}.sales-persons__panel-close{color:#64748b;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sales-persons__panel-close:hover{color:#0f172a;background:#0f172a0d}.sales-persons__field{margin-bottom:16px}.sales-persons__label{color:#0f172a;margin-bottom:6px;font-size:.75rem;font-weight:600;display:block}.sales-persons__input{color:#0f172a;background:#fff;border:1px solid #0f172a14;border-radius:10px;outline:none;width:100%;padding:10px 12px;font-size:.75rem}.sales-persons__input:focus{border-color:#73ded6;box-shadow:0 0 0 3px #73ded626}.sales-persons__error{color:#ef4444;margin:6px 0 0;font-size:.68rem}.sales-persons__panel-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.sales-persons__cancel-btn{color:#64748b;background:#0f172a0d;border-radius:10px;padding:8px 14px;font-size:.75rem;font-weight:600}.sales-persons__save-btn{color:#0f172a;background:linear-gradient(135deg,#73ded6,#2ebdb4);border-radius:10px;padding:8px 14px;font-size:.75rem;font-weight:600}.sales-persons__save-btn:disabled{opacity:.6;cursor:not-allowed}.profile-settings__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.profile-settings__title{color:#0f172a;margin:0 0 4px;font-size:1.2rem;font-weight:600}.profile-settings__subtitle{color:#64748b;margin:0;font-size:.75rem}.profile-settings__role-badge{color:#1a9e96;background:#73ded626;border-radius:999px;padding:6px 12px;font-size:.68rem;font-weight:600;display:inline-block}.profile-settings,.profile-settings__card--full{width:100%}.profile-settings__card{background:#fff;border:1px solid #0f172a14;border-radius:14px;padding:22px;box-shadow:0 4px 14px #0f172a0f}.profile-settings__card-title{color:#0f172a;margin:0 0 18px;font-size:.9375rem;font-weight:600}.profile-settings__form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px;display:grid}.profile-settings__form-grid--single{grid-template-columns:1fr}.profile-settings__form-grid--password{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-settings__avatar-field{align-items:center;gap:16px;margin-bottom:20px;display:flex}.profile-settings__avatar{color:#1a9e96;background:#73ded61f;border:1px solid #0f172a14;border-radius:50%;place-items:center;width:76px;height:76px;font-size:38px;display:grid;overflow:hidden}.profile-settings__avatar img{object-fit:cover;object-position:center top;width:100%;height:100%}.profile-settings__upload-btn{color:#1a9e96;background:#73ded61f;border-radius:10px;margin-top:5px;padding:7px 12px;font-size:.68rem;font-weight:600}.profile-settings__hint{color:#64748b;margin-top:4px;font-size:11px}.profile-settings__field{flex-direction:column;gap:6px;min-width:0;display:flex}.profile-settings__field--full{grid-column:1/-1}.profile-settings__phone-row{align-items:stretch;gap:10px;display:flex}.profile-settings__input--code{text-align:center;flex:0 0 88px;min-width:88px;padding-inline:10px}.profile-settings__label{color:#64748b;font-size:.68rem;font-weight:600}.profile-settings__input{color:#0f172a;background:#fff;border:1px solid #0f172a14;border-radius:10px;outline:none;width:100%;padding:9px 12px;font-size:.75rem}.profile-settings__input:focus{border-color:#73ded6;box-shadow:0 0 0 3px #73ded626}.profile-settings__error{color:#ef4444;margin:0;font-size:.78rem}.profile-settings__save-btn{color:#0f172a;background:linear-gradient(135deg,#73ded6,#2ebdb4);border-radius:10px;min-width:160px;margin-top:20px;padding:10px 20px;font-size:.75rem;font-weight:600;box-shadow:0 4px 14px #73ded640}.profile-settings__save-btn:disabled{opacity:.65;cursor:not-allowed}.profile-settings__state{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:220px;font-size:.75rem;display:flex}.profile-settings__loader{border:3px solid #73ded633;border-top-color:#73ded6;border-radius:50%;width:44px;height:44px;animation:.8s linear infinite profile-settings-spin}@keyframes profile-settings-spin{to{transform:rotate(360deg)}}@media (width<=768px){.profile-settings__form-grid,.profile-settings__form-grid--password{grid-template-columns:1fr}.profile-settings__field--full{grid-column:auto}.profile-settings__phone-row{flex-direction:column}.profile-settings__input--code{text-align:left;flex:auto;width:100%}}.login-form__field{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.login-form__label-row{justify-content:space-between;align-items:center;display:flex}.login-form__label{color:#173a53;font-size:.85rem;font-weight:500}.login-form__input{color:#183b54;background:#ffffff7a;border:1px solid #ffffffe0;border-radius:12px;outline:none;width:100%;padding:11px 13px;transition:border-color .2s}.login-form__input:focus{border-color:#73ded6}.login-form__input::placeholder{color:#42657db8}.login-form__forgot{color:#000;font-size:.85rem}.login-form__forgot:hover{text-decoration:underline}.login-form__remember{color:#36566d;align-items:center;gap:8px;margin:-2px 0 16px;font-size:.82rem;display:flex}.login-form__remember input{accent-color:#25cce2;width:18px;height:18px}.login-form__error{color:#ff8a8a;margin:-8px 0 12px;font-size:.82rem}.login-form__submit{color:#050a12;background:#4fdad8;border-radius:7px;width:100%;margin-top:0;padding:12px 16px;font-weight:600;transition:background .2s,opacity .2s}.login-form__submit:hover:not(:disabled){background:#66e8e4}.login-form__submit:disabled{opacity:.65;cursor:not-allowed}.login-form__password-wrap{position:relative}.login-form__toggle-password{color:#385a71;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.login-form__toggle-password:hover{color:#73ded6}.login-page{background:linear-gradient(90deg,#031c312e 0%,#031c3114 48%,#031c312e 100%),url(/assets/Modern%20Port%20Logistics%20Operations-BHdJuknq.png) 50%/cover no-repeat fixed;flex-direction:column;min-height:100vh;font-family:TheSansArabic,Arial,sans-serif;display:flex}.login-page input,.login-page button{font-family:inherit}.login-page__body{flex:1;justify-content:center;align-items:center;padding:28px 24px;display:flex}.login-page__card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(145deg,#e8f9ffa3,#b9e2f06b);border:1px solid #ffffffc7;border-radius:26px;width:100%;max-width:388px;padding:42px 48px 28px;box-shadow:0 24px 60px #02375247,inset 0 1px #ffffffd1}.login-page__brand{color:#07153b;align-items:center;gap:12px;margin-bottom:32px;display:flex}.login-page__brand .login-page__logo{width:88px}.login-page__brand strong{font-size:23px;line-height:1.1;display:block}.login-page__brand span{color:#07153b;letter-spacing:.2em;text-transform:uppercase;margin-top:4px;font-size:10px;font-weight:700;display:block}@media (width<=768px){.login-page{background-position:58%;background-attachment:scroll}}.login-page__title{color:#07153b;margin:0 0 6px;font-size:25px;font-weight:600}.login-page__subtitle{color:#52718a;margin:0 0 26px;font-size:16px}.login-page__copyright{text-align:center;color:#000;border-top:1px solid #5fc0e285;margin:19px 0 0;padding-top:15px;font-size:12px}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:.2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0, 0, var(--toastify-z-index));width:var(--toastify-container-width);box-sizing:border-box;color:#fff;flex-direction:column;display:flex;position:fixed}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y:0px;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;word-break:break-word;flex:auto;align-items:center;margin-bottom:1rem;display:flex;position:relative}@media only screen and (width<=480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}@media only screen and (width<=480px){.Toastify__toast-container[data-stacked=true]{width:100vw}}.Toastify__toast--stacked{width:100%;transform:translate3d(0, var(--y), 0) scale(var(--s));transition:transform .3s;position:absolute}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";height:calc(var(--g) * 1px);position:absolute;bottom:100%;left:0;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";z-index:-1;height:100%;position:absolute;bottom:0;left:0;right:0;transform:scaleY(3)}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{flex-shrink:0;width:22px;margin-inline-end:10px;display:flex}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;cursor:pointer;opacity:.7;z-index:1;background:0 0;border:none;outline:none;padding:0;transition:all .3s;position:absolute;top:6px;right:6px}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;width:14px;height:16px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{z-index:1;opacity:.7;transform-origin:0;width:100%;height:100%;position:absolute;bottom:0;left:0}.Toastify__progress-bar--animated{animation:linear forwards Toastify__trackProgress}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:100%;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius);width:100%;height:5px;position:absolute;bottom:0;left:0;overflow:hidden}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{box-sizing:border-box;border:2px solid;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);border-radius:100%;width:20px;height:20px;animation:.65s linear infinite Toastify__spin}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(3000px)}60%{opacity:1;transform:translate(-25px)}75%{transform:translate(10px)}90%{transform:translate(-5px)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px, var(--y), 0)}to{opacity:0;transform:translate3d(2000px, var(--y), 0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(-3000px)}60%{opacity:1;transform:translate(25px)}75%{transform:translate(-10px)}90%{transform:translate(5px)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px, var(--y), 0)}to{opacity:0;transform:translate3d(-2000px, var(--y), 0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(3000px)}60%{opacity:1;transform:translateY(-20px)}75%{transform:translateY(10px)}90%{transform:translateY(-5px)}to{transform:translate(0,0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(-2000px)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(-3000px)}60%{opacity:1;transform:translateY(25px)}75%{transform:translateY(-10px)}90%{transform:translateY(5px)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(2000px)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0, var(--y), 0) scale3d(.3, .3, .3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{opacity:0;animation-timing-function:ease-in;transform:perspective(400px)rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px)rotateX(-20deg)}60%{opacity:1;transform:perspective(400px)rotateX(10deg)}80%{transform:perspective(400px)rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0, var(--y), 0) perspective(400px)}30%{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}to{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{visibility:visible;transform:translate(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInLeft{0%{visibility:visible;transform:translate(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInUp{0%{visibility:visible;transform:translateY(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInDown{0%{visibility:visible;transform:translateY(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(110%, var(--y), 0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(-110%, var(--y), 0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(500px)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(-500px)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-duration:.3s;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}