@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--brand-teal:#005360;--brand-teal-mid:#006f82;--brand-teal-lt:#e6f4f6;--brand-orange:#e77817;--brand-orange-lt:#fff4e8;--brand-gray:#73736e;--brand-gray-lt:#f5f5f4;--bg-page:#f8f9fa;--bg-sidebar:#fff;--bg-header:#fff;--bg-footer:#fff;--border:#e5e7eb;--border-strong:#d1d5db;--text-primary:#111827;--text-secondary:#6b7280;--text-muted:#9ca3af}*,:before,:after{box-sizing:border-box}html,body{background-color:var(--bg-page);width:100%;min-height:100vh;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Plus Jakarta Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}#root{flex-direction:column;width:100%;min-height:100vh;margin:0;padding:0;display:flex}.portal-layout{background-color:var(--bg-page);width:100%;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.app-sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);z-index:100;-webkit-user-select:none;user-select:none;flex-direction:column;height:100vh;transition:width .25s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:2px 0 12px #0053600f}.app-sidebar.expanded{width:260px}.app-sidebar.collapsed{width:70px}.sidebar-header{border-bottom:1px solid var(--border);background:var(--bg-sidebar);justify-content:space-between;align-items:center;height:58px;padding:0 16px;display:flex}.sidebar-close-mobile-btn{background:var(--brand-teal-lt);border:1px solid var(--border);color:var(--brand-teal);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:none}.sidebar-close-mobile-btn:hover{color:#fff;background:#ef4444;border-color:#ef4444}.sidebar-logo{flex:1;align-items:center;display:flex;overflow:hidden}.sidebar-logo--expanded,.sidebar-logo--collapsed{justify-content:center}.sidebar-logo-img{object-fit:contain;width:auto;max-width:170px;height:38px}.sidebar-logo-img-sm{object-fit:contain;object-position:left center;width:30px;height:30px}.sidebar-logo-icon{background:var(--brand-teal);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 2px 10px #00536040}.sidebar-logo-icon img{object-fit:contain;width:26px;height:26px}.sidebar-nav{flex:1;padding:18px 10px;overflow-y:auto}.nav-section-title{color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;padding:6px 12px 10px;font-size:10px;font-weight:700}.nav-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.nav-link{color:var(--text-secondary);white-space:nowrap;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;font-size:14px;font-weight:600;text-decoration:none;transition:all .15s ease-in-out;display:flex}.nav-link:hover{background:var(--brand-teal-lt);color:var(--brand-teal)}.nav-link.active{background:var(--brand-teal);color:#fff;box-shadow:0 4px 12px #00536047}.nav-link.active .nav-icon{color:#fff}.nav-icon{color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;transition:color .15s;display:flex}.nav-link:hover .nav-icon{color:var(--brand-teal)}.nav-badge{background:var(--brand-orange);color:#fff;border-radius:9999px;margin-left:auto;padding:2px 8px;font-size:10px;font-weight:700}.app-sidebar.collapsed .sidebar-header{justify-content:center;padding:0 8px}.app-sidebar.collapsed .sidebar-nav{padding:14px 6px}.app-sidebar.collapsed .nav-section-title{display:none}.app-sidebar.collapsed .nav-list{align-items:center;gap:6px}.app-sidebar.collapsed .nav-item{justify-content:center;width:100%;display:flex}.app-sidebar.collapsed .nav-link{border-radius:10px;justify-content:center;width:44px;height:44px;padding:0}.app-sidebar.collapsed .nav-link .nav-icon{margin:0}.app-sidebar.collapsed .sidebar-footer{justify-content:center;padding:14px 0;display:flex}.sidebar-footer{border-top:1px solid var(--border);background:var(--brand-gray-lt);padding:14px}.system-status-box{color:#16a34a;align-items:center;gap:10px;font-size:12px;font-weight:600;display:flex}.status-indicator{background:#16a34a;border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block;box-shadow:0 0 8px #16a34a99}.collapsed-indicator{justify-content:center;align-items:center;display:flex}.portal-main-wrapper{text-align:left;background:var(--bg-page);flex-direction:column;flex:1;min-height:100vh;transition:margin-left .25s cubic-bezier(.4,0,.2,1);display:flex}.portal-main-wrapper.sidebar-open{margin-left:260px}.portal-main-wrapper.sidebar-closed{margin-left:70px}.app-header{background:var(--bg-header);border-bottom:1px solid var(--border);z-index:90;justify-content:space-between;align-items:center;height:58px;padding:0 20px;display:flex;position:sticky;top:0;box-shadow:0 1px 6px #0053600d}.header-left{align-items:center;gap:16px;display:flex}.sidebar-toggle-btn{background:var(--brand-teal-lt);border:1px solid var(--border);color:var(--brand-teal);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .15s;display:flex}.sidebar-toggle-btn:hover{background:var(--brand-teal);border-color:var(--brand-teal);color:#fff}.brand-badge{align-items:center;display:flex}.header-logo-img{object-fit:contain;width:auto;height:40px}@media (max-width:480px){.header-logo-img{height:30px}}.header-right{align-items:center;gap:14px;display:flex}.user-profile-badge{position:relative}.user-avatar{background:var(--brand-teal);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex;box-shadow:0 2px 8px #0053604d}.user-details{flex-direction:column;display:flex}.user-name{color:var(--brand-teal);font-size:13px;font-weight:700;line-height:1.2}.user-email{color:var(--text-secondary);font-size:11px;line-height:1.2}.user-profile-trigger{cursor:pointer;background:0 0;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.user-profile-trigger .user-avatar{width:35px;height:35px;font-size:14px;transition:box-shadow .18s,transform .18s}.user-profile-trigger:hover .user-avatar,.user-profile-trigger.active .user-avatar{transform:scale(1.05);box-shadow:0 0 0 3px #00536040,0 4px 14px #0053604d}.profile-chevron-badge{background:#fff;border:1.5px solid #00536033;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;transition:background .18s,border-color .18s;display:flex;position:absolute;bottom:-1px;right:-3px;box-shadow:0 1px 4px #00000014}.user-profile-trigger:hover .profile-chevron-badge,.user-profile-trigger.active .profile-chevron-badge{background:var(--brand-teal);border-color:var(--brand-teal)}.profile-chevron{color:var(--brand-teal);flex-shrink:0;transition:transform .2s,color .18s;display:block}.user-profile-trigger:hover .profile-chevron,.user-profile-trigger.active .profile-chevron{color:#fff}.profile-chevron.open{transform:rotate(180deg)}.profile-dropdown{border:1px solid var(--border);z-index:200;background:#fff;border-radius:14px;min-width:240px;animation:.18s cubic-bezier(.16,1,.3,1) forwards dropdownFadeIn;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 12px 40px #00536024,0 2px 8px #0000000f}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.profile-dropdown-header{align-items:center;gap:12px;padding:16px 16px 14px;display:flex}.profile-dropdown-avatar{background:var(--brand-teal);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:800;display:flex;box-shadow:0 2px 8px #0053604d}.profile-dropdown-name{color:#111827;font-size:13px;font-weight:700}.profile-dropdown-email{color:var(--text-secondary);margin-top:2px;font-size:11px}.profile-dropdown-divider{background:var(--border);height:1px;margin:0}.profile-dropdown-item{text-align:left;width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:11px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .14s;display:flex}.profile-dropdown-item:hover{background:var(--brand-teal-lt);color:var(--brand-teal)}.profile-dropdown-item svg{color:inherit;flex-shrink:0}.profile-dropdown-item.danger{color:#dc2626}.profile-dropdown-item.danger:hover{color:#dc2626;background:#fef2f2}.portal-page-content{background:var(--bg-page);flex-direction:column;flex:1;padding:28px 32px;display:flex}.portal-main-wrapper.sidebar-closed .portal-page-content{padding:28px 36px}.portal-page-container{flex-direction:column;gap:24px;width:100%;max-width:100%;margin:0;display:flex}.dashboard-grid-layout{grid-template-columns:2fr 1fr;align-items:start;gap:24px;display:grid}@media (max-width:1100px){.dashboard-grid-layout{grid-template-columns:1fr}}.dash-card{border:1px solid var(--border);background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 1px 4px #0053600d}.dash-card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.dash-card-title{color:#111827;margin:0;font-size:16px;font-weight:700}.dash-card-body{padding:20px 24px}.dash-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.dash-table th{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;border-bottom:1px solid var(--border);background:#fcfdfd;padding:12px 14px;font-size:11px;font-weight:700}.dash-table td{color:#374151;border-bottom:1px solid #f1f5f9;padding:14px;font-weight:500}.dash-table tr:hover td{background:#f8fafc}.status-badge{border-radius:20px;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.status-badge.in-transit{color:#005360;background:#e6f4f6}.status-badge.customs{color:#e77817;background:#fff4e8}.status-badge.delivered{color:#16a34a;background:#f0fdf4}.app-footer{border-top:1px solid var(--border);background:var(--bg-footer);color:var(--text-secondary);padding:16px 32px;font-size:13px}.footer-content{justify-content:space-between;align-items:center;display:flex}.footer-right{align-items:center;gap:10px;display:flex}.footer-divider{color:var(--border-strong)}.footer-link{color:var(--text-secondary);text-decoration:none;transition:color .15s}.footer-link:hover{color:var(--brand-teal)}@media (max-width:640px){.app-footer{padding:14px 16px!important}.footer-content{text-align:center!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:6px!important}.footer-left{color:var(--text-secondary)!important;font-size:11.5px!important;line-height:1.4!important}.footer-right{justify-content:center!important;gap:8px!important;font-size:11px!important}}.sidebar-backdrop{display:none}@media (max-width:768px){.portal-main-wrapper.sidebar-open,.portal-main-wrapper.sidebar-closed{margin-left:0}.app-sidebar{transform:translate(-100%);box-shadow:4px 0 24px #0000001f;width:280px!important}.app-sidebar.expanded{transform:translate(0)}.sidebar-close-mobile-btn{display:flex}.sidebar-backdrop.show{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:95;background:#00536059;animation:.2s ease-out fadeIn;display:block;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.user-details{display:none}.portal-page-content{padding:16px 14px!important}.app-header{padding:0 16px}}.item-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.item-page-title{color:#111827;letter-spacing:-.3px;margin:0;font-size:22px;font-weight:800}.item-count-badge{color:#005360;background:#e6f4f6;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:700}.item-page-subtitle{color:#6b7280;margin:3px 0 0;font-size:13px;line-height:1.4}.item-add-btn{color:#fff;white-space:nowrap;background:#005360;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:0 2px 6px #00536033}.item-add-btn:hover{background:#00434e}.item-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.item-metric-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px 18px;box-shadow:0 1px 3px #00000008}.item-metric-label{color:#6b7280;text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px;font-size:10px;font-weight:700}.item-metric-val{font-size:22px;font-weight:800}.item-metric-sub{margin-top:3px;font-size:11px}@media (max-width:768px){.portal-page-container{gap:14px!important}.item-page-title{font-size:18px!important}.item-page-subtitle{font-size:12px!important;line-height:1.35!important}.item-add-btn{border-radius:9px!important;justify-content:center!important;width:100%!important;padding:10px 16px!important;font-size:13px!important}.item-metrics-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.item-metric-card{border-radius:10px!important;padding:10px 12px!important}.item-metric-val{letter-spacing:-.2px;font-size:16px!important;font-weight:800!important}.item-metric-label{letter-spacing:.3px;margin-bottom:2px!important;font-size:9px!important}.item-metric-sub{margin-top:2px!important;font-size:10px!important}}.items-desktop-view{display:block}.items-mobile-view{display:none}@media (max-width:768px){.items-desktop-view{display:none!important}.items-mobile-view{flex-direction:column;gap:12px;padding:12px 10px;display:flex!important}}.item-mobile-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;gap:10px;padding:14px 16px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 1px 4px #0000000a}.item-mobile-card:active{transform:scale(.995)}.item-form-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin-bottom:20px;padding:24px;box-shadow:0 1px 3px #00000005}.item-form-section-title{color:#111827;margin:0;font-size:16px;font-weight:700}.item-form-container{padding:28px}.item-form-grid-row{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-bottom:22px;display:grid}.item-form-span-2{grid-column:span 2}.item-form-actions-bar{justify-content:flex-end;gap:12px;display:flex}@media (max-width:640px){.item-form-container{padding:18px 14px!important}.item-form-grid-row{grid-template-columns:1fr!important;gap:14px!important;margin-bottom:16px!important}.item-form-span-2{grid-column:span 1!important}.item-form-actions-bar{flex-direction:column-reverse!important;gap:10px!important}.item-form-actions-bar>*{text-align:center!important;justify-content:center!important;width:100%!important;padding:12px 16px!important}}.toast-portal-container{z-index:9999;pointer-events:none;flex-direction:column;gap:12px;width:calc(100vw - 48px);max-width:420px;display:flex;position:fixed;top:24px;right:24px}.toast-card{pointer-events:auto;cursor:pointer;border:1px solid var(--border);background:#fff;border-left:4px solid #0000;border-radius:12px;align-items:flex-start;gap:14px;padding:16px 18px;transition:all .2s;animation:.35s cubic-bezier(.16,1,.3,1) forwards toastSlideIn;display:flex;box-shadow:0 8px 24px #0000001f,0 2px 6px #0000000f}.toast-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #00000026}@keyframes toastSlideIn{0%{opacity:0;transform:translate(40px)scale(.96)}to{opacity:1;transform:translate(0)scale(1)}}.toast-success{border-left-color:#16a34a}.toast-success .toast-icon-wrapper{color:#16a34a;background:#f0fdf4}.toast-error{border-left-color:#dc2626}.toast-error .toast-icon-wrapper{color:#dc2626;background:#fef2f2}.toast-info{border-left-color:var(--brand-teal)}.toast-info .toast-icon-wrapper{color:var(--brand-teal);background:var(--brand-teal-lt)}.toast-warning{border-left-color:var(--brand-orange)}.toast-warning .toast-icon-wrapper{color:var(--brand-orange);background:var(--brand-orange-lt)}.toast-icon-wrapper{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.toast-content{flex-direction:column;flex:1;gap:2px;display:flex}.toast-title{color:var(--text-primary);font-size:14px;font-weight:700;line-height:1.3}.toast-message{color:var(--text-secondary);font-size:13px;line-height:1.4}.toast-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;font-size:14px;line-height:1;transition:all .15s;display:flex}.toast-close-btn:hover{color:var(--text-primary);background:var(--brand-gray-lt)}@media (max-width:640px){.toast-portal-container{width:auto;top:16px;left:16px;right:16px}}@keyframes brand-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes brand-reverse-spin{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes brand-pulse-scale{0%,to{filter:drop-shadow(0 4px 12px #00536026);transform:scale(1)}50%{filter:drop-shadow(0 8px 24px #e7781747);transform:scale(1.05)}}@keyframes brand-halo{0%,to{opacity:.45;transform:scale(.92)}50%{opacity:.85;transform:scale(1.12)}}@keyframes brand-progress{0%{width:30%;left:-40%}50%{width:60%;left:30%}to{width:40%;left:100%}}@keyframes brand-dots{0%,20%{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}80%,to{opacity:.4;transform:translateY(0)}}.brand-loader-container{-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;display:flex}.brand-loader-fullscreen{z-index:99999;background:radial-gradient(circle,#fff 0%,#f4f8f9 100%);width:100vw;height:100vh;position:fixed;top:0;bottom:0;left:0;right:0}.brand-loader-inline{background:0 0;width:100%;padding:48px 20px}