.orders-page{height:calc(100dvh - var(--nav-height) - env(safe-area-inset-bottom,0px));background:var(--bg-1);flex-direction:column;padding-top:0;display:flex;position:relative;overflow:hidden}.orders-header-toggle{justify-content:center;align-items:center;gap:14px;width:100%;display:inline-flex}.orders-header-toggle-btn{color:var(--text-2);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:8px;min-height:32px;padding:2px 0;font-size:22px;font-weight:800;line-height:1;transition:color .2s;display:inline-flex;position:relative}.orders-header-toggle-btn.active{color:var(--primary)}.orders-header-toggle-btn--seller:before,.orders-header-toggle-btn--buyer:after{content:"";background:var(--primary);width:12px;height:12px;box-shadow:0 0 0 2px color-mix(in srgb,var(--primary)24%,transparent);opacity:0;border-radius:999px;transition:opacity .2s}.orders-header-toggle-btn--seller:before{order:-1}.orders-header-toggle-btn--buyer:after{order:2}.orders-header-toggle-btn--seller.active:before,.orders-header-toggle-btn--buyer.active:after{opacity:1}.orders-content{padding-left:12px;padding-right:12px;padding-bottom:calc(16px + 56px + env(safe-area-inset-bottom,0px));display:block}.orders-content.orders-content--archived{padding-top:0}.orders-content>*{margin-top:0}.orders-content>:first-child{margin-top:0!important;padding-top:0!important}.orders-section{margin-top:8px}.orders-toolbar{border-bottom:1px solid var(--alternative);background:0 0;gap:8px;width:100%;margin:0;padding:0;display:grid}.orders-role-tabs{border-bottom:1px solid var(--alternative);background-color:var(--bg-1);background:linear-gradient(180deg,color-mix(in srgb,var(--bg-1)75%,var(--bg-1))35%,color-mix(in srgb,var(--accent-1)70%,var(--bg-1))100%);width:100%;min-height:46px;left:0;right:0;bottom:calc(var(--nav-height) + env(safe-area-inset-bottom,0px) + 6px);z-index:60;justify-content:center;margin:0;padding:0;display:flex;position:fixed}.orders-role-tab{text-align:center;color:var(--text-2);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;padding:10px 12px;font-size:14px;font-weight:600;line-height:1.2;position:relative;bottom:-1px}.orders-role-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.orders-status-tabs{scrollbar-width:none;background:0 0;border-top:none;border-bottom:none;justify-content:center;align-items:center;gap:20px;margin-bottom:0;padding:2px 10px 3px;overflow-x:auto}.orders-status-tabs::-webkit-scrollbar{display:none}.orders-filter-tabs{scrollbar-width:none;background:color-mix(in srgb,var(--bg-2)92%,var(--bg-1));flex-wrap:nowrap;gap:6px;margin-top:0;padding:3px 10px 6px;display:flex;overflow-x:auto}.orders-filter-tabs::-webkit-scrollbar{display:none}.orders-filter-btn{border:1px solid color-mix(in srgb,var(--alternative)76%,transparent);color:var(--text-2);white-space:nowrap;background:0 0;border-radius:999px;flex:none;justify-content:center;align-items:center;min-height:32px;padding:5px 11px;font-size:15px;font-weight:600;transition:border-color .14s,background-color .14s,color .14s;display:inline-flex}.orders-filter-btn.active{border-color:color-mix(in srgb,var(--primary)45%,var(--alternative));background:color-mix(in srgb,var(--primary)14%,var(--bg-1));color:var(--primary)}.orders-status-tabs .sub-tab-button{border:2px solid var(--alternative);background:var(--bg-2);color:var(--text-2);min-width:92px;min-height:0;font-size:var(--font-size-label);text-align:center;border-radius:999px;flex:none;justify-content:center;padding:6px 10px;font-weight:600;transition:all .3s}.orders-status-tabs .sub-tab-button.active{background:var(--primary);border-color:var(--primary);color:var(--bg-2)}.orders-status-tabs .sub-tab-button:hover,.orders-filter-btn:hover{border-color:color-mix(in srgb,var(--primary)32%,var(--alternative))}.orders-grid{align-content:start;align-items:start;gap:8px;margin-top:0;display:grid}.order-card{border:1px solid var(--alternative);background:var(--bg-2);border-radius:12px;gap:10px;padding:10px;display:grid;position:relative}.order-card--has-unread{border-color:color-mix(in srgb,var(--chat-badge-private-border,#93c5fd)62%,var(--primary));box-shadow:0 0 0 2px color-mix(in srgb,var(--chat-badge-private-border,#93c5fd)26%,transparent)}.order-card-unread-badge{color:#fff;background:var(--primary);border:1px solid color-mix(in srgb,var(--primary)70%,#000);z-index:2;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 7px;font-size:11px;font-weight:700;line-height:1;display:inline-flex;position:absolute;top:8px;right:8px}.order-card--interactive{cursor:pointer;transition:border-color .16s,box-shadow .16s}.order-card--interactive:hover{border-color:color-mix(in srgb,var(--primary)45%,var(--alternative));box-shadow:0 4px 12px #00000014}.order-card--interactive:focus-visible{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary)26%,transparent);outline:none}.order-card-head{grid-template-columns:auto 1fr;grid-template-areas:"title hurdle""media hurdle";align-items:start;gap:8px 10px;display:grid}.order-card-image{object-fit:cover;border:1px solid var(--alternative);background:var(--bg-1);border-radius:8px;width:68px;height:68px}.order-card-image-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;flex:0 0 68px;width:68px;height:68px;padding:0;overflow:hidden}.order-card-image-btn--chat{border:2px solid var(--alternative);background:var(--bg-1);justify-content:center;align-items:center;display:flex}.order-card-image-btn--chat-product{border-color:var(--chat-badge-product-border,#6aac74);border-radius:12px;flex:0 0 48px;width:48px;height:48px}.order-card-image-btn--chat-order{border-color:var(--chat-badge-order-border,#c4afda);border-radius:26px 26px 12px 12px;flex:0 0 40px;width:40px;height:50px;margin-left:4px;margin-right:4px}.order-card-image-btn--chat-request{border-color:var(--chat-badge-request-border,#d97706);border-radius:26px 26px 12px 12px;flex:0 0 40px;width:40px;height:50px;margin-left:4px;margin-right:4px}.order-card-body-row{display:contents}.order-card-media-col{grid-area:media;align-items:flex-end;gap:8px;display:flex}.order-card-image-btn--disabled{cursor:default}.order-card-image--chat{object-fit:cover;object-position:center center;border:0;border-radius:0;width:100%;height:100%}.order-card-title{font-size:var(--font-size-body);-webkit-line-clamp:2;line-clamp:2;color:var(--text-1);-webkit-box-orient:vertical;grid-area:title;margin:0;line-height:1.3;display:-webkit-box;overflow:hidden}.order-card-title--inline{grid-area:auto;display:none}.order-card-meta{color:var(--text-2);font-size:var(--font-size-caption);margin:6px 0 0;line-height:1.45}.order-chip-row{flex-wrap:nowrap;grid-area:hurdle;justify-content:flex-end;align-self:start;align-items:stretch;gap:0;min-height:0;margin-top:0;display:flex}.hurdle-flow{--hurdle-level:1;--hurdle-first-lift:0px;--hurdle-width:320px;width:min(100%,var(--hurdle-width));max-width:min(100%,var(--hurdle-width));background:0 0;border:none;border-radius:0;flex:none;place-self:start end;min-width:0;min-height:134px;margin:0;position:relative;overflow:visible}.hurdle-owner{text-align:center;color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;font-size:11px;font-weight:600;line-height:1.1;position:absolute;left:22px;right:22px;overflow:hidden}.hurdle-owner--bottom{bottom:0}.hurdle-owner--top-right{text-align:right;max-width:60%;top:12px;left:auto;right:25px}.hurdle-post{background:color-mix(in srgb,var(--primary)42%,var(--alternative));border-radius:2px;width:4px;height:120px;position:absolute;top:6px;bottom:auto}.hurdle-post:after{content:"";background:color-mix(in srgb,var(--primary)36%,var(--alternative));border-radius:3px;width:16px;height:3px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.hurdle-post-left{left:16px}.hurdle-post-right{right:16px}.hurdle-bar{left:22px;right:22px;bottom:calc(9px + (var(--hurdle-level) - 1)*14px + var(--hurdle-first-lift));border:1px solid color-mix(in srgb,var(--primary)45%,var(--alternative));background:color-mix(in srgb,var(--bg-2)92%,#fff);min-height:14px;color:var(--primary);letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;border-radius:999px;justify-content:center;align-items:center;padding:0 9px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;overflow:hidden}.hurdle-flow.is-failed .hurdle-post-right{transform-origin:bottom;opacity:.68;transform:rotate(58deg)translate(7px,5px)}.hurdle-flow.is-cancelled .hurdle-post-right{transform-origin:100% 100%;opacity:.74;z-index:1;width:138px;height:4px;inset:auto 24px 7px auto;transform:none}.hurdle-flow.is-cancelled .hurdle-post-right:after{width:4px;height:14px;display:block;bottom:0;left:auto;right:0;transform:translate(50%,44%)}.hurdle-flow.is-cancelled .hurdle-post-left,.hurdle-flow.is-cancelled .hurdle-post-right{z-index:2}.hurdle-flow.is-cancelled .hurdle-bar{transform-origin:100%;z-index:1;bottom:36px;transform:rotate(-9deg)}.hurdle-flow.is-failed .hurdle-post-left{opacity:.8}.hurdle-flow.is-failed .hurdle-bar{border-color:color-mix(in srgb,var(--danger)48%,var(--alternative));background:color-mix(in srgb,var(--danger)14%,var(--bg-1));color:var(--danger);bottom:9px;transform:rotate(-10deg)}.hurdle-flow.is-failed.is-cancelled .hurdle-post-right{transform-origin:100% 100%;opacity:.74;z-index:1;width:138px;height:4px;inset:auto 24px 7px auto;transform:none}.hurdle-flow.is-failed.is-cancelled .hurdle-post-right:after{width:4px;height:14px;display:block;bottom:0;left:auto;right:0;transform:translate(50%,44%)}.hurdle-flow.is-failed.is-cancelled .hurdle-post-left,.hurdle-flow.is-failed.is-cancelled .hurdle-post-right{z-index:2}.hurdle-flow.is-failed.is-cancelled .hurdle-bar{transform-origin:100%;z-index:1;bottom:36px;transform:rotate(-9deg)}@media (min-width:421px){.order-card-head{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"media hurdle";align-items:center}.order-card-title--stacked{display:none}.order-card-media-col{grid-template:"image title""image chat"/68px minmax(0,1fr);align-items:center;gap:8px 12px;min-width:0;display:grid}.order-card-image-btn,.order-card-image-btn--disabled{grid-area:image;align-self:center}.order-card-title--inline{grid-area:title;align-self:center;min-width:0;margin:0;display:-webkit-box}.order-card-chat-icon{grid-area:chat;place-self:start}.order-chip-row{justify-self:end;width:320px}.hurdle-flow{width:100%;min-width:100%;max-width:100%}}@media (min-width:1024px){.orders-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}@media (max-width:420px){.hurdle-flow{--hurdle-width:212px;width:100%;min-width:100%;max-width:100%}.order-card-head{grid-template-columns:minmax(0,1fr) 212px;grid-template-areas:"title hurdle""media hurdle";column-gap:8px}.order-card-media-col{flex-wrap:wrap;align-items:flex-start;gap:6px;width:68px}.order-card-image-btn--chat-product{flex:0 0 68px;width:68px;height:68px}.order-card-chat-icon{flex:0 0 100%;margin-left:auto;margin-right:auto}.order-chip-row{justify-self:end;width:212px}.order-card-title{min-width:0}}.order-card-chat-icon{border:1px solid color-mix(in srgb,var(--alternative)88%,transparent);background:color-mix(in srgb,var(--bg-1)92%,var(--bg-2));width:34px;height:34px;color:var(--primary);cursor:pointer;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.order-card-chat-icon:disabled{opacity:.5;cursor:not-allowed}.orders-header-actions{align-items:center;gap:8px;display:inline-flex;position:relative}.orders-activity-bell{border:1px solid var(--alternative);background:var(--bg-2);width:40px;height:40px;color:var(--primary);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:relative}.orders-activity-bell-count{color:#fff;background:var(--primary);border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;top:-2px;right:-2px}.orders-activity-menu{background:var(--bg-2);border:1px solid var(--alternative);z-index:20;border-radius:12px;width:min(92vw,320px);position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 24px #0000001f}.orders-activity-menu-header{border-bottom:1px solid color-mix(in srgb,var(--alternative)70%,transparent);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.orders-activity-menu-close{cursor:pointer;background:0 0;border:0;font-size:16px}.orders-activity-list{gap:6px;padding:8px;display:grid}.orders-activity-item{border:1px solid color-mix(in srgb,var(--alternative)70%,transparent);background:var(--bg-2);text-align:left;cursor:pointer;border-radius:10px;gap:4px;padding:10px;display:grid;position:relative}.orders-activity-item-title{color:var(--text-primary,var(--primary));font-weight:700}.orders-activity-item-meta{color:var(--text-secondary,#6b7280);font-size:12px}.orders-activity-item-badge{color:#fff;background:var(--primary);border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;top:8px;right:8px}.orders-activity-empty{color:var(--text-secondary,#6b7280);padding:16px 12px;font-size:14px}.order-chip{border:1px solid var(--alternative);background:var(--bg-1);color:var(--text-2);border-radius:999px;padding:3px 7px;font-size:10px;font-weight:600}.order-chip.role-buyer{border-color:color-mix(in srgb,var(--secondary)35%,transparent);color:var(--secondary)}.order-chip.role-seller,.order-chip.state-active{border-color:color-mix(in srgb,var(--primary)35%,transparent);color:var(--primary)}.order-chip.state-done{color:#2e6a3a;border-color:#4f8a5b73}.order-chip.state-cancelled{border-color:color-mix(in srgb,var(--danger)45%,transparent);color:var(--danger)}.orders-empty{text-align:center;min-height:220px;color:var(--text-2);border:1px dashed var(--alternative);background:color-mix(in srgb,var(--bg-2)76%,var(--bg-1));border-radius:14px;place-items:center;padding:20px;display:grid}