.split-pane{flex-direction:row;width:100%;height:100%;display:flex;position:relative;overflow:hidden}@media (width>=769px){.split-pane{grid-template-columns:340px 1fr;gap:0;display:grid}}.split-pane.detail-open{grid-template-columns:340px 1fr;gap:0;display:grid}@media (width<=768px){.split-pane.detail-open{grid-template-columns:1fr;height:auto}.split-pane .detail-pane{display:none}.split-pane.detail-open .detail-pane{display:block}.split-pane.detail-open .list-pane{display:none}}.list-pane{border-right:1px solid var(--pico-muted-border-color);flex-direction:column;height:100%;display:flex;overflow-y:auto}.detail-pane{padding:var(--size-6);height:100%;padding-bottom:120px;display:none;position:relative;overflow-y:auto}.split-pane.detail-open .detail-pane{display:block}.detail-view{height:auto;min-height:100%;overflow:visible}.page-header{padding:var(--size-4) var(--size-4) var(--size-3);border-bottom:1px solid var(--pico-muted-border-color);background:var(--pico-background-color);z-index:10;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.page-header h1{font-size:var(--scale-2);font-weight:var(--weight-bold);letter-spacing:var(--letter-xs);margin:0}.view-toggle{background:var(--pico-card-background-color);border-radius:var(--radius-full);border:1px solid var(--pico-card-border-color);padding:2px;display:flex}.view-btn{cursor:pointer;border-radius:var(--radius-full);color:var(--pico-muted-color);background:0 0;border:none;justify-content:center;align-items:center;padding:4px 12px;display:flex}.view-btn svg{width:16px;height:16px}.view-btn.active{background:var(--pico-form-element-background-color);color:var(--pico-primary);box-shadow:var(--shadow-sm)}.filters-row{gap:var(--size-2);padding:var(--size-2) var(--size-4);border-bottom:1px solid var(--pico-muted-border-color);background:var(--pico-background-color);z-index:9;flex-wrap:wrap;align-items:center;display:flex;position:sticky;top:0}.filters-row input[type=search]{min-width:120px;padding:var(--size-1) var(--size-3);font-size:var(--scale-00);border-radius:var(--radius-full);border:1px solid var(--pico-form-element-border-color);background:var(--pico-form-element-background-color);flex:1;height:auto;margin:0}.filters-row select{padding:var(--size-1) var(--size-3);font-size:var(--scale-00);border-radius:var(--radius-md);min-width:100px;height:auto;margin:0}.list-items{flex:1;overflow-y:auto}.list-item{align-items:center;gap:var(--size-4);padding:var(--size-4) var(--size-5);border-bottom:1px solid var(--pico-muted-border-color);cursor:pointer;transition:all .3s var(--ease-out-cubic);color:inherit;flex-shrink:0;min-height:80px;text-decoration:none;display:flex;position:relative}.list-item.selected{background:color-mix(in srgb, var(--pico-primary) 8%, transparent);border-left:3px solid var(--pico-primary)}.list-item-thumb{border-radius:var(--radius-md);object-fit:cover;background:var(--pico-card-sectioning-background-color);flex-shrink:0;width:48px;height:48px}.list-item-thumb-placeholder{border-radius:var(--radius-md);background:var(--pico-card-sectioning-background-color);width:48px;height:48px;font-size:var(--scale-3);flex-shrink:0;justify-content:center;align-items:center;display:flex}.list-item-info{flex:1;min-width:0}.list-item-title{font-size:var(--scale-0);font-weight:var(--weight-medium);white-space:normal;overflow-wrap:break-word;color:var(--pico-color);margin:0}.list-item-subtitle{font-size:var(--scale-00);color:var(--pico-muted-color);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;overflow:hidden}.section-title{margin:0 0 var(--size-3) 0;font-size:var(--scale-000);font-weight:var(--weight-semibold);letter-spacing:var(--letter-lg);color:var(--pico-muted-color);text-transform:uppercase}.section-header{padding:var(--size-2) var(--size-4);background:var(--pico-card-sectioning-background-color);border-bottom:1px solid var(--pico-muted-border-color);z-index:5;position:sticky;top:0}.badge{align-items:center;gap:var(--size-1);padding:2px var(--size-2);font-size:var(--scale-000);font-weight:var(--weight-medium);border-radius:var(--radius-sm);white-space:nowrap;display:inline-flex}.badge-primary{background:color-mix(in srgb, var(--pico-primary) 12%, transparent);color:var(--pico-primary)}.badge-muted{background:var(--pico-card-sectioning-background-color);color:var(--pico-muted-color)}.tag-chip{padding:2px var(--size-2);font-size:var(--scale-000);font-weight:var(--weight-medium);border-radius:var(--radius-full);background:color-mix(in srgb, var(--pico-primary) 8%, transparent);color:var(--pico-primary);border:1px solid color-mix(in srgb, var(--pico-primary) 20%, transparent);text-transform:lowercase;display:inline-block}.tags-row{gap:var(--size-1);margin-top:var(--size-1);flex-wrap:wrap;display:flex}.detail-header{margin-bottom:var(--size-5)}.detail-header h2{font-size:var(--scale-3);font-weight:var(--weight-bold);margin:0 0 var(--size-2) 0;letter-spacing:var(--letter-xs)}.detail-hero{object-fit:cover;border-radius:var(--radius-lg);width:100%;max-height:240px;margin-bottom:var(--size-4)}.empty-state{padding:var(--size-12) var(--size-6);color:var(--pico-muted-color);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state p{font-size:var(--scale-0);margin:0;font-style:italic}.actions-row{gap:var(--size-2);align-items:center;display:flex}.icon-btn{border-radius:var(--radius-md);border:1px solid var(--pico-muted-border-color);background:var(--pico-card-background-color);width:36px;height:36px;color:var(--pico-muted-color);cursor:pointer;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.icon-btn:hover{background:var(--pico-card-sectioning-background-color);color:var(--pico-primary);border-color:var(--pico-primary)}.qty-stepper{border:1px solid var(--pico-muted-border-color);border-radius:var(--radius-md);align-items:center;gap:0;display:inline-flex;overflow:hidden}.qty-stepper button{background:var(--pico-card-background-color);width:32px;height:32px;color:var(--pico-color);cursor:pointer;font-size:var(--scale-1);font-weight:var(--weight-bold);border:none;justify-content:center;align-items:center;margin:0;padding:0;transition:background .2s;display:flex}.qty-stepper button:hover{background:var(--pico-card-sectioning-background-color)}.qty-stepper .qty-value{text-align:center;width:36px;font-size:var(--scale-0);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;border-left:1px solid var(--pico-muted-border-color);border-right:1px solid var(--pico-muted-border-color);line-height:32px}.back-btn{align-items:center;gap:var(--size-1);color:var(--pico-primary);cursor:pointer;font-size:var(--scale-0);font-weight:var(--weight-medium);padding:var(--size-2) var(--size-4);background:0 0;border:none;margin:0;display:none}@media (width<=768px){.back-btn{display:flex}}.card{background:var(--pico-card-background-color);border:1px solid var(--pico-card-border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--size-5);margin-bottom:var(--size-4)}.check-item{align-items:center;gap:var(--size-3);padding:var(--size-3) var(--size-4);border-bottom:1px solid var(--pico-muted-border-color);transition:opacity .3s,background .2s;display:flex}.check-item.checked{opacity:.5}.check-item.checked .check-item-title{text-decoration:line-through}.check-item input[type=checkbox]{flex-shrink:0;margin:0}.check-item-title{font-size:var(--scale-0);font-weight:var(--weight-medium);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.list-group-header{z-index:5;background:var(--pico-background-color);padding:var(--size-2) var(--size-4);font-size:var(--scale-00);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--letter-sm);color:var(--pico-color);border-bottom:1px solid var(--pico-muted-border-color);border-top:1px solid var(--pico-muted-border-color);background-color:var(--pico-card-sectioning-background-color);position:sticky;top:0}.premium-gradient{background:linear-gradient(135deg, color-mix(in srgb, var(--pico-primary) 15%, transparent), color-mix(in srgb, var(--pico-primary) 5%, transparent))}.glass-morphism{backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a}.text-gradient{background:linear-gradient(to right, var(--pico-color), color-mix(in srgb, var(--pico-color) 70%, var(--pico-primary)));-webkit-text-fill-color:transparent;background-clip:text}.list-item{align-items:center;gap:var(--size-4);padding:var(--size-4) var(--size-5);border-bottom:1px solid var(--pico-muted-border-color);cursor:pointer;transition:all .3s var(--ease-out-cubic);color:inherit;text-decoration:none;display:flex;position:relative}.list-item:hover{background:color-mix(in srgb, var(--pico-primary) 4%, var(--pico-card-sectioning-background-color));padding-left:var(--size-6)}.list-item.selected{background:color-mix(in srgb, var(--pico-primary) 10%, transparent);box-shadow:inset 4px 0 0 var(--pico-primary)}.list-item-thumb{border-radius:var(--radius-lg);object-fit:cover;background:var(--pico-card-sectioning-background-color);width:56px;height:56px;box-shadow:var(--shadow-sm);flex-shrink:0;transition:transform .3s}.list-item:hover .list-item-thumb{transform:scale(1.05)}.section-header{padding:var(--size-3) var(--size-5);background:color-mix(in srgb, var(--pico-primary) 5%, var(--pico-card-sectioning-background-color));border-bottom:1px solid var(--pico-muted-border-color);z-index:5;backdrop-filter:blur(8px);position:sticky;top:0}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes pulse-subtle{0%{box-shadow:0 4px 12px rgba(var(--pico-primary-rgb), .3);transform:scale(1)}50%{box-shadow:0 6px 20px rgba(var(--pico-primary-rgb), .5);transform:scale(1.02)}to{box-shadow:0 4px 12px rgba(var(--pico-primary-rgb), .3);transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animated-list>*{animation:.4s cubic-bezier(.23,1,.32,1) both slideInRight}.animated-list>:first-child{animation-delay:50ms}.animated-list>:nth-child(2){animation-delay:.1s}.animated-list>:nth-child(3){animation-delay:.15s}.animated-list>:nth-child(4){animation-delay:.2s}.animated-list>:nth-child(5){animation-delay:.25s}.pulse-button{animation:3s ease-in-out infinite pulse-subtle}.skeleton-loading{border-radius:var(--radius-md);background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 50%,#ffffff0d 75%) 0 0/200% 100%;animation:1.5s linear infinite shimmer}.icon-btn:active{transform:scale(.9)}.qty-stepper button:active{background:var(--pico-primary);color:#fff}.list-item-thumb{background-image:radial-gradient(circle,#ffffff1a 0%,#0000 70%)}.detail-pane{background-image:radial-gradient(circle at top right, color-mix(in srgb, var(--pico-primary) 3%, transparent), transparent 400px), radial-gradient(circle at bottom left, color-mix(in srgb, var(--pico-primary) 2%, transparent), transparent 300px)}