.fulfill-hero{min-height:165px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 34px;border-radius:24px;background:radial-gradient(circle at 82% 5%,#5edac95c,transparent 27%),linear-gradient(125deg,#092f69,#155eb9 70%,#1b9b9e);color:#fff;box-shadow:0 18px 45px #123c7520}.fulfill-hero>div>span{font-size:10px;font-weight:800;letter-spacing:.18em;color:#6fe1d1}.fulfill-hero h3{margin:7px 0;font-size:27px}.fulfill-hero p{margin:0;color:#d9e8f8}.fulfill-summary{display:flex;overflow:hidden;border:1px solid #ffffff2e;border-radius:17px;background:#ffffff12;backdrop-filter:blur(9px)}.fulfill-summary div{min-width:100px;padding:17px 20px;text-align:center;border-right:1px solid #ffffff24}.fulfill-summary div:last-child{border:0}.fulfill-summary strong,.fulfill-summary small{display:block}.fulfill-summary strong{font-size:25px}.fulfill-summary small{margin-top:3px;color:#d7e6f7}.fulfill-head{display:flex;align-items:end;justify-content:space-between;margin:27px 2px 13px}.fulfill-head h3{margin:0;font-size:20px}.fulfill-head p,.fulfill-head>span{margin:5px 0 0;color:var(--muted);font-size:12px}.fulfill-list{display:grid;gap:12px}.fulfill-card{display:grid;grid-template-columns:124px 1fr auto;align-items:stretch;overflow:hidden;min-height:132px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 8px 25px #16375d0a}.fulfill-card>img{width:124px;height:100%;min-height:132px;object-fit:cover}.fulfill-info{padding:17px 20px}.fulfill-info>div:first-child{display:flex;align-items:center;gap:10px}.fulfill-info>div:first-child small{color:#8996a6}.fulfill-info h3{margin:10px 0 5px;font-size:17px}.fulfill-info>p{margin:0;color:var(--muted);font-size:13px}.fulfill-meta{display:flex;gap:18px;margin-top:13px;color:#5e7085;font-size:12px}.fulfill-meta span:first-child{color:var(--blue);font-weight:800}.fulfill-action{min-width:210px;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:20px;border-left:1px solid var(--line);background:#fbfcfe}.fulfill-action .done-mark{color:#178271;font-weight:700}.fulfill-action>small{color:var(--muted)}.fulfill-empty{min-height:230px;display:grid;place-items:center;align-content:center;border:1px dashed #cbd8e6;border-radius:18px;background:#fff;text-align:center;color:var(--muted)}.fulfill-empty>span{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#eaf8f5;color:#168371;font-size:20px}.fulfill-empty h3{margin:13px 0 4px;color:var(--ink)}.fulfill-empty p{margin:0;font-size:12px}@media(max-width:850px){.fulfill-hero{align-items:flex-start;flex-direction:column}.fulfill-card{grid-template-columns:96px 1fr}.fulfill-card>img{width:96px}.fulfill-action{grid-column:1/-1;min-width:0;border-top:1px solid var(--line);border-left:0}.fulfill-summary{width:100%}.fulfill-summary div{flex:1;min-width:0}}@media(max-width:560px){.fulfill-summary div{padding:13px 8px}.fulfill-card{grid-template-columns:76px 1fr}.fulfill-card>img{width:76px}.fulfill-action{justify-content:stretch}.fulfill-action button{flex:1}}