:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#183c30;--muted:#7a8a81;--line:#e7ece8;--green:#116c57}*{box-sizing:border-box}body{color:var(--ink);background:#f5f7f5;margin:0;font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;font-size:14px}button,input{font:inherit}button{cursor:pointer}.boot{place-items:center;height:100vh;display:grid}.shell{min-height:100vh;display:flex}aside{border-right:1px solid var(--line);overscroll-behavior:contain;background:#fff;flex-direction:column;width:232px;padding:30px 20px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.brand{letter-spacing:2px;font-size:26px;font-weight:750}.brand small{letter-spacing:3px;color:#7e8b83;margin:8px 0 0 33px;font-size:9px;display:block}.workspace-label{color:#96a299;letter-spacing:2px;margin:47px 12px 16px;font-size:11px}nav{gap:7px;display:grid}nav button{color:#76857c;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:14px;padding:13px 14px;font-size:14px;display:flex}nav button span{width:20px;font-size:19px}nav button.active{color:#14664f;background:#e9f2ed;font-weight:650}nav button:hover{background:#f2f6f3}nav i{background:#d3a363;border-radius:50%;width:6px;height:6px;margin-left:auto}.sidebar-note{color:#527660;margin-top:auto;padding:35px 8px 18px;font-size:11px}.sidebar-note p{color:#96a299;font-size:10px}.live-dot{background:#3d9372;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.profile{border-top:1px solid var(--line);align-items:center;gap:9px;padding-top:21px;display:flex}.avatar{background:#e6eee8;border-radius:50%;place-items:center;width:33px;height:33px;font-weight:650;display:grid}.profile strong{font-size:9px}.profile small{color:#8b988e;text-overflow:ellipsis;max-width:120px;font-size:10px;display:block;overflow:hidden}.profile button{color:#839087;background:0 0;border:0}.main{width:calc(100% - 232px);margin-left:232px}header{border-bottom:1px solid var(--line);color:#6c7c72;background:#fff;justify-content:space-between;align-items:center;height:73px;padding:0 40px;font-size:12px;display:flex}header b{color:#c4cdc6;margin:0 14px;font-weight:400}.header-right{align-items:center;display:flex}.divider{border-left:1px solid var(--line);height:13px;margin:0 18px}.content{padding:37px 40px}.page-heading{justify-content:space-between;align-items:center;margin-bottom:29px;display:flex}.eyebrow{letter-spacing:2px;color:#87978d;font-size:10px}h1{letter-spacing:1px;margin:9px 0 10px;font-size:29px;font-weight:600}h2{margin:0;font-size:16px;font-weight:600}h3{margin:29px 0 19px;font-size:15px}.muted{color:#8a978e;font-size:12px}.page-heading p{margin:0}.kpis{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.kpi{border:1px solid var(--line);background:#fff;border-radius:10px;flex-direction:column;padding:25px;display:flex}.kpi>span{color:#78887d;font-size:12px}.kpi strong{letter-spacing:-1px;font-size:37px;font-weight:550;line-height:1.5}.kpi small{color:#95a096;font-size:11px}.kpi-1{background:#ecf3ee;border-color:#dce9df}.kpi-3 strong{color:#b17b38}.overview-strip{align-items:center;margin:25px 0 31px;padding:4px 0;display:flex}.overview-strip>div{border-right:1px solid #dce4dc;padding:0 32px}.overview-strip>div:first-child{padding-left:0}.overview-strip strong{margin-top:6px;font-size:18px;font-weight:550;display:block}.overview-strip .safety-note{color:#759079;border:0;gap:12px;margin-left:auto;padding-right:0;font-size:24px;display:flex}.safety-note span{font-size:10px}.safety-note strong{font-size:11px}.panel{border:1px solid var(--line);background:#fff;border-radius:11px;overflow:hidden}.panel-heading{justify-content:space-between;align-items:center;padding:23px 24px;display:flex}.panel-heading .muted{margin-top:7px;font-size:11px;display:inline-block}.filters{flex-wrap:wrap;align-items:center;gap:11px;padding:0 24px 20px;display:flex}.order-link{text-align:left;color:#265b48;background:0 0;border:0;padding:0}.order-link strong{font-family:monospace;font-size:12px;font-weight:550}.order-link small{color:#9aa59c;text-overflow:ellipsis;max-width:225px;margin-top:6px;font-size:10px;display:block;overflow:hidden}.mono{font-family:monospace}.sla{font-variant-numeric:tabular-nums;font-size:13px;font-weight:650}.green{color:#4b8063}.yellow{color:#ad902d}.orange{color:#cb792d}.red{color:#c25448}.pagination{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:17px 24px;display:flex}footer{color:#a2aea4;letter-spacing:1px;justify-content:space-between;margin-top:28px;font-size:10px;display:flex}.supplier-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.supplier{padding:0 23px 23px}.supplier .panel-heading{padding:23px 0}.balance{text-align:center;background:#f6f9f6;border-radius:8px;padding:23px 0}.balance span{color:#8b9b8f;font-size:11px}.balance strong{margin-top:8px;font-size:27px;display:block}dl{grid-template-columns:auto 1fr;gap:15px 20px;margin:25px 0;font-size:12px;display:grid}dt{color:#8b998f}dd{text-align:right;margin:0}.detail-id{word-break:break-all;margin-bottom:16px;font-family:monospace}.attempt{background:#f4f7f4;border-radius:7px;margin:10px 0;padding:15px}.attempt>.ant-tag{float:right}.attempt small,.attempt>span:last-child{color:#8b998f;margin-top:12px;font-size:10px;display:block}.user-form{max-width:600px;padding:30px}.error{margin-bottom:20px}.login{grid-template-columns:1.1fr 1fr;min-height:100vh;display:grid}.login-story{color:#e4ece4;background:#153e31;flex-direction:column;justify-content:center;padding:70px 15%;display:flex}.login-story .brand{margin-bottom:100px}.login-story h1{letter-spacing:3px;font-size:46px;line-height:1.55}.login-story p{color:#9fb8a6;font-size:14px;line-height:2.1}.login-line{letter-spacing:2px;color:#8faa99;margin-top:90px;font-size:10px}.login-form{width:350px;margin:auto}.login-form h2{margin-top:18px;font-size:26px}.login-form .ant-form{margin-top:35px}.login-foot{text-align:center;margin-top:30px}.ant-table{font-size:12px!important}.ant-table-thead>tr>th{font-size:11px;font-weight:500!important}.ant-tag{font-size:10px}@media (max-width:1100px){aside{width:190px;padding:25px 12px}.main{width:calc(100% - 190px);margin-left:190px}.content{padding:25px 22px}.overview-strip>div{padding:0 15px}.safety-note{display:none!important}.supplier-grid{grid-template-columns:1fr 1fr}.kpi{padding:18px}}@media (max-width:760px){aside{width:100%;padding:18px;position:static;overflow:visible}.shell{display:block}.brand small,.workspace-label,.sidebar-note,.profile{display:none}nav{margin-top:18px;display:flex;overflow:auto}nav button{white-space:nowrap}.main{width:100%;margin:0}.kpis{grid-template-columns:1fr 1fr}.content{padding:20px 14px}header{padding:0 20px}.supplier-grid{grid-template-columns:1fr}.login{display:block}.login-story{display:none}.login-form{width:85%;padding-top:100px}.overview-strip{flex-wrap:wrap;gap:15px}.page-heading h1{font-size:25px}}