.storage-page{max-width:680px;padding:var(--size-4) var(--size-4) var(--size-8);margin:0 auto}.storage-section{margin-bottom:var(--size-7)}.section-title{margin-bottom:var(--size-3);align-items:center;gap:var(--size-2);color:var(--pico-h2-color,inherit);font-size:1rem;font-weight:700;display:flex}.section-badge{color:#fff;background:#f44336;border-radius:99px;padding:1px 7px;font-size:.72rem;font-weight:700}.section-link{margin-left:auto;font-size:.8rem;font-weight:500}.muted-text{color:var(--pico-muted-color);font-size:.9rem}.stats-grid{gap:var(--size-3);grid-template-columns:repeat(auto-fill,minmax(110px,1fr));display:grid}.stat-card{align-items:center;gap:var(--size-2);background:var(--pico-card-background-color);border:1px solid var(--pico-muted-border-color);border-radius:var(--pico-border-radius);padding:var(--size-3) var(--size-3);cursor:default;display:flex}.stat-icon{font-size:1.5rem;line-height:1}.stat-value{font-size:1.4rem;font-weight:800;line-height:1}.stat-label{color:var(--pico-muted-color);margin-top:2px;font-size:.72rem}.action-grid{gap:var(--size-3);grid-template-columns:repeat(auto-fill,minmax(130px,1fr));display:grid}.action-btn{align-items:center;gap:var(--size-2);padding:var(--size-4) var(--size-3);background:var(--pico-card-background-color);border:1px solid var(--pico-muted-border-color);border-radius:var(--pico-border-radius);cursor:pointer;text-align:center;color:inherit;flex-direction:column;font-size:.82rem;font-weight:600;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.action-btn:hover{border-color:var(--pico-primary);background:color-mix(in srgb, var(--pico-primary) 6%, var(--pico-card-background-color))}.action-icon{font-size:1.6rem}.preview-row{align-items:center;gap:var(--size-3);padding:var(--size-2) 0;border-bottom:1px solid var(--pico-muted-border-color);color:inherit;text-decoration:none;display:flex}.preview-row:last-child{border-bottom:none}.preview-thumb{border-radius:var(--radius-md,6px);background:var(--pico-muted-border-color);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.4rem;display:flex;overflow:hidden}.preview-thumb img{object-fit:cover;width:100%;height:100%}.preview-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.preview-title{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.preview-sub{color:var(--pico-muted-color);font-size:.75rem}.qty-badge{white-space:nowrap;border-radius:99px;flex-shrink:0;padding:2px 8px;font-size:.75rem;font-weight:700}.qty-zero{color:#f44336;background:#f4433626}.qty-low{color:#ff9800;background:#ff980026}.container-grid{gap:var(--size-3);grid-template-columns:repeat(auto-fill,minmax(100px,1fr));display:grid}.container-card{align-items:center;gap:var(--size-2);padding:var(--size-3);background:var(--pico-card-background-color);border:1px solid var(--pico-muted-border-color);border-radius:var(--pico-border-radius);color:inherit;text-align:center;flex-direction:column;font-size:.8rem;font-weight:600;text-decoration:none;transition:border-color .15s;display:flex}.container-card:hover{border-color:var(--pico-primary)}.container-card-thumb{border-radius:var(--radius-md,6px);background:var(--pico-muted-border-color);justify-content:center;align-items:center;width:52px;height:52px;font-size:1.8rem;display:flex;overflow:hidden}.container-card-thumb img{object-fit:cover;width:100%;height:100%}.container-card-name{white-space:nowrap;text-overflow:ellipsis;width:100%;overflow:hidden}.container-card-sub{color:var(--pico-muted-color);font-size:.7rem;font-weight:400}.recent-items-row{gap:var(--size-3);padding-bottom:var(--size-2);flex-direction:row;display:flex;overflow-x:auto}.recent-item-card{align-items:center;gap:var(--size-1);width:90px;color:inherit;text-align:center;flex-direction:column;flex-shrink:0;text-decoration:none;display:flex}.recent-item-thumb{border-radius:var(--pico-border-radius);background:var(--pico-muted-border-color);flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-size:2rem;display:flex;overflow:hidden}.recent-item-thumb img{object-fit:cover;width:100%;height:100%}.recent-item-name{white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:.75rem;font-weight:600;overflow:hidden}
