.fulfilment-page{width:100%;max-width:1540px;margin:0 auto}.fulfilment-hero{background:radial-gradient(circle at 80% 20%,#04dc550e,#0000 30%),radial-gradient(circle at 68% 80%,#00aeef13,#0000 34%),#fff;border:1px solid #e2e9ef;border-radius:18px;align-items:center;min-height:205px;padding:30px 34px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 32px #162c450b}.fulfilment-hero-content{z-index:3;max-width:700px;position:relative}.fulfilment-eyebrow{color:#078ebc;letter-spacing:.14em;align-items:center;gap:7px;margin-bottom:10px;font-family:Inter,sans-serif;font-size:7px;font-weight:800;display:flex}.fulfilment-eyebrow-dot{background:#04dc55;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #04dc5517}.fulfilment-title-row{align-items:center;gap:25px;display:flex}.fulfilment-title-row h1{color:#162c45;letter-spacing:-.045em;margin:0;font-family:Poppins,Inter,sans-serif;font-size:clamp(26px,3vw,38px);font-weight:800;line-height:1.08}.fulfilment-title-row p{color:#738596;max-width:610px;margin:10px 0 0;font-family:Inter,sans-serif;font-size:10px;font-weight:500;line-height:1.65}.fulfilment-hero-mark{background:#04dc5509;border:1px solid #04dc5521;border-radius:11px;align-items:center;gap:10px;min-width:130px;padding:10px 12px;display:flex}.fulfilment-hero-mark>svg{color:#04b948;width:25px;height:25px}.fulfilment-hero-mark span{flex-direction:column;gap:2px;display:flex}.fulfilment-hero-mark strong{color:#162c45;font-family:Poppins,Inter,sans-serif;font-size:17px;font-weight:800;line-height:1}.fulfilment-hero-mark small{color:#8797a5;white-space:nowrap;font-family:Inter,sans-serif;font-size:6.5px;font-weight:600}.fulfilment-hero-visual{opacity:.9;width:220px;height:220px;position:absolute;top:50%;right:38px;transform:translateY(-50%)}.fulfilment-orbit{border:1px solid #078ebc21;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-12deg)}.fulfilment-orbit-one{border-color:#078ebc1c;width:200px;height:200px;animation:16s linear infinite fulfilmentOrbit}.fulfilment-orbit-two{border-color:#04dc5524;width:145px;height:145px;animation:11s linear infinite fulfilmentOrbitReverse;transform:translate(-50%,-50%)rotate(45deg)}.fulfilment-orbit-three{border-style:dashed;border-color:#00aeef2e;width:91px;height:91px;animation:8s linear infinite reverse fulfilmentOrbit}@keyframes fulfilmentOrbit{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes fulfilmentOrbitReverse{0%{transform:translate(-50%,-50%)rotate(360deg)}to{transform:translate(-50%,-50%)rotate(0)}}.fulfilment-core{color:#fff;background:linear-gradient(145deg,#162c45,#078ebc);border-radius:17px;justify-content:center;align-items:center;width:57px;height:57px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 25px #162c452e,0 0 0 8px #078ebc09}.fulfilment-core svg{width:25px;height:25px}.fulfilment-signal{border-radius:50%;width:6px;height:6px;position:absolute}.fulfilment-signal-one{background:#04dc55;top:23px;right:48px;box-shadow:0 0 0 4px #04dc5517}.fulfilment-signal-two{background:#078ebc;bottom:39px;left:38px;box-shadow:0 0 0 4px #078ebc14}.fulfilment-signal-three{background:#00aeef;width:4px;height:4px;top:86px;left:19px}.fulfilment-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.fulfilment-metric-card{background:#fff;border:1px solid #e3eaf0;border-radius:13px;align-items:center;gap:11px;min-height:98px;padding:13px 14px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;box-shadow:0 6px 20px #162c4508}.fulfilment-metric-card:hover{border-color:#078ebc26;transform:translateY(-2px);box-shadow:0 10px 25px #162c450e}.fulfilment-metric-icon{color:#078ebc;background:#078ebc13;border-radius:10px;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.fulfilment-metric-icon svg{width:17px;height:17px}.fulfilment-metric-icon.is-green{color:#04b948;background:#04dc5513}.fulfilment-metric-icon.is-blue{color:#00aeef;background:#00aeef12}.fulfilment-metric-icon.is-navy{color:#162c45;background:#162c4511}.fulfilment-metric-card>div:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.fulfilment-metric-card span{color:#8a99a6;font-family:Inter,sans-serif;font-size:7px;font-weight:700;line-height:1}.fulfilment-metric-card strong{color:#162c45;letter-spacing:-.025em;white-space:nowrap;text-overflow:ellipsis;font-family:Poppins,Inter,sans-serif;font-size:16px;font-weight:800;line-height:1.1;overflow:hidden}.fulfilment-metric-card small{color:#a0adb8;white-space:nowrap;font-family:Inter,sans-serif;font-size:6.5px;font-weight:500}.fulfilment-period{margin-top:23px}.fulfilment-period-heading{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.fulfilment-section-kicker{color:#078ebc;letter-spacing:.13em;margin-bottom:5px;font-family:Inter,sans-serif;font-size:6.5px;font-weight:800;display:block}.fulfilment-period h2,.fulfilment-table-header h2{color:#162c45;letter-spacing:-.025em;margin:0;font-family:Poppins,Inter,sans-serif;font-size:16px;font-weight:800}.fulfilment-period-values{align-items:center;gap:7px;display:flex}.fulfilment-period-values span{color:#8493a0;background:#fff;border:1px solid #e4ebf0;border-radius:7px;padding:6px 9px;font-family:Inter,sans-serif;font-size:7px;font-weight:600}.fulfilment-period-values strong{color:#162c45;margin-left:4px;font-size:8px}.fulfilment-controls{align-items:center;gap:8px;margin-top:11px;margin-bottom:12px;display:flex}.fulfilment-search{background:#fff;border:1px solid #dfe7ed;border-radius:9px;flex:1;align-items:center;gap:8px;min-width:220px;height:39px;padding:0 10px;transition:border-color .16s,box-shadow .16s;display:flex;position:relative}.fulfilment-search:focus-within{border-color:#078ebc4d;box-shadow:0 0 0 3px #078ebc0e}.fulfilment-search>svg{color:#91a0ad;flex:0 0 14px;width:14px;height:14px}.fulfilment-search input{color:#162c45;background:0 0;border:0;outline:0;width:100%;font-family:Inter,sans-serif;font-size:9px;font-weight:500}.fulfilment-search input::placeholder{color:#a4b0ba}.fulfilment-search button{color:#66798a;cursor:pointer;background:#eef3f6;border:0;border-radius:50%;flex:0 0 20px;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:14px;display:flex}.fulfilment-filter{color:#7c8d9c;background:#fff;border:1px solid #dfe7ed;border-radius:9px;align-items:center;gap:7px;min-width:180px;height:39px;padding:0 9px;display:flex;position:relative}.fulfilment-filter>svg:first-child{width:13px;height:13px}.fulfilment-filter>svg:last-child{pointer-events:none;width:11px;height:11px;margin-left:auto}.fulfilment-filter select{appearance:none;color:#52687b;cursor:pointer;background:0 0;border:0;outline:0;width:100%;min-width:0;font-family:Inter,sans-serif;font-size:8px;font-weight:600}.fulfilment-refresh{color:#52687b;cursor:pointer;background:#fff;border:1px solid #dfe7ed;border-radius:9px;align-items:center;gap:6px;height:39px;padding:0 12px;font-family:Inter,sans-serif;font-size:8px;font-weight:700;transition:color .16s,border-color .16s,background .16s;display:flex}.fulfilment-refresh:hover:not(:disabled){color:#078ebc;background:#078ebc09;border-color:#078ebc33}.fulfilment-refresh:disabled{cursor:wait;opacity:.65}.fulfilment-refresh svg{width:13px;height:13px}.fulfilment-refresh svg.is-spinning{animation:.8s linear infinite fulfilmentSpin}@keyframes fulfilmentSpin{to{transform:rotate(360deg)}}.fulfilment-table-card{background:#fff;border:1px solid #e1e8ee;border-radius:14px;overflow:hidden;box-shadow:0 8px 26px #162c4509}.fulfilment-table-header{border-bottom:1px solid #edf1f4;justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:14px 17px;display:flex}.fulfilment-table-header p{color:#98a5b0;margin:4px 0 0;font-family:Inter,sans-serif;font-size:7px;font-weight:500}.fulfilment-complete-badge{color:#04a943;letter-spacing:.05em;background:#04dc550b;border:1px solid #04dc5524;border-radius:7px;align-items:center;gap:5px;padding:6px 8px;font-family:Inter,sans-serif;font-size:6.5px;font-weight:800;display:inline-flex}.fulfilment-complete-badge svg{width:11px;height:11px}.fulfilment-table-wrap{width:100%;overflow-x:auto}.fulfilment-table{border-collapse:collapse;width:100%;min-width:880px}.fulfilment-table th{color:#94a2ae;text-align:left;text-transform:uppercase;letter-spacing:.075em;background:#fbfcfd;border-bottom:1px solid #edf1f4;padding:9px 13px;font-family:Inter,sans-serif;font-size:6.5px;font-weight:800}.fulfilment-table td{vertical-align:middle;border-bottom:1px solid #f0f3f5;padding:10px 13px}.fulfilment-table tbody tr{transition:background .15s}.fulfilment-table tbody tr:hover{background:#078ebc05}.fulfilment-table tbody tr:last-child td{border-bottom:0}.fulfilment-order-cell,.fulfilment-customer-cell{align-items:center;gap:8px;display:flex}.fulfilment-order-icon{color:#078ebc;background:#078ebc11;border-radius:8px;flex:0 0 29px;justify-content:center;align-items:center;width:29px;height:29px;display:flex}.fulfilment-order-icon svg{width:13px;height:13px}.fulfilment-order-cell>div,.fulfilment-customer-cell>div{flex-direction:column;gap:3px;min-width:0;display:flex}.fulfilment-order-cell strong,.fulfilment-customer-cell strong{color:#263f56;white-space:nowrap;font-family:Inter,sans-serif;font-size:8px;font-weight:750;line-height:1.1}.fulfilment-order-cell small,.fulfilment-customer-cell small{color:#9aa7b2;white-space:nowrap;text-overflow:ellipsis;max-width:155px;font-family:Inter,sans-serif;font-size:6.5px;font-weight:500;line-height:1.1;overflow:hidden}.fulfilment-avatar{color:#162c45;background:linear-gradient(145deg,#00aeef1c,#04dc5517);border:1px solid #078ebc1a;border-radius:50%;flex:0 0 29px;justify-content:center;align-items:center;width:29px;height:29px;font-family:Poppins,Inter,sans-serif;font-size:7px;font-weight:800;display:flex}.fulfilment-service{color:#607487;white-space:nowrap;text-overflow:ellipsis;max-width:175px;font-family:Inter,sans-serif;font-size:8px;font-weight:600;line-height:1.3;display:inline-block;overflow:hidden}.fulfilment-date{flex-direction:column;gap:3px;display:flex}.fulfilment-date strong{color:#52687b;font-family:Inter,sans-serif;font-size:8px;font-weight:650}.fulfilment-date small{color:#9ca9b4;font-family:Inter,sans-serif;font-size:6.5px}.fulfilment-amount{color:#162c45;white-space:nowrap;font-family:Poppins,Inter,sans-serif;font-size:9px;font-weight:800}.fulfilment-status{color:#04a943;background:#04dc550b;border:1px solid #04dc5521;border-radius:999px;align-items:center;gap:5px;padding:5px 7px;font-family:Inter,sans-serif;font-size:6.5px;font-weight:800;display:inline-flex}.fulfilment-status>span{background:#04dc55;border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 2px #04dc5514}.fulfilment-open{color:#078ebc;background:#078ebc09;border:1px solid #078ebc1a;border-radius:7px;align-items:center;gap:4px;padding:5px 7px;font-family:Inter,sans-serif;font-size:7px;font-weight:750;text-decoration:none;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.fulfilment-open svg{width:10px;height:10px}.fulfilment-open:hover{background:#078ebc14;border-color:#078ebc2e;transform:translateY(-1px)}.fulfilment-loading{color:#8b9aa7;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:280px;font-family:Inter,sans-serif;font-size:8px;font-weight:600;display:flex}.fulfilment-loader{border:2px solid #e5edf2;border-top-color:#078ebc;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite fulfilmentSpin}.fulfilment-error{justify-content:center;align-items:center;gap:25px;min-height:230px;padding:30px;display:flex}.fulfilment-error strong{color:#162c45;font-family:Poppins,Inter,sans-serif;font-size:12px;font-weight:800}.fulfilment-error p{color:#8b9aa7;margin:5px 0 0;font-family:Inter,sans-serif;font-size:8px}.fulfilment-error button,.fulfilment-empty button{color:#078ebc;cursor:pointer;background:#078ebc0d;border:1px solid #078ebc29;border-radius:8px;height:34px;padding:0 12px;font-family:Inter,sans-serif;font-size:8px;font-weight:750}.fulfilment-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:30px;display:flex}.fulfilment-empty-icon{color:#078ebc;background:#078ebc0e;border:1px solid #078ebc14;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:12px;display:flex}.fulfilment-empty-icon svg{width:21px;height:21px}.fulfilment-empty h3{color:#162c45;margin:0;font-family:Poppins,Inter,sans-serif;font-size:13px;font-weight:800}.fulfilment-empty p{color:#91a0ac;max-width:340px;margin:6px 0 14px;font-family:Inter,sans-serif;font-size:8px;line-height:1.5}.fulfilment-mobile-list{display:none}@media (max-width:1100px){.fulfilment-hero{padding:27px}.fulfilment-hero-visual{opacity:.65;right:5px}.fulfilment-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.fulfilment-title-row p{max-width:520px}}@media (max-width:760px){.fulfilment-hero{border-radius:14px;min-height:auto;padding:23px 20px}.fulfilment-title-row{flex-direction:column;align-items:flex-start;gap:15px}.fulfilment-title-row h1{font-size:27px}.fulfilment-title-row p{max-width:100%;font-size:9px}.fulfilment-hero-mark{min-width:0}.fulfilment-hero-visual{opacity:.3;width:170px;height:170px;top:35px;right:-45px}.fulfilment-orbit-one{width:160px;height:160px}.fulfilment-orbit-two{width:115px;height:115px}.fulfilment-orbit-three{width:72px;height:72px}.fulfilment-core{border-radius:14px;width:47px;height:47px}.fulfilment-core svg{width:21px;height:21px}.fulfilment-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.fulfilment-metric-card{min-height:88px;padding:10px}.fulfilment-metric-icon{flex-basis:32px;width:32px;height:32px}.fulfilment-metric-card strong{font-size:13px}.fulfilment-period-heading{flex-direction:column;align-items:flex-start}.fulfilment-period-values{width:100%;padding-bottom:2px;overflow-x:auto}.fulfilment-controls{flex-direction:column;align-items:stretch}.fulfilment-search,.fulfilment-filter,.fulfilment-refresh{width:100%}.fulfilment-table{display:none}.fulfilment-mobile-list{flex-direction:column;gap:8px;padding:10px;display:flex}.fulfilment-mobile-card{background:#fff;border:1px solid #e5ebef;border-radius:11px;padding:12px}.fulfilment-mobile-card-top,.fulfilment-mobile-bottom{justify-content:space-between;align-items:center;gap:10px;display:flex}.fulfilment-mobile-customer{border-top:1px solid #f0f3f5;border-bottom:1px solid #f0f3f5;align-items:center;gap:8px;margin-top:12px;padding:10px 0;display:flex}.fulfilment-mobile-customer>div{flex-direction:column;gap:3px;min-width:0;display:flex}.fulfilment-mobile-customer strong{color:#263f56;font-family:Inter,sans-serif;font-size:8px}.fulfilment-mobile-customer small{color:#98a6b1;white-space:nowrap;text-overflow:ellipsis;font-family:Inter,sans-serif;font-size:7px;overflow:hidden}.fulfilment-mobile-bottom{padding-top:10px}.fulfilment-mobile-bottom>strong{color:#162c45;font-family:Poppins,Inter,sans-serif;font-size:10px;font-weight:800}.fulfilment-table-header{padding:13px}.fulfilment-complete-badge{display:none}}@media (max-width:430px){.fulfilment-metrics{grid-template-columns:1fr}.fulfilment-metric-card{min-height:76px}.fulfilment-period-values span{white-space:nowrap}.fulfilment-hero-mark{width:100%}}@media (prefers-reduced-motion:reduce){.fulfilment-metric-card,.fulfilment-open,.fulfilment-refresh{transition:none}.fulfilment-orbit-one,.fulfilment-orbit-two,.fulfilment-orbit-three,.fulfilment-loader,.fulfilment-refresh svg.is-spinning{animation:none}}