body{margin:0}:root{--navy-darkest: #152438;--navy-dark: #1e3a5f;--navy-mid: #245280;--navy-light: #2d6ba0;--navy-pale: #4a84b8;--color-primary: hsl(205.66, 62.81%, 47.45%);--color-primary-100: #064368;--color-primary-80: rgb(30, 87, 119);--color-primary-60: rgb(55, 104, 134);--color-primary-40: rgb(106, 142, 164);--color-primary-20: rgb(155, 179, 194);--color-secondary-100: rgb(246, 146, 32);--color-secondary-80: rgb(247, 157, 54);--color-secondary-60: rgb(249, 179, 99);--color-secondary-40: rgb(251, 201, 144);--color-secondary-20: rgb(252, 222, 188);--color-black-100: rgb(0, 0, 0);--color-black-80: rgb(105, 105, 105);--color-black-60: rgb(128, 128, 128);--color-black-40: rgb(169, 169, 169);--color-black-20: rgb(192, 192, 192);--portal-bg: #f0f2f5;--card-bg: #ffffff;--card-border: #e2e6ea;--section-header-bg:#f7f8fa;--text-primary: #1a2c45;--text-secondary: #5a6a7e;--text-muted: #8a96a3;--status-pending: #e8820c;--status-signed: #27ae60;--status-inactive: #8a96a3;--status-ongoing: #2d6ba0;--box-shadow-1: rgba(60, 64, 67, .3) 0px 1px 2px 0px, rgba(60, 64, 67, .15) 0px 2px 6px 2px;--box-shadow-2: rgba(0, 0, 0, .19) 0px 10px 20px, rgba(0, 0, 0, .23) 0px 6px 6px;--box-shadow-3: rgba(0, 0, 0, .25) 0px 14px 28px, rgba(0, 0, 0, .22) 0px 10px 10px;--box-shadow-4: rgba(0, 0, 0, .3) 0px 19px 38px, rgba(0, 0, 0, .22) 0px 15px 12px;--box-shadow-link: rgba(0, 0, 0, .2) 0px 5px 5px, rgba(0, 0, 0, .2) 0px 2px 6px;--shadow-card: 0 2px 8px rgba(30, 58, 95, .1), 0 1px 3px rgba(30,58,95,.07);--shadow-nav: 0 -2px 12px rgba(30, 58, 95, .12);--shadow-xs: 0 1px 3px rgba(0,0,0,.08);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--transition-fast: .15s ease;--transition-std: .22s ease}.flex{display:flex}.flex-col{flex-direction:column}.justify-center{justify-content:center}.align-center{align-items:center}.margin-auto{margin:auto}.text-wrap{text-wrap:wrap}.merriweather-300{font-family:Merriweather,serif;font-optical-sizing:auto;font-weight:300;font-style:normal;font-variation-settings:"wdth" 100}.merriweather-400{font-family:Merriweather,serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100}.merriweather-500{font-family:Merriweather,serif;font-optical-sizing:auto;font-weight:500;font-style:normal;font-variation-settings:"wdth" 100}.merriweather-600{font-family:Merriweather,serif;font-optical-sizing:auto;font-weight:600;font-style:normal;font-variation-settings:"wdth" 100}.merriweather-700{font-family:Merriweather,serif;font-optical-sizing:auto;font-weight:700;font-style:normal;font-variation-settings:"wdth" 100}.merriweather-800{font-family:Merriweather,serif;font-optical-sizing:auto;font-weight:800;font-style:normal;font-variation-settings:"wdth" 100}.merriweather-900{font-family:Merriweather,serif;font-optical-sizing:auto;font-weight:900;font-style:normal;font-variation-settings:"wdth" 100}.merriweather-900-title{font-family:Merriweather,serif;font-optical-sizing:auto;font-weight:900;font-style:normal;font-variation-settings:"wdth" 100;font-size:28px}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(130deg,#064368,#376886,#9bb3c2)}.login-card{display:flex;flex-direction:column;background-color:#fff;width:80%;height:55%;min-height:400px;max-height:500px;border-radius:5px;box-shadow:var(--box-shadow-4)}.login-title-container{display:flex;justify-content:center;align-items:center;width:100%;height:25%;-webkit-user-select:none;user-select:none}.login-body-container{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;width:100%;height:75%}.login-input-container{display:flex;flex-direction:column;width:80%}.login-label{-webkit-user-select:none;user-select:none}.login-input{height:30px;border-left:none;border-right:none;border-top:none}.login-forgot-password{font-size:10px;margin:auto;padding-top:10px;color:var(--color-black-80);-webkit-user-select:none;user-select:none}.login-forgot-password:hover{cursor:pointer;color:var(--color-black-40)}.login-button{width:80%;height:45px;background-color:var(--color-primary-80);color:#fff;box-shadow:var(--box-shadow-2);border:none;border-radius:5px;-webkit-user-select:none;user-select:none}.login-button:hover{cursor:pointer;background-color:var(--color-primary-60)}@media(min-width:481px){.login-card{max-width:55%}}@media(min-width:769px){.login-card{max-width:400px;max-height:550px}}@media(min-width:1025px){.login-card{max-width:500px;max-height:650px}}@media(min-width:1201px){.login-card{max-width:500px;max-height:650px}}.layout-container{display:flex;flex-direction:column;background:linear-gradient(130deg,#064368,#376886,#9bb3c2);min-height:100vh;width:100%;max-width:100%}.navbar-container{width:100%;height:80px;background-color:var(--color-primary-100);display:flex;box-shadow:var(--box-shadow-2)}.navbar-items-container{width:60%;display:flex;align-items:center;justify-content:end;padding-right:20px}.navbar-logo{color:#fff;-webkit-user-select:none;user-select:none}.navbar-profile-container{width:30px;-webkit-user-select:none;user-select:none}.navbar-profile-container{cursor:pointer}.navbar-box{position:absolute;min-width:125px;height:100px;background-color:var(--color-primary-80);box-shadow:var(--box-shadow-2);opacity:.95;right:.5%;border-radius:5px;display:flex;flex-direction:column;justify-content:space-evenly;border:1px solid rgba(255,255,255,.66);color:#fffc}@media(min-width:481px){.navbar-logo-container{max-width:200px}.navbar-items-container{width:70%}}@media(min-width:769px){.navbar-logo-container{max-width:225px}.navbar-items-container{width:75%}.navbar-container{height:50px}}@media(min-width:1025px){.navbar-logo-container{max-width:200px}.navbar-items-container{width:80%}.navbar-container{height:50px}}@media(min-width:1201px){.navbar-logo-container{max-width:200px}.navbar-items-container{width:85%}.navbar-container{height:50px}}.sidebar-container{width:100%;background-color:var(--color-primary-100);display:flex;flex-direction:column;box-shadow:var(--box-shadow-2);border-top:1px solid rgba(0,0,0,.2)}.sidebar-off{display:none!important}.sidebar-label{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;color:#ffffff8c;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;-webkit-user-select:none;user-select:none;border-bottom:1px solid rgba(255,255,255,.06)}.sidebar-link{padding:9px 14px;color:#ffffffe0;font-size:11px;-webkit-user-select:none;user-select:none;border:1px solid rgba(255,255,255,.12);margin:5px 10px;border-radius:var(--radius-sm);text-align:center;transition:background var(--transition-fast),color var(--transition-fast);box-shadow:var(--shadow-xs)}.sidebar-link:hover{cursor:pointer;color:#e1e1e1;background-color:var(--color-primary-80)}.mobile-hidden{display:none}@media(min-width:768px){.mobile-hidden{display:block!important}.sidebar-container{width:250px}.sidebar-header Dropdown{display:none}}@media(min-width:481px){.sidebar-container{max-width:200px}.mobile-hidden{display:block!important}}@media(min-width:769px){.sidebar-container{max-width:225px}}@media(min-width:1025px){.sidebar-container{max-width:200px}}@media(min-width:1201px){.sidebar-container{max-width:200px}}.content-container{display:flex;flex-direction:column;flex:1}.landing-container{min-height:100vh;display:flex;flex-direction:column;flex:1;padding:10px;gap:15px;-webkit-user-select:none;user-select:none;-ms-overflow-style:none;scrollbar-width:none;overflow-y:auto}.landing-container::-webkit-scrollbar{display:none}.dashboard-root{background:transparent;padding:16px;gap:18px;box-sizing:border-box}.dashboard-top-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dashboard-kpi-card{background:linear-gradient(135deg,var(--color-primary-100),var(--color-primary-60));border-radius:14px;padding:14px 16px;color:#fff;box-shadow:0 10px 25px #0f172a99;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(148,163,184,.25)}.dashboard-kpi-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.8}.dashboard-kpi-value{margin-top:6px;font-size:20px}.dashboard-panel{background:#fff;border-radius:16px;border:1px solid var(--card-border);box-shadow:var(--box-shadow-4);padding:16px 18px 18px;color:var(--text-primary);min-width:0}.dashboard-panel-wide{margin-top:6px}.dashboard-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.dashboard-panel-title{font-size:14px}.dashboard-panel-meta{font-size:11px;color:var(--text-secondary)}.dashboard-table-wrap{margin-top:4px;border-radius:12px;overflow:hidden;border:1px solid rgba(55,65,81,.9)}.dashboard-table{width:100%;border-collapse:collapse;font-size:11px;background:#fff}.dashboard-table thead{background:var(--section-header-bg)}.dashboard-table th{padding:10px 12px;text-align:left;white-space:nowrap;color:var(--text-primary)}.dashboard-table td{padding:8px 12px;border-top:1px solid var(--card-border);color:var(--text-secondary)}.dashboard-table tbody tr:nth-child(2n){background:#f9fafb}.dashboard-table tbody tr:hover{background:#0643680f}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:10px}.dashboard-chart{margin-top:8px;height:120px;border-radius:10px;background:radial-gradient(circle at bottom left,#2563eb59,#0f172a);position:relative;overflow:hidden}.dashboard-chart:before{content:"";position:absolute;inset:12px;border-radius:8px;border:1px dashed rgba(148,163,184,.35);opacity:.9}.dashboard-chart-line{position:absolute;inset:16px 10px 18px;background-image:linear-gradient(135deg,#60a5fa1a,#60a5fa66,#22c55e99);clip-path:polygon(0% 70%,10% 60%,20% 65%,30% 50%,40% 55%,50% 40%,60% 45%,70% 30%,80% 40%,90% 25%,100% 35%,100% 100%,0% 100%);opacity:.9}@media(min-width:768px){.dashboard-root{padding:24px 32px}.dashboard-top-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dashboard-panel-wide{margin-top:12px}}@media(min-width:1200px){.dashboard-root{padding:32px 64px}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.landing-banner-container{max-width:100%;background-color:var(--color-primary-100);box-shadow:var(--box-shadow-4);border-radius:5px;padding:10px}.landing-banner-text{color:#fff;font-size:28px}.landing-banner-body{max-width:100%;max-height:100%}.landing-table-container{max-width:100%;background-color:#fff;box-shadow:var(--box-shadow-4);border-radius:5px;display:flex;flex-direction:column;max-height:400px;overflow:auto}.landing-table-header{height:100%;display:grid;grid-template-columns:repeat(2,1fr);text-align:center;background-color:#e9e9e9;padding:10px;align-items:center;border-radius:5px}.landing-table-body{text-align:center;display:flex;flex-direction:column;gap:15px}.landing-table-rows{display:grid;grid-template-columns:repeat(2,1fr);align-items:center}.landing-table-rows:nth-child(2n){background-color:#f5f5f5}.landing-card-container{max-width:100%;background-color:#fff;box-shadow:var(--box-shadow-4);border-radius:5px}.landing-card-header{padding:10px;background-color:#e9e9e9;border-radius:5px 5px 0 0}.landing-card-body{display:grid;padding:10px;grid-template-columns:repeat(2,1fr);gap:10px}.landing-button-primary{width:100%!important;background-color:var(--color-primary-100)!important;color:#fff;min-height:50px!important}.landing-button-primary:hover{cursor:pointer;background-color:var(--color-primary-60)!important;transition:background var(--transition-fast),color var(--transition-fast)}.landing-button-secondary{width:100%!important;background-color:#fff!important;height:50px!important}.landing-button-secondary:hover{cursor:pointer;background-color:#f7f7f7!important;transition:background var(--transition-fast),color var(--transition-fast)}.landing-button-span{grid-column:1 / 3}@media(min-width:481px){.content-container{flex-direction:row}}@media(min-width:580px){.landing-container{min-height:100vh;padding:15px 20px}}@media(min-width:675px){.landing-container{padding:50px 55px}}@media(min-width:769px){.content-container{flex-direction:row}.landing-container{padding:5% 10% 2%}.landing-table-header,.landing-table-rows{grid-template-columns:repeat(3,1fr)}}@media(min-width:875px){.landing-container{padding:5% 12.5% 2%}}@media(min-width:975px){.landing-table-header,.landing-table-rows{grid-template-columns:repeat(4,1fr)}}@media(min-width:1025px){.content-container{flex-direction:row}.landing-banner-container,.landing-table-container{grid-column:1 / 3}.landing-card-body{padding-left:25px;padding-right:25px}.landing-button-primary,.landing-button-secondary{grid-column:1 / 3}.landing-card-override{height:170.91px!important;align-items:center}.landing-card-container{min-height:230px!important;max-height:230px!important}.landing-table-header,.landing-table-rows{grid-template-columns:repeat(5,1fr)}}@media(min-width:1201px){.content-container{flex-direction:row}.landing-container{padding:2% 7.5%}.landing-card-body{padding:1.5% 12.5% 0}}@media(min-width:1301px){.landing-table-header,.landing-table-body{grid-template-columns:repeat(6,1fr)}}@media(min-width:1500px){.landing-table-header,.landing-table-rows{grid-template-columns:repeat(7,1fr)}}.dropdown-dropdown{height:18px;padding:5px 0 0 10px}@media(min-width:481px){.dropdown-dropdown{display:none}}@media(min-width:769px){.dropdown-dropdown{display:none}}@media(min-width:1025px){.dropdown-dropdown{display:none}}@media(min-width:1201px){.dropdown-dropdown{display:none}}.estimate-create-content-container{width:100%;display:flex;justify-content:center}.estimate-create-container{height:100vh;background:#fffffff5;margin:10px;border-radius:5px;box-shadow:var(--box-shadow-4);overflow-y:scroll;max-width:1100px}.estimate-create-body{height:100%;display:flex;flex-direction:column;justify-content:space-evenly;padding:10px}.estimate-create-section-column{display:flex;flex-direction:column;flex-wrap:wrap;padding:10px 0 0}.estimate-create-section{display:flex;flex-direction:row;flex-wrap:wrap;border-bottom:1px dashed rgba(200,200,200,.25);padding:0 0 10px}.estimate-create-subtitle{width:100%;padding:20px 0}.estimate-create-field-container{display:flex;flex-direction:column;padding:5px 5px 5px 0;min-width:150px}.estimate-create-field-container-city{display:flex;flex-direction:column;padding:5px 5px 5px 0}.estimate-create-field-container-name{display:flex;flex-direction:column;padding:5px 0;width:100%}.estimate-create-label{font-size:12px;padding:5px 0}.estimate-create-title{padding:20px 0 5px;width:100%;font-size:19px}.estimate-create-title-top{padding:5px 0;width:100%;font-size:19px}.estimate-create-input{height:34px;padding:0 10px;border:1.5px solid var(--card-border);border-radius:var(--radius-sm);max-width:125px;font-family:Merriweather,serif;font-size:13px;background:#f9fafc;transition:border-color var(--transition-fast)}.estimate-create-input:focus{outline:none;border-color:var(--navy-mid);box-shadow:0 0 0 3px #2452801a}.estimate-create-input-email{height:34px;padding:0 10px;border:1.5px solid var(--card-border);border-radius:var(--radius-sm);width:250px;font-family:Merriweather,serif;font-size:13px;background:#f9fafc}.estimate-create-input-email:focus{outline:none;border-color:var(--navy-mid);box-shadow:0 0 0 3px #2452801a}.estimate-create-input-date{height:34px;padding:0 10px;border:1.5px solid var(--card-border);border-radius:var(--radius-sm);width:250px;font-family:Merriweather,serif;font-size:13px;background:#f9fafc}.estimate-create-input-date:focus{outline:none;border-color:var(--navy-mid);box-shadow:0 0 0 3px #2452801a}.estimate-create-input-long{height:34px;padding:0 10px;border:1.5px solid var(--card-border);border-radius:var(--radius-sm);width:330px;font-family:Merriweather,serif;font-size:13px;background:#f9fafc}.estimate-create-input-long:focus{outline:none;border-color:var(--navy-mid);box-shadow:0 0 0 3px #2452801a}.estimate-create-field-parent{display:flex;flex-direction:row;flex-wrap:wrap}.estimate-create-select-container{display:flex;flex-direction:column}#estimate-create-accessorials{height:26.33px;width:20%;padding:0 10px;border:1.5px solid var(--card-border);border-radius:var(--radius-sm);max-width:125px;font-family:Merriweather,serif;font-size:13px;background:#f9fafc;transition:border-color var(--transition-fast)}.estimate-create-accessorials:focus{outline:none;border-color:var(--navy-mid);box-shadow:0 0 0 3px #2452801a}#estimate-create-crates{height:26.33px;width:20%}#estimate-create-insurance{height:26.33px;width:20%;padding:0 10px;border:1.5px solid var(--card-border);border-radius:var(--radius-sm);max-width:125px;font-family:Merriweather,serif;font-size:13px;background:#f9fafc;transition:border-color var(--transition-fast)}.estimate-create-insurance:focus{outline:none;border-color:var(--navy-mid);box-shadow:0 0 0 3px #2452801a}#estimate-create-address-state{height:28.33px;height:34px;padding:0 10px;border:1.5px solid var(--card-border);border-radius:var(--radius-sm);max-width:125px;font-family:Merriweather,serif;font-size:13px;background:#f9fafc;transition:border-color var(--transition-fast);max-width:100%}.estimate-create-add-accessorial{margin:10px 0 0}.estimate-create-textarea-container{width:300px;display:flex;justify-content:center;height:225px}.estimate-create-remarks{width:100%;height:100%;resize:none;padding:10px;border:1.5px solid var(--card-border);border-radius:var(--radius-sm);font-family:Merriweather,serif;font-size:13px;background:#f9fafc;transition:border-color var(--transition-fast)}.estimate-create-remarks:focus{outline:none;border-color:var(--navy-mid);box-shadow:0 0 0 3px #2452801a}.estimate-create-section-footer{display:flex;justify-content:start;padding:5px 10px 10px 0}.estimate-create-carton-container{display:flex;gap:10px;padding:0 10px;align-items:center}.estimate-create-carton-box{display:flex;flex-direction:row;gap:10px}.estimate-create-quantity{max-width:15px!important}.estimate-create-carton-size{min-width:70px;max-width:70px;padding-bottom:15px;text-align:center}.ml{margin-left:5px}.text-sm{font-size:10px}@media(min-width:481px){.estimate-create-container{width:100%;margin:20px}.estimate-create-field-parent{justify-content:left}.estimate-create-input-long{width:200px}.estimate-create-field-container{width:100%}#estimate-create-address-state{width:20%}}@media(min-width:575px){.estimate-create-input-long{width:350px}}@media(min-width:769px){.estimate-create-container{width:100%;margin:30px}.estimate-create-input{max-width:220px}.estimate-create-input-email{width:300px}.estimate-create-input-long{width:450px}.estimate-create-field-container-city{width:220px}}@media(min-width:1025px){.estimate-create-container{width:100%;margin:50px}.estimate-create-body{display:grid;grid-template-columns:repeat(2,1fr)}.estimate-create-title{padding:5px 0}.estimate-create-section{justify-content:left}.estimate-create-subtitle{text-align:center}.estimate-create-field-parent{justify-content:left}.estimate-create-title-top,.estimate-create-title,.estimate-create-subtitle{text-align:left}.estimate-create-input-long{width:335px}.estimate-create-section-footer{grid-column:2 / 3;justify-content:start}}@media(min-width:1201px){.estimate-create-input-long{width:425px}}@media(min-width:1350px){.estimate-create-body{grid-template-columns:repeat(2,1fr)}.estimate-create-input-long{width:500px}}.ec-checkbox-grp{display:flex;gap:28px;flex-wrap:wrap;padding:6px 0}.ec-radio-grp-lh{display:flex;gap:28px;flex-wrap:wrap;padding:6px 0;grid-column:1 / 5}.ec-radio-grp-lh label{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.ec-radio-grp-lh input[type=radio]{width:15px;height:15px;accent-color:#111;cursor:pointer}.primary-button{display:inline-flex;align-items:center;gap:5px;background:#fff;border:1px solid #111;border-radius:3px;padding:6px 14px;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;cursor:pointer;margin-top:10px;transition:background .15s,color .15s;font-family:inherit}.primary-button:hover{background:var(--color-primary-80);color:#fff}.popup-container{position:relative;width:350px;height:250px;margin:auto;background-color:#ecececfa;box-shadow:var(--box-shadow-3);border-left:10px solid var(--color-primary-100);border-right:10px solid var(--color-primary-100);border-bottom:10px solid var(--color-primary-100);border-radius:5px;display:flex;flex-direction:column}.popup-top{height:15px;width:100%;background-color:var(--color-primary-100);display:flex;justify-content:end;padding:3px}.popup-button-container{display:flex;align-items:center}.popup-x{width:12px;height:12px;background-color:#c80000;border-radius:20px}.popup-x:hover{cursor:pointer}.popup-body{height:100%;padding:5px;display:flex;flex-wrap:wrap;overflow-y:scroll}@media(min-width:769px){.popup-container{position:absolute;top:15%;left:33%;width:60%;height:40%}}@media(max-width:769px){.popup-container{margin-top:10px;width:350px;height:250px;border:none}.popup-top{display:none}}@media(min-width:1025px){.popup-container{top:15%;left:33%;width:50%;height:40%}}@media(min-width:1201px){.popup-container{top:25%;left:36%;width:40%;height:40%}}.invalid{border:1px solid red}.text-red{color:red}.text-green{color:#007c00}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}html{scrollbar-width:auto;scrollbar-color:white var(--color-primary-100)}html::-webkit-scrollbar{width:10px;background-color:var(--color-primary-100)}html::-webkit-scrollbar-track{background:var(--color-primary-100)}html::-webkit-scrollbar-thumb{background-color:#fff;border-radius:5px}.ec-page{min-height:100vh;width:100%;max-width:100vw;display:flex;justify-content:center;align-items:center;padding:32px 12px 120px;box-sizing:border-box;background:transparent;overflow-x:hidden}.ec-wrap{width:100%;max-width:980px;margin:0 auto;padding:24px 24px 0;background:#fff;border-radius:8px;box-shadow:var(--box-shadow-4);box-sizing:border-box}.ec-card{border:1px solid #ddd;border-radius:5px;margin-bottom:22px;overflow:hidden}.ec-card-hd{background:var(--color-primary-100);color:#fff;padding:9px 18px;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.ec-card-bd{padding:22px}.ec-sub{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.9px;color:#666;margin:22px 0 10px;padding-bottom:5px;border-bottom:1px solid #ebebeb}.ec-sub:first-child{margin-top:0}.ec-g{display:grid;gap:14px 18px}.ec-g2{grid-template-columns:1fr 1fr}.ec-g3{grid-template-columns:1fr 1fr 1fr}.ec-g4{grid-template-columns:1fr 1fr 1fr 1fr}.ec-col2{grid-column:span 2}.ec-col3{grid-column:span 3}.ec-col4{grid-column:span 4}.ec-field{display:flex;flex-direction:column;gap:4px}.ec-lbl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#555;word-wrap:break-word;overflow-wrap:break-word}.ec-req{color:#b00}.ec-opt{font-weight:400;font-style:italic;text-transform:none;letter-spacing:0;color:#aaa}.ec-input{border:1px solid #ccc;border-radius:3px;padding:7px 10px;font-size:13px;color:#111;background:#fff;width:100%;outline:none;transition:border-color .15s,box-shadow .15s;font-family:inherit;-webkit-appearance:none;appearance:none;box-sizing:border-box}.ec-input:focus{border-color:#111;box-shadow:0 0 0 2px #0000000f}.ec-input:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.ec-input.invalid{border-color:#c00}.ec-input[type=number]{-moz-appearance:textfield}.ec-input[type=number]::-webkit-outer-spin-button,.ec-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.ec-save-btn{margin-right:2px}.ec-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23777'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px;cursor:pointer}.ec-ro{background:#f6f6f6;border:1px solid #e4e4e4;border-radius:3px;padding:7px 10px;font-size:13px;color:#444;max-height:30px;display:flex;align-items:center}.ec-ro-bold{font-weight:700;color:#111}.ec-date-block{display:flex;flex-direction:column}.ec-dr-row{display:flex;align-items:flex-end;gap:8px}.ec-dr-row .ec-field{flex:1;min-width:0}.ec-dr-arrow{color:#999;font-size:14px;padding-bottom:9px;flex-shrink:0}.ec-dr-sum{font-size:11px;color:#888;margin-top:5px;min-height:15px}.ec-radio-grp{display:flex;gap:28px;flex-wrap:wrap;padding:6px 0}.ec-radio-grp label{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.ec-radio-grp input[type=radio]{width:15px;height:15px;accent-color:#111;cursor:pointer}.ec-cb-align{display:flex;align-items:flex-end;padding-bottom:4px}.ec-cb-row{display:flex;align-items:center;gap:8px;padding:2px 0}.ec-cb-row input[type=checkbox]{width:15px;height:15px;accent-color:#111;cursor:pointer;flex-shrink:0}.ec-cb-row label{font-size:13px;cursor:pointer}.ec-tbl-wrap{width:100%;overflow-x:visible;-webkit-overflow-scrolling:touch}.ec-table{width:100%;border-collapse:collapse;table-layout:fixed}.ec-table thead th{background:#f2f2f2;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:8px 10px;border:1px solid #ddd;text-align:left;white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.ec-table tbody td{padding:5px 7px;border:1px solid #e2e2e2;vertical-align:middle;word-wrap:break-word;overflow-wrap:break-word}.ec-table tbody tr:nth-child(2n){background:#fafafa}.ec-table tbody td .ec-input,.ec-table tbody td .ec-select{font-size:13px;padding:5px 8px}.ec-table tbody td .ec-ro{font-size:13px;padding:5px 8px;min-height:30px}.ec-table tbody td .ec-input,.ec-table tbody td .ec-select,.ec-table tbody td .ec-ro{display:block;margin-left:auto;margin-right:auto}.ec-table tfoot td{background:#efefef;font-weight:700;font-size:13px;padding:7px 10px;border:1px solid #ddd;text-align:center}@media(max-width:600px){.ec-tbl-wrap{width:100%;min-width:0;overflow-x:visible}.ec-table{display:block;width:100%;min-width:100%;table-layout:auto}.ec-table thead,.ec-table th,.ec-table tbody,.ec-table tr,.ec-table td{display:block;width:100%;min-width:0;box-sizing:border-box}.ec-table thead{display:none}.ec-table tbody tr{margin-bottom:20px;border:1px solid #ddd;border-radius:6px;overflow:hidden;background:#fff;padding:0;box-shadow:0 1px 3px #0000000f}.ec-table tbody tr:last-child{margin-bottom:0}.ec-table tbody td{display:block;width:100%;padding:12px 14px;border:none;border-bottom:1px solid #e8e8e8;background:#fafafa}.ec-table tbody td:last-child{border-bottom:none;background:#fff}.ec-table tbody td:before{content:attr(data-label);display:block;font-weight:700;font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:#555;margin-bottom:6px}.ec-table tbody td .ec-input,.ec-table tbody td .ec-select,.ec-table tbody td .ec-ro{display:block;width:100%;max-width:100%;min-width:0;margin-left:0;margin-right:0;height:auto;min-height:36px;max-height:none;box-sizing:border-box}.ec-table tbody tr{height:auto}}@media(max-width:600px){.ec-card-accessorials .ec-card-bd{display:flex;flex-direction:column;max-height:400px;overflow-y:auto;-webkit-overflow-scrolling:touch}.ec-card-accessorials .ec-tbl-wrap{flex:1 1 auto;min-height:0}.ec-table-accessorials,.ec-table-accessorials tbody,.ec-table-accessorials tr,.ec-table-accessorials td{display:block;width:100%;box-sizing:border-box}.ec-table-accessorials thead{display:none}.ec-table-accessorials tbody tr{margin-bottom:24px;padding:0;border:1px solid #ddd;border-radius:6px;background:#fff;overflow:hidden;box-shadow:0 1px 4px #00000014}.ec-table-accessorials tbody tr:last-of-type{margin-bottom:16px}.ec-table-accessorials tbody td{display:block;width:100%;padding:12px 14px;border:none;border-bottom:1px solid #eee;background:#fafafa}.ec-table-accessorials tbody td:last-child{border-bottom:none;background:#fff}.ec-table-accessorials tbody td:before{content:attr(data-label);display:block;font-weight:700;font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#555;margin-bottom:6px}.ec-table-accessorials tbody td .ec-input,.ec-table-accessorials tbody td .ec-select,.ec-table-accessorials tbody td .ec-ro{display:block;width:100%;max-width:100%;min-width:0;margin:0;height:auto;min-height:38px;padding:8px 10px;box-sizing:border-box}.ec-table-accessorials tbody td .ec-ro{display:flex;align-items:center}.ec-card-accessorials .ec-add-btn{flex-shrink:0;margin-top:8px}.ec-card-accessorials .ec-sec-total{flex-shrink:0;margin-top:12px}}.ec-add-btn{display:inline-flex;align-items:center;gap:5px;background:#fff;border:1px solid #111;border-radius:3px;padding:6px 14px;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;cursor:pointer;margin-top:10px;transition:background .15s,color .15s;font-family:inherit}.ec-add-btn:hover{background:var(--color-primary-80);color:#fff}.ec-del-btn{background:none;border:none;color:#ccc;cursor:pointer;font-size:15px;padding:1px 5px;border-radius:3px;line-height:1;transition:color .15s}.ec-del-btn:hover{color:#c00}.ec-sec-total{display:flex;justify-content:flex-end;align-items:center;gap:14px;margin-top:16px;padding-top:14px;border-top:1px solid #eaeaea}.ec-sec-lbl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;font-style:italic;color:#444}.ec-sec-val{background:#f0f0f0;border:1px solid #ddd;border-radius:3px;padding:7px 18px;font-size:15px;font-weight:700;min-width:140px;text-align:right;font-variant-numeric:tabular-nums}.ec-footer{display:flex;justify-content:flex-end;padding:8px 0 40px}.ec-sticky{position:fixed;bottom:0;left:0;right:0;background:var(--color-primary-100);color:#fff;display:flex;align-items:center;justify-content:center;gap:18px;padding:13px 40px;z-index:100;box-shadow:0 -2px 20px #0003}.ec-s-lbl{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;opacity:.75}.ec-s-val{font-size:24px;font-weight:700;font-variant-numeric:tabular-nums}@media(max-width:800px){.ec-wrap{width:100%;max-width:560px;margin:32px auto 96px;padding:16px}.ec-g4,.ec-g3{grid-template-columns:1fr 1fr}.ec-col3,.ec-col4{grid-column:span 2}}@media(max-width:540px){.ec-wrap{width:100%;max-width:420px;margin:16px auto 96px;padding:12px}.ec-g2,.ec-g3,.ec-g4{grid-template-columns:1fr}.ec-col2,.ec-col3,.ec-col4{grid-column:span 1}.ec-dr-row{flex-wrap:wrap}.ec-dr-arrow{display:none}.ec-dr-row .ec-field{flex:1 1 120px}.ec-card-bd{padding:14px}.ec-sec-total{flex-direction:column;align-items:flex-end;gap:6px}.ec-s-val{font-size:20px}.ec-sticky{padding:10px 16px}}@media(max-width:600px){.ec-card-linehaul .ec-g-linehaul{display:flex!important;flex-direction:column!important;gap:14px}.ec-card.ec-card-scroll .ec-card-bd{display:flex;flex-direction:column;max-height:360px;overflow-y:auto;-webkit-overflow-scrolling:touch}.ec-card.ec-card-scroll .ec-card-bd .ec-tbl-wrap{flex:0 0 auto}.ec-card.ec-card-scroll .ec-card-bd .ec-add-btn,.ec-card.ec-card-scroll .ec-card-bd .ec-sec-total{flex-shrink:0;margin-top:12px}}.navbar-container{position:fixed;top:0;left:0;right:0;z-index:1000;width:100%;height:80px;background-color:var(--color-primary-100);display:flex;align-items:center;justify-content:flex-start;gap:0;box-shadow:var(--box-shadow-2);overflow:visible}.layout-container{padding-top:80px}.navbar-left{display:flex;align-items:center;flex-shrink:0;padding-left:16px;padding-right:0}.navbar-hamburger{display:flex;flex-direction:column;justify-content:space-between;width:22px;height:16px;background:none;border:none;cursor:pointer;padding:0;flex-shrink:0;z-index:1001}.navbar-hamburger span{display:block;width:100%;height:2px;background-color:#ffffffe0;border-radius:2px;transition:transform var(--transition-std),opacity var(--transition-std);transform-origin:center}.navbar-hamburger.navbar-hamburger-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar-hamburger.navbar-hamburger-open span:nth-child(2){opacity:0}.navbar-hamburger.navbar-hamburger-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.navbar-dropdown{position:absolute;top:100%;left:0;width:220px;background-color:var(--color-primary-100);box-shadow:var(--box-shadow-2);border-top:1px solid rgba(255,255,255,.08);border-radius:0 0 var(--radius-md) var(--radius-md);z-index:999;overflow:hidden;max-height:0;opacity:0;transition:max-height .35s ease,opacity .25s ease;pointer-events:none}.navbar-dropdown.navbar-dropdown-open{max-height:600px;opacity:1;pointer-events:all}.ndrop-section-label{padding:10px 14px 4px;color:#ffffff8c;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;-webkit-user-select:none;user-select:none;border-bottom:1px solid rgba(255,255,255,.06);margin-top:4px}.ndrop-section-label:first-child{margin-top:6px}.ndrop-item{padding:8px 14px;color:#ffffffe0;font-size:11px;-webkit-user-select:none;user-select:none;border:1px solid rgba(255,255,255,.12);margin:4px 10px;border-radius:var(--radius-sm);text-align:center;transition:background var(--transition-fast),color var(--transition-fast);box-shadow:var(--shadow-xs);cursor:pointer}.ndrop-item:hover{background-color:var(--color-primary-80);color:#e1e1e1}.navbar-overlay{position:fixed;inset:0;background-color:#0000002e;z-index:998}.navbar-logo-container{flex:0 0 auto;margin-left:20px;margin-right:0;display:flex;align-items:center;justify-content:flex-start}.navbar-logo{color:#fff;-webkit-user-select:none;user-select:none;text-align:left;white-space:nowrap}.navbar-logo:hover{cursor:pointer}.navbar-items-container{display:flex;align-items:center;justify-content:flex-end;padding-right:16px;flex-shrink:0;margin-left:auto}.navbar-profile-container{position:relative;width:30px;min-width:30px;height:30px;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;cursor:pointer}.navbar-profile-container img{width:24px;height:24px;object-fit:contain;display:block}.navbar-box{position:absolute;top:55px;right:8px;min-width:140px;height:100px;background-color:var(--color-primary-80);box-shadow:var(--box-shadow-2);opacity:.95;border-radius:var(--radius-md);display:flex;flex-direction:column;justify-content:space-evenly;border:1px solid rgba(255,255,255,.66);color:#fffc;z-index:1001}.navbar-box-content{display:flex;justify-content:center;align-items:center;padding:0 10px;border-bottom:1px solid rgba(255,255,255,.66);height:100%}.navbar-box-logout{display:flex;justify-content:center;align-items:center;padding:0 10px;height:100%}.navbar-box-logout:hover{cursor:pointer;background-color:var(--color-primary-60)}.navbar-content-off{display:none!important}@media(max-width:600px){.navbar-container{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center;padding:0 8px}.navbar-left{grid-column:1}.navbar-logo-container{display:none}.navbar-items-container{grid-column:2;justify-self:end;flex-shrink:0;width:auto;min-width:36px;padding-right:16px;z-index:1001}.navbar-box{position:fixed;left:50%;right:auto;transform:translate(-50%);top:80px;min-width:200px;width:calc(100vw - 32px);max-width:280px}}@media(max-width:380px){.navbar-left{padding-left:10px}.navbar-items-container{padding-right:10px}}@media(min-width:601px){.navbar-logo-container{margin-left:20px}.navbar-items-container{padding-right:16px;flex-shrink:0;width:auto}}@media(min-width:481px){.navbar-logo-container{min-width:160px}}@media(min-width:769px){.navbar-container{height:50px}.layout-container{padding-top:50px}.navbar-logo-container{max-width:225px}.navbar-box{top:40px}}@media(min-width:1025px){.navbar-logo-container{max-width:200px}}@media(min-width:1201px){.navbar-logo-container{max-width:200px}}.ec-table tbody tr{height:38px}.ec-table tbody td .ec-ro{height:31px;max-height:31px;min-height:31px;padding:5px 8px;box-sizing:border-box;display:flex;align-items:center}.ec-table tbody td .ec-input,.ec-table tbody td .ec-select{height:31px;max-height:31px;min-height:31px;padding:5px 8px;box-sizing:border-box}.ec-table tbody td{padding:3px 7px;vertical-align:middle}@media(max-width:600px){.ec-table tfoot{display:none}.ec-table tbody tr{height:auto!important}.ec-table tbody td{padding:12px 14px!important}.ec-table tbody td .ec-input,.ec-table tbody td .ec-select,.ec-table tbody td .ec-ro{height:auto!important;min-height:36px!important;max-height:none!important}}