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