.view-switch{background:#e6ebf0;border-radius:8px;padding:3px;display:flex}.view-switch button{color:#768496;background:0 0;border:0;border-radius:6px;padding:5px 9px;font-size:8px}.view-switch button.on{color:#273a51;background:#fff;font-weight:700;box-shadow:0 1px 5px #10243e16}.summary-wrap{border:1px solid var(--line);background:#fff;border-radius:13px;margin:0 10px;overflow:hidden;box-shadow:0 4px 14px #11263e06}.table-tip{justify-content:space-between;align-items:center;padding:9px 11px;display:flex}.table-tip span{color:#8c98a6;font-size:8px}.table-tip b{color:#52667d;font-size:8px}.summary-scroll{scrollbar-width:thin;max-height:calc(100vh - 405px);overflow:auto}.summary-table{border-collapse:separate;border-spacing:0;width:1640px;font-size:8px}.summary-table th{z-index:5;color:#718095;text-align:left;white-space:nowrap;background:#f1f4f7;border-bottom:1px solid #dce3e9;border-right:1px solid #e3e8ed;padding:9px 10px;position:sticky;top:0}.summary-table td{color:#4a5b70;vertical-align:middle;background:#fff;border-bottom:1px solid #e8edf1;border-right:1px solid #edf1f4;height:58px;padding:8px 10px;line-height:1.4}.summary-table tbody tr:active td{background:#f5f8fb}.summary-table tbody tr.row-late td{background:snow}.summary-table th:first-child,.summary-table td:first-child{z-index:4;width:105px;min-width:105px;position:sticky;left:0;box-shadow:3px 0 8px #10243e08}.summary-table th:first-child{z-index:7;background:#e9eef3}.summary-table tr.row-late td:first-child{border-left:3px solid var(--red);background:#fff3f0}.summary-table td b{color:#32465e;font-size:8px;display:block}.summary-table td>small{color:#9aa5b2;margin-top:4px;font-size:7px;display:block}.summary-table td strong{color:#30445d;font-size:8px}.cell-tag{color:#5869cc;white-space:nowrap;background:#edf0ff;border-radius:5px;padding:4px 6px;display:inline-block}.cell-tag.green{color:#208b78;background:#e5f6f2}.stage-cell{white-space:nowrap;color:#3e5570;align-items:center;gap:5px;font-weight:700;display:flex}.stage-cell i{background:#4a79af;border-radius:50%;width:6px;height:6px}.stage-cell.late{color:var(--red)}.stage-cell.late i{background:var(--red);box-shadow:0 0 0 3px #dc584112}.overdue-cell,.warning-cell,.normal-cell,.carry-cell{white-space:nowrap;border-radius:8px;padding:4px 6px;display:inline-block}.overdue-cell{color:#d6533b;background:#ffebe7;font-weight:700}.warning-cell{color:#b77a24;background:#fff2dc}.normal-cell{color:#298b7b;background:#e7f6f2}.carry-cell{color:#5d68c7;background:#edf0ff}.summary-table .ship{white-space:nowrap}.latest-cell{width:210px;max-width:210px}.latest-cell small{color:#a0aab6;margin-top:4px;display:block}
.bottom{grid-template-columns:repeat(5,1fr)}.chat-head{align-items:center;gap:10px;padding:17px 15px 13px;display:flex}.group-avatar{color:#fff;background:linear-gradient(145deg,#7278e6,#545bc8);border-radius:13px;place-items:center;width:43px;height:43px;font-size:16px;font-weight:800;display:grid;box-shadow:0 7px 16px #666bd02d}.chat-head>div:nth-child(2){flex:1}.chat-head h1{margin:0;font-size:18px}.chat-head p{color:#8895a5;margin:5px 0 0;font-size:9px}.chat-head>button{color:#66768a;background:#fff;border:1px solid #dfe5eb;border-radius:9px;padding:7px 9px;font-size:8px}.community-intro p i{background:#6d70d8;box-shadow:0 0 0 4px #6d70d816}.community-tabs{background:#e5e9ee;border-radius:11px;grid-template-columns:1fr 1fr;gap:5px;margin:0 12px 13px;padding:4px;display:grid}.community-tabs button{color:#758295;background:0 0;border:0;border-radius:8px;height:34px;font-size:10px;font-weight:700}.community-tabs button.on{color:#243850;background:#fff;box-shadow:0 2px 8px #10243e12}.community-tabs b{color:#7a8796;background:#edf0f4;border-radius:9px;place-items:center;min-width:17px;height:17px;margin-left:4px;padding:0 4px;font-size:7px;display:inline-grid}.community-tabs button.on b{color:#d85c44;background:#ffebe6}.community-list{gap:10px;padding:0 11px;display:grid}.chat-room-shell{background:#edf1f5;border-top:1px solid #e1e6eb;position:relative}.chat-room{overscroll-behavior:contain;scroll-behavior:smooth;background:#edf1f5;height:calc(100dvh - 347px);min-height:320px;max-height:590px;padding:0 12px 18px;overflow-y:auto}.pinned-message{text-align:left;background:#fff;border:0;border-radius:0 0 9px 9px;grid-template-columns:33px 1fr 12px;align-items:center;gap:6px;width:100%;height:37px;margin:0 0 8px;display:grid;box-shadow:0 3px 10px #172b4208}.pinned-message i{color:#e05c43;font-size:8px;font-style:normal;font-weight:700}.pinned-message span{white-space:nowrap;text-overflow:ellipsis;color:#657489;font-size:8px;overflow:hidden}.pinned-message b{color:#a2acb7}.chat-time{text-align:center;color:#9ba6b1;padding:8px 0 11px;font-size:7px}.unread-divider{color:#de6149;align-items:center;gap:8px;margin:4px 0 12px;scroll-margin-top:45px;font-size:7px;display:flex}.unread-divider:before,.unread-divider:after{content:"";background:#e7a99d;flex:1;height:1px}.unread-divider span{white-space:nowrap}.jump-unread,.jump-latest{z-index:5;color:#55708d;background:#fffffff2;border:1px solid #dbe3ea;border-radius:16px;padding:7px 10px;font-size:8px;font-weight:700;position:absolute;right:10px;box-shadow:0 4px 13px #17314d1c}.jump-unread{color:#dc6049;top:47px}.jump-latest{bottom:10px}.chat-message{align-items:flex-start;gap:8px;margin-bottom:15px;display:flex}.chat-message>i{color:#526982;background:#fff;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-size:11px;font-style:normal;font-weight:700;display:grid;box-shadow:0 2px 6px #10243e0b}.chat-message>div{flex-direction:column;align-items:flex-start;max-width:78%;display:flex}.chat-message small{color:#7f8b99;margin-bottom:5px;font-size:7px}.chat-message section{background:#fff;border-radius:4px 11px 11px;padding:9px 10px;position:relative;box-shadow:0 2px 7px #10243e0b}.chat-message p{color:#34465c;margin:0;font-size:9px;line-height:1.65}.chat-message time{color:#a3adb8;margin-top:4px;font-size:6px}.chat-message.mine{flex-direction:row-reverse}.chat-message.mine>i{color:#fff;background:#ff7658}.chat-message.mine>div{align-items:flex-end}.chat-message.mine section{background:#dff4e8;border-radius:11px 4px 11px 11px}.order-link{color:#4e73a0;background:#f1f5f8;border:0;border-radius:6px;margin-top:8px;padding:6px 8px;font-size:8px;font-weight:700;display:block}.chat-file{text-align:left;background:#f8fafb;border:1px solid #e5eaf0;border-radius:7px;align-items:center;gap:7px;width:100%;margin-top:8px;padding:7px;display:flex}.chat-file b{color:#d75a43;background:#ffebe7;border-radius:6px;place-items:center;width:27px;height:27px;font-size:7px;display:grid}.chat-file span{color:#657489;font-size:7px}.chat-composer{background:#fff;border-top:1px solid #dfe5eb;padding:7px 10px 8px}.chat-composer>div{scrollbar-width:none;gap:5px;margin-bottom:6px;display:flex;overflow:auto}.chat-composer>div button{color:#647489;background:#f0f3f6;border:0;border-radius:8px;flex:none;padding:5px 8px;font-size:7px}.chat-composer label{gap:7px;display:flex}.chat-composer input{border:1px solid #dde4ea;border-radius:9px;outline:0;flex:1;min-width:0;height:36px;padding:0 10px;font-size:9px}.chat-composer label button{background:var(--orange);color:#fff;border:0;border-radius:9px;width:52px;font-size:9px;font-weight:700}.topic,.notice{border:1px solid var(--line);background:#fff;border-radius:14px;padding:13px;position:relative;box-shadow:0 4px 14px #11263e06}.topic.pinned:before,.notice.important:before{content:"";background:#6d70d8;border-radius:0 3px 3px 0;width:3px;position:absolute;top:13px;bottom:13px;left:0}.topic header,.notice header{align-items:center;gap:7px;display:flex}.topic header span,.notice header span{color:#6665c8;background:#eeedff;border-radius:5px;padding:4px 7px;font-size:8px;font-weight:700}.topic header small,.notice header small{color:#98a2ae;font-size:8px}.topic h3,.notice h3{margin:11px 0 6px;font-size:13px}.topic>p,.notice>p{color:#6f7c8d;margin:0;font-size:9px;line-height:1.65}.topic>div{color:#8793a2;border-top:1px solid #edf1f4;align-items:center;gap:8px;margin-top:12px;padding-top:10px;font-size:8px;display:flex}.topic>div>span{align-items:center;margin-right:auto;display:flex}.topic i{color:#536a82;background:#e7edf4;border:2px solid #fff;border-radius:50%;place-items:center;width:20px;height:20px;margin-left:-4px;font-size:7px;font-style:normal;display:grid}.topic i:first-child{margin-left:0}.topic>div b{color:#5f7085;font-size:8px}.topic time{font-size:7px}.notice.important{background:linear-gradient(145deg,#fff,#fff8f6);border-color:#edb1a6}.notice.important:before{background:var(--orange)}.notice.important header span{color:#d7533c;background:#ffebe7}.notice-meta{color:#8a96a4;border-top:1px solid #edf1f4;justify-content:space-between;margin-top:12px;padding-top:10px;font-size:8px;display:flex}.notice-meta b{color:#d65a43}.notice>button{background:var(--orange);color:#fff;border:0;border-radius:9px;width:100%;height:36px;margin-top:11px;font-size:9px;font-weight:700}.publishers{text-align:center;color:#929daa!important;padding:2px 4px 10px!important;font-size:8px!important}@media (max-width:380px){.community-intro>div>span{max-width:205px}.community-intro>button{padding:0 10px}}.notice-composer{background:#fff;border:1px solid #e1e7ec;border-radius:12px;padding:12px}.notice-composer textarea{resize:none;border:1px solid #dce3e9;border-radius:9px;outline:0;width:100%;min-height:78px;padding:9px;font-size:9px}.notice-composer .primary-action{margin:8px 0 0}
.admin-note{justify-content:space-between;align-items:center;gap:12px;display:flex!important}.admin-note button{color:#fff;white-space:nowrap;background:#173654;border:0;border-radius:6px;padding:7px 10px;font-size:8px}.demo-badge{color:#c7d3df;background:#ffffff12;border:1px solid #ffffff2b;border-radius:6px;margin-left:10px;padding:3px 6px;font-size:7px;font-style:normal}.admin-entry{color:#fff;background:linear-gradient(145deg,#142f4e,#0d233b);border-radius:13px;justify-content:space-between;align-items:center;margin:0 12px 10px;padding:13px;display:flex;box-shadow:0 8px 22px #10243e19}.admin-entry>div{align-items:center;gap:9px;display:flex}.admin-entry i{background:#ffffff16;border-radius:9px;place-items:center;width:34px;height:34px;font-size:10px;font-style:normal;display:grid}.admin-entry span{flex-direction:column;gap:4px;display:flex}.admin-entry b{font-size:10px}.admin-entry small{color:#aabaca;font-size:7px}.admin-entry button{background:var(--orange);color:#fff;border:0;border-radius:8px;padding:8px 10px;font-size:8px;font-weight:700}.admin-console{z-index:100;color:#1d2c40;background:#eef2f6;grid-template-columns:220px 1fr;display:grid;position:fixed;inset:0}.admin-console aside{color:#fff;background:#102b49;flex-direction:column;min-width:0;padding:20px 14px;display:flex}.admin-logo{align-items:center;gap:9px;padding:0 7px 22px;display:flex}.admin-logo>i{background:var(--orange);border-radius:10px;place-items:center;width:36px;height:36px;font-style:normal;font-weight:800;display:grid}.admin-logo span{flex-direction:column;display:flex}.admin-logo b{font-size:13px}.admin-logo small{color:#91a6ba;margin-top:3px;font-size:7px}.admin-console aside nav{gap:5px;display:grid}.admin-console aside nav button,.admin-exit{color:#9eb1c4;text-align:left;background:0 0;border:0;border-radius:8px;padding:10px;font-size:9px}.admin-console aside nav button i{width:24px;font-style:normal;display:inline-block}.admin-console aside nav button.on{color:#fff;background:#ffffff13;font-weight:700}.admin-exit{text-align:center;border:1px solid #ffffff17;margin-top:auto}.admin-console>main{min-width:0;padding:0;overflow:auto}.admin-console>main>header{background:#fff;border-bottom:1px solid #e2e7ed;align-items:center;height:72px;padding:0 26px;display:flex}.admin-console>main>header div{flex:1}.admin-console>main>header small{color:#8e99a6;font-size:8px}.admin-console>main>header h1{margin:4px 0 0;font-size:20px}.admin-console>main>header span{color:#637288;font-size:9px}.admin-console>main>header button{background:0 0;border:0;margin-left:12px;font-size:22px;display:none}.admin-body{max-width:1180px;margin:auto;padding:22px}.admin-warning{color:#7c6739;background:#fff9eb;border:1px solid #f0d9a6;border-radius:9px;align-items:center;gap:9px;margin-bottom:16px;padding:10px 12px;font-size:8px;display:flex}.admin-warning b{color:#6d551b;background:#f4d98f;border-radius:5px;padding:3px 6px}.admin-kpis{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.admin-kpis article{background:#fff;border:1px solid #e3e8ee;border-radius:11px;padding:15px}.admin-kpis span,.admin-kpis small{color:#8c98a7;font-size:8px;display:block}.admin-kpis strong{margin:8px 0;font-size:25px;display:block}.admin-kpis .risk strong{color:var(--red)}.admin-grid{grid-template-columns:2fr 1fr;gap:12px;margin-top:12px;display:grid}.admin-panel{background:#fff;border:1px solid #e3e8ee;border-radius:12px;padding:17px;overflow:auto}.admin-panel>header{justify-content:space-between;align-items:center;display:flex}.admin-panel h2{margin:0;font-size:13px}.admin-panel p{color:#98a2ae;margin:4px 0 0;font-size:8px}.admin-panel header button{color:#55708d;background:#edf2f7;border:0;border-radius:7px;padding:7px 9px;font-size:8px}.admin-panel table{border-collapse:collapse;width:100%;margin-top:15px;font-size:8px}.admin-panel th,.admin-panel td{text-align:left;border-bottom:1px solid #edf1f4;padding:10px 7px}.admin-panel th{color:#8995a3;font-weight:500}.admin-panel ul{color:#607086;margin:14px 0 0;padding-left:17px;font-size:9px;line-height:2.2}.limit-note{background:#fff;border:1px solid #e3e8ee;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:17px;display:flex}.limit-note h2{margin:0;font-size:14px}.limit-note p{color:#8793a2;margin:5px 0 0;font-size:8px}.limit-note button{background:var(--orange);color:#fff;border:0;border-radius:8px;padding:9px 13px;font-size:8px;font-weight:700}.limit-table{background:#fff;border:1px solid #e3e8ee;border-radius:12px;overflow:hidden}.limit-table>header,.limit-table>div{border-bottom:1px solid #edf1f4;grid-template-columns:1fr 1.5fr 150px;align-items:center;padding:10px 16px;font-size:9px;display:grid}.limit-table>header{color:#8491a1;background:#f7f9fb;font-size:8px}.limit-table>div:last-child{border:0}.limit-table b{color:#53667d;font-size:8px}.limit-table label{justify-content:flex-end;align-items:center;gap:7px;display:flex}.limit-table input{text-align:center;border:1px solid #dce3ea;border-radius:7px;width:62px;height:31px;padding:0 7px;font-size:9px}.limit-table em{color:#7c8998;font-size:8px;font-style:normal}.deadline-rule{background:#f3faf8;border:1px solid #d9e7e3;border-radius:11px;flex-direction:column;gap:7px;margin-top:12px;padding:14px 16px;display:flex}.deadline-rule b{color:#347d70;font-size:9px}.deadline-rule span{color:#668078;font-size:8px;line-height:1.6}.permission-summary{background:#fff;border:1px solid #e3e8ee;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:17px;display:flex}.permission-summary h2{margin:0;font-size:14px}.permission-summary p{color:#8793a2;margin:5px 0 0;font-size:8px}.permission-summary>button{background:var(--orange);color:#fff;border:0;border-radius:8px;padding:9px 13px;font-size:8px;font-weight:700}.permission-table{background:#fff;border:1px solid #e3e8ee;border-radius:12px;overflow:hidden}.permission-table>header,.permission-table>div{border-bottom:1px solid #edf1f4;grid-template-columns:1.3fr 1.2fr 1fr 1fr;align-items:center;padding:10px 16px;font-size:9px;display:grid}.permission-table>header{color:#8491a1;background:#f7f9fb;font-size:8px}.permission-table>div:last-child{border:0}.permission-table b{align-items:center;gap:8px;display:flex}.permission-table b>i{color:#536a82;background:#e8eef5;border-radius:8px;place-items:center;width:27px;height:27px;font-size:8px;font-style:normal;display:grid}.permission-table b span{flex-direction:column;gap:3px;display:flex}.permission-table b small{color:#9aa5b2;font-size:6px;font-weight:400}.permission-table>div>small{color:#607086;font-size:8px}.permission-table small.readonly{color:#2d8979;font-weight:700}.permission-switch input{display:none}.permission-switch i{background:#cbd3dc;border-radius:10px;width:31px;height:18px;display:block;position:relative}.permission-switch i:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;top:2px;left:2px}.permission-switch input:checked+i{background:#39a58f}.permission-switch input:checked+i:after{transform:translate(13px)}.permission-switch input:disabled+i{opacity:.65}.binding-panel{background:#fff;border:1px solid #e3e8ee;border-radius:12px;margin-top:12px;overflow:hidden}.binding-panel>header{justify-content:space-between;align-items:center;padding:16px;display:flex}.binding-panel h2{margin:0;font-size:13px}.binding-panel p{color:#8b97a5;margin:4px 0 0;font-size:8px}.binding-panel header button{color:#56708c;background:#edf2f7;border:0;border-radius:7px;padding:7px 9px;font-size:8px}.binding-head,.binding-panel>div:not(.binding-head){border-top:1px solid #edf1f4;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:10px;padding:9px 16px;font-size:8px;display:grid}.binding-head{color:#8793a2;background:#f7f9fb}.binding-panel>div button{color:#53667d;text-align:left;background:#fff;border:1px solid #dce3ea;border-radius:7px;height:30px;padding:0 9px;font-size:8px}.settings-title{background:#fff;border:1px solid #e3e8ee;border-radius:12px;margin-bottom:12px;padding:17px}.settings-title h2{margin:0;font-size:14px}.settings-title p{color:#8793a2;margin:5px 0 0;font-size:8px}.settings-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.settings-grid article{background:#fff;border:1px solid #e3e8ee;border-radius:11px;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:15px;display:grid}.settings-grid article.active{border-color:#7d91df;box-shadow:0 0 0 2px #7186db14}.settings-grid article>i{color:#596ad1;background:#edf1ff;border-radius:10px;place-items:center;width:38px;height:38px;font-style:normal;font-weight:700;display:grid}.settings-grid article>div{flex-direction:column;gap:5px;display:flex}.settings-grid b{font-size:10px}.settings-grid span{color:#8a96a4;font-size:7px}.settings-grid button{color:#718096;background:0 0;border:0;font-size:8px}.responsibility-table{background:#fff;border:1px solid #e3e8ee;border-radius:12px;overflow:auto}.responsibility-table>header,.responsibility-table>div{border-bottom:1px solid #edf1f4;grid-template-columns:1.05fr 1.05fr 1.2fr 1.7fr 1.35fr;align-items:center;gap:10px;min-width:880px;padding:10px 16px;font-size:8px;display:grid}.responsibility-table>header{color:#8491a1;background:#f7f9fb}.responsibility-table>div:last-child{border:0}.responsibility-table strong{color:#354a62}.responsibility-table span,.responsibility-table small{color:#6f7d8e}.responsibility-table button{color:#486078;text-align:left;background:#fff;border:1px solid #dce3ea;border-radius:7px;height:31px;padding:0 9px;font-size:8px}.annual-cards{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px;display:grid}.annual-cards article{background:#fff;border:1px solid #e3e8ee;border-radius:12px;padding:17px}.annual-cards span,.annual-cards small{color:#8a96a4;font-size:8px;display:block}.annual-cards strong{color:#29445f;margin:9px 0;font-size:21px;display:block}.annual-flow{background:#fff;border:1px solid #e3e8ee;border-radius:12px;grid-template-columns:1fr 40px 1fr;align-items:center;margin-bottom:12px;padding:18px;display:grid}.annual-flow>div{background:#f4f7fa;border-radius:10px;flex-direction:column;gap:6px;padding:14px;display:flex}.annual-flow>b{font-size:10px}.annual-flow span{color:#6f7d8e;font-size:8px}.annual-flow em{color:#2d8979;background:#e5f6f2;border-radius:7px;width:max-content;padding:4px 7px;font-size:7px;font-style:normal}.annual-flow>i{text-align:center;color:#8190a0;font-style:normal}@media (max-width:760px){.admin-console{grid-template-columns:1fr}.admin-console aside{display:none}.admin-console>main>header{padding:0 15px}.admin-console>main>header button{display:block}.admin-body{padding:12px}.admin-kpis{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}.admin-panel.wide{overflow:auto}.admin-panel table{min-width:530px}.limit-note{align-items:flex-start;gap:10px}.limit-table{overflow:auto}.limit-table>header,.limit-table>div{min-width:520px}.settings-grid,.annual-cards,.annual-flow{grid-template-columns:1fr}.annual-flow>i{transform:rotate(90deg)}}.functional-admin{grid-template-columns:220px 1fr;max-width:none}.functional-admin .admin-main{min-width:0;overflow:auto}.functional-admin .admin-main>header{background:#fff;border-bottom:1px solid #e2e7ed;align-items:center;height:72px;padding:0 26px;display:flex}.functional-admin .admin-main>header>div{flex:1}.functional-admin .admin-main>header small{color:#8e99a6;font-size:8px}.functional-admin .admin-main>header h1{margin:4px 0 0;font-size:20px}.functional-admin .admin-main>header>span{color:#68788c;margin-right:14px;font-size:9px}.save-admin{background:var(--orange);color:#fff;border:0;border-radius:8px;height:36px;padding:0 14px;font-size:8px;font-weight:700}.admin-user{border-top:1px solid #ffffff17;flex-direction:column;gap:4px;margin-top:auto;padding:12px 10px;display:flex}.admin-user b{font-size:8px}.admin-user span{color:#9eb1c4;font-size:8px}.admin-loading{color:#718095;background:#eef2f6;place-items:center;height:100vh;font-size:12px;display:grid}.admin-form-row{background:#fff;border:1px solid #e1e7ed;border-radius:11px;grid-template-columns:1.2fr 1fr 1fr auto;gap:8px;margin-bottom:13px;padding:13px;display:grid}.admin-form-row input,.manage-table input,.manage-table select,.settings-card input{color:#405168;background:#fff;border:1px solid #dce3e9;border-radius:7px;outline:0;min-width:0;height:35px;padding:0 9px;font-size:8px}.admin-form-row button{color:#fff;background:#173654;border:0;border-radius:7px;padding:0 13px;font-size:8px;font-weight:700}.manage-table{background:#fff;border:1px solid #e1e7ed;border-radius:11px;overflow:auto}.manage-table>header,.manage-table>div{border-bottom:1px solid #edf1f4;align-items:center;gap:8px;min-width:720px;padding:9px 12px;font-size:8px;display:grid}.manage-table>header{color:#8592a2;background:#f6f8fa;font-weight:700}.manage-table>div:last-child{border:0}.manage-table b{color:#293c53}.manage-table b small{color:#97a2af;margin-top:3px;font-weight:400;display:block}.manage-table button{color:#5e7188;background:#fff;border:1px solid #dfe5eb;border-radius:6px;height:29px;font-size:7px}.accounts-table>header,.accounts-table>div{grid-template-columns:1fr 1.25fr 1.25fr .75fr .55fr .8fr}.permission-manage>header,.permission-manage>div{grid-template-columns:1.1fr 1.3fr .8fr .8fr .6fr}.responsibility-manage>header,.responsibility-manage>div,.deadline-manage>header,.deadline-manage>div,.binding-manage>header,.binding-manage>div{grid-template-columns:1fr 1.2fr 1.4fr}.deadline-manage label{align-items:center;gap:6px;display:flex}.deadline-manage input{width:75px}.deadline-manage em{color:#8793a2;font-style:normal}.manage-table code{color:#d45e45;font-size:8px}.admin-switch{width:31px;height:18px;display:inline-block;position:relative}.admin-switch input{display:none}.admin-switch i{background:#cbd3dc;border-radius:10px;position:absolute;inset:0}.admin-switch i:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;top:2px;left:2px}.admin-switch input:checked+i{background:#24a58b}.admin-switch input:checked+i:after{transform:translate(13px)}.enabled,.disabled{border-radius:8px;width:max-content;padding:3px 7px;font-style:normal}.enabled{color:#258c7a;background:#e5f7f2}.disabled{color:#d6533b;background:#ffebe7}.admin-note{color:#4e6e92;background:#edf4fb;border-radius:9px;margin-bottom:10px;padding:10px 12px;font-size:8px}.settings-card{background:#fff;border:1px solid #e1e7ed;border-radius:12px;max-width:760px}.settings-card>label{border-bottom:1px solid #edf1f4;align-items:center;min-height:60px;padding:12px 15px;display:flex}.settings-card>label:last-child{border:0}.settings-card>label>span{flex-direction:column;flex:1;gap:4px;display:flex}.settings-card b{font-size:9px}.settings-card small{color:#939eab;font-size:8px}.settings-card>label>input{width:100px}.data-tools{gap:10px;display:grid}.data-tools article{background:#fff;border:1px solid #e1e7ed;border-radius:11px;align-items:center;gap:12px;padding:16px;display:flex}.data-tools article>i{color:#57708b;background:#edf2f7;border-radius:10px;place-items:center;width:38px;height:38px;font-style:normal;font-weight:700;display:grid}.data-tools article>div{flex-direction:column;flex:1;gap:5px;display:flex}.data-tools b{font-size:10px}.data-tools span{color:#8d99a7;font-size:8px}.data-tools button{color:#fff;background:#173654;border:0;border-radius:7px;height:34px;padding:0 13px;font-size:8px}.data-tools button.danger{background:#d85d46}.log-list{background:#fff;border:1px solid #e1e7ed;border-radius:11px}.log-list article{border-bottom:1px solid #edf1f4;grid-template-columns:160px 1fr;gap:14px;padding:11px 13px;font-size:8px;display:grid}.log-list article:last-child{border:0}.log-list time{color:#8c98a6}.log-list span{color:#405168}.log-list p{text-align:center;color:#98a3af;padding:30px;font-size:9px}
.message-filters{border-bottom:1px solid var(--line);background:#fff;gap:7px;padding:12px;display:flex}.message-filters button{color:#748195;background:#fff;border:1px solid #e0e6ec;border-radius:15px;padding:6px 11px;font-size:8px}.message-filters button.on{background:var(--navy);border-color:var(--navy);color:#fff}.notification-list{gap:9px;padding:12px;display:grid;overflow:auto}.notification{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:32px 1fr;gap:9px;padding:13px;display:grid;position:relative}.notification.unread:after{content:"";background:var(--orange);border-radius:50%;width:6px;height:6px;position:absolute;top:11px;right:11px}.notification>i{color:#58708a;background:#edf2f7;border-radius:9px;place-items:center;width:32px;height:32px;font-size:10px;font-style:normal;display:grid}.notification>div{flex-direction:column;gap:5px;display:flex}.notification b{font-size:10px}.notification p{color:#66758a;margin:0;font-size:8px;line-height:1.5}.notification small{color:#9ba5b0;font-size:7px}
.detail-fixed{background:var(--bg);flex:none}.order-summary{margin:10px 11px 0}.order-summary header{align-items:center;display:flex}.order-summary header .late-badge{margin-left:auto}.order-summary h2{margin-top:9px}.order-summary .summary-current{background:#f5f8fa;border:0;border-radius:8px;grid-template-columns:1fr 1.4fr;gap:8px;margin-top:11px;padding:10px;display:grid}.summary-current span{flex-direction:column;gap:4px;display:flex}.summary-current small{color:#97a2ae;font-size:7px}.summary-current b{color:#405168;font-size:8px}.detail-tabs{border-bottom:1px solid #dfe5eb;grid-template-columns:repeat(4,1fr);margin:8px 11px 0;display:grid}.detail-tabs button{color:#7b8898;background:0 0;border:0;height:39px;font-size:9px;position:relative}.detail-tabs button.on{color:var(--navy);font-weight:700}.detail-tabs button.on:after{content:"";background:var(--orange);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:25%;right:25%}.detail-tabs i{color:#d95b43;background:#ffebe6;border-radius:7px;place-items:center;min-width:14px;height:14px;margin-left:3px;font-size:6px;font-style:normal;display:inline-grid}.detail-content{padding-top:10px}.node-focus{background:#fff;border:1px solid #dce5ec;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:12px 13px;display:flex}.node-focus>div,.node-focus>p{flex-direction:column;gap:4px;margin:0;display:flex}.node-focus small{color:#97a2af;font-size:7px}.node-focus strong{font-size:12px}.node-focus span{color:#64748a;font-size:8px}.node-focus>p{text-align:right}.node-focus>p b{font-size:8px}.node-focus em{color:var(--red);font-size:7px;font-style:normal}.node-focus.late{background:#fff9f7;border-color:#eea496}.product-line{border-top:1px solid #edf1f4;align-items:center;gap:9px;padding-top:10px;display:flex}.product-line>i{color:#5c6dcc;background:#edf1ff;border-radius:8px;place-items:center;width:30px;height:30px;font-size:8px;font-style:normal;display:grid}.product-line p{flex-direction:column;gap:4px;margin:0;display:flex}.product-line b{font-size:9px}.product-line span{color:#8793a2;font-size:7px}.status-file em{color:#258c7a;background:#e5f7f2;border-radius:5px;margin-left:auto;padding:4px 6px;font-size:7px;font-style:normal}.assignment-card>div{align-items:center;gap:9px;display:flex}.assignment-card>div>i{color:#556d85;background:#e8eef5;border-radius:9px;place-items:center;width:35px;height:35px;font-style:normal;display:grid}.assignment-card p{flex-direction:column;flex:1;gap:4px;margin:0;display:flex}.assignment-card b{font-size:9px}.assignment-card span{color:#8c98a5;font-size:7px}.assignment-card em{color:#278c7a;background:#e5f7f2;border-radius:6px;padding:4px 7px;font-size:7px;font-style:normal}.shipment-rule,.talk-tip{background:#f3faf8;border:1px solid #d9e7e3;border-radius:11px;flex-direction:column;gap:5px;margin-bottom:10px;padding:12px 13px;display:flex}.shipment-rule b,.talk-tip b{color:#347d70;font-size:9px}.shipment-rule span,.talk-tip span{color:#668078;font-size:8px;line-height:1.55}.talk-tip{background:#f7f7fd;border-color:#dfe2f3}.talk-tip b{color:#5e65bd}.talk-tip span{color:#71769c}.sign-panel,.action-panel{background:#fff;border:1px solid #e2e8ee;border-radius:12px;margin-bottom:10px;padding:13px}.sign-panel h3{margin:0 0 10px;font-size:10px}.sign-panel span{color:#778496;background:#f0f3f6;border-radius:8px;align-items:center;gap:4px;margin:3px 5px 3px 0;padding:6px 8px;font-size:8px;display:inline-flex}.sign-panel span.done{color:#258c7a;background:#e5f7f2}.sign-panel i{font-style:normal}.action-panel{justify-content:space-between;align-items:center;display:flex}.action-panel b{font-size:9px}.action-panel select{color:#43556b;background:#fff;border:1px solid #dce3e9;border-radius:8px;height:34px;padding:0 8px;font-size:8px}.primary-action{background:var(--orange);color:#fff;border:0;border-radius:10px;width:100%;height:43px;margin-bottom:12px;font-size:9px;font-weight:700;box-shadow:0 7px 16px #ff67452a}.readonly-note{color:#8793a2;text-align:center;background:#f7f9fb;border:1px solid #e1e7ec;border-radius:10px;margin:0 0 12px;padding:11px;font-size:8px}.ship-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ship-actions button{color:#53667d;background:#fff;border:1px solid #dce3e9;border-radius:9px;height:39px;font-size:8px;font-weight:700}.ship-actions button:last-child{border-color:var(--orange);background:var(--orange);color:#fff}.record-composer{gap:7px;margin-top:10px;display:flex}.record-composer input{border:1px solid #dce3e9;border-radius:8px;outline:0;flex:1;min-width:0;height:36px;padding:0 9px;font-size:8px}.record-composer button{background:var(--orange);color:#fff;border:0;border-radius:8px;width:52px;font-size:8px;font-weight:700}
.order-chat-head{border:1px solid var(--line);background:#fff;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:10px 12px;display:flex}.order-chat-head>div{flex-direction:column;gap:4px;display:flex}.order-chat-head b{font-size:10px}.order-chat-head span{color:#8b97a5;font-size:7px}.order-chat-head button{color:#586f89;background:#fff;border:1px solid #dde4ea;border-radius:8px;padding:6px 8px;font-size:7px}.forward-success{color:#278b79;text-align:center;background:#e8f7f3;border-radius:8px;margin-bottom:8px;padding:8px 10px;font-size:8px}.order-chat-room{background:#edf1f5;border-radius:11px 11px 0 0;min-height:315px;padding:10px}.order-chat-bubble{align-items:flex-start;gap:7px;margin-bottom:14px;display:flex}.order-chat-bubble.mine{flex-direction:row-reverse}.chat-avatar{color:#536a82;background:#fff;border-radius:9px;flex:none;place-items:center;width:31px;height:31px;font-size:9px;font-style:normal;font-weight:700;display:grid}.order-chat-bubble.mine .chat-avatar{color:#fff;background:#ff7658}.order-chat-bubble>div{flex-direction:column;align-items:flex-start;max-width:76%;display:flex}.order-chat-bubble.mine>div{align-items:flex-end}.order-chat-bubble small{color:#7d8998;margin-bottom:4px;font-size:7px}.order-chat-bubble section{background:#fff;border-radius:4px 10px 10px;padding:8px 9px;box-shadow:0 2px 7px #10243e0a}.order-chat-bubble.mine section{background:#dff4e8;border-radius:10px 4px 10px 10px}.order-chat-bubble p{color:#35475c;margin:0;font-size:8px;line-height:1.6}.order-chat-bubble section button{text-align:left;background:#f8fafb;border:1px solid #e4e9ee;border-radius:6px;align-items:center;gap:6px;width:100%;margin-top:7px;padding:6px;display:flex}.order-chat-bubble section button b{color:#d75b43;background:#ffebe7;border-radius:4px;padding:5px;font-size:6px}.order-chat-bubble section button span{color:#66758a;font-size:7px}.order-chat-bubble time{color:#a1abb6;margin-top:3px;font-size:6px}.chat-check{color:#fff;background:#fff;border:1px solid #bdc8d2;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;margin-top:7px;font-size:8px;font-style:normal;display:grid}.chat-check.on{background:#36a28c;border-color:#36a28c}.order-chat-composer{background:#fff;border-top:1px solid #dfe5eb;border-radius:0 0 11px 11px;padding:7px 8px 9px}.order-chat-composer>div{gap:5px;margin-bottom:6px;display:flex}.order-chat-composer>div button{color:#657489;background:#f0f3f6;border:0;border-radius:7px;padding:5px 7px;font-size:7px}.order-chat-composer label{gap:6px;display:flex}.order-chat-composer input{border:1px solid #dce3e9;border-radius:8px;outline:0;flex:1;min-width:0;height:34px;padding:0 9px;font-size:8px}.order-chat-composer label button{background:var(--orange);color:#fff;border:0;border-radius:8px;width:48px;font-size:8px;font-weight:700}.forward-card{background:#fff;border-radius:5px 11px 11px;width:78%;margin:0 0 15px 42px;padding:10px;box-shadow:0 2px 7px #10243e0b}.forward-card header{align-items:center;gap:7px;display:flex}.forward-card header>i{color:#5d6dca;background:#edf1ff;border-radius:7px;place-items:center;width:28px;height:28px;font-size:8px;font-style:normal;display:grid}.forward-card header div{flex-direction:column;gap:3px;display:flex}.forward-card header b{font-size:8px}.forward-card header span{color:#919ca9;font-size:6px}.forward-card section{background:#f5f7f9;border-radius:7px;margin:8px 0;padding:8px}.forward-card section>b{color:#4c6078;margin-bottom:5px;font-size:7px;display:block}.forward-card p{color:#778495;white-space:nowrap;text-overflow:ellipsis;margin:3px 0;font-size:6px;overflow:hidden}.forward-card>button{color:#58769a;text-align:left;background:0 0;border:0;width:100%;font-size:7px}.chat-forward{color:#55718d;cursor:pointer;background:0 0;border:0;margin-top:6px;padding:2px 0;font-size:12px}.order-chat-composer input[type=file],.chat-composer input[type=file]{color:#0000;max-width:82px;font-size:0}.order-chat-composer input[type=file]::file-selector-button{color:#294966;cursor:pointer;content:"文件";background:#e9f0f7;border:0;border-radius:8px;padding:8px;font-size:12px}.chat-composer input[type=file]::file-selector-button{color:#294966;cursor:pointer;content:"文件";background:#e9f0f7;border:0;border-radius:8px;padding:8px;font-size:12px}
.create-scroll{padding-bottom:92px}.form-block{border:1px solid var(--line);background:#fff;border-radius:13px;margin-bottom:10px;padding:14px}.form-block>header{align-items:center;gap:9px;margin-bottom:13px;display:flex}.form-block>header>b{background:var(--navy);color:#fff;border-radius:8px;place-items:center;width:25px;height:25px;font-size:8px;display:grid}.form-block>header>div{flex-direction:column;gap:3px;display:flex}.form-block h2{margin:0;font-size:11px}.form-block header p{color:#909ba8;margin:0;font-size:7px}.type-options{gap:8px;display:grid}.type-options>button{text-align:left;background:#fff;border:1px solid #e0e6ec;border-radius:10px;grid-template-columns:35px 1fr 15px;align-items:center;gap:9px;padding:10px;display:grid}.type-options>button.on{background:#f8f8ff;border-color:#6f83d9;box-shadow:0 0 0 2px #667bd014}.type-options>button>i{color:#5b6ccb;background:#edf1ff;border-radius:9px;place-items:center;width:35px;height:35px;font-size:9px;font-style:normal;font-weight:700;display:grid}.type-options>button:nth-child(2)>i{color:#258b79;background:#e6f6f2}.type-options span{flex-direction:column;gap:4px;display:flex}.type-options span b{font-size:9px}.type-options small{color:#8c98a5;font-size:7px}.type-options em{color:#9ca6b1;font-size:17px;font-style:normal}.form-fields{gap:11px;display:grid}.form-fields label,.form-note,.product-forms label{flex-direction:column;gap:6px;display:flex}.form-fields label>span,.form-note>span,.product-forms label>span{color:#5e6e82;font-size:8px}.form-fields label>span b{color:var(--red)}.form-fields input,.form-fields textarea,.form-note textarea,.product-forms input{background:#fbfcfd;border:1px solid #dfe5eb;border-radius:8px;outline:0;width:100%;padding:9px;font-size:8px}.form-fields textarea,.form-note textarea{resize:none;min-height:68px}.form-fields input:read-only{color:#66768a;background:#f1f4f7}.picker{color:#58718d;background:#f9fafb;border:1px dashed #cbd5df;border-radius:8px;height:35px;font-size:8px}.product-forms{gap:8px;display:grid}.product-forms article{border:1px solid #e2e7ec;border-radius:9px;overflow:hidden}.product-forms article>header{background:#f6f8fa;justify-content:space-between;padding:8px 10px;display:flex}.product-forms article>header b{font-size:8px}.product-forms article>header button{color:#d35b45;background:0 0;border:0;font-size:7px}.product-forms article>div{grid-template-columns:1.5fr 1fr 70px 70px;gap:7px;padding:9px;display:grid}.add-product{color:#58718d;background:#fff;border:1px dashed #cbd5df;border-radius:8px;width:100%;height:34px;margin-top:9px;font-size:8px}.upload-row{gap:7px;margin-bottom:11px;display:flex}.upload-row button{color:#60748b;background:#f8fafb;border:1px solid #dfe5eb;border-radius:8px;flex:1;height:34px;font-size:7px}.flow-preview{background:#f3faf8;border:1px solid #dbe6e2;border-radius:11px;margin-bottom:10px;padding:13px}.flow-preview>b{color:#347e71;font-size:9px}.flow-preview>div{scrollbar-width:none;gap:4px;margin:11px 0 8px;display:flex;overflow:auto}.flow-preview span{color:#587268;flex:none;align-items:center;gap:4px;font-size:7px;display:flex}.flow-preview span:not(:last-child):after{content:"›";color:#91aaa2;margin-left:3px}.flow-preview i{color:#fff;background:#55a997;border-radius:50%;place-items:center;width:17px;height:17px;font-size:6px;font-style:normal;display:grid}.flow-preview p{color:#779088;margin:0;font-size:7px}.create-actions{padding:9px 11px max(9px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fff;grid-template-columns:1fr 1.6fr;gap:7px;display:grid;position:absolute;bottom:0;left:0;right:0}.create-actions button{color:#5b6c80;background:#fff;border:1px solid #dce3e9;border-radius:9px;height:41px;font-size:9px;font-weight:700}.create-actions button:last-child{border-color:var(--orange);background:var(--orange);color:#fff}.create-actions button:disabled{background:#cbd3dc;border-color:#cbd3dc}@media (max-width:400px){.product-forms article>div{grid-template-columns:1fr 1fr}.create-order .screen-head strong{font-size:10px}}
:root{--navy:#102b49;--orange:#ff6745;--green:#1fa58b;--red:#dc5841;--amber:#d79631;--text:#182538;--muted:#8793a2;--line:#e7ecf1;--bg:#f3f6f9;--phone-width:390px}*{box-sizing:border-box}body{color:var(--text);background:#dfe5eb;margin:0;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.app{width:100%;max-width:var(--phone-width);background:var(--bg);min-height:100vh;margin:auto;padding-bottom:82px;position:relative;box-shadow:0 0 45px #10243e18}.top{z-index:20;color:#fff;background:linear-gradient(145deg,#102d4d,#0c2139);align-items:center;height:70px;padding:14px 16px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;display:flex}.brand>span{background:linear-gradient(145deg,#ff805f,#ff5939);border-radius:12px;place-items:center;width:38px;height:38px;font-size:20px;font-weight:800;display:grid;box-shadow:0 7px 16px #ff674533}.brand div{flex-direction:column;display:flex}.brand small{color:#9eb0c3;letter-spacing:.5px;font-size:9px}.brand strong{margin-top:2px;font-size:15px}.top-actions{gap:7px;margin-left:auto;display:flex}.top-actions button{color:#fff;background:#ffffff0d;border:1px solid #ffffff20;border-radius:10px;width:36px;height:36px;font-size:18px;position:relative}.top-actions i{background:var(--orange);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:7px}.search{color:#7e8b9b;background:#fff;border-radius:11px;align-items:center;padding:0 8px;display:flex;position:absolute;inset:10px 12px}.search input{border:0;outline:0;flex:1;height:48px;padding:0 8px;font-size:12px}.search button{color:#58708b;background:0 0;border:0;font-size:11px}.page-intro{justify-content:space-between;align-items:flex-end;padding:21px 16px 15px;display:flex}.page-intro p{color:#8895a5;letter-spacing:.5px;margin:0 0 7px;font-size:9px}.page-intro p i{background:var(--green);border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block;box-shadow:0 0 0 4px #1fa58b16}.page-intro h1{letter-spacing:-.7px;margin:0;font-size:25px}.page-intro>div>span{color:#8793a2;margin-top:5px;font-size:10px;display:block}.page-intro>button{background:var(--orange);color:#fff;border:0;border-radius:10px;height:38px;padding:0 14px;font-size:10px;font-weight:700;box-shadow:0 7px 16px #ff67452d}.page-intro>button b{margin-right:4px;font-size:17px}.service-intro p i{background:#6e73dc;box-shadow:0 0 0 4px #6e73dc16}.network-status{z-index:19;color:#317869;text-align:left;background:#e8f6f2;border:0;align-items:center;width:100%;height:29px;padding:0 15px;font-size:8px;display:flex;position:sticky;top:70px}.network-status>i{background:#27a488;border-radius:50%;width:7px;height:7px;margin-right:7px;box-shadow:0 0 0 3px #27a48818}.network-status span{color:#6f9189;margin-left:7px}.network-status em{color:#769189;margin-left:auto;font-size:7px;font-style:normal}.network-status.offline{color:#a04f3c;background:#fff0eb}.network-status.offline>i{background:#dc5841;box-shadow:0 0 0 3px #dc584118}.network-status.offline span,.network-status.offline em{color:#aa7468}.stats{border:1px solid var(--line);background:#fff;border-radius:13px;grid-template-columns:repeat(4,1fr);margin:0 12px 15px;display:grid;overflow:hidden;box-shadow:0 4px 14px #11263e06}.stats button{background:#fff;border:0;border-right:1px solid #edf0f3;padding:12px 3px}.stats button:last-child{border:0}.stats strong{color:#2b3d53;font-size:20px;display:block}.stats span{color:#8e99a7;margin-top:4px;font-size:8px;display:block}.stats .red strong{color:var(--red)}.stats .amber strong{color:var(--amber)}.section-title{justify-content:space-between;align-items:center;padding:0 15px 10px;display:flex}.section-title h2{margin:0;font-size:15px}.section-title p{color:#98a2af;margin:4px 0 0;font-size:8px}.section-title label{color:#718095;align-items:center;gap:6px;font-size:9px;display:flex}.section-title input{display:none}.section-title label i{background:#cbd3dc;border-radius:10px;width:29px;height:17px;position:relative}.section-title label i:after{content:"";background:#fff;border-radius:50%;width:13px;height:13px;transition:all .2s;position:absolute;top:2px;left:2px}.section-title input:checked+i{background:var(--red)}.section-title input:checked+i:after{transform:translate(12px)}.chips{scrollbar-width:none;gap:6px;padding:0 13px 11px;display:flex;overflow:auto}.chips button{color:#758296;background:#fff;border:1px solid #e0e6ec;border-radius:17px;flex:none;padding:6px 11px;font-size:9px}.chips button.on{background:var(--navy);border-color:var(--navy);color:#fff}.orders{gap:10px;padding:0 11px;display:grid}.order{border:1px solid var(--line);background:#fff;border-radius:14px;padding:13px;position:relative;overflow:hidden;box-shadow:0 4px 14px #11263e06}.order-late{border-color:#ef9f90}.order-late:before{content:"";background:var(--red);width:3px;position:absolute;top:0;bottom:0;left:0}.order header{align-items:center;gap:7px;display:flex}.tag{color:#596ad1;background:#edf0ff;border-radius:5px;padding:4px 7px;font-size:8px;font-weight:700;display:inline-block}.tag.green{color:#218b79;background:#e5f7f3}.order header small{color:#929dab;font-size:8px}.late-badge,.warn-badge{border-radius:10px;margin-left:auto;padding:4px 7px;font-size:8px}.late-badge{color:#d8513a;background:#ffebe7}.warn-badge{color:#b77924;background:#fff3df}.order h3{margin:11px 0 5px;font-size:14px}.product{color:#7b8797;justify-content:space-between;margin:0;font-size:9px;display:flex}.product b{color:#4f6076}.flow{margin:13px 0 11px}.flow-bars{gap:3px;display:flex}.flow-bars i{background:#e6eaee;border-radius:4px;flex:1;height:4px}.flow-bars i.done{background:#65bfaf}.flow-bars i.current{background:#4b78b0}.flow-bars i.late{background:var(--red)}.flow-labels{margin-top:5px;display:flex}.flow-labels span{text-align:center;color:#a1aab5;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:6px;overflow:hidden}.flow-labels span.active{color:#4c5d73;font-weight:700}.now{background:#f7f9fb;border-radius:9px;grid-template-columns:.8fr 16px 1.3fr;align-items:center;padding:9px 10px;display:grid}.now div{flex-direction:column;gap:3px;min-width:0;display:flex}.now small,.timing small{color:#99a4b1;font-size:7px}.now strong{white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.now>i{color:#a3aeba;font-style:normal}.timing{grid-template-columns:1.05fr 1.05fr .8fr;gap:5px;margin-top:11px;display:grid}.timing span{color:#45566d;flex-direction:column;gap:3px;font-size:8px;display:flex}.red-text{font-weight:700;color:var(--red)!important}.update{border-top:1px solid #edf1f4;grid-template-columns:26px 1fr;align-items:center;gap:8px;margin-top:11px;padding-top:10px;display:grid}.update>i{color:#536981;background:#e8eef5;border-radius:50%;place-items:center;width:26px;height:26px;font-size:8px;font-style:normal;display:grid}.update p{flex-direction:column;gap:3px;margin:0;display:flex}.update p span{color:#657389;font-size:8px;line-height:1.45}.update p small{color:#a1abb7;font-size:7px}.order footer{color:#7a8798;border-top:1px solid #edf1f4;align-items:center;gap:8px;margin-top:10px;padding-top:9px;font-size:8px;display:flex}.order footer>span:nth-child(2){white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.order footer button{color:#9ba6b2;background:0 0;border:0;margin-left:auto;font-size:20px}.ship,.mode{color:#65758a;background:#edf1f5;border-radius:5px;flex:none;padding:4px 6px}.ship-部分出货{color:#bc7a20;background:#fff2de}.ship-全部出货{color:#258c7a;background:#e5f7f2}.year-scope{scrollbar-width:none;gap:7px;margin:0 12px 15px;display:flex;overflow:auto}.year-scope button{text-align:left;color:#52647a;background:#fff;border:1px solid #dfe6ec;border-radius:10px;flex:1;min-width:132px;padding:9px 10px}.year-scope button b,.year-scope button span{white-space:nowrap;display:block}.year-scope button b{font-size:9px}.year-scope button span{color:#96a1ad;margin-top:4px;font-size:7px}.year-scope button.on{color:#315c8a;background:#edf4fb;border-color:#527bab;box-shadow:0 3px 10px #315c8a0d}.period{background:#e7ebef;border-radius:9px;width:max-content;margin:0 15px 14px;padding:3px}.period button{color:#7c8998;background:0 0;border:0;border-radius:7px;padding:7px 20px;font-size:9px}.period button.on{color:#263b53;background:#fff;font-weight:700;box-shadow:0 2px 7px #10243e14}.service-stats{border:1px solid var(--line);background:#fff;border-radius:13px;grid-template-columns:repeat(4,1fr);margin:0 12px 18px;display:grid}.service-stats div{text-align:center;border-right:1px solid #edf1f4;padding:11px 3px}.service-stats div:last-child{border:0}.service-stats strong{font-size:18px;display:block}.service-stats span{color:#929daa;margin-top:4px;font-size:8px;display:block}.service-stats .red strong{color:var(--red)}.service-tag{color:#6563c7;background:#eeedff}.issue{color:#66758a;margin:0;font-size:9px;line-height:1.5}.service-card .flow-labels span{font-size:5.5px}.bottom{width:100%;max-width:var(--phone-width);z-index:30;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);height:65px;padding-bottom:max(4px,env(safe-area-inset-bottom));background:#ffffffed;border-top:1px solid #e2e7ec;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom button{color:#8995a5;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex;position:relative}.bottom i{font-size:18px;font-style:normal}.bottom span{font-size:8px}.bottom button.on{color:var(--orange);font-weight:700}.bottom b{background:var(--red);color:#fff;border-radius:8px;min-width:14px;padding:1px 4px;font-size:7px;position:absolute;top:6px;left:55%}.screen{max-width:var(--phone-width);background:var(--bg);z-index:50;flex-direction:column;margin:auto;animation:.22s ease-out in;display:flex;position:fixed;inset:0}.screen-head{background:var(--navy);color:#fff;flex:none;grid-template-columns:42px 1fr 42px;align-items:center;height:65px;padding:0 10px;display:grid}.screen-head button{color:#fff;background:0 0;border:0;font-size:26px}.screen-head div{text-align:center;flex-direction:column;gap:3px;display:flex}.screen-head small{color:#a5b5c6;font-size:8px}.screen-head strong{font-size:11px}.screen-scroll{flex:1;padding:11px 11px 82px;overflow:auto}.detail-title,.block{border:1px solid var(--line);background:#fff;border-radius:13px;margin-bottom:10px;padding:14px}.detail-title h2{margin:10px 0 5px;font-size:16px}.detail-title>p{color:#758397;margin:0;font-size:9px;line-height:1.5}.detail-title>div{color:#7a8796;border-top:1px solid #edf1f4;gap:18px;margin-top:12px;padding-top:10px;font-size:8px;display:flex}.detail-title b{color:#405168}.block h3{margin:0 0 13px;font-size:12px}.vertical>div{gap:10px;padding-bottom:18px;display:flex;position:relative}.vertical>div:not(:last-child):after{content:"";background:#e2e7ec;width:1px;position:absolute;top:22px;bottom:0;left:10px}.vertical i{color:#9ea8b3;z-index:1;background:#fff;border:1px solid #dce2e8;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:8px;font-style:normal;display:grid}.vertical .done i{background:var(--green);border-color:var(--green);color:#fff}.vertical .current i{color:#fff;background:#4778b0;border-color:#4778b0;box-shadow:0 0 0 4px #4778b014}.vertical .late i{background:var(--red);border-color:var(--red);color:#fff;box-shadow:0 0 0 4px #dc584114}.vertical p{flex-direction:column;gap:4px;margin:1px 0 0;display:flex}.vertical strong{font-size:9px}.vertical span{color:#929daa;font-size:8px}.block-head{justify-content:space-between;align-items:center;display:flex}.block-head button{color:#dc6248;background:0 0;border:0;font-size:8px}.empty{text-align:center;color:#9aa5b1;margin:0;padding:15px 0;font-size:9px}.batch,.file{border-top:1px solid #edf1f4;align-items:center;gap:9px;padding:10px 0;display:flex}.batch>i,.file>i{color:#2b8b7a;background:#e7f6f2;border-radius:7px;place-items:center;width:32px;height:32px;font-size:8px;font-style:normal;font-weight:700;display:grid}.batch p,.file p{flex-direction:column;flex:1;gap:4px;margin:0;display:flex}.batch b,.file b{font-size:8px}.batch span,.file span{color:#9aa5b1;font-size:7px}.batch button,.file button{color:#9ba5b0;background:0 0;border:0;font-size:19px}.message{border-top:1px solid #edf1f4;gap:8px;padding:10px 0;display:flex}.message>i{color:#50667e;background:#e8eef5;border-radius:50%;flex:none;place-items:center;width:27px;height:27px;font-size:8px;font-style:normal;display:grid}.message p{flex-direction:column;gap:4px;margin:0;display:flex}.message b{font-size:8px}.message span{color:#69778a;font-size:8px;line-height:1.5}.message small{color:#a2acb7;font-size:7px}.screen-actions{border-top:1px solid var(--line);padding:9px 11px max(9px,env(safe-area-inset-bottom));background:#fff;grid-template-columns:1fr 1.3fr;gap:7px;display:grid;position:absolute;bottom:0;left:0;right:0}.screen-actions button{color:#58697e;background:#fff;border:1px solid #dde4ea;border-radius:9px;height:41px;font-size:9px;font-weight:700}.screen-actions button:last-child{border-color:var(--orange);background:var(--orange);color:#fff}.account-state{background:#fff;border:1px solid #dfe7ed;border-radius:13px;justify-content:space-between;align-items:center;margin:0 12px 10px;padding:12px 13px;display:flex}.account-state>div{align-items:center;gap:9px;display:flex}.account-state i{color:#258c7a;background:#e5f7f2;border-radius:9px;place-items:center;width:31px;height:31px;font-size:10px;font-style:normal;display:grid}.account-state span{flex-direction:column;gap:4px;display:flex}.account-state b{font-size:9px}.account-state small{color:#929daa;font-size:8px}.account-state button{color:#dc6248;background:#fff5f2;border:1px solid #ffd2c8;border-radius:8px;padding:7px 9px;font-size:8px;font-weight:700}.logout-button{color:#d6533b;background:#fff;border:1px solid #f1c8c0;border-radius:11px;width:calc(100% - 24px);height:42px;margin:11px 12px;font-size:9px;font-weight:700;display:block}.logged-out{text-align:center;padding:95px 30px}.logged-out>i,.login-logo{color:#fff;background:linear-gradient(145deg,#ff805f,#ff5939);border-radius:19px;place-items:center;width:62px;height:62px;margin:auto;font-size:25px;font-style:normal;font-weight:800;display:grid;box-shadow:0 9px 22px #ff67452d}.logged-out h1{margin:16px 0 7px;font-size:21px}.logged-out p{color:#7f8b99;margin:0;font-size:9px;line-height:1.7}.logged-out button{background:var(--orange);color:#fff;border:0;border-radius:10px;height:42px;margin-top:22px;padding:0 34px;font-size:10px;font-weight:700}.login-body{width:100%;padding:48px 25px}.login-body h2{text-align:center;margin:17px 0 7px;font-size:18px}.login-body>p{text-align:center;color:#7d8a9a;max-width:310px;margin:0 auto 25px;font-size:9px;line-height:1.7}.login-body label{flex-direction:column;gap:7px;margin-bottom:13px;display:flex}.login-body label span{color:#53647a;font-size:9px;font-weight:700}.login-body select,.login-body input{color:#283a50;background:#fff;border:1px solid #dce3e9;border-radius:10px;outline:0;width:100%;height:43px;padding:0 12px;font-size:10px}.login-error{font-weight:700;color:#d6533b!important;text-align:left!important;margin:-3px 0 8px!important;font-size:8px!important}.login-submit{background:var(--orange);color:#fff;border:0;border-radius:10px;width:100%;height:44px;margin-top:7px;font-size:10px;font-weight:700}.login-body>small{text-align:center;color:#a0aab6;margin-top:12px;font-size:7px;line-height:1.5;display:block}.todo-list{gap:9px;padding:0 12px;display:grid}.todo{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:31px 1fr 20px;align-items:center;gap:9px;padding:13px;display:grid}.todo>i{color:#566d85;background:#edf2f7;border-radius:9px;place-items:center;width:31px;height:31px;font-style:normal;display:grid}.todo.urgent{border-color:#eda191}.todo.urgent>i{color:var(--red);background:#ffebe7;font-weight:800}.todo div{flex-direction:column;gap:4px;display:flex}.todo b{font-size:10px}.todo span{color:#7a8798;font-size:8px}.todo small{color:#d25c45;font-size:7px}.todo button{color:#9ca6b1;background:0 0;border:0;font-size:20px}.profile{text-align:center;padding:28px 0 20px}.profile>div{color:#fff;background:linear-gradient(145deg,#ff805f,#ff5939);border-radius:18px;place-items:center;width:58px;height:58px;margin:auto;font-size:22px;font-weight:800;display:grid;box-shadow:0 9px 22px #ff67452d}.profile h1{margin:12px 0 4px;font-size:18px}.profile p{color:#7d8a9b;margin:0;font-size:9px}.profile span{color:#288b79;background:#e6f6f2;border-radius:10px;margin-top:9px;padding:4px 8px;font-size:8px;display:inline-block}.settings{border:1px solid var(--line);background:#fff;border-radius:13px;margin:0 12px;overflow:hidden}.settings button{text-align:left;background:#fff;border:0;border-bottom:1px solid #edf1f4;grid-template-columns:29px 1fr 20px;align-items:center;gap:9px;width:100%;padding:12px;display:grid}.settings button:last-child{border:0}.settings i{color:#556b83;background:#edf2f7;border-radius:8px;place-items:center;width:29px;height:29px;font-style:normal;display:grid}.settings span{flex-direction:column;gap:4px;display:flex}.settings b{font-size:9px}.settings small{color:#98a3af;font-size:8px}.settings em{color:#9da7b2;font-size:18px;font-style:normal}@keyframes in{0%{transform:translate(100%)}}@media (min-width:601px){.app{border-radius:18px 18px 0 0;margin-top:12px;overflow:hidden}.top{border-radius:18px 18px 0 0}}