/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.isolate{isolation:isolate}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--ink:#10233c;--muted:#6f7e91;--line:#e5eaf0;--paper:#f4f7f9;--white:#fff;--teal:#0eaa98;--teal-dark:#087c70;--navy:#0c2139;--amber:#f1b94a;--blue:#4387f4;--purple:#8d6ee8;--shadow:0 18px 45px #11223b14}*{box-sizing:border-box}html{background:var(--paper)}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}.portal-landing{background:radial-gradient(circle at 75% 15%,#d9f7ef 0,#0000 25%),linear-gradient(135deg,#f9fbfb 0%,#eef5f4 48%,#edf1f7 100%);min-height:100vh;padding:0 6vw 44px;position:relative;overflow:hidden}.landing-orb{filter:blur(2px);pointer-events:none;border-radius:999px;position:absolute}.landing-orb-one{border:68px solid #11b19b14;width:360px;height:360px;top:28%;right:-140px}.landing-orb-two{background:#4186f412;width:240px;height:240px;bottom:-80px;left:-120px}.landing-nav{z-index:2;justify-content:space-between;align-items:center;max-width:1440px;height:94px;margin:auto;display:flex;position:relative}.brand-mark{align-items:center;gap:12px;display:inline-flex}.brand-mark>span:last-child{flex-direction:column;gap:2px;display:flex}.brand-mark strong{letter-spacing:.04em;font-size:16px}.brand-mark small{letter-spacing:.28em;color:var(--muted);font-size:8px}.brand-box{color:#fff;letter-spacing:-.04em;background:linear-gradient(145deg,#10b7a2,#08786e);border-radius:13px;place-items:center;width:42px;height:42px;font-weight:800;display:grid;box-shadow:0 9px 20px #0eaa9838}.status-pill{color:#587167;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb8;border:1px solid #dce8e3;border-radius:999px;padding:9px 14px;font-size:12px}.status-pill i{background:#23bd79;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block;box-shadow:0 0 0 4px #23bd791a}.landing-hero{z-index:1;grid-template-columns:1.03fr .97fr;align-items:center;gap:7vw;max-width:1370px;min-height:600px;margin:auto;padding:48px 0 58px;display:grid;position:relative}.eyebrow{color:var(--teal-dark);letter-spacing:.18em;margin-bottom:18px;font-size:11px;font-weight:800;display:inline-block}.hero-copy h1{letter-spacing:-.055em;color:#10253f;margin:0;font-size:clamp(46px,5vw,76px);line-height:1.08}.hero-copy>p{color:#64768b;max-width:600px;margin:26px 0 34px;font-size:17px;line-height:1.8}.portal-actions{grid-template-columns:1fr 1fr;gap:14px;max-width:660px;display:grid}.portal-card{background:#ffffffe6;border:1px solid #e2e9eb;border-radius:18px;align-items:center;gap:13px;min-height:92px;padding:16px 17px;transition:all .25s;display:flex;box-shadow:0 12px 28px #14263c0d}.portal-card:hover{box-shadow:var(--shadow);border-color:#c7dfda;transform:translateY(-3px)}.portal-card-admin{color:#fff;background:linear-gradient(135deg,#102b46,#0b6670);border-color:#0000}.portal-icon{background:#ffffff24;border-radius:14px;place-items:center;width:52px;height:52px;font-weight:800;display:grid}.portal-icon-client{color:var(--teal-dark);background:#e5f7f3}.portal-card>span:nth-child(2){flex-direction:column;flex:1;gap:5px;display:flex}.portal-card small{opacity:.7;font-size:10px}.portal-card strong{font-size:15px}.portal-card b{opacity:.7;font-size:20px}.register-link{color:#4d657b;gap:7px;margin-top:18px;font-size:13px;display:inline-flex}.register-link:hover{color:var(--teal-dark)}.hero-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffc7;border:1px solid #ffffffe6;border-radius:34px;min-height:475px;padding:30px;position:relative;overflow:hidden;box-shadow:0 35px 70px #1130431f}.hero-panel:before{content:"";background:#11b49d1c;border-radius:50%;width:180px;height:180px;position:absolute;top:-80px;right:-80px}.hero-panel-head{justify-content:space-between;align-items:center;display:flex;position:relative}.hero-panel-head span{font-weight:700}.hero-panel-head small{color:var(--muted)}.hero-metric-main{flex-direction:column;gap:8px;margin:42px 0 28px;display:flex}.hero-metric-main small{color:var(--muted)}.hero-metric-main strong{letter-spacing:-.05em;font-size:48px}.hero-metric-main em{color:var(--muted);letter-spacing:0;font-size:14px;font-style:normal}.hero-metric-main span{color:#19845c;background:#e4f8ef;border-radius:999px;align-self:flex-start;padding:6px 9px;font-size:11px}.hero-mini-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.hero-mini-grid>div{background:#f4f8f8;border-radius:15px;grid-template-columns:1fr auto;gap:6px;padding:14px;display:grid}.hero-mini-grid small{color:var(--muted);grid-column:1/-1;font-size:10px}.hero-mini-grid strong{font-size:19px}.hero-mini-grid span{color:var(--muted);align-self:end;font-size:10px}.hero-chart{border-bottom:1px solid var(--line);align-items:end;gap:14px;height:88px;margin-top:25px;display:flex}.hero-chart i{opacity:.85;background:linear-gradient(#2ab9a6,#b8ece3);border-radius:8px 8px 0 0;flex:1;max-width:48px;position:relative}.hero-chart i:last-child{background:linear-gradient(#317fef,#b8d2f6)}.hero-chart span{text-align:center;color:#8995a3;width:100%;font-size:9px;font-style:normal;position:absolute;bottom:-18px}.flow-strip{background:#d5e0e1cc;border:1px solid #dce5e5;border-radius:20px;grid-template-columns:repeat(4,1fr);gap:1px;max-width:1370px;margin:auto;display:grid;position:relative;overflow:hidden}.flow-strip article{background:#ffffffc2;gap:14px;padding:22px 20px;display:flex}.flow-strip article>span{color:var(--teal);padding-top:2px;font-size:11px;font-weight:800}.flow-strip strong{font-size:13px}.flow-strip p{color:var(--muted);margin:5px 0 0;font-size:10px;line-height:1.5}.app-shell{background:#f4f6f8;min-height:100vh;display:flex}.sidebar{color:#d7e1eb;z-index:20;background:#0c2139;flex-direction:column;width:236px;padding:24px 16px;display:flex;position:fixed;inset:0 auto 0 0}.side-brand{color:#fff;border-bottom:1px solid #ffffff14;padding:0 8px 24px}.side-brand small{color:#8394a8}.mode-chip{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:space-between;align-items:center;margin:22px 7px 15px;padding:11px 12px;font-size:11px;display:flex}.mode-chip span{color:#61d4c5;font-size:9px}.sidebar nav{flex-direction:column;gap:5px;display:flex}.sidebar nav button,.sidebar-foot button,.sidebar-foot a{color:#9fb0c2;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:11px;align-items:center;gap:11px;width:100%;padding:11px 12px;font-size:12px;display:flex}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:linear-gradient(90deg,#11b7a13b,#11b7a114)}.sidebar nav button.active{box-shadow:inset 3px 0 #18b6a2}.sidebar nav i,.sidebar-foot i{border:1px solid #ffffff24;border-radius:7px;place-items:center;width:23px;height:23px;font-size:9px;font-style:normal;display:grid}.sidebar nav em{color:#fff;background:#e96d61;border-radius:999px;margin-left:auto;padding:2px 7px;font-size:9px;font-style:normal}.sidebar-foot{border-top:1px solid #ffffff14;gap:4px;margin-top:auto;padding-top:14px;display:grid}.app-main{width:calc(100% - 236px);min-width:0;margin-left:236px}.app-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);z-index:10;background:#ffffffe0;justify-content:space-between;align-items:center;height:90px;padding:0 32px;display:flex;position:sticky;top:0}.app-header>div:first-child small{color:var(--teal-dark);letter-spacing:.12em;font-size:9px;font-weight:800}.app-header h1{letter-spacing:-.02em;margin:5px 0 0;font-size:22px}.header-actions{align-items:center;gap:10px;display:flex}.icon-button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:11px;width:38px;height:38px;position:relative}.icon-button i{background:#ee6d63;border:2px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:7px}.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;min-height:42px;padding:0 18px;font-size:12px;font-weight:700;display:inline-flex}.primary-button{color:#fff;background:linear-gradient(135deg,#0fac99,#087d72);box-shadow:0 8px 18px #0eaa982e}.primary-button:hover{filter:brightness(.96);transform:translateY(-1px)}.secondary-button{border:1px solid var(--line);color:#40546a;background:#fff}.compact{min-height:38px;padding:0 14px}.content-wrap{max-width:1560px;margin:auto;padding:28px 30px 50px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.metric-card{border:1px solid var(--line);background:#fff;border-radius:17px;min-height:150px;padding:18px;position:relative;overflow:hidden;box-shadow:0 8px 24px #14294109}.metric-card:after{content:"";opacity:.18;border-radius:50%;width:78px;height:78px;position:absolute;bottom:-25px;right:-28px}.metric-card.mint:after{background:var(--teal)}.metric-card.blue:after{background:var(--blue)}.metric-card.amber:after{background:var(--amber)}.metric-card.purple:after{background:var(--purple)}.metric-card>div{color:var(--muted);justify-content:space-between;font-size:11px;display:flex}.metric-card>div b{letter-spacing:2px;color:#aab3bd}.metric-card>strong{letter-spacing:-.035em;margin-top:24px;font-size:28px;display:block}.metric-card>strong small{color:var(--muted);letter-spacing:0;font-size:10px}.metric-card>p{color:#718094;margin:8px 0 0;font-size:10px}.dashboard-grid{grid-template-columns:1.25fr .75fr;gap:16px;margin-top:16px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:18px;box-shadow:0 8px 28px #14294109}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:66px;padding:0 20px;display:flex}.panel-head>div:first-child{flex-direction:column;gap:5px;display:flex}.panel-head span{font-size:13px;font-weight:800}.panel-head small{color:var(--muted);font-size:9px}.panel-head button,.text-button{color:#517084;cursor:pointer;background:0 0;border:0;font-size:10px}.panel-head em{color:#dc5b4f;background:#fff0ed;border-radius:9px;place-items:center;width:28px;height:28px;font-size:11px;font-style:normal;font-weight:800;display:grid}.warehouse-chart{align-items:center;gap:38px;min-height:230px;padding:24px;display:flex}.donut{background:conic-gradient(#15ae9b 0 36%, #4e8ef0 36% 67%, #f0bb50 67% 89%, #8e6be8 89% 100%);border-radius:50%;flex:none;place-items:center;width:170px;height:170px;display:grid;position:relative}.donut:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:19px}.donut>div{z-index:1;flex-direction:column;align-items:center;display:flex}.donut strong{font-size:24px}.donut span{color:var(--muted);font-size:9px}.legend-list{flex:1;gap:17px;display:grid}.legend-list span{color:#617083;grid-template-columns:10px 1fr auto;align-items:center;gap:9px;font-size:10px;display:grid}.legend-list i{border-radius:50%;width:8px;height:8px}.legend-list b{color:var(--ink)}.lg-free{background:var(--teal)}.lg-q1{background:var(--blue)}.lg-q2{background:var(--amber)}.lg-old{background:var(--purple)}.aging-alert{background:#fffaf0;border:1px solid #f2e2bf;border-radius:12px;align-items:center;gap:11px;margin:0 20px 20px;padding:11px;display:flex}.aging-alert>span{color:#9a6811;background:#fee9bd;border-radius:9px;place-items:center;width:28px;height:28px;font-weight:800;display:grid}.aging-alert p{flex-direction:column;flex:1;gap:3px;margin:0;display:flex}.aging-alert strong{font-size:10px}.aging-alert small{color:#8c7b59;font-size:9px}.aging-alert button{color:#8f651c;cursor:pointer;background:0 0;border:0;font-size:9px}.task-list{padding:8px 18px 14px}.task-list label{cursor:pointer;border-bottom:1px solid #eef1f4;align-items:center;gap:10px;min-height:62px;display:flex}.task-list label:last-child{border-bottom:0}.task-list input{accent-color:var(--teal)}.task-list label>span{flex-direction:column;flex:1;gap:5px;display:flex}.task-list strong{font-size:10px}.task-list small{color:var(--muted);font-size:9px}.priority,.status{white-space:nowrap;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:700}.priority.red{color:#d65b52;background:#fff0ee}.priority.amber,.status.amber{color:#a06b0f;background:#fff6e5}.priority.blue,.status.blue{color:#3d77cd;background:#edf4ff}.priority.gray{color:#6d7885;background:#f1f3f5}.status.green{color:#24815f;background:#eaf8f2}.status.purple{color:#7158c4;background:#f2efff}.activity-panel{margin-top:16px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:10px}th{text-align:left;color:#758397;white-space:nowrap;background:#fafbfc;padding:12px 18px;font-weight:600}td{color:#526276;white-space:nowrap;border-top:1px solid #edf0f3;padding:15px 18px}td strong{color:#243a51}.cell-sub{color:var(--muted);margin-top:4px;font-size:8px;display:block}.page-panel{min-height:500px}.table-tools{flex-direction:row!important;gap:7px!important;display:flex!important}.table-tools input{border:1px solid var(--line);border-radius:9px;outline:none;width:190px;padding:8px 11px;font-size:9px}.table-tools button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 11px}.subhero{color:#fff;background:linear-gradient(115deg,#0c2139,#0c5965);border-radius:19px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:28px 30px;display:flex;position:relative;overflow:hidden}.subhero:after{content:"";border:45px solid #ffffff0f;border-radius:50%;width:250px;height:250px;position:absolute;top:-140px;right:15%}.subhero h2{margin:0;font-size:22px}.subhero p{color:#b8c7d6;margin:9px 0 0;font-size:10px}.subhero .eyebrow{color:#5bd3c4;margin-bottom:10px}.subhero>*{z-index:1}.segmented{background:#f3f5f7;border-radius:9px;padding:3px;flex-direction:row!important;gap:2px!important;display:flex!important}.segmented button{border:0;border-radius:7px;padding:6px 10px}.segmented button.active{color:var(--ink);background:#fff;box-shadow:0 2px 5px #0000000f}.billing-summary{color:#fff;background:linear-gradient(115deg,#0b263f,#0c6570);border-radius:19px;grid-template-columns:1.4fr repeat(3,1fr);margin-bottom:16px;padding:25px;display:grid}.billing-summary>div{border-right:1px solid #ffffff1c;flex-direction:column;gap:8px;padding:4px 22px;display:flex}.billing-summary>div:last-child{border:0}.billing-summary small{color:#a9c2cc;font-size:9px}.billing-summary strong{font-size:20px}.billing-summary>div:first-child strong{font-size:30px}.billing-summary span{color:#a9c2cc;font-size:8px}.rate-note{color:#5b746c;background:linear-gradient(90deg,#e8f8f4,#f2fbf8);border:1px solid #d5eee8;border-radius:13px;align-items:center;gap:18px;margin:18px;padding:14px 18px;font-size:10px;display:flex}.rate-note strong{color:#137c6d}.rate-category{text-align:center;color:#4e6d69;background:#eff5f5;border-radius:7px;min-width:48px;padding:5px 8px;display:inline-block}.register-page{background:linear-gradient(135deg,#f7faf9,#ecf3f5);min-height:100vh;padding:34px 6vw}.back-link{color:#52677c;font-size:12px}.register-wrap{grid-template-columns:.9fr 1.1fr;align-items:center;gap:80px;max-width:1080px;margin:70px auto 0;display:grid}.register-intro h1{letter-spacing:-.04em;margin:0;font-size:44px}.register-intro>p{color:var(--muted);font-size:14px;line-height:1.8}.register-points{color:#3b645e;gap:13px;margin-top:28px;font-size:12px;display:grid}.register-form{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:24px;flex-direction:column;justify-content:center;gap:18px;min-height:530px;padding:30px;display:flex}.form-heading{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.form-heading strong{font-size:18px}.form-heading small{color:var(--teal-dark);font-size:9px}.register-form label,.modal-form label,.calculator-body label{color:#4b5e72;flex-direction:column;gap:7px;font-size:10px;font-weight:700;display:flex}input,select,textarea{color:#263a51;background:#fbfcfd;border:1px solid #dfe5ea;border-radius:10px;outline:none;width:100%;padding:11px 12px}input:focus,select:focus,textarea:focus{border-color:#72cbbf;box-shadow:0 0 0 3px #0eaa9814}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.check-label{align-items:center;flex-direction:row!important;font-weight:400!important}.check-label input{width:auto;accent-color:var(--teal)}.success-state{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.success-state>span{width:58px;height:58px;color:var(--teal-dark);background:#e7f8f3;border-radius:50%;place-items:center;font-size:26px;display:grid}.success-state h2{margin:5px 0 0}.success-state p{color:var(--muted);font-size:11px;line-height:1.8}.form-error{color:#b34f46;background:#fff0ee;border-radius:9px;margin:0;padding:9px 11px;font-size:10px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0412228f;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border-radius:22px;width:min(580px,100%);max-height:92vh;overflow:auto;box-shadow:0 30px 80px #0000003d}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:22px 24px;display:flex}.modal-head small{color:var(--teal-dark);letter-spacing:.14em;font-size:8px}.modal-head h2{margin:5px 0 0;font-size:20px}.modal-head button{cursor:pointer;background:#f2f4f6;border:0;border-radius:50%;width:32px;height:32px}.modal-form,.calculator-body{flex-direction:column;gap:16px;padding:24px;display:flex}.modal-form textarea{resize:vertical;height:82px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.calc-result{color:#fff;background:linear-gradient(135deg,#0c2942,#0a6870);border-radius:16px;flex-direction:column;gap:8px;padding:22px;display:flex}.calc-result small{color:#abd2d4}.calc-result strong{font-size:36px}.calc-result span{color:#abd2d4;font-size:9px}.compact-success{justify-content:center;min-height:330px}.mobile-nav{display:none}@media (width<=1100px){.landing-hero{gap:35px}.metric-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.warehouse-chart{justify-content:center}.billing-summary{grid-template-columns:1fr 1fr;gap:18px}.billing-summary>div{border:0;padding:4px 10px}}@media (width<=780px){.portal-landing{padding:0 20px 30px}.landing-nav{height:76px}.status-pill{display:none}.landing-hero{grid-template-columns:1fr;min-height:auto;padding:40px 0}.hero-copy h1{font-size:43px}.hero-copy>p{font-size:14px}.portal-actions{grid-template-columns:1fr}.hero-panel{border-radius:25px;min-height:440px;padding:24px}.flow-strip{grid-template-columns:1fr 1fr}.sidebar{display:none}.app-main{width:100%;margin-left:0;padding-bottom:74px}.app-header{height:76px;padding:0 16px}.app-header h1{font-size:18px}.header-actions .secondary-button,.header-actions .icon-button{display:none}.header-actions .primary-button{width:38px;min-width:0;padding:0;font-size:0}.header-actions .primary-button:first-letter{font-size:16px}.content-wrap{padding:16px 14px 28px}.metric-grid{gap:10px}.metric-card{min-height:126px;padding:14px}.metric-card>strong{margin-top:20px;font-size:22px}.dashboard-grid{gap:12px}.tasks-panel{display:none}.warehouse-chart{gap:21px;padding:18px}.donut{width:120px;height:120px}.donut:before{inset:15px}.donut strong{font-size:19px}.legend-list{gap:12px}.legend-list span{grid-template-columns:8px 1fr;font-size:9px}.legend-list b{grid-column:2;font-size:9px}.aging-alert{margin:0 14px 14px}.aging-alert button{display:none}.panel-head{padding:0 14px}.table-tools input{width:130px}.table-tools button{display:none}th,td{padding:13px 14px}.subhero{padding:23px 20px}.subhero h2{font-size:18px}.subhero p{max-width:70%}.subhero>button{width:39px;padding:0;font-size:0}.subhero>button:first-letter{font-size:17px}.segmented button:nth-child(n+3){display:none}.billing-summary{grid-template-columns:1fr 1fr;padding:18px}.billing-summary>div{padding:5px}.billing-summary>div:first-child strong{font-size:23px}.rate-note{flex-direction:column;align-items:flex-start;gap:7px}.mobile-nav{z-index:40;border-top:1px solid var(--line);height:67px;padding-bottom:env(safe-area-inset-bottom);background:#fffffff5;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;inset:auto 0 0;box-shadow:0 -8px 25px #10233c0f}.mobile-nav button{color:#7b8898;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:8px;display:flex}.mobile-nav i{border-radius:8px;place-items:center;width:24px;height:24px;font-size:9px;font-style:normal;display:grid}.mobile-nav button.active{color:var(--teal-dark)}.mobile-nav button.active i{background:#e5f7f2}.register-page{padding:24px 18px}.register-wrap{grid-template-columns:1fr;gap:28px;margin-top:45px}.register-intro h1{font-size:34px}.register-points{display:none}.register-form{min-height:0;padding:22px}.form-row{grid-template-columns:1fr}}@media (width<=480px){.flow-strip{grid-template-columns:1fr}.hero-mini-grid{gap:6px}.hero-mini-grid>div{padding:11px}.metric-grid{grid-template-columns:1fr 1fr}.metric-card:nth-child(2){display:none}.metric-card{min-height:118px}.metric-card>strong{font-size:20px}.warehouse-chart{align-items:flex-start}.donut{width:106px;height:106px}.legend-list{gap:9px}.activity-panel{margin-bottom:10px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}body .trine-brand{text-align:left;align-items:center;gap:14px;min-width:0;display:flex}body .trine-brand>img{object-fit:contain;background:#fff;border-radius:8px;flex:none;width:128px;height:64px}body .trine-brand>span{flex-direction:column;gap:5px;display:flex}body .trine-brand b{letter-spacing:.03em;white-space:nowrap;font-size:19px}body .trine-brand small{letter-spacing:.12em;opacity:.7;font-size:9px;line-height:1.5}body .o-sidebar .trine-brand{width:100%;display:block}body .o-sidebar .trine-brand>img{width:100%;height:91px;margin-bottom:14px;display:block}body .o-sidebar .trine-brand b{font-size:18px}body .o-sidebar .trine-brand small{color:#bacde6;font-size:9px}body .o-shell,body .o-register,body .o-landing,body .o-auth,body .o-loading{--o-ink:#193551;--o-muted:#74859a;--o-line:#e0e7f0;--o-green:#1a61a8;--o-navy:#102d51;--o-bg:#f3f6fb}body .o-sidebar{color:#c4d4e9;background:linear-gradient(175deg,#133b65,#102b4b 65%);padding-top:22px}body .o-brand{border-bottom:1px solid #ffffff20;padding-bottom:18px}body .o-sidebar nav button{color:#bccde2;border-radius:8px;margin-bottom:3px}body .o-sidebar nav button:hover{color:#fff;background:#ffffff0d}body .o-sidebar nav button.active{color:#fff;background:#275585;box-shadow:inset 3px 0 #f59429}body .o-sidebar nav button.active>span{color:#ffab4d}body .o-sidebar nav em{color:#fff;background:#f38b22;min-width:20px;font-size:11px}body .o-role{border-color:#ffffff1c}body .o-role strong{color:#f5f9ff}body .o-side-footer{color:#9eb6d2}body .o-topbar{background:#fff;border-bottom:1px solid #e1e9f3}body .o-breadcrumb{color:#2a547f}body .o-panel,body .o-modal{background:#fff;border-color:#e0e7f1}body .o-panel{border-radius:12px;box-shadow:0 3px 15px #17466c05}body .o-primary,body .o-shell button.o-primary,body .o-modal button.o-primary{color:#fff;background:#1b63ad;border-color:#1b63ad}body .o-primary:hover,body .o-shell button.o-primary:hover,body .o-modal button.o-primary:hover{background:#174f8c;border-color:#174f8c}body .o-primary:disabled{opacity:.48}body .o-heading h1{color:#163958}body .o-metric,body .o-metrics>div{border-color:#dfe8f2}body .o-note{color:#355a81;background:#f0f6fd;border-color:#d5e4f6}body .o-table th{color:#58708e;background:#f4f7fc}body .o-table tbody tr:hover{background:#f8fbff}body .o-shell input:focus,body .o-modal input:focus,body .o-shell select:focus,body .o-modal select:focus,body .o-shell textarea:focus,body .o-modal textarea:focus{outline-offset:1px;border-color:#4c8dcc;outline:2px solid #75a8dc}body .o-shell input[type=checkbox],body .o-modal input[type=checkbox]{accent-color:#1b63ad}body .o-desk-filters button.active{color:#1e5e9e;background:#eaf2fd;border-color:#b7d2f1}body .o-attention{color:#8f490d;background:#fff5e8;border:1px solid #f6d2a8;border-left:4px solid #f38b22;border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;padding:16px;display:flex}body .o-attention span{flex:1;min-width:180px;font-size:13px}body .o-stocktake-confirm{background:#eef5fd;border:1px solid #c9dcf2;border-radius:9px;margin-top:18px;padding:18px}body .o-stocktake-confirm .o-check{margin-bottom:14px}body .o-count-input{width:100px;min-width:85px}body .o-settlement-actions{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}body .o-settlement-actions button{color:#195d9e;border-color:#bfd6ee}body .c-access,body .a-login-page{color:#153b60;background:radial-gradient(at 12% 30%,#e8f0fa,#0000 50%),#f6f8fc}body .c-access-header,body .a-login-page>header{border-bottom:1px solid #dde7f3;height:auto;min-height:105px}body .c-access-intro h1{color:#143b63}body .c-kicker{color:#2265a7}body .c-login-card{border-top:4px solid #f38b22;box-shadow:0 18px 60px #204c7910}body .c-login-submit,body .c-access .c-submit,body .c-access form>button,body .a-login-submit{color:#fff;background:#1b63ad;border-color:#1b63ad}body .c-benefits>div>span{color:#2166aa;background:#e4effc;border-color:#cee0f5}body .c-auth-note{color:#3b628c}body .c-register-button{color:#1b63ad;background:#f4f8ff;border-color:#bcd3ed}body .c-access-footer,body .a-login-page>footer{color:#65809c}body .a-login-card{border-top:4px solid #f38b22;box-shadow:0 18px 60px #204c7910}body .a-login-lock{color:#1b63ad;background:#e9f1fc}body .o-loading .trine-brand{flex-direction:column}body .o-loading .trine-brand img{width:220px;height:110px}body .o-footer{color:#7a8da5}@media (width<=1100px){.trine-brand>img{width:100px;height:50px}body .trine-brand b{font-size:17px}body .trine-brand small{font-size:8px}body .o-sidebar .trine-brand b{font-size:16px}}@media (width<=760px){.c-access-header .trine-brand{gap:7px}body .c-access-header .trine-brand>img{width:82px;height:41px}body .c-access-header .trine-brand b{font-size:14px}body .c-access-header .trine-brand small{display:none}body .a-login-page>header .trine-brand{gap:7px}body .a-login-page>header .trine-brand b{font-size:14px}body .a-login-page>header .trine-brand small{display:none}body .o-sidebar .trine-brand{align-items:center;gap:10px;display:flex}body .o-sidebar .trine-brand>img{width:100px;height:50px;margin:0}body .o-sidebar .trine-brand small{font-size:8px}body .o-attention{align-items:flex-start}body .o-breadcrumb{font-size:12px}body .o-settlement-actions{display:flex}}body .o-shell .o-work-summary>button,body .o-account-summary article{background:#f2f6fc;border-color:#dce6f3}body .o-work-summary>button>span,body .o-work-kind{color:#2268ac;background:#e6effa}body .o-work-summary b,body .o-account-summary strong{color:#224d79}body .o-work-list>div{border-color:#e0e8f2}body .o-work-summary small,body .o-work-list small{color:#6a819b}body .c-access .c-login-button,body .c-access .c-login-button:hover{background:#1b63ad}body .c-access .c-register-button{color:#1b63ad!important}body .o-shell .o-shortcuts button{background:#fff;border-color:#dae5f2}body .o-shell .o-shortcuts button:hover{background:#f0f6fd;border-color:#b4d0ef}body .o-aftercare-operation{background:#f8fbff;border:1px solid #cbdff4;border-radius:10px;margin-top:22px;padding:20px}body .o-sidebar{overscroll-behavior:contain;overflow-y:auto}body .o-sidebar nav,body .o-brand,body .o-role,body .o-side-footer{flex-shrink:0}body .o-role{margin-top:18px;padding:16px 10px}body .o-sidebar nav{gap:3px;margin-top:16px}body .o-role>span,body .o-role small{color:#b3c9e3}body .o-role small b{color:#ffd29b}body .o-sidebar nav button>span{color:#a8c2df}body .o-sidebar nav button:hover{background:#ffffff12}body .o-shell button:hover{border-color:#bad1eb}body .o-shell :focus-visible{outline-color:#75a8dc}body .o-shell input:focus,body .o-shell textarea:focus{box-shadow:0 0 0 3px #2269b015}body .o-inventory-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0;display:flex}body .o-inventory-toolbar>.o-field{min-width:230px;margin:0}body .o-inventory-toolbar>input{flex:1;min-width:180px}body .o-inventory-toolbar .o-check{white-space:nowrap;margin:0}body .o-count-progress{border-bottom:1px solid #dbe5f3;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0;padding:14px 0;display:flex}body .o-count-progress>span{color:#68819e;border:1px solid #d5e1ef;border-radius:20px;padding:7px 13px;font-size:12px}body .o-count-progress>span.active{color:#17568f;background:#e8f2ff;border-color:#9bbfe7;font-weight:700}body .o-count-progress>b{color:#6c8099;margin-left:auto;font-size:12px}body .o-count-different{background:#fff9ed}body .o-count-conflict{background:#fff0eb}body .o-lock-details{white-space:normal;max-width:230px;margin-top:9px;font-size:11px}body .o-lock-details summary,body .o-lot-details summary{color:#2368aa;cursor:pointer;line-height:1.7}body .o-lock-details>div{background:#fff;border:1px solid #d3e1f1;border-radius:5px;margin-top:6px;padding:8px}body .o-lock-details small,body .o-lot-details small{font-size:11px;line-height:1.7;display:block}body .o-lot-details{white-space:normal;max-width:260px;margin-top:8px;font-size:11px}body .o-count-footer{z-index:2;background:#fff;border-top:1px solid #dde5f0;flex-wrap:wrap;padding:16px 0;position:sticky;bottom:0}body .o-count-footer>span{color:#6b809a;margin-right:auto;font-size:12px}body .o-inventory-preview{background:#f0f7ff;border:1px solid #c8dff5;border-radius:8px;margin:18px 0;padding:16px}body .o-inventory-preview p{margin:8px 0;line-height:1.7}body .o-client-detail .o-actions button{white-space:nowrap}@media (width<=760px){body .o-count-footer{position:static}body .o-inventory-toolbar>input{min-width:120px}body .o-count-progress>b{margin-left:0}}body .o-stock-menu{font-size:12px}body .o-stock-menu>summary{cursor:pointer;color:#1b5f9e;white-space:nowrap;background:#f5f9ff;border:1px solid #b9cfe9;border-radius:6px;padding:8px 12px;list-style:none}body .o-stock-menu>div{gap:7px;padding-top:8px;display:grid}body .o-stock-menu>div>button{text-align:left;font-size:12px}body .o-stock-menu[open]>summary{background:#e8f2ff}body .o-inbound-return-notice{color:#874b17;background:#fff4e7;border:1px solid #f0c79a;border-left:4px solid #ed8c23;border-radius:8px;margin:16px 0;padding:16px}body .o-inbound-return-notice>p{white-space:pre-wrap;margin:9px 0;line-height:1.7}body .o-inbound-return-notice button{margin-top:6px;margin-right:10px}body .o-inbound-return-notice>b{font-size:15px;display:block}.o-delivery-booking{background:#f4f8fd;border:1px solid #bdd1e8;border-left:4px solid #ec921b;border-radius:10px;margin:20px 0;padding:20px}.o-delivery-booking h3{color:#173f6b;margin:0 0 10px}.o-delivery-booking p{line-height:1.7}.o-delivery-booking form{border-top:1px solid #d3e0ef;padding-top:16px}.o-delivery-booking .o-info{margin:14px 0}.o-schedule-layout{grid-template-columns:minmax(350px,1.35fr) minmax(240px,1fr);align-items:start;gap:28px;display:grid}.o-schedule-week,.o-schedule-calendar{grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;display:grid}.o-schedule-week{text-align:center;color:#587088;margin-bottom:8px;font-size:13px}.o-schedule-calendar label{cursor:pointer;color:#204669;background:#fff;border:1px solid #d5e0ed;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:78px;display:flex;position:relative}.o-schedule-calendar input{accent-color:#1d5c9c;width:15px;height:15px;position:absolute;top:7px;left:7px}.o-schedule-calendar b{font-size:20px}.o-schedule-calendar small{color:#6d8497;margin-top:4px;font-size:11px}.o-schedule-calendar .selected{background:#e8f2ff;border-color:#1c5e9e;box-shadow:inset 0 0 0 1px #1c5e9e}.o-schedule-calendar .past{opacity:.42;cursor:default;background:#f1f4f8}.o-slot-tag{font-weight:600;color:#1e5f9f!important}.o-slot-orders{gap:7px;margin:10px 0;display:grid}.o-slot-orders button{text-align:left!important;white-space:normal!important}.o-schedule-layout form button{white-space:normal}@media (width<=800px){.o-schedule-layout{grid-template-columns:1fr}.o-schedule-calendar{gap:4px}.o-schedule-calendar label{min-height:65px}.o-delivery-booking{padding:14px}}.o-month-control{align-items:center;gap:8px;display:flex}.o-month-control input{flex:1;min-width:0}.o-month-control button{min-width:38px;padding:5px 10px;font-size:21px}