:root{color:#17212b;font-synthesis:none;background:#f4f7f9;font-family:Inter,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}html.mobile-drawer-open,body.mobile-drawer-open{overscroll-behavior:none;overflow:hidden}button,input{font:inherit}.login-shell{background:#f4f7f9;grid-template-columns:minmax(360px,520px) 1fr;min-height:100vh;display:grid}.login-panel{background:#fff;flex-direction:column;justify-content:center;padding:clamp(32px,7vw,92px);display:flex}.brand-mark{letter-spacing:.04em;color:#167c80;margin-bottom:36px;font-weight:800}.login-panel h1{color:#15232d;margin:0 0 8px;font-size:36px}.muted{color:#71808a;margin:0 0 36px}.login-form{gap:20px;max-width:350px;display:grid}.login-form label{color:#4c5d67;gap:8px;font-size:13px;font-weight:600;display:grid}.login-form input{border:1px solid #d8e0e5;border-radius:6px;outline:none;height:48px;padding:0 14px}.login-form input:focus{border-color:#167c80;box-shadow:0 0 0 3px #167c8019}.primary-button{color:#fff;cursor:pointer;background:#167c80;border:0;border-radius:6px;height:48px;font-weight:700}.primary-button:disabled{opacity:.6}.form-error{color:#bc3d3d;margin:0;font-size:13px}.login-aside{isolation:isolate;color:#173c38;background:#eef4f0 url(/assets/erp-login-hero-v2.png) 50%/cover no-repeat;flex-direction:column;justify-content:center;padding:clamp(40px,8vw,120px);display:flex;position:relative;overflow:hidden}.login-aside:before{content:"";z-index:-1;background:#ffffff0a;position:absolute;inset:0}.login-aside>*{text-shadow:0 2px 18px #ffffffd9;max-width:720px}.login-aside h2{margin:18px 0;font-size:clamp(32px,4vw,58px);line-height:1.15}.login-aside p{color:#456b64}.login-aside .eyebrow{color:#32766d}.eyebrow{letter-spacing:.14em;color:#7aa9a7;font-size:11px;font-weight:800}.app-shell{min-height:100vh;display:flex}.sidebar{color:#d6e6e5;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;background:#102f35;flex-direction:column;flex-shrink:0;width:250px;display:flex;overflow-y:auto}.brand{border-bottom:1px solid #ffffff14;align-items:center;gap:11px;height:82px;padding:20px 18px;display:flex}.brand-icon{color:#174e4f;background:#fff;border-radius:8px;place-items:center;width:34px;height:34px;font-weight:900;display:grid;overflow:hidden}.brand-icon img{object-fit:contain;width:100%;height:100%;display:block}.brand strong,.brand small,.user-mini strong,.user-mini small{display:block}.brand strong{font-size:15px}.brand small,.user-mini small{color:#89a9aa;margin-top:3px;font-size:11px}.nav-item{color:#afc8c8;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:5px;align-items:center;gap:12px;width:100%;height:44px;margin-bottom:4px;padding:0 12px;display:flex}.nav-item:hover,.nav-item.active{color:#fff;background:#1d555a}.sidebar-footer{border-top:1px solid #ffffff14;margin-top:auto;padding:16px}.user-mini{align-items:center;gap:9px;display:flex}.user-mini strong{font-size:12px}.user-mini .icon-button{color:#9db8b8;margin-left:auto}.avatar{color:#17535a;background:#d7e9df;border-radius:50%;place-items:center;width:31px;height:31px;font-weight:800;display:grid}.avatar.small{width:27px;height:27px;font-size:12px}.icon-button{color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:relative}.close-mobile,.mobile-menu{display:none}.content-shell{flex:1;min-width:0}.topbar{background:#fff;border-bottom:1px solid #e5ebee;justify-content:space-between;align-items:center;height:82px;padding:0 clamp(20px,3vw,42px);display:flex}.topbar h2{margin:5px 0 0;font-size:20px}.breadcrumb{color:#819098;font-size:11px}.top-actions{align-items:center;gap:18px;display:flex}.top-actions .icon-button i{background:#db6f46;border-radius:50%;width:6px;height:6px;position:absolute;top:1px;right:0}.profile-chip{color:#3b4c54;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;display:flex}.page-content{max-width:1500px;margin:0 auto;padding:clamp(22px,3vw,42px)}.welcome{justify-content:space-between;align-items:end;margin-bottom:26px;display:flex}.welcome h1,.module-placeholder h1{margin:8px 0;font-size:30px}.welcome p,.module-placeholder p{color:#788890;margin:0}.date-chip{color:#61727a;background:#fff;border:1px solid #e0e8eb;border-radius:5px;padding:10px 13px;font-size:12px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.metric-grid article,.panel,.placeholder-card{background:#fff;border:1px solid #e5ebee;border-radius:7px}.metric-grid article{padding:20px}.metric-grid span,.metric-grid small{color:#71818a;font-size:12px;display:block}.metric-grid strong{color:#1b3940;margin:16px 0 9px;font-size:30px;display:block}.metric-grid em{color:#799097;font-size:13px;font-style:normal;font-weight:500}.dashboard-grid{grid-template-columns:1.45fr 1fr;gap:14px;margin-top:14px;display:grid}.panel{min-height:280px;padding:22px}.panel-head{justify-content:space-between;align-items:start;display:flex}.panel h3{margin:0;font-size:16px}.panel-head p{color:#849299;margin:7px 0;font-size:12px}.status-dot{color:#278c72;background:#e4f4ed;border-radius:4px;padding:5px 8px;font-size:11px}.empty-state{color:#77878d;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:170px;display:flex}.empty-state strong{color:#42565e}.empty-state span{font-size:12px}.empty-icon{color:#25817b;background:#eef5f2;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.compact{min-height:180px}.module-placeholder{padding:18px 0}.placeholder-card{color:#167c80;align-items:center;gap:14px;max-width:620px;margin-top:30px;padding:22px;display:flex}.placeholder-card strong,.placeholder-card span{display:block}.placeholder-card span{color:#71818a;margin-top:6px;font-size:13px}.login-divider{color:#91a09f;align-items:center;gap:12px;font-size:12px;display:flex}.login-divider:before,.login-divider:after{content:"";background:#dfe7e5;flex:1;height:1px}.wecom-login-button{color:#167c5a;cursor:pointer;background:#fff;border:1px solid #bcd8d0;justify-content:center;align-items:center;gap:8px;min-height:44px;font-weight:700;display:flex}.wecom-login-button:hover{background:#f2faf7}.module-heading .secondary-button,.wecom-member-toolbar .secondary-button{align-items:center;gap:7px;display:inline-flex}.wecom-bound{color:#167c5a;white-space:nowrap;align-items:center;gap:5px;font-weight:700;display:inline-flex}.danger-text{color:#b34242}.wecom-binding-dialog{background:#fff;border-radius:8px;flex-direction:column;gap:16px;width:min(680px,100vw - 30px);max-height:min(760px,100vh - 30px);padding:22px;display:flex;box-shadow:0 24px 70px #102d2640}.wecom-member-toolbar{grid-template-columns:1fr auto;gap:10px;display:grid}.wecom-member-toolbar input{min-width:0}.wecom-member-list{gap:7px;padding-right:3px;display:grid;overflow:auto}.wecom-member-list>button{text-align:left;cursor:pointer;background:#fff;border:1px solid #e0e8e6;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;width:100%;min-height:62px;padding:10px 12px;display:grid}.wecom-member-list>button:hover:not(:disabled){background:#f4faf7;border-color:#64a990}.wecom-member-list>button:disabled{opacity:.55;cursor:not-allowed}.wecom-member-list .avatar{color:#176c51;background:#dff1e9;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.wecom-member-list strong,.wecom-member-list small{display:block}.wecom-member-list small{color:#71818a;margin-top:4px}.wecom-member-list b{color:#167c5a;font-size:12px}@media (width<=900px){.sidebar{z-index:30;transition:left .2s;position:fixed;top:0;bottom:0;left:-260px}.sidebar.open{left:0;box-shadow:10px 0 30px #0003;z-index:10001!important}.mobile-backdrop{z-index:10000;touch-action:none;pointer-events:auto;background:#102f356b;position:fixed;inset:0}.close-mobile,.mobile-menu{display:grid}.mobile-menu{color:#344a53;margin-right:12px}.topbar{justify-content:flex-start}.top-actions{margin-left:auto}.profile-chip{font-size:0}.profile-chip .avatar{font-size:12px}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media (width<=560px){.wecom-binding-dialog{width:calc(100vw - 20px);padding:16px}.wecom-member-toolbar{grid-template-columns:minmax(0,1fr) auto}.wecom-member-list>button{grid-template-columns:36px minmax(0,1fr) 42px;padding:8px}.wecom-member-list>button>span:nth-child(2){min-width:0}.wecom-member-list small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wecom-member-list b{text-align:right}.login-shell{display:block}.login-aside{display:none}.login-panel{min-height:100vh;padding:34px 24px}.welcome{flex-direction:column;align-items:start;gap:14px}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-grid article{padding:14px}.metric-grid strong{margin:12px 0 6px;font-size:24px}.page-content{padding:22px 15px}.dashboard-grid{margin-top:10px}.topbar{padding:0 15px}.topbar h2{font-size:17px}}.module-heading{justify-content:space-between;align-items:end;margin-bottom:20px;display:flex}.template-download-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.template-download-card{background:#fff;border:1px solid #e5ebee;border-radius:7px;justify-content:space-between;align-items:center;gap:18px;padding:18px;display:flex}.template-download-card>div{flex-direction:column;gap:7px;min-width:0;display:flex}.template-download-card strong{color:#1b3940;font-size:15px}.template-download-card span{color:#718087;font-size:12px;line-height:1.5}.template-download-card .primary-button{white-space:nowrap;flex:none;align-items:center;gap:6px;display:inline-flex}@media (width<=700px){.template-download-grid{grid-template-columns:1fr}.template-download-card{flex-direction:column;align-items:flex-start}.template-download-card .primary-button{justify-content:center;width:100%}}.module-heading h1{margin:8px 0;font-size:28px}.module-heading p{color:#788890;margin:0}.count-chip,.tag{color:#23766f;background:#e8f2ef;border-radius:4px;padding:5px 9px;font-size:12px}.form-panel{background:#fff;border:1px solid #e5ebee;border-radius:7px;margin-bottom:14px;padding:18px}.form-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.form-grid input,.form-grid select{border:1px solid #d8e0e5;border-radius:5px;min-width:0;height:42px;padding:0 10px}.form-grid .primary-button{height:42px}.notice{color:#23766f;background:#e7f4ef;border-radius:5px;margin-bottom:12px;padding:10px 13px}.banner{background:#fff0f0;border:1px solid #f1cccc;border-radius:5px;margin:0 0 14px;padding:10px 14px}.danger{color:#bd4d4d}.icon-text{color:#167c80;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;font-weight:700;display:inline-flex}.mini-input{border:1px solid #d8e0e5;border-radius:4px;width:100px;height:30px;margin-left:8px;padding:0 6px}.stat-list{gap:14px;margin-top:24px;display:grid}.stat-list div{background:#f5f8f8;border-radius:5px;justify-content:space-between;padding:13px;display:flex}.stat-list span{color:#73848a;font-size:13px}.stat-list b{color:#167c80}.production-form{grid-template-columns:repeat(4,minmax(0,1fr))}.production-form button{grid-column:span 4}@media (width<=900px){.form-grid,.production-form{grid-template-columns:repeat(2,minmax(0,1fr))}.production-form button{grid-column:span 2}}@media (width<=560px){.form-grid,.production-form{grid-template-columns:1fr}.production-form button{grid-column:auto}}.segmented{align-items:center;gap:8px;margin-bottom:14px;display:flex}.segmented button{color:#53666e;cursor:pointer;background:#f7f9fa;border:1px solid #d8e0e5;border-radius:5px;height:36px;padding:0 16px}.segmented button.active{color:#fff;background:#167c80;border-color:#167c80}.segmented select{border:1px solid #d8e0e5;border-radius:5px;height:36px;padding:0 10px}.file-control{color:#387477;cursor:pointer;border:1px dashed #a9c1c2;border-radius:5px;justify-content:center;align-items:center;height:42px;font-size:12px;display:flex}.file-control input{display:none}.role-picker{flex-wrap:wrap;align-items:center;gap:8px;min-height:42px;display:flex}.role-picker label{color:#52656d;background:#f4f8f8;border:1px solid #dbe7e7;border-radius:4px;padding:8px 10px;font-size:12px}.role-picker input{margin-right:5px;width:auto!important;height:auto!important}.payment-upload-panel{align-items:center;gap:14px;display:flex}.payment-upload-panel .file-control{width:280px}.upload-count,.form-caption{color:#64757d;font-size:12px}.form-caption{color:#31545a;grid-column:1/-1;font-weight:700}.alert-panel,.correction-panel{grid-template-columns:repeat(5,minmax(0,1fr))}.alert-panel .primary-button,.correction-panel .primary-button{height:42px}.correction-panel .correction-reason{grid-column:span 2}.threshold-edit-dialog{width:min(720px,100% - 28px)}.threshold-edit-dialog .payment-detail-actions{padding:16px 20px}.customer-edit-form .payment-detail-actions{grid-column:1/-1}.correction-panel .correction-dry-toggle{flex-wrap:wrap;grid-column:span 2}.correction-dry-toggle small{color:#718087;width:100%;padding-left:26px;font-size:11px}.production-record-tabs{margin-top:18px}@media (width<=900px){.alert-panel,.correction-panel{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.payment-upload-panel{flex-direction:column;align-items:stretch}.payment-upload-panel .file-control{width:100%}.alert-panel,.correction-panel{grid-template-columns:1fr}.correction-panel .correction-reason,.correction-panel .correction-dry-toggle{grid-column:auto}}.dashboard-table-wrap{margin-top:18px;overflow:auto}.dashboard-table{border-collapse:collapse;width:100%;min-width:420px}.dashboard-table th,.dashboard-table td{text-align:left;border-bottom:1px solid #edf1f3;padding:10px 8px;font-size:12px}.dashboard-table th{color:#64757d;background:#f8fafb}.dashboard-table td:not(:first-child){color:#167c80;font-weight:700}.role-matrix{margin-top:16px}.role-matrix h3{font-size:16px}.role-card{background:#fff;border:1px solid #e5ebee;border-radius:7px;margin-bottom:10px;padding:16px}.role-card-head{justify-content:space-between;align-items:center;display:flex}.permission-list{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.permission-list label{color:#52656d;background:#f5f8f8;border-radius:4px;padding:7px 9px;font-size:12px}.permission-list input{margin-right:5px}.table-panel table tbody tr:nth-child(2n){background:#f7fafb}.table-panel tbody tr:hover{background:#edf6f4}.table-panel th{border-bottom:2px solid #dfe9ea}.table-panel td{vertical-align:middle;line-height:1.5}.status-badge{white-space:nowrap;color:#596a70;background:#eef2f3;border-radius:999px;align-items:center;padding:4px 9px;font-size:12px;font-weight:700;display:inline-flex}.status-badge.active,.status-badge.approved,.status-badge.paid,.status-badge.stocked{color:#237a63;background:#e5f5ed}.status-badge.pending,.status-badge.pending_approval,.status-badge.partial_payment,.status-badge.submitted{color:#9a6b16;background:#fff4dc}.status-badge.rejected,.status-badge.voided,.status-badge.disabled{color:#a44949;background:#fcebea}.table-panel{background:#fff;border:1px solid #e5ebee;border-radius:7px;margin-top:14px;overflow:auto}.table-panel table{border-collapse:collapse;width:100%;min-width:760px}.table-panel th,.table-panel td{text-align:left;border-bottom:1px solid #e8eef0;padding:12px 14px;font-size:13px}.table-panel th{color:#52666e;background:#f7fafb;font-weight:800}.table-panel td{color:#30474f}.table-panel .empty-row{color:#87959a;text-align:center!important;padding:38px!important}.data-table-toolbar{background:#f8fbfb;border-bottom:1px solid #e3ecee;align-items:end;gap:10px;min-width:720px;padding:12px 14px;display:flex}.data-toolbar-count{align-self:center;gap:2px;margin-right:auto;display:grid}.data-toolbar-count strong{color:#1f464b;font-size:14px}.data-toolbar-count span{color:#75878c;font-size:12px}.data-table-toolbar label{gap:4px;display:grid}.data-table-toolbar label>span{color:#576c72;font-size:11px;font-weight:700}.data-table-toolbar input{color:#263f45;background:#fff;border:1px solid #c8d7da;border-radius:5px;width:142px;height:36px;padding:0 9px}.data-table-toolbar input:focus{border-color:#167c80;outline:0;box-shadow:0 0 0 3px #167c8015}.data-table-toolbar button{white-space:nowrap;justify-content:center;align-items:center;gap:6px;height:36px;margin:0;display:inline-flex}.data-toolbar-error{color:#b64d4d;align-self:center;font-size:11px}.data-toolbar-export:disabled{opacity:.6;cursor:not-allowed}.table-panel>.data-table-toolbar:first-child{position:sticky;left:0}@media (width<=800px){.data-table-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;min-width:0;display:grid}.data-toolbar-count{grid-column:1/-1;margin-right:0}.data-table-toolbar input,.data-table-toolbar button{width:100%}.data-toolbar-error{grid-column:1/-1}.table-panel>.data-table-toolbar:first-child{min-width:620px}}@media (width<=520px){.data-table-toolbar{grid-template-columns:1fr;min-width:0}.data-toolbar-count,.data-toolbar-error{grid-column:auto}.table-panel>.data-table-toolbar:first-child{min-width:360px}}.form-title{color:#1b3940;border-bottom:1px solid #edf1f3;grid-column:1/-1;align-items:baseline;gap:10px;padding-bottom:10px;font-size:15px;font-weight:800;display:flex}.form-title span{color:#7c8b91;font-size:12px;font-weight:400}.form-grid>input,.form-grid>select,.form-grid>.file-control{box-sizing:border-box}.form-grid>input:focus,.form-grid>select:focus{border-color:#167c80;outline:0;box-shadow:0 0 0 3px #167c8018}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field-label{color:#52666e;font-size:12px;font-weight:700}.required{color:#c14f4f;margin-left:3px}.feedback-overlay{z-index:100;background:#14282b66;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.feedback-dialog{background:#fff;border:1px solid #e2ebeb;border-radius:8px;grid-template-columns:auto 1fr;align-items:start;gap:12px;width:min(440px,100%);padding:22px;display:grid;box-shadow:0 20px 60px #17383a33}.feedback-icon{color:#237a63;background:#e4f5ed;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.feedback-error .feedback-icon{color:#a44949;background:#fcebea}.feedback-warning .feedback-icon{color:#9a6b16;background:#fff4dc}.feedback-copy strong{color:#1b3940;font-size:16px;display:block}.feedback-copy p{color:#64757d;margin:7px 0 0;font-size:13px;line-height:1.6}.feedback-close{color:#fff;cursor:pointer;background:#167c80;border:0;border-radius:5px;grid-column:2;justify-self:end;height:36px;padding:0 18px;font-weight:700}.inline-upload{color:#205f63;cursor:pointer;background:#e8f5f4;border:1px solid #2f7f82;border-radius:6px;align-items:center;gap:8px;height:38px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.inline-upload input{display:none}.hema-row-failed td{color:#a12626;background:#fff0f0!important}.hema-row-failed strong{color:#b42318}.attachment-upload-button{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.attachment-upload-button input{display:none}.field-readonly{color:#52666e;background:#f7fafb;border:1px solid #d8e0e5;border-radius:5px;align-items:center;height:42px;padding:0 10px;font-size:12px;display:flex}.production-form>input:nth-child(2){grid-column:1/-1}.production-form>input:nth-child(3),.production-form>input:nth-child(4),.production-form>input:nth-child(5),.production-form>input:nth-child(6),.production-form>input:nth-child(7),.production-form>input:nth-child(8){grid-row:2}.production-form>input:nth-child(9),.production-form>input:nth-child(10),.production-form>input:nth-child(11),.production-form>input:nth-child(12){grid-row:3}.purchase-items-row>td{background:#fbfdfd;padding:10px 14px 16px}.purchase-items-title{color:#31545a;margin-bottom:7px;font-size:12px;font-weight:800}.nested-table{border-collapse:collapse;width:100%;min-width:760px}.nested-table th,.nested-table td{text-align:left;border:1px solid #e5edef;padding:8px 10px;font-size:12px}.nested-table th{color:#52666e;background:#f1f6f6}.attachment-panel{background:#fff;border:1px solid #e5ebee;border-radius:7px;margin-top:14px;padding:14px 16px}.attachment-list{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.attachment-button{color:#167c80;cursor:pointer;background:#f5fbfa;border:1px solid #c9dddd;border-radius:5px;padding:7px 10px;font-size:12px}.status-select{color:#52666e;background:#fff;border:1px solid #c9dddd;border-radius:4px;height:30px;padding:0 6px}.finance-actions{white-space:nowrap;min-width:560px;vertical-align:middle!important}.finance-actions>*{vertical-align:middle}.finance-actions .icon-text,.finance-actions .text-button,.finance-actions .table-delete-button,.finance-actions .inline-upload,.finance-actions .status-select{box-sizing:border-box;vertical-align:middle;justify-content:center;align-items:center;height:34px;min-height:34px;margin:0 4px 0 0;line-height:1;display:inline-flex}.finance-actions .icon-text,.finance-actions .text-button,.finance-actions .table-delete-button{padding:0 10px}.finance-actions .inline-field{vertical-align:middle;justify-content:center;height:50px;min-height:50px;margin:0 4px 0 0;display:inline-flex}.finance-actions .inline-field .mini-input{box-sizing:border-box;height:34px!important;min-height:34px!important}.finance-actions .upload-count{vertical-align:middle;align-items:center;height:34px;margin:0 4px 0 0;display:inline-flex}.finance-detail-button{margin-right:6px;height:34px!important;min-height:34px!important;padding:0 12px!important}.payment-detail-dialog{background:#fff;border:1px solid #dfe9ea;border-radius:8px;width:min(860px,100% - 28px);max-height:90vh;padding:24px;overflow:auto;box-shadow:0 20px 60px #17383a55}.stock-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;display:grid}.stock-video-grid article{background:#fbfdfd;border:1px solid #dfe9ea;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.stock-video-grid article>div{min-width:0}.stock-video-grid strong,.stock-video-grid span{display:block}.stock-video-grid span{color:#718087;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:12px;overflow:hidden}.stock-video-upload{white-space:nowrap;position:relative}.stock-video-upload input{opacity:0;cursor:pointer;position:absolute;inset:0}.stock-video-upload.disabled{opacity:.65;pointer-events:none}.stock-video-note{color:#718087;margin:0;padding:0 14px 14px;font-size:12px}@media (width<=700px){.stock-video-grid{grid-template-columns:1fr}}.payment-detail-table{table-layout:auto}.payment-detail-table th{white-space:nowrap;width:14%}.payment-detail-table td{width:36%}.payment-entry-section{overflow:visible}.payment-entry-grid{grid-template-columns:minmax(180px,1fr) minmax(260px,1.5fr) auto 140px;align-items:end;gap:14px;padding:16px;display:grid}.payment-entry-grid .field{height:66px}.payment-status-options{white-space:nowrap;align-items:center;gap:14px;height:42px;display:flex}.payment-status-options label{color:#30474f;align-items:center;gap:5px;font-size:13px;display:flex}.payment-status-options input{accent-color:#167c80}.payment-upload-button{white-space:nowrap;height:42px!important;min-height:42px!important}.payment-attachments{padding:14px}.payment-detail-actions{border-top:1px solid #e5edef;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:16px;display:flex}.payment-detail-actions button{min-width:110px;height:42px}@media (width<=760px){.payment-entry-grid{grid-template-columns:1fr 1fr}.payment-status-options{flex-wrap:wrap;gap:8px;height:auto;min-height:42px}.payment-upload-button{justify-content:center;width:100%}.payment-detail-table{min-width:0}.payment-detail-table tr{grid-template-columns:90px 1fr;display:grid}.payment-detail-table th,.payment-detail-table td{width:auto}.payment-detail-table th:nth-of-type(2),.payment-detail-table td:nth-of-type(2){border-top:1px solid #e4ecee}}@media (width<=500px){.payment-entry-grid{grid-template-columns:1fr}.payment-detail-dialog{padding:16px}}.remember-control{color:#52666e;align-items:center;gap:7px;font-size:12px;display:flex}.remember-control input{flex:0 0 14px;width:14px!important;height:14px!important}.profile-trigger{cursor:pointer;border:0}.profile-nav-item{width:calc(100% - 20px);margin:8px 10px}.profile-dialog{background:#fff;border:1px solid #dfe9ea;border-radius:10px;width:min(460px,100%);max-height:90vh;padding:22px;overflow:auto;box-shadow:0 20px 60px #17383a55}.profile-dialog:before{content:"首次登录建议立即修改初始密码。只修改姓名时无需填写密码；修改密码时必须填写原密码和至少8位新密码。";color:#52666e;background:#f1f7f6;border-left:3px solid #167c80;margin:10px 0 14px;padding:10px 12px;font-size:12px;line-height:1.6;display:block}.profile-head{justify-content:space-between;align-items:center;display:flex}.profile-head h3{color:#1b3940;margin:0}.profile-form{gap:12px;margin-top:16px;display:grid}.login-log{color:#64757d;border-top:1px solid #e5edef;gap:7px;margin-top:18px;padding-top:14px;font-size:12px;display:grid}.login-log strong{color:#31545a}.danger-button{color:#a44949;cursor:pointer;background:#fff5f5;border:1px solid #d47a7a;border-radius:5px;height:38px;margin-top:16px;font-weight:700}.product-form>.form-title{order:-2}.product-form>.field:nth-child(7){order:-1}.inline-field{color:#52666e;flex-direction:column;gap:3px;font-size:11px;display:inline-flex}.inline-field .mini-input{margin:0}.search-bar{background:#fff;border:1px solid #e5ebee;border-radius:7px;align-items:end;gap:12px;margin-bottom:12px;padding:12px 14px;display:flex}.search-bar label{color:#52666e;flex-direction:column;gap:5px;font-size:12px;display:flex}.search-bar input,.search-bar select{border:1px solid #d8e0e5;border-radius:4px;height:34px;padding:0 8px}.profile-page-form{grid-template-columns:repeat(3,1fr);align-items:end;gap:12px;display:grid}.profile-page-form .primary-button,.profile-page-form .danger-button{height:42px;margin:0}.log-table{margin-top:14px}.log-table tbody tr:nth-child(2n){background:#f7fafb}.production-grid{display:block}.production-grid .panel{min-height:0;margin-top:14px;padding:0;overflow:hidden}.production-grid .panel h3{background:#f1f6f6;border-bottom:1px solid #dfe9ea;margin:0;padding:13px 16px}.rate-grid{grid-template-columns:repeat(4,minmax(150px,1fr));display:grid}.rate-grid>div{border-bottom:1px solid #e5edef;border-right:1px solid #e5edef;padding:14px 16px}.rate-grid>div:nth-child(odd){background:#fff}.rate-grid>div:nth-child(2n){background:#f7fafb}.rate-grid span{color:#52666e;font-size:12px;display:block}.rate-grid strong{color:#167c80;margin-top:8px;font-size:15px;display:block}@media (width<=700px){.rate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.pagination{color:#64757d;justify-content:center;align-items:center;gap:14px;padding:12px;font-size:12px;display:flex}.pagination button{color:#167c80;background:#fff;border:1px solid #c9dddd;border-radius:4px;padding:6px 10px}.pagination button:disabled{opacity:.45;cursor:not-allowed}.subnav-tabs{border-bottom:1px solid #d7e2e4;gap:0;margin-bottom:14px;display:flex}.subnav-tabs button{color:#60757c;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;height:40px;padding:0 20px;font-weight:700}.subnav-tabs button.active{color:#167c80;background:#edf5f4;border-bottom-color:#167c80}.alert-settings-table{margin-top:14px}.alert-settings-table tbody tr:nth-child(2n){background:#f7fafb}.table-search-bar{background:#f7fafb;border-bottom:1px solid #e1eaec;grid-template-columns:auto minmax(130px,190px) auto minmax(220px,1fr);align-items:center;gap:8px 10px;padding:12px 14px;display:grid}.table-search-bar label{color:#52666e;font-size:12px;font-weight:700}.table-search-bar select,.table-search-bar input{color:#273f45;background:#fff;border:1px solid #cad8dc;border-radius:4px;min-width:0;height:36px;padding:0 10px}.table-search-bar select:focus,.table-search-bar input:focus{border-color:#167c80;outline:0;box-shadow:0 0 0 3px #167c8015}@media (width<=700px){.table-search-bar{grid-template-columns:1fr}.table-search-bar label{margin-top:2px}}.nav-alert-dot{color:#fff;text-align:center;background:#c94c54;border-radius:10px;min-width:22px;height:18px;margin-left:auto;padding:0 5px;font-size:10px;line-height:18px}.notification-trigger{position:relative}.top-alert-dot{background:#d64550;border:1px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:3px;right:3px}.notification-table .unread{color:#b5444b;background:#fff1f1}.notification-table .read{color:#688084;background:#edf4f4}.notification-popups{z-index:80;gap:10px;width:min(360px,100vw - 32px);max-height:calc(100vh - 44px);display:grid;position:fixed;bottom:22px;right:22px;overflow:auto}.notification-popup{background:#fff;border:1px solid #cfe0df;border-left:4px solid #167c80;border-radius:7px;padding:14px 15px;box-shadow:0 12px 35px #17383a35}.notification-popup-head{color:#1b3940;justify-content:space-between;align-items:center;gap:10px;display:flex}.notification-popup p{color:#52666e;margin:9px 0 12px;font-size:12px;line-height:1.6}.notification-view{color:#167c80;cursor:pointer;background:#f2f8f7;border:1px solid #b9d1cf;border-radius:4px;height:32px;padding:0 10px;font-size:12px;font-weight:700}@media (width<=700px){.notification-popups{width:calc(100vw - 24px);bottom:12px;right:12px}}.production-statistics{gap:16px;display:grid}.period-summary-panel,.daily-statistics-panel{background:#fff;border:1px solid #dfe9ea;border-radius:7px;overflow:hidden}.period-toolbar,.section-heading{background:#edf5f4;border-bottom:1px solid #dfe9ea;justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;display:flex}.period-toolbar strong,.section-heading strong{color:#1b3940;font-size:16px;display:block}.period-toolbar span,.section-heading span{color:#718087;margin-top:4px;font-size:12px;display:block}.period-fields{gap:10px;display:flex}.period-fields label{color:#52666e;flex-direction:column;gap:5px;font-size:11px;font-weight:700;display:flex}.period-fields input{background:#fff;border:1px solid #cbdadc;border-radius:4px;height:36px;padding:0 9px}.period-warning{color:#a43e3e;background:#fff5f5;border-left:3px solid #cf6868;margin:12px 18px 0;padding:9px 12px;font-size:12px}.summary-metrics{border-bottom:1px solid #dfe9ea;grid-template-columns:repeat(4,1fr);display:grid}.summary-metrics>div{border-right:1px solid #e5edef;padding:16px 18px}.summary-metrics>div:last-child{border-right:0}.summary-metrics span{color:#718087;font-size:12px;display:block}.summary-metrics strong{color:#167c80;margin-top:7px;font-size:20px;display:block}.statistics-table-block{padding:16px 18px 0}.statistics-table-block h3{color:#274d52;margin:0 0 10px;font-size:14px}.statistics-table{border-collapse:collapse;table-layout:fixed;width:100%}.statistics-table th,.statistics-table td{text-align:left;vertical-align:middle;word-break:break-word;border-bottom:1px solid #e4ecee;padding:11px 12px}.statistics-table th{color:#52666e;background:#f3f7f7;font-size:12px}.statistics-table td{color:#1b3940;font-size:13px}.statistics-table tbody tr:nth-child(2n){background:#f8fafb}.statistics-table tbody tr:last-child td{border-bottom:0}.product-statistics-table td strong{color:#167c80}.daily-statistics-panel{padding-bottom:14px}.daily-statistics-panel .table-wrap{padding:0 18px;overflow-x:auto}.daily-production-table{min-width:760px}.daily-production-table small{color:#718087;font-size:11px}.empty-row{text-align:center!important;color:#87959a!important;padding:26px!important}@media (width<=700px){.period-toolbar{flex-direction:column;align-items:stretch}.period-fields{width:100%}.period-fields label{flex:1}.summary-metrics{grid-template-columns:repeat(2,1fr)}.summary-metrics>div:nth-child(2){border-right:0}.summary-metrics>div:nth-child(-n+2){border-bottom:1px solid #e5edef}.statistics-table-block{padding-left:12px;padding-right:12px}.daily-statistics-panel .table-wrap{padding:0 12px}}.statistics-block-heading{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:10px;display:flex}.statistics-block-heading h3{margin:0}.statistics-block-heading>span{color:#718087;text-align:right;font-size:11px}.dual-rate-table{min-width:1040px}.rate-column-title{display:block}.rate-column-title small{color:#789096;margin-top:4px;font-size:10px;font-weight:500;line-height:1.35;display:block}.raw-rate-title{color:#126c70}.raw-rate-cell{font-weight:800;color:#126c70!important;background:#edf7f5!important}.detail-table-wrap{width:100%;overflow-x:auto}.detail-table-wrap .dual-rate-table{min-width:1120px}@media (width<=700px){.statistics-block-heading{flex-direction:column;align-items:flex-start;gap:4px}.statistics-block-heading>span{text-align:left}}.production-detail-dialog{background:#fff;border:1px solid #dfe9ea;border-radius:8px;width:min(820px,100% - 28px);max-height:88vh;padding:24px;overflow:auto;box-shadow:0 20px 60px #17383a55}.detail-section{border:1px solid #dfe9ea;margin-top:14px;overflow:hidden}.detail-section h4{color:#274d52;background:#edf5f4;margin:0;padding:11px 14px;font-size:14px}.detail-grid{grid-template-columns:repeat(2,1fr);display:grid}.detail-grid-four{grid-template-columns:repeat(4,1fr)}.detail-grid>div{border-bottom:1px solid #e4ecee;border-right:1px solid #e4ecee;min-height:70px;padding:12px 14px}.detail-grid>div:nth-child(4n){border-right:0}.detail-grid span{color:#718087;margin-bottom:6px;font-size:11px;display:block}.detail-grid strong{color:#1b3940;word-break:break-word;font-size:13px}.detail-metric-table{border-collapse:collapse;width:100%}.detail-metric-table th,.detail-metric-table td{text-align:left;border-bottom:1px solid #e4ecee;padding:11px 14px;font-size:13px}.detail-metric-table thead th{color:#52666e;background:#f3f7f7;font-size:12px}.detail-metric-table tbody tr:nth-child(2n){background:#f8fafb}.detail-metric-table tr:last-child>*{border-bottom:0}@media (width<=700px){.production-detail-dialog{padding:16px}.detail-grid-four{grid-template-columns:repeat(2,1fr)}.detail-grid>div:nth-child(2n){border-right:0}}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.table-edit-input{box-sizing:border-box;color:#1b3940;background:#fff;border:1px solid #b8ccce;border-radius:4px;width:100%;height:38px;padding:0 10px}.table-edit-input:focus{border-color:#167c80;outline:0;box-shadow:0 0 0 3px #167c8018}.service-product-detail-dialog{width:min(720px,100% - 28px);max-height:88vh;overflow:auto}.service-product-detail-dialog .approval-detail-table{table-layout:fixed;min-width:0}.service-product-detail-dialog .approval-detail-table tbody th{width:38%}.service-product-detail-dialog .approval-detail-table td{word-break:break-word}.service-product-detail-actions{flex-wrap:wrap}.service-product-detail-actions button{min-width:130px}@media (width<=600px){.service-product-detail-actions button{width:100%;min-width:0}}.service-inbound-dialog{width:min(760px,100% - 28px);max-height:90vh;overflow:auto}.service-inbound-section{margin-top:18px}.service-inbound-table{table-layout:fixed}.service-inbound-table tbody th{color:#3d5b61;background:#f5f9f9;width:34%;font-weight:700}.service-inbound-table tbody td{background:#fff;padding:12px 16px}.service-inbound-table select,.service-inbound-table input{box-sizing:border-box;color:#1b3940;background:#fff;border:1px solid #cbdcdf;border-radius:5px;width:100%;min-height:40px;padding:9px 11px;font-size:13px;transition:border-color .15s,box-shadow .15s}.service-inbound-table select:focus,.service-inbound-table input:focus{border-color:#2f9698;outline:0;box-shadow:0 0 0 3px #2f969822}.service-inbound-table .required{color:#c75b5b}.table-hint{color:#718087;margin-top:7px;font-size:11px;display:block}.service-inbound-dialog .payment-detail-actions{margin-top:18px}@media (width<=600px){.service-inbound-dialog{padding:16px}.service-inbound-table tbody th{width:38%;padding:10px}.service-inbound-table tbody td{padding:10px}.service-inbound-table select,.service-inbound-table input{min-height:38px}}.approval-dialog{background:#fff;border:1px solid #dfe9ea;border-radius:8px;width:min(860px,100% - 28px);max-height:88vh;padding:24px;overflow:auto;box-shadow:0 20px 60px #17383a55}.approval-eyebrow{color:#167c80;margin-bottom:4px;font-size:11px;font-weight:800;display:block}.approval-meta{background:#dfe9ea;border:1px solid #dfe9ea;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:1px;margin:18px 0;display:grid}.approval-meta div{background:#f4f8f8;min-height:66px;padding:10px 12px}.approval-meta span{color:#718087;margin-bottom:5px;font-size:11px;display:block}.approval-meta strong{color:#1b3940;word-break:break-word;font-size:13px}.approval-section{border:1px solid #dfe9ea;overflow:hidden}.approval-section>h4,.approval-items h4{color:#274d52;background:#edf5f4;margin:0;padding:12px 14px;font-size:14px}.approval-detail-table-wrap{width:100%;overflow-x:auto}.approval-detail-table{border-collapse:collapse;table-layout:fixed;border:0;width:100%;margin:0}.approval-detail-table th,.approval-detail-table td{text-align:left;vertical-align:middle;white-space:normal;word-break:break-word;border-bottom:1px solid #e4ecee;border-right:1px solid #e4ecee;height:44px;padding:10px 14px}.approval-detail-table thead th{color:#52666e;background:#f4f7f8;font-size:12px}.approval-detail-table tbody th{color:#52666e;background:#f8fafb;width:28%;font-size:12px}.approval-detail-table tbody td{color:#1b3940;font-size:13px}.approval-detail-table tbody tr:nth-child(2n) td,.approval-detail-table tbody tr:nth-child(2n) th{background:#f3f7f7}.approval-detail-table tr>:last-child{border-right:0}.approval-items{border-top:1px solid #dfe9ea}.empty-cell{text-align:center!important;color:#829095!important}.approval-reason{background:#fff5f5;border-left:3px solid #c75b5b;gap:14px;margin-top:16px;padding:12px 14px;display:flex}.approval-reason span{color:#8d5555;font-size:12px}.approval-reason strong{color:#8e3434;font-size:13px}.approval-actions{border-top:1px solid #e5edef;justify-content:flex-end;align-items:center;gap:12px;margin-top:20px;padding-top:18px;display:flex}.approval-actions .primary-button,.approval-actions .danger-button{cursor:pointer;border-radius:5px;justify-content:center;align-items:center;width:128px;height:42px;margin:0;padding:0 18px;font-size:14px;font-weight:700;display:inline-flex}.approval-actions .danger-button{color:#a43e3e;background:#fff;border:1px solid #cf6868}.approval-finished{color:#64757d;text-align:center;background:#f4f7f8;margin-top:18px;padding:11px 14px;font-size:12px}@media (width<=720px){.approval-dialog{padding:16px}.approval-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.approval-detail-table{min-width:560px}.approval-actions .primary-button,.approval-actions .danger-button{width:50%}}.form-panel>.form-grid{align-items:stretch}.form-panel>.form-grid>*{box-sizing:border-box;min-height:42px}.form-panel>.form-grid .field-readonly{height:42px}.form-panel>.form-grid .field{height:66px}.form-panel>.form-grid .field input,.form-panel>.form-grid .field select{height:42px}.form-panel>.form-grid{grid-auto-rows:66px}.form-panel>.form-grid>input,.form-panel>.form-grid>select,.form-panel>.form-grid>.field-readonly,.form-panel>.form-grid>.file-control,.form-panel>.form-grid>button,.form-panel>.form-grid>.field{height:66px;min-height:66px}.form-panel>.form-grid>.field .field-label{height:20px}.form-panel>.form-grid>.field input,.form-panel>.form-grid>.field select{height:42px}.stock-operation-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:66px;align-items:stretch}.stock-operation-grid>*{align-self:stretch;height:66px!important;min-height:66px!important}.stock-operation-grid>.field-readonly{flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;padding:8px 10px;display:flex}.stock-operation-grid>.field-readonly span{color:#718087;font-size:11px}.stock-operation-grid>.field,.stock-operation-grid>.file-control{height:66px!important}.stock-operation-grid>.field input,.stock-operation-grid>.field select{height:42px!important}.stock-operation-grid>.primary-button{height:66px!important}@media (width<=700px){.stock-operation-grid{grid-template-columns:1fr}}.profile-page-form{grid-auto-rows:74px;align-items:stretch}.profile-page-form>.field,.profile-page-form>.field-readonly,.profile-page-form>.primary-button,.profile-page-form>.danger-button{box-sizing:border-box;border-radius:6px;align-self:stretch;margin:0;height:74px!important;min-height:74px!important}.profile-page-form>.field,.profile-page-form>.field-readonly{background:#f8fbfb;border:1px solid #cfdcdf;grid-template-rows:25px 1fr;gap:0;padding:0;display:grid;overflow:hidden}.profile-page-form>.field .field-label,.profile-page-form>.field-readonly>span{box-sizing:border-box;color:#52666e;align-items:end;height:auto;padding:0 11px 4px;font-size:11px;font-weight:700;line-height:1;display:flex}.profile-page-form>.field input{color:#1b3940;width:100%;min-height:0;box-shadow:none;background:#fff;border:0;border-top:1px solid #e2eaec;border-radius:0;padding:0 11px;height:48px!important}.profile-page-form>.field input:focus{background:#f3f9f8;outline:0;box-shadow:inset 3px 0 #167c80}.profile-page-form>.field-readonly{color:#1b3940;justify-content:stretch;align-items:stretch}.profile-page-form>.field-readonly:not(:has(>strong)){font-size:0}.profile-page-form>.field-readonly:after{content:attr(data-value)}.profile-page-form>.primary-button,.profile-page-form>.danger-button{border-width:1px;justify-content:center;align-items:center;font-size:15px;display:flex}@media (width<=700px){.profile-page-form{grid-template-columns:1fr}}.stock-video-grid article{min-height:86px}.stock-video-grid .secondary-button,.stock-video-grid .stock-video-upload{justify-content:center;align-items:center;gap:6px;min-height:36px;padding:0 12px;font-size:13px;display:inline-flex}.sales-page{gap:16px;display:grid}.sales-tabs{white-space:nowrap;overflow-x:auto}.sales-form{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end}.sales-form .form-title{grid-column:1/-1}.sales-span-2{grid-column:span 2}.list-toolbar{background:#fff;border:1px solid #dfe9ea;border-radius:7px;justify-content:flex-end;gap:10px;padding:12px 14px;display:flex}.list-toolbar input{border:1px solid #cbdadc;border-radius:5px;min-width:280px;height:38px;padding:0 10px}.table-button{height:32px!important;min-height:32px!important;padding:0 12px!important}.hema-table{overflow-x:auto}.hema-table table{min-width:1350px}.customer-detail-dialog{width:min(1000px,100% - 28px);max-height:90vh;overflow:auto}.detail-wide{grid-column:span 2}.attachment-list{flex-wrap:wrap;gap:8px;padding:14px;display:flex}.empty-inline{color:#87959a;padding:8px}.follow-section{padding-bottom:14px}.follow-form{grid-template-columns:130px 150px 1.5fr 1fr 190px 1fr auto;gap:8px;padding:12px;display:grid}.follow-form input,.follow-form select{border:1px solid #cbdadc;border-radius:5px;min-width:0;height:38px;padding:0 9px}.follow-list{padding:0 12px}.follow-list details{border-top:1px solid #e4ecee;padding:10px 4px}.follow-list summary{cursor:pointer;color:#274d52;justify-content:space-between;display:flex}.follow-list p{color:#1b3940;margin:9px 0}.follow-list small{color:#718087}@media (width<=1000px){.sales-form,.follow-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.sales-form{grid-template-columns:1fr}.sales-span-2{grid-column:auto}.list-toolbar{flex-direction:column;align-items:stretch}.list-toolbar input{width:100%;min-width:0}.follow-form{grid-template-columns:1fr}.customer-detail-dialog{width:calc(100% - 16px)}.detail-wide{grid-column:auto}}.stock-order-filter{background:#f8fbfb;border:1px solid #dce7e9;border-radius:7px;grid-template-columns:auto minmax(240px,1fr) minmax(120px,160px) minmax(110px,140px) minmax(150px,190px) auto;align-items:end;gap:10px;padding:14px;display:grid}.stock-filter-title{align-self:center;gap:2px;padding-right:8px;display:grid}.stock-filter-title strong{color:#1f464b;font-size:14px}.stock-filter-title span{color:#75878c;font-size:12px}.stock-order-filter label{gap:5px;display:grid}.stock-order-filter label>span{color:#576c72;font-size:12px;font-weight:700}.stock-order-filter input,.stock-order-filter select{color:#263f45;background:#fff;border:1px solid #c8d7da;border-radius:5px;width:100%;height:38px;padding:0 10px}.stock-filter-search{align-items:center;position:relative;display:flex!important}.stock-filter-search svg{color:#70858a;pointer-events:none;position:absolute;left:11px}.stock-filter-search input{padding-left:34px}.stock-filter-reset{height:38px}.stock-order-filter input:focus,.stock-order-filter select:focus{border-color:#167c80;outline:0;box-shadow:0 0 0 3px #167c8015}@media (width<=1050px){.stock-order-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.stock-filter-title{grid-column:1/-1}.stock-filter-reset{width:max-content}}@media (width<=650px){.stock-order-filter{grid-template-columns:1fr}.stock-filter-title{grid-column:auto}.stock-filter-reset{width:100%}}@media (width<=700px){.table-panel,.table-wrap,.approval-detail-table-wrap,.detail-table-wrap,.dashboard-table-wrap{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;overflow-x:auto}.production-statistics .statistics-table-block{min-width:0;overflow:hidden}.production-statistics .statistics-table-block>.table-wrap,.daily-statistics-panel>.table-wrap{touch-action:pan-x;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;width:100%;max-width:100%;display:block;overflow:auto hidden}.production-statistics .statistics-table-block>.table-wrap>table,.daily-statistics-panel>.table-wrap>table.statistics-table{table-layout:auto;width:max-content;min-width:1080px}.production-statistics .statistics-table-block>.table-wrap>table th,.production-statistics .statistics-table-block>.table-wrap>table td,.daily-statistics-panel>.table-wrap>table.statistics-table th,.daily-statistics-panel>.table-wrap>table.statistics-table td{white-space:nowrap;word-break:normal;min-width:92px}.daily-statistics-panel>.table-wrap>table.statistics-table th:first-child,.daily-statistics-panel>.table-wrap>table.statistics-table td:first-child{min-width:112px}.daily-statistics-panel>.table-wrap>table.statistics-table th:last-child,.daily-statistics-panel>.table-wrap>table.statistics-table td:last-child{min-width:210px}}.profile-page-form>.field-readonly:after{display:none}.profile-page-form>.field-readonly>strong{color:#1b3940;box-sizing:border-box;background:#f2f6f7;border-top:1px solid #e2eaec;align-items:center;height:48px;padding:0 11px;font-size:13px;font-weight:500;display:flex}.production-detail-dialog{width:min(1040px,100% - 32px)}.production-detail-dialog .detail-grid>div{flex-direction:column;justify-content:center;min-width:0;display:flex}.production-detail-dialog .detail-grid span{min-height:16px;margin-bottom:9px;line-height:1.4}.production-detail-dialog .detail-grid strong{white-space:nowrap;line-height:1.5}.production-detail-dialog .detail-cost-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=800px){.production-detail-dialog .detail-cost-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.production-detail-dialog .detail-grid strong{white-space:normal}}@media (width<=520px){.production-detail-dialog .detail-cost-grid{grid-template-columns:1fr}}.table-delete-button{color:#a43e3e;cursor:pointer;background:#fff7f7;border:1px solid #d99191;border-radius:4px;height:30px;margin-left:8px;padding:0 10px;font-size:12px;font-weight:700}.table-delete-button:hover{background:#ffeded;border-color:#bd5555}.delete-confirm-dialog{background:#fff;border:1px solid #e3d5d5;border-radius:8px;width:min(480px,100% - 28px);padding:22px;box-shadow:0 20px 60px #17383a45}.delete-confirm-head{color:#1b3940;justify-content:space-between;align-items:center;font-size:17px;display:flex}.delete-confirm-dialog>p{color:#52666e;margin:18px 0 12px;line-height:1.6}.delete-warning{color:#934646;background:#fff4f4;border-left:3px solid #c75b5b;padding:12px 14px;font-size:12px;line-height:1.7}.delete-confirm-actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;display:grid}.delete-confirm-actions .secondary-button,.delete-confirm-actions .danger-button{border-radius:5px;width:100%;height:42px;margin:0}.secondary-button{color:#52666e;cursor:pointer;background:#fff;border:1px solid #cbd8db;font-weight:700}.stock-operation-grid,.alert-panel,.confirm-payment-panel{align-items:stretch}.confirm-payment-panel{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.confirm-payment-panel>.form-title{grid-column:1/-1}.stock-operation-grid>.field,.stock-operation-grid>.field-readonly,.stock-operation-grid>.stock-file-card,.alert-panel>.field,.alert-panel>.field-readonly,.confirm-payment-panel>.field,.confirm-payment-panel>.field-readonly{box-sizing:border-box;background:#f7fafb;border:1px solid #cfdcdf;border-radius:6px;grid-template-rows:25px minmax(0,1fr);gap:0;width:100%;padding:0;display:grid;overflow:hidden;height:74px!important;min-height:74px!important}.stock-operation-grid .field-label,.stock-operation-grid .field-readonly>span,.alert-panel .field-label,.alert-panel .field-readonly>span,.confirm-payment-panel .field-label,.confirm-payment-panel .field-readonly>span{color:#52666e;box-sizing:border-box;align-items:center;height:26px;padding:0 11px;font-size:11px;font-weight:700;line-height:1;display:flex}.stock-operation-grid>.field>input,.stock-operation-grid>.field>select,.alert-panel>.field>input,.alert-panel>.field>select,.confirm-payment-panel>.field>input,.stock-operation-grid>.field-readonly>strong,.alert-panel>.field-readonly>strong,.confirm-payment-panel>.field-readonly>strong,.stock-operation-grid>.stock-file-card>strong{color:#1b3940;box-sizing:border-box;background:#fff;border:0;border-top:1px solid #e1e9eb;border-radius:0;align-items:center;width:100%;margin:0;padding:0 11px;font-size:13px;font-weight:500;line-height:1.2;display:flex;box-shadow:inset 0 -1px #cfdcdf;height:47px!important;min-height:47px!important}.stock-operation-grid>.stock-file-card>strong{color:#167c80;cursor:pointer}.stock-operation-grid>.primary-button,.alert-panel>.primary-button,.confirm-payment-panel>.primary-button{align-self:stretch;margin:0;height:74px!important;min-height:74px!important}.stock-operation-grid>input[type=hidden]{display:none}.stock-operation-grid>.purchase-order-picker{z-index:20;grid-column:span 2;position:relative;overflow:visible}.purchase-order-search{color:#718087;background:#fff;border-top:1px solid #e1e9eb;grid-template-columns:20px minmax(0,1fr) 28px;align-items:center;height:47px;padding:0 8px 0 11px;display:grid}.purchase-order-search input{color:#1b3940;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:0 8px;height:45px!important}.purchase-order-search button{color:#718087;cursor:pointer;background:0 0;border:0;width:28px;height:28px;padding:0;font-size:20px}.purchase-order-options{z-index:40;background:#fff;border:1px solid #cfdcdf;border-radius:6px;width:max(100%,560px);max-width:min(760px,100vw - 64px);max-height:320px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto;box-shadow:0 12px 30px #17383a2e}.purchase-order-options>button{text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #e7edef;width:100%;min-height:58px;padding:9px 11px;display:grid}.purchase-order-options>button:hover{background:#edf5f4}.purchase-order-options strong,.purchase-order-options small{white-space:normal;overflow-wrap:anywhere;line-height:1.4}.purchase-order-options strong{color:#1b3940;font-size:13px}.purchase-order-options small{color:#718087;font-size:12px}.purchase-order-empty{color:#718087;text-align:center;padding:18px}@media (width<=700px){.stock-operation-grid,.alert-panel,.confirm-payment-panel{grid-template-columns:1fr}.stock-operation-grid>.purchase-order-picker{grid-column:1}.purchase-order-options{width:100%;max-width:calc(100vw - 40px)}}.business-form-grid{grid-auto-rows:auto!important}.business-form-grid>.form-title{grid-column:1/-1}.business-form-grid>.field,.business-form-grid>.field-readonly{box-sizing:border-box;background:#f7fafb;border:1px solid #cfdcdf;border-radius:6px;grid-template-rows:26px 47px;gap:0;width:100%;padding:0;display:grid;overflow:hidden;height:74px!important;min-height:74px!important}.business-form-grid>.field>.field-label,.business-form-grid>.field-readonly>span{color:#52666e;box-sizing:border-box;align-items:center;height:26px;padding:0 11px;font-size:11px;font-weight:700;line-height:1;display:flex}.business-form-grid>.field>input,.business-form-grid>.field>select,.business-form-grid>.field-readonly>strong{color:#1b3940;box-sizing:border-box;overflow-wrap:anywhere;background:#fff;border:0;border-top:1px solid #e1e9eb;border-radius:0;align-items:center;width:100%;margin:0;padding:0 11px;font-size:13px;font-weight:500;line-height:1.2;display:flex;box-shadow:inset 0 -1px #cfdcdf;height:47px!important;min-height:47px!important}.business-form-grid>.primary-button{align-self:stretch;margin:0;height:74px!important;min-height:74px!important}.production-form{align-items:stretch;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:auto!important;gap:12px!important}.production-dry-return-slot{grid-column:1/-1;min-width:0}.production-dry-return-slot>.production-dry-return{box-sizing:border-box;width:100%}.correction-panel{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.correction-panel .form-title{grid-column:1/-1}.correction-panel .field{min-height:68px}.correction-panel .primary-button{grid-column:1/-1;height:46px;min-height:46px}.production-edit-dialog{width:min(92vw,860px);max-width:860px}.production-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:4px 0}.production-edit-grid .field{min-height:68px}@media (width<=600px){.production-edit-grid{grid-template-columns:1fr}.production-edit-grid .sales-span-2{grid-column:auto}}.production-dry-return{background:#eef9f8;border:1px solid #b9dfe0;border-left:4px solid #17868b;border-radius:8px;grid-column:1/-1;grid-template-columns:minmax(180px,.9fr) minmax(240px,1.4fr) minmax(180px,1fr) auto;align-items:end;gap:12px;padding:14px 16px;display:grid}.production-dry-return .production-dry-heading{flex-direction:column;align-self:center;gap:4px;display:flex}.production-dry-return .primary-button{white-space:nowrap;grid-column:auto;height:42px;min-height:42px;margin:0}.production-dry-return strong{color:#135e63;font-size:15px}.production-dry-return small{color:#557277;font-size:12px;line-height:1.45}.production-dry-return .field{min-height:58px}.production-dry-return .secondary-button{white-space:nowrap;height:42px;margin:0}.production-form .sales-span-2{grid-column:span 2}.production-form>.primary-button{grid-column:1/-1;height:46px;min-height:46px;margin-top:2px}@media (width<=900px){.production-dry-return{grid-template-columns:1fr 1fr}.production-dry-return .production-dry-heading{grid-column:1/-1}.production-dry-return .primary-button{width:100%}}@media (width<=560px){.production-dry-return{grid-template-columns:1fr}.production-form .sales-span-2{grid-column:auto}}.table-wrap table td:last-child,.table-panel table td:last-child,.daily-statistics-panel table td:last-child{min-width:220px;white-space:nowrap!important;word-break:normal!important}.table-wrap table td:last-child>button,.table-panel table td:last-child>button,.daily-statistics-panel table td:last-child>button{color:#22666c;vertical-align:middle;white-space:nowrap;background:linear-gradient(#fff 0%,#edf4f4 100%);border:1px solid #c4d5d7;border-radius:6px;justify-content:center;align-items:center;gap:5px;height:34px;min-height:34px;margin:2px 6px 2px 0;padding:0 11px;font-size:12px;font-weight:700;line-height:1;box-shadow:0 2px #c7d5d6,0 4px 10px #1e494e1a;display:inline-flex!important}.table-wrap table td:last-child>button:hover,.table-panel table td:last-child>button:hover,.daily-statistics-panel table td:last-child>button:hover{transform:translateY(-1px);box-shadow:0 3px #b6c9ca,0 7px 14px #1e494e24}.table-wrap table td:last-child>.table-delete-button,.table-panel table td:last-child>.table-delete-button,.daily-statistics-panel table td:last-child>.table-delete-button{color:#b34d4d;background:linear-gradient(snow 0%,#fff0f0 100%);border-color:#e2a4a4;box-shadow:0 2px #e5bcbc,0 4px 10px #9b34341a}.table-wrap table td:last-child>.primary-button,.table-panel table td:last-child>.primary-button{color:#126c70;background:linear-gradient(#e8fbfa 0%,#c9eeeb 100%);border-color:#8dc6c8}.searchable-table td button,.searchable-table td .icon-text,.searchable-table td .text-button,.searchable-table td .table-delete-button{color:#22666c;white-space:nowrap;background:linear-gradient(#fff 0%,#edf4f4 100%);border:1px solid #c4d5d7;border-radius:6px;justify-content:center;align-items:center;min-width:64px;height:34px;margin:2px 6px 2px 0;padding:0 11px;font-size:12px;font-weight:700;box-shadow:0 2px #c7d5d6,0 4px 10px #1e494e1a;display:inline-flex!important}.searchable-table td .table-delete-button{color:#b34d4d;background:linear-gradient(snow 0%,#fff0f0 100%);border-color:#e2a4a4;box-shadow:0 2px #e5bcbc,0 4px 10px #9b34341a}.searchable-table td:last-child{white-space:nowrap;min-width:110px}.searchable-table{overflow-x:auto}.searchable-table table{table-layout:auto;width:max-content;min-width:100%}.searchable-table td:nth-last-child(2){white-space:nowrap}.table-panel .status-badge,.table-wrap .status-badge,.daily-statistics-panel .status-badge{border:1px solid #5d82842e;line-height:1;box-shadow:0 2px #74919238,0 3px 8px #1e494e14}.notification-table .status-badge.read{color:#61787b;background:linear-gradient(#f8fbfb 0%,#e7f0f0 100%)}.notification-table .status-badge.unread{color:#b5444b;background:linear-gradient(#fff9f9 0%,#ffe8e8 100%)}.notification-table td:last-child>.muted{color:#61787b;white-space:nowrap;background:linear-gradient(#f8fbfb 0%,#e7f0f0 100%);border:1px solid #c9d9da;border-radius:6px;justify-content:center;align-items:center;min-width:64px;height:34px;margin:2px 6px 2px 0;padding:0 11px;font-size:12px;font-weight:700;line-height:1;display:inline-flex;box-shadow:0 2px #c7d5d6,0 4px 10px #1e494e14}.production-form>.form-title,.production-form>.same-day-dry-toggle{grid-column:1/-1}.production-form>.field,.production-form>.field-readonly{background:#f7fafb;border:1px solid #cfdcdf;border-radius:6px;grid-template-rows:26px 47px;gap:0;min-height:74px;display:grid;overflow:hidden}.production-form>.same-day-dry-toggle{box-sizing:border-box;min-height:74px}.production-form>.field.sales-span-2{grid-column:1/-1}.production-form>.field .field-label,.production-form>.field-readonly>span{color:#52666e;align-items:center;padding:0 11px;font-size:11px;font-weight:700;display:flex}.production-form>.field input,.production-form>.field-readonly>strong{box-sizing:border-box;background:#fff;border:0;border-top:1px solid #e1e9eb;border-radius:0;width:100%;padding:0 11px;height:47px!important}.same-day-dry-toggle{color:#344f56;background:#f7fafb;border:1px solid #cfdcdf;border-radius:6px;align-items:center;gap:8px;min-height:42px;padding:10px 12px;font-size:13px;display:flex}.same-day-dry-toggle input{width:18px;height:18px}@media (width<=700px){.business-form-grid{grid-template-columns:1fr}}.user-create-form{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start}.user-create-form>.field,.user-create-form>.role-multiselect{box-sizing:border-box;background:#f7fafb;border:1px solid #cfdcdf;border-radius:6px;grid-template-rows:25px minmax(0,1fr);gap:0;width:100%;padding:0;display:grid;position:relative;overflow:visible;height:74px!important;min-height:74px!important}.user-create-form>.field>.field-label,.role-multiselect>.field-label{color:#52666e;box-sizing:border-box;align-items:center;height:25px;padding:0 11px;font-size:11px;font-weight:700;display:flex}.user-create-form>.field>input,.role-select-trigger{color:#1b3940;box-sizing:border-box;background:#fff;border:0;border-top:1px solid #e1e9eb;border-radius:0 0 5px 5px;width:100%;margin:0;padding:0 11px;font-size:13px;box-shadow:inset 0 -1px #cfdcdf;height:47px!important;min-height:47px!important}.role-select-trigger{cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:10px;display:flex}.role-select-trigger>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.role-select-arrow{color:#167c80;font-size:18px}.role-select-menu{z-index:30;background:#fff;border:1px solid #cbdadc;border-radius:6px;gap:2px;max-height:280px;padding:8px;display:grid;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 30px #17383a26}.role-select-menu label{color:#31545a;border-radius:4px;align-items:center;gap:8px;min-height:34px;padding:0 8px;font-size:12px;display:flex}.role-select-menu label:hover{background:#edf5f4}.role-select-menu input{width:14px;height:14px;margin:0}.role-select-done{color:#fff;cursor:pointer;background:#167c80;border:0;border-radius:4px;height:34px;margin-top:5px;font-weight:700}.user-create-form>.primary-button{margin:0;height:74px!important;min-height:74px!important}@media (width<=900px){.user-create-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.user-create-form{grid-template-columns:1fr}}:root{--ui-ink:#183b3d;--ui-muted:#7d8d93;--ui-line:#e4eceb;--ui-mint:#eaf7ef;--ui-green:#2fbd68;--ui-cyan:#58c9da;--ui-amber:#f2b646;--ui-coral:#f1785c;--ui-shadow:0 8px 24px #1a484612}.app-shell{color:var(--ui-ink);background:#f5f8f8}.sidebar{color:#263e42;z-index:20;background:#f8fbfa;border-right:1px solid #e4edeb;width:270px;box-shadow:4px 0 18px #204e4b0a}.brand{border-bottom:1px solid #edf2f1;height:86px;padding:20px 22px}.brand-icon{background:#e6f6dc;border-radius:50%;width:38px;height:38px;box-shadow:inset 0 0 0 1px #d6edce}.brand strong{color:#193d3f;font-size:17px}.brand small{color:#91a29e}.nav-label{color:#93a39f;letter-spacing:.16em;padding:24px 24px 11px;font-size:10px}.sidebar nav{padding:0 13px}.nav-item{color:#4d6265;border-radius:8px;gap:13px;height:46px;margin-bottom:5px;padding:0 15px;transition:background .18s,color .18s,box-shadow .18s,transform .18s;position:relative}.nav-item svg{color:#687b7d;transition:color .18s,transform .18s}.nav-item:hover{color:#21814d;background:#eff9f1;transform:translate(2px);box-shadow:0 6px 15px #37895a17}.nav-item:hover svg{color:#2bb866;transform:scale(1.08)}.nav-item.active{color:#1b8d4e;background:#e8f7ec;font-weight:800;box-shadow:0 7px 18px #308e541c}.nav-item.active:before{content:"";background:#32bb67;border-radius:0 4px 4px 0;width:4px;position:absolute;top:9px;bottom:9px;left:0}.nav-item.active svg{color:#1a9e52}.nav-item:active{transform:translate(1px)scale(.985);box-shadow:inset 0 2px 5px #206b411f}.nav-alert-dot{background:#f15d3c;box-shadow:0 2px 6px #f15d3c3b}.sidebar-footer{border-top:1px solid #e6efed;padding:18px 20px}.user-mini{background:#fff;border:1px solid #e7efed;border-radius:9px;padding:10px;box-shadow:0 5px 16px #1a48460d}.user-mini strong{color:#2b484b}.user-mini small{color:#91a09f}.user-mini .icon-button{color:#6d8180}.avatar{color:#238448;background:#dff2dd}.content-shell{background:#f5f8f8}.topbar{background:#ffffffe6;border-bottom:1px solid #e7eeed;height:78px;padding:0 clamp(22px,3vw,44px)}.topbar h2{color:#193b3f;font-size:19px}.breadcrumb{color:#91a09f}.top-actions{gap:14px}.notification-trigger{color:#5f7475;border-radius:8px;width:36px;height:36px;transition:background .18s,color .18s}.notification-trigger:hover{color:#1d9952;background:#edf8f0}.profile-trigger{color:#238449!important;background:#e4f6e5!important;border:1px solid #d7eddb!important}.page-content{max-width:1540px;padding:28px clamp(22px,3vw,46px) 44px}.dashboard-page{gap:16px;display:grid}.dashboard-heading{justify-content:space-between;align-items:end;margin-bottom:2px;display:flex}.dashboard-heading h1{letter-spacing:0;color:#193b3f;margin:7px 0 5px;font-size:30px}.dashboard-heading p{color:#829194;margin:0;font-size:13px}.dashboard-date{color:#667b7b;cursor:pointer;background:#fff;border:1px solid #e0e9e7;border-radius:7px;align-items:center;gap:8px;height:36px;padding:0 11px;font-size:12px;transition:border-color .18s,box-shadow .18s;display:inline-flex;box-shadow:0 3px 10px #23484508}.dashboard-date:hover{border-color:#98d8ae;box-shadow:0 6px 14px #308e541a}.overview-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.overview-metric{min-width:0;box-shadow:var(--ui-shadow);background:#fff;border:1px solid #e4eceb;border-radius:10px;align-items:center;gap:13px;padding:18px;display:flex;position:relative;overflow:hidden}.overview-metric:after{content:"";background:var(--metric-wash,#eef9f0);border-radius:50%;width:96px;height:96px;position:absolute;bottom:-27px;right:-18px}.metric-icon{z-index:1;background:var(--metric-wash,#eef9f0);width:44px;height:44px;color:var(--metric-color,#2baf63);border-radius:50%;flex:0 0 44px;place-items:center;display:grid;position:relative}.overview-metric div:nth-child(2){z-index:1;min-width:0;position:relative}.overview-metric span,.overview-metric small{color:#819094;font-size:11px;display:block}.overview-metric strong{color:#1b363b;white-space:nowrap;text-overflow:ellipsis;margin:5px 0 4px;font-size:23px;line-height:1;display:block;overflow:hidden}.overview-metric strong em{color:#7c9090;font-size:12px;font-style:normal;font-weight:600}.metric-trend{z-index:2;font-size:18px;position:absolute;top:17px;right:17px}.metric-trend.up{color:#22aa5b}.metric-trend.down{color:#d59a24}.metric-trend.alert{color:#ed654a;background:#fff0e9;border-radius:50%;place-items:center;width:19px;height:19px;font-size:12px;display:grid}.metric-green{--metric-color:#27a95a;--metric-wash:#eaf8ec}.metric-cyan{--metric-color:#33aabd;--metric-wash:#e6f8f8}.metric-amber{--metric-color:#d89b27;--metric-wash:#fff5df}.metric-coral{--metric-color:#e56b50;--metric-wash:#fff0ec}.dashboard-main-grid,.dashboard-lower-grid{grid-template-columns:1.45fr 1fr;gap:14px;display:grid}.dashboard-lower-grid{grid-template-columns:1.45fr 1fr}.dashboard-bottom-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.dashboard-card{min-width:0;box-shadow:var(--ui-shadow);background:#fff;border:1px solid #e3ecea;border-radius:10px;padding:19px 20px}.card-heading{justify-content:space-between;align-items:start;gap:12px;display:flex}.card-heading h3{color:#1b393d;margin:0;font-size:16px}.card-heading p{color:#94a1a2;margin:6px 0 0;font-size:11px}.card-link{color:#2aa35d;cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:2px;padding:3px 0;font-size:11px;font-weight:700;display:inline-flex}.card-link:hover{color:#167b42}.process-track{grid-template-columns:repeat(5,1fr);margin-top:27px;display:grid}.process-step{color:#52696b;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:0;display:flex;position:relative}.process-icon{z-index:1;border-radius:50%;place-items:center;width:44px;height:44px;transition:transform .18s,box-shadow .18s;display:grid;position:relative}.process-step:hover .process-icon{transform:translateY(-3px);box-shadow:0 8px 16px #2a8b542b}.tone-green{color:#27a65a;background:#ddf6e4}.tone-cyan{color:#28a9ba;background:#e0f7f8}.tone-amber{color:#db9b1f;background:#fff2d7}.process-step strong{color:#2d494c;font-size:12px}.process-step small{color:#4e6a6b;font-size:11px;font-weight:800}.process-step em{color:#9aa6a6;font-size:10px;font-style:normal}.process-line{z-index:0;background:#dbe9e2;width:calc(100% - 56px);height:1px;position:absolute;top:22px;left:calc(50% + 28px)}.approval-list{margin-top:13px;display:grid}.approval-row{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #edf2f0;grid-template-columns:29px 1fr auto auto;align-items:center;gap:9px;min-width:0;padding:10px 0;display:grid}.approval-row:last-child{border-bottom:0}.approval-row:hover strong{color:#1b9d54}.approval-avatar{color:#3dae68;background:#edf7ed;border-radius:50%;place-items:center;width:29px;height:29px;display:grid}.approval-row span:nth-child(2){min-width:0}.approval-row strong,.approval-row small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.approval-row strong{color:#334c4f;font-size:11px}.approval-row small{color:#9aa7a7;margin-top:3px;font-size:10px}.approval-row>b{color:#455f61;white-space:nowrap;font-size:10px}.approval-row>i{color:#bc821b;white-space:nowrap;background:#fff2d8;border-radius:4px;padding:4px 7px;font-size:10px;font-style:normal}.dashboard-empty{color:#9aa7a7;place-items:center;gap:5px;min-height:105px;font-size:12px;display:grid}.dashboard-empty strong{color:#637778}.trend-chart{height:190px;margin-top:17px;padding:0 0 20px 52px;position:relative}.trend-chart svg{width:100%;height:158px;overflow:visible}.chart-grid-line{stroke:#e8efee;stroke-width:.6px}.chart-line{fill:none;stroke-width:2px;vector-effect:non-scaling-stroke}.green-line{stroke:#3abf69}.cyan-line{stroke:#48c1d7}.chart-area{stroke:none;opacity:.12}.green-area{fill:#64d486}.cyan-area{fill:#67d4df}.chart-y-labels{color:#9aa8a8;flex-direction:column;justify-content:space-between;font-size:9px;display:flex;position:absolute;top:0;bottom:26px;left:0}.chart-x-labels{color:#9aa8a8;justify-content:space-between;font-size:9px;display:flex;position:absolute;bottom:0;left:52px;right:0}.chart-legend{color:#839393;gap:13px;font-size:10px;display:flex}.chart-legend span{align-items:center;gap:5px;display:inline-flex}.legend-dot{border-radius:50%;width:7px;height:7px;display:inline-block}.legend-dot.green{background:#3abf69}.legend-dot.cyan{background:#48c1d7}.chart-empty{height:190px}.status-timeline{margin-top:12px;display:grid}.timeline-step{grid-template-columns:25px 1fr auto;align-items:center;gap:9px;min-height:39px;display:grid;position:relative}.timeline-step:not(:last-child):after{content:"";background:#e7efed;width:1px;position:absolute;top:26px;bottom:-12px;left:12px}.timeline-step>span{z-index:1;color:#6e7e7e;background:#eef2f1;border-radius:50%;place-items:center;width:25px;height:25px;font-size:11px;display:grid;position:relative}.timeline-step.done>span,.timeline-step.active>span{color:#26a55b;background:#dff6e7}.timeline-step>div{min-width:0}.timeline-step strong,.timeline-step small{display:block}.timeline-step strong{color:#405759;font-size:12px}.timeline-step small{color:#9ba8a8;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:10px;overflow:hidden}.timeline-step>b{color:#829191;white-space:nowrap;background:#f0f4f3;border-radius:7px;padding:4px 7px;font-size:10px;font-weight:600}.timeline-step.done>b{color:#2eaa60;background:#e4f8e9}.timeline-step.active>b{color:#21a175;background:#e0f8f0}.alert-list,.activity-list{margin-top:10px;display:grid}.alert-row,.activity-row{border-bottom:1px solid #edf2f0;grid-template-columns:30px 1fr auto;align-items:center;gap:9px;min-width:0;padding:9px 0;display:grid}.alert-row:last-child,.activity-row:last-child{border-bottom:0}.alert-icon{color:#e36f50;background:#fff2e9;border-radius:50%;place-items:center;width:29px;height:29px;display:grid}.alert-row span:nth-child(2),.activity-row span:nth-child(2){min-width:0}.alert-row strong,.alert-row small,.activity-row strong,.activity-row small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.alert-row strong,.activity-row strong{color:#3c5658;font-size:11px}.alert-row small,.activity-row small{color:#98a5a5;margin-top:3px;font-size:10px}.alert-row>b{color:#b9841a;white-space:nowrap;background:#fff4df;border-radius:5px;padding:4px 7px;font-size:10px}.alert-row>b.critical{color:#d25342;background:#ffebe7}.activity-dot{background:#42be83;border-radius:50%;width:9px;height:9px;margin-left:10px;box-shadow:0 0 0 4px #e8f8ee}.activity-row time{color:#9aa7a7;white-space:nowrap;font-size:10px}.dashboard-bottom-grid{margin-bottom:4px}@media (width<=1100px){.overview-metrics{grid-template-columns:repeat(2,1fr)}.dashboard-main-grid,.dashboard-lower-grid,.dashboard-bottom-grid{grid-template-columns:1fr}.approval-card{min-height:260px}}@media (width<=900px){.sidebar{left:-280px}}@media (width<=700px){.sidebar{width:270px}.dashboard-heading{flex-direction:column;align-items:start;gap:14px}.dashboard-heading h1{font-size:26px}.overview-metrics{grid-template-columns:1fr 1fr;gap:9px}.overview-metric{gap:8px;padding:13px 11px}.metric-icon{flex-basis:35px;width:35px;height:35px}.overview-metric strong{font-size:17px}.metric-trend{top:10px;right:9px}.dashboard-card{padding:16px}.process-track{gap:2px}.process-icon{width:34px;height:34px}.process-line{width:calc(100% - 42px);top:17px;left:calc(50% + 21px)}.process-step strong{font-size:10px}.process-step small,.process-step em{font-size:9px}.page-content{padding:20px 14px 34px}}@media (width<=560px){.overview-metrics{grid-template-columns:1fr}.process-track{grid-template-columns:repeat(5,minmax(54px,1fr));padding-bottom:4px;overflow-x:auto}.process-step{min-width:54px}.process-line{display:none}.approval-row{grid-template-columns:29px 1fr auto}.approval-row>b{display:none}.dashboard-bottom-grid{gap:10px}.topbar{height:68px;padding:0 15px}.topbar h2{font-size:17px}}.yield-list{gap:16px;margin-top:24px;display:grid}.yield-row{grid-template-columns:78px minmax(90px,1fr) 48px;align-items:center;gap:10px;display:grid}.yield-label{color:#496163;font-size:11px;font-weight:700}.yield-bar{background:#edf3f1;border-radius:4px;height:9px;overflow:hidden}.yield-bar i{border-radius:4px;height:100%;transition:width .3s;display:block}.yield-green{background:#3cbd6d}.yield-cyan{background:#4fc4d4}.yield-amber{background:#eab044}.yield-coral{background:#eb765d}.yield-row strong{text-align:right;color:#29494b;font-size:12px}.business-form-grid>.field>input,.business-form-grid>.field>select,.confirm-payment-panel>.field>input{height:46px!important;min-height:46px!important;box-shadow:none!important;border-bottom:1px solid #dce6e4!important;border-radius:0 0 5px 5px!important}.business-form-grid>.field,.confirm-payment-panel>.field{grid-template-rows:26px 46px}.confirm-payment-panel>.field-readonly>strong{height:46px!important;min-height:46px!important;box-shadow:none!important;border-bottom:1px solid #dce6e4!important;border-radius:0 0 5px 5px!important}.dashboard-date-control{position:relative}.dashboard-date-control .dashboard-date{height:42px}.dashboard-date span{flex-direction:column;align-items:flex-start;gap:2px;line-height:1.1;display:flex}.dashboard-date b{color:#355556;font-size:12px}.dashboard-date small{color:#9aa8a7;font-size:10px}.dashboard-date-popover{z-index:20;background:#fff;border:1px solid #dce9e4;border-radius:8px;gap:11px;width:238px;padding:14px;display:grid;position:absolute;top:calc(100% + 9px);right:0;box-shadow:0 14px 32px #1f4d4529}.dashboard-date-title{color:#294b4c;justify-content:space-between;align-items:center;font-size:13px;display:flex}.dashboard-date-title .icon-button{width:28px;height:28px}.dashboard-date-popover label{color:#607677;gap:5px;font-size:11px;font-weight:700;display:grid}.dashboard-date-popover input{color:#294b4c;background:#fbfdfc;border:1px solid #cbdcda;border-radius:5px;width:100%;height:35px;padding:0 8px}.dashboard-date-popover .primary-button{justify-content:center;height:35px;margin-top:2px}@media (width<=700px){.dashboard-date-popover{max-width:calc(100vw - 28px);left:0;right:auto}}
