:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#202840;background:#f5f7fa;font-synthesis:none;--orange: #e85010;--navy: #202840;--navy-deep: #182038;--muted: #6f7b8f;--border: #e4e8ef;--surface: #fff}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f5f7fa}button{font:inherit;color:inherit;cursor:pointer}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:2;width:232px;display:flex;flex-direction:column;background:var(--navy-deep);color:#fff}.sidebar__brand{height:83px;padding:0 20px;display:flex;align-items:center;gap:10px;background:#fff;color:var(--navy);border-right:1px solid var(--border)}.logo-mark{width:190px;height:60px;overflow:hidden;position:relative}.logo-mark img{position:absolute;width:210px;height:auto;left:-8px;top:-78px}.sidebar__nav{padding:22px 13px;display:grid;gap:5px}.nav-item{min-height:44px;width:100%;padding:0 13px;display:flex;align-items:center;gap:12px;border:0;border-radius:7px;background:transparent;color:#cbd2df;text-align:left;font-size:14px;text-decoration:none;cursor:pointer}.nav-item:hover{background:#ffffff12;color:#fff}.nav-item.is-active{background:var(--orange);color:#fff;font-weight:650}.sidebar__footer{margin:auto 16px 20px;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff0f}.sidebar__footer strong,.sidebar__footer small{display:block}.sidebar__footer strong{font-size:11px}.sidebar__footer small{margin-top:4px;color:#9ba7ba;font-size:9px}.workspace{min-height:100vh;margin-left:232px}.topbar{height:66px;position:sticky;top:0;z-index:1;padding:0 28px;display:flex;align-items:center;justify-content:space-between;background:#fffffff5;border-bottom:1px solid var(--border)}.topbar__crumb{color:var(--muted);font-size:13px}.topbar__actions{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.status-dot{width:7px;height:7px;border-radius:50%;background:#2ca36d}.main-content{padding:26px 30px 44px}.page{max-width:1500px;margin:0 auto}.page-header{margin-bottom:22px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.page-header h1{margin:0;font-size:25px;line-height:1.25}.page-header p{margin:7px 0 0;color:var(--muted);font-size:13px}.page-header__actions{display:flex;gap:9px}.button{min-height:38px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:7px;border:1px solid transparent;font-size:12px}.button--secondary{background:#fff;border-color:var(--border)}.metric-strip{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:15px;border:1px solid var(--border);border-radius:9px;background:#fff}.metric{min-height:108px;padding:20px;display:flex;align-items:center;gap:13px;border-right:1px solid var(--border)}.metric:last-child{border-right:0}.metric__icon{width:40px;height:40px;display:grid;place-items:center;border-radius:8px;background:#fff0e9;color:var(--orange)}.metric strong,.metric span,.metric small{display:block}.metric strong{font-size:24px}.metric span{margin-top:4px;font-size:11px}.metric small{margin-top:4px;color:var(--muted);font-size:9px}.dashboard-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.panel{overflow:hidden;border:1px solid var(--border);border-radius:9px;background:#fff}.panel__header{min-height:65px;padding:15px 18px;display:flex;align-items:center;border-bottom:1px solid var(--border)}.panel__header strong,.panel__header small{display:block}.panel__header strong{font-size:13px}.panel__header small{margin-top:4px;color:var(--muted);font-size:9px}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:18px}.quick-actions button{min-height:96px;display:grid;place-items:center;align-content:center;gap:10px;border:1px solid var(--border);border-radius:8px;background:#fafbfc;color:var(--orange);font-size:11px}.notice{padding:20px}.notice strong{font-size:13px}.notice p{margin:10px 0 0;color:var(--muted);font-size:11px;line-height:1.8}@media (max-width: 820px){.sidebar{display:none}.workspace{margin-left:0}.topbar{height:58px;padding:0 14px}.main-content{padding:18px 14px 28px}.page-header{flex-wrap:wrap;align-items:center}.page-header__actions{width:100%}.metric-strip{grid-template-columns:1fr 1fr;gap:9px;border:0;background:transparent}.metric{min-height:91px;padding:14px;border:1px solid var(--border)!important;border-radius:8px;background:#fff}.dashboard-grid{grid-template-columns:1fr}.quick-actions{padding:14px}}.master-data-panel{min-height:260px}.master-data-toolbar{min-height:66px;padding:13px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border)}.search-field{width:min(360px,100%);height:36px;padding:0 11px;display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:7px;color:var(--muted)}.search-field input{width:100%;border:0;outline:0;font:inherit;font-size:12px}.toolbar-count{color:var(--muted);font-size:11px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{padding:13px 18px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}th{color:var(--muted);background:#fafbfc;font-size:10px;font-weight:600}td strong{font-weight:650}.status-pill{display:inline-flex;padding:4px 8px;border-radius:99px;background:#f2f4f7;color:var(--muted);font-size:10px}.status-pill--active{background:#eaf8f1;color:#25845a}.warehouse-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.warehouse-card{min-height:155px;padding:20px;display:grid;grid-template-columns:auto 1fr auto;align-content:start;align-items:start;gap:12px}.warehouse-card__icon{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:#fff0e9;color:var(--orange)}.warehouse-card strong,.warehouse-card small{display:block}.warehouse-card small{margin-top:5px;color:var(--muted);font-size:10px}.warehouse-card p{grid-column:1 / -1;margin:10px 0 0;color:var(--muted);font-size:11px}@media (max-width: 980px){.warehouse-card-grid{grid-template-columns:1fr}}.form-panel{padding:22px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid label{display:grid;gap:7px}.form-grid label>span{color:var(--muted);font-size:11px}.form-grid input,.form-grid select,.form-grid textarea{min-height:38px;padding:9px 11px;border:1px solid var(--border);border-radius:7px;outline:0;font:inherit;font-size:12px;background:#fff}.form-grid textarea{min-height:78px;resize:vertical}.form-grid__wide{grid-column:1 / -1}.form-actions{display:flex;justify-content:flex-end}.form-actions--split{justify-content:space-between}.checkbox-field{display:flex!important;align-items:center;gap:8px}.checkbox-field input{min-height:auto;width:16px;height:16px;padding:0}.checkbox-field>span{color:var(--navy)!important;font-size:12px!important}.master-data-form-panel{margin-bottom:16px;padding:0}.table-actions{display:flex;gap:8px}.button--small{min-height:32px;padding:0 10px}.warehouse-card__actions{grid-column:1 / -1;display:flex;justify-content:flex-end}.success-notice{margin-top:18px;padding:12px 14px;display:flex;align-items:center;gap:8px;border-radius:7px;background:#eaf8f1;color:#25845a;font-size:12px}.form-error{margin-top:18px;color:#b23c2c;font-size:12px}@media (max-width: 640px){.form-grid{grid-template-columns:1fr}.form-grid__wide{grid-column:auto}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.button--primary{background:var(--orange);color:#fff}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#f5f7fa,#fff7f2)}.login-card{width:min(420px,100%);padding:38px;display:grid;justify-items:center;border:1px solid var(--border);border-radius:14px;background:#fff;box-shadow:0 24px 70px #141c2f1a;text-align:center}.login-card__mark{width:52px;height:52px;display:grid;place-items:center;border-radius:13px;background:var(--orange);color:#fff}.login-card h1{margin:20px 0 0;font-size:22px}.login-card p{margin:8px 0 24px;color:var(--muted);font-size:12px}.login-card__button{width:100%;text-decoration:none}.login-card__button+.login-card__button{margin-top:10px}.login-card__button--secondary{color:var(--navy)}.login-card small{margin-top:20px;display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px}.quick-actions a{min-height:96px;display:grid;place-items:center;align-content:center;gap:10px;border:1px solid var(--border);border-radius:8px;background:#fafbfc;color:var(--orange);font-size:11px;text-decoration:none;cursor:pointer}.quick-actions a:hover{border-color:var(--orange);background:#fff7f2}.button,.metric span{font-size:13px}.metric small{font-size:11px}.metric__icon{transition:transform .15s ease,box-shadow .15s ease}.metric:hover .metric__icon{transform:translateY(-1px);box-shadow:0 5px 12px #20284014}.metric__content{min-width:0;display:grid;gap:4px}.metric__label{color:var(--navy);font-size:13px;line-height:1.4}.metric__value{min-height:32px;display:flex;align-items:baseline;gap:8px}.metric__value strong{font-size:24px;line-height:1.1}.metric__value small{color:var(--muted);font-size:12px}.metric__hint{color:var(--muted);font-size:12px;line-height:1.5}.metric--inventory .metric__icon{background:#2028401a;color:var(--navy)}.metric--approval .metric__icon{background:#edf4ff;color:#3974d8}.metric--inbound .metric__icon{background:#eaf8f1;color:#25845a}.metric--outbound .metric__icon{background:#fff0e9;color:var(--orange)}.panel__header h2,.panel__header strong{margin:0;color:var(--navy);font-size:15px;line-height:1.35}.panel__header small{font-size:12px}.quick-actions a{font-size:13px}.notice strong{font-size:15px}.notice p{font-size:13px}.system-status{padding:8px 18px 14px}.system-status__item{display:flex;align-items:flex-start;gap:11px;padding:13px 0}.system-status__item+.system-status__item{border-top:1px solid var(--border)}.system-status__icon{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border-radius:8px}.system-status__icon--approval{background:#fff5df;color:#bd7800}.system-status__icon--outbound{background:#eaf8f1;color:#25845a}.system-status__icon--close{background:#edf4ff;color:#3974d8}.system-status__item strong{display:block;font-size:14px;line-height:1.4}.system-status__item p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.6}.search-field input,.search-field select{font-size:14px}.search-field select{width:100%;border:0;outline:0;background:transparent;color:var(--navy);font:inherit}.toolbar-count{font-size:12px}table{font-size:14px}th{font-size:12px}.status-pill{font-size:11px}.form-grid label,.form-grid label>span,.report-toolbar .search-field>span{text-align:left}.form-grid label>span{font-size:13px;white-space:nowrap}.form-grid input,.form-grid select,.form-grid textarea{font-size:14px}.form-error{font-size:13px}.reports-page{display:grid;gap:16px}.reports-page .page-header{margin-bottom:0}.report-panel__header{justify-content:space-between;gap:18px}.report-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.report-toolbar{min-height:0;padding:16px 18px 18px;justify-content:flex-start;flex-wrap:wrap;align-items:center;gap:16px 20px;border-bottom:0}.report-toolbar .search-field{width:min(420px,100%);height:auto;padding:0;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:12px;flex:1 1 340px;border:0;border-radius:0;color:var(--navy);background:transparent}.report-toolbar .search-field>span{color:var(--muted);font-size:13px;white-space:nowrap}.report-toolbar .search-field input,.report-toolbar .search-field select{min-height:40px;padding:0 11px;border:1px solid var(--border);border-radius:7px;background:#fff}.report-feedback{margin:0;padding:0 18px 16px}.report-section{min-width:0}.report-section__meta{color:var(--muted);font-size:13px;white-space:nowrap;text-align:left}.report-loading-panel .notice{padding:22px}.master-data-form-panel>.panel__header{padding-inline:22px}.master-data-form-panel>form{padding:18px 22px 22px}@media (max-width: 640px){.report-panel__header{align-items:flex-start;flex-direction:column}.report-actions{width:100%;justify-content:flex-start}.report-actions .button{flex:1 1 160px}.report-toolbar{padding:14px}.report-toolbar .search-field{width:100%;grid-template-columns:1fr;gap:8px;flex-basis:100%}.master-data-form-panel>.panel__header{padding-inline:18px}.master-data-form-panel>form{padding-inline:18px}.system-status{padding-inline:14px}}.app-shell{display:flex;min-height:100vh}.sidebar__footer{min-height:82px;display:grid;align-content:center;gap:4px}.workspace{min-width:0;flex:1;background:#f5f7fa}.topbar{min-height:74px;padding:0 24px;gap:18px;display:flex;align-items:center;background:#fffffffa;box-shadow:0 8px 24px #2028400a}.topbar__leading,.topbar__actions{display:flex;align-items:center;gap:12px;min-width:0}.topbar__leading{flex:0 0 auto}.topbar__center{min-width:280px;flex:0 1 420px;display:flex;justify-content:flex-start}.topbar__actions{margin-left:auto}.topbar__crumb{display:grid;gap:3px;line-height:1.2}.topbar__crumb span{color:var(--muted);font-size:11px;letter-spacing:.04em;text-transform:uppercase}.topbar__crumb strong{color:var(--navy);font-size:16px}.topbar-panel{position:relative}.topbar-selector,.topbar-icon-button,.workspace-user-button{min-height:40px;border:1px solid var(--border);border-radius:10px;background:#fff}.topbar-selector{padding:0 12px;display:inline-flex;align-items:center;gap:8px;color:var(--navy);font-size:14px}.topbar-icon-button{width:40px;display:inline-grid;place-items:center;position:relative;color:var(--navy)}.topbar-icon-button:hover,.topbar-selector:hover,.workspace-user-button:hover,.workspace-menu-item:hover,.workspace-search-result:hover,.workspace-notification:hover{border-color:#d5dbe6;background:#f8fafc}.mobile-nav-toggle{display:none}.workspace-icon-button__badge{width:8px;height:8px;border-radius:50%;background:var(--orange);position:absolute;top:10px;right:10px;box-shadow:0 0 0 2px #fff}.workspace-user-button{padding:0 12px;display:inline-flex;align-items:center;gap:8px;color:var(--navy)}.workspace-user-button span{display:grid;text-align:left}.workspace-user-button strong{font-size:13px;line-height:1.2}.workspace-user-button small{color:var(--muted);font-size:11px;line-height:1.2}.workspace-search{width:100%;position:relative;display:flex;align-items:center;border:1px solid var(--border);border-radius:12px;background:#fff;box-shadow:0 8px 20px #2028400a}.workspace-search__icon{margin-left:12px;color:var(--muted);flex:0 0 auto}.workspace-search input{width:100%;min-height:42px;padding:0 40px 0 10px;border:0;outline:0;background:transparent;font:inherit;font-size:13px;color:var(--navy)}.workspace-search__clear{width:28px;height:28px;margin-right:8px;display:inline-grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--muted)}.workspace-popover{position:absolute;top:calc(100% + 10px);right:0;min-width:240px;padding:10px;border:1px solid var(--border);border-radius:14px;background:#fff;box-shadow:0 18px 45px #1820381f;z-index:6}.workspace-popover--menu{width:280px}.workspace-popover--search{left:0;right:0;width:100%;padding:8px}.workspace-popover--notifications{width:320px}.workspace-popover--user{width:280px}.workspace-popover__header{padding:4px 4px 10px;display:flex;align-items:center;justify-content:space-between;gap:8px}.workspace-popover__header strong{font-size:13px}.workspace-popover__empty{margin:0;padding:12px 8px;color:var(--muted);font-size:12px;line-height:1.6}.workspace-menu-item,.workspace-search-result,.workspace-notification{width:100%;padding:11px 12px;display:grid;gap:4px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--navy);text-align:left;text-decoration:none}.workspace-menu-item span,.workspace-search-result strong,.workspace-notification strong,.workspace-user-card strong,.workspace-info-row strong{font-size:13px;line-height:1.4}.workspace-menu-item small,.workspace-search-result small,.workspace-search-result__meta,.workspace-notification p,.workspace-user-card small,.workspace-info-row small{color:var(--muted);font-size:11px;line-height:1.5}.workspace-menu-item.is-selected{border-color:#ffd9c7;background:#fff7f2}.workspace-search-results,.workspace-notification-list{display:grid;gap:4px}.workspace-search-result__title{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.workspace-search-result__title span{font-size:13px}.workspace-link-button{padding:0;border:0;background:transparent;color:var(--orange);font-size:12px}.workspace-user-card{padding:8px 10px 12px;display:grid;gap:4px;border-bottom:1px solid var(--border)}.workspace-info-row{margin-top:10px;padding:10px;display:flex;align-items:flex-start;gap:10px;border-radius:10px;background:#f8fafc;color:var(--navy)}.workspace-info-row svg{color:var(--orange);flex:0 0 auto}.mobile-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9}.mobile-drawer__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#1820386b}.mobile-drawer__panel{position:relative;width:min(320px,calc(100% - 36px));height:100%;padding:18px 14px;display:grid;align-content:start;gap:18px;background:#182038;color:#fff;box-shadow:22px 0 44px #00000038}.mobile-drawer__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.mobile-drawer__header strong{display:block;font-size:15px}.mobile-drawer__header small{display:block;margin-top:4px;color:#cbd2df;font-size:10px}.mobile-drawer__nav{display:grid;gap:6px}.mobile-drawer__nav .nav-item{color:#cbd2df}.mobile-drawer__nav .nav-item.is-active{color:#fff}@media (max-width: 1080px){.topbar{height:auto;min-height:auto;padding:14px 18px;flex-wrap:wrap}.topbar__center{order:3;flex:1 1 100%;justify-content:stretch}.topbar__leading{flex:1 1 auto;flex-wrap:wrap}.topbar__actions{justify-content:flex-end}.workspace-search{max-width:none}}@media (max-width: 820px){.topbar{min-height:auto;gap:12px;padding:12px 14px}.topbar__leading{gap:10px}.topbar__crumb span{font-size:10px}.topbar__crumb strong{font-size:14px}.mobile-nav-toggle{display:inline-grid}.topbar-selector{flex:1 1 auto;justify-content:space-between}.workspace-user-button{flex:1 1 auto;justify-content:center}.workspace-popover--menu,.workspace-popover--notifications,.workspace-popover--user{width:min(320px,calc(100vw - 28px))}.workspace-popover--search{position:absolute;width:100%}}@media (max-width: 640px){.topbar__actions{width:100%;justify-content:space-between}.workspace-user-button{min-width:0;flex:1 1 auto}.workspace-user-button span{min-width:0}.workspace-user-button strong,.workspace-user-button small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-popover{left:auto;right:0}}.sidebar__footer{min-height:96px;padding:16px}.sidebar__footer strong{font-size:14px;line-height:1.45}.sidebar__footer small{font-size:12px;line-height:1.5}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:24px;background:#1820386b}.modal-dialog{width:min(760px,100%);max-height:min(720px,calc(100vh - 48px));overflow:auto;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:0 24px 70px #18203838}.modal-dialog__header{min-height:72px;padding:18px 22px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border)}.modal-dialog__header strong,.modal-dialog__header small{display:block}.modal-dialog__header strong{font-size:15px}.modal-dialog__header small{margin-top:5px;color:var(--muted);font-size:11px}.modal-dialog__close{width:32px;height:32px;display:grid;place-items:center;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--muted);font-size:22px;line-height:1}.modal-dialog__close:hover{border-color:var(--border);background:#f8fafc;color:var(--navy)}.modal-dialog__form{padding:20px 22px 22px}.modal-dialog__error{margin-top:0;padding:10px 12px;border-radius:7px;background:#fff4f1}@media (max-width: 640px){.modal-backdrop{padding:12px}.modal-dialog{max-height:calc(100vh - 24px)}.modal-dialog__header{padding-inline:18px}.modal-dialog__form{grid-template-columns:1fr;padding:18px}}.metric span.metric__icon{display:grid;place-items:center;margin-top:0;font-size:initial}.metric span.metric__icon svg{display:block}